theme: 以 feature/theme-remote-p0 内容整体替换 main（主题通道化试点，非 merge）

- 本地 icons.css/layout.css 下线改走中央静态通道；新增 ThemeSwitcher.vue + useElementHeight.ts；
  layout/main.ts/vite/menu 及各页适配对齐 feature 试点。
- 已知回退：本轮按 feature 覆盖，冲掉了 main 上 31ca694(/approval 可达性+modId 对齐) 与
  1516eff(cc useTableHeight) 两处功能修复，待后续单独补回。
- 回滚锚点：archive/main-before-theme-20260924 = 替换前 main(1516eff)。

src/components/layout.vue

@@ -3,6 +3,7 @@ import { ref, onBeforeMount, watch, computed } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { Message } from "view-ui-plus";
 import { resolveMenuPage } from "@/utils/menuRoute";
+import ThemeSwitcher from "@/components/ThemeSwitcher.vue";
 
 const props = defineProps<{ layoutData: Record<string, any> }>();
 const route = useRoute();
@@ -129,7 +130,7 @@ const childChange = (index: number) => {
 };
 
 /** 菜单图标：读取用户中心模块管理配置的 YschIcons 图标名（GetUserMod 的 icon 字段，如 list → icon-list）。
- *  本地 icons.css 即 ysch-icons 掩码版（基类 iconfont，类名 icon-<名称>）；
+ *  icons.css（ysch-icons 掩码版，基类 iconfont，类名 icon-<名称>）现由中央静态通道下发；
  *  平台约定留空不下发图标，此时返回空串由模板 v-if 不渲染 */
 const getMenuIcon = (item?: any): string => {
     const icon = String(item?.icon || "").trim();
@@ -149,16 +150,13 @@ function linkHomePage() {
 <template>
     <div class="layout-wrap">
         <header class="header-container fix">
-            <div class="fl align-middle icon-box">
-                <div title="首页" class="icon-btn" @click="linkHomePage">
-                    <i class="iconfont icon-shouye"></i>
-                </div>
-            </div>
+            <!-- 云海 logo 徽标（结构与 Cms SchoolLayout 对齐，皮肤见通道 base.layout.css .logo-badge） -->
+            <span class="logo-badge fl"><img src="@/assets/image/yunhai-logo.svg" alt="云海" /></span>
             <div class="delimiter fl align-middle"></div>
             <h4 class="fl align-middle">{{ appName }}</h4>
             <div class="school-bg"></div>
             <div class="header-aside fr">
-                <img :src="userInfo.avatar" class="fl align-middle" @click="linkUserInfo" />
+                <img :src="userInfo.avatar" v-if="userInfo.avatar" class="fl align-middle" @click="linkUserInfo" />
                 <a class="name fl align-middle text-ellipsis" href="javascript:void(0);" @click="linkUserInfo">
                     {{ userInfo.name }}
                 </a>
@@ -167,6 +165,8 @@ function linkHomePage() {
                     <i class="iconfont icon-logout"></i>
                 </a>
             </div>
+            <!-- 配色切换器（fr 顺序：DOM 后置即位于用户胶囊左侧） -->
+            <div class="theme-cap fr"><ThemeSwitcher /></div>
         </header>
         <div class="left-menu" v-if="!isAlone">
             <div class="menu-top-box"></div>
@@ -210,7 +210,7 @@ function linkHomePage() {
                 <a href="javascript:;" @click="linkHomePage">
                     <BreadcrumbItem>
                         <span class="crumb-home">
-                            <i class="iconfont icon-category"></i>
+                            <i class="iconfont icon-shouye"></i>
                             首页
                         </span>
                     </BreadcrumbItem>
@@ -250,14 +250,23 @@ function linkHomePage() {
 </template>
 
 <style scoped>
-/* 仅覆盖/补充必要的动态样式，其余样式由全局 layout.css 提供 */
-/* 菜单图标（本地 bsch-icons 掩码类）与文字间距 */
+/* 仅覆盖/补充必要的动态样式，其余样式由中央静态通道的 base.layout.css（骨架 + 皮肤）提供 */
+/* 菜单图标（通道下发的 ysch-icons 掩码类）与文字间距 */
 .left-menu a .iconfont {
     margin-right: 8px;
 }
-/* 面包屑「首页」垂直居中：layout.css 遗留的 .path-nav .icon-category{position:relative;top:1px}
+/* 顶栏已由通道皮肤改为 flex 垂直居中（skin.src.css .header-container），
+   这里不再用 float 时代的 13px 顶偏移补偿，仅留右侧间距；徽标大小/圆底/阴影属皮肤 */
+.header-container .logo-badge {
+    margin: 0 10px 0 0;
+}
+.theme-cap {
+    height: var(--topbar-h);
+    margin-right: 6px;
+}
+/* 面包屑「首页」垂直居中：骨架遗留的 .path-nav .icon-category{position:relative;top:1px}
    是给老 iconfont 字体字形做的基线补偿，换成 ysch mask 的 1em 方块后反而把图标顶偏；
-   这里用 inline-flex 真居中并关掉该补偿（不动压缩产物 layout.css，覆盖收在本组件内） */
+   这里用 inline-flex 真居中并关掉该补偿（不动通道产物，覆盖收在本组件内） */
 .crumb-home {
     display: inline-flex;
     align-items: center;