工作台撤顶栏:身份菜单收进左轨底部(悬停从轨右侧弹出);姓名展示改姓在前(token claims 与名册同步两处拼装同尺)

apps/web/src/app/styles/app.css

@@ -476,16 +476,14 @@
 .proto-root .jc-sup:focus { outline: 0; border-color: var(--brand); box-shadow: 0 0 0 3px rgba(51,112,255,.12); }
 .proto-root .jc-sup:disabled { background: #f3f4f6; color: #5c626b; }
 
-/* ===== 左侧一体化导航轨：品牌 → 五大模块（身份已挪去顶栏右侧,见下）===== */
+/* ===== 左侧一体化导航轨：品牌 → 五大模块 → 轨底身份区(2026-08-26 用户定:顶栏撤了,身份收回轨底)===== */
 .proto-root .app-nav { padding: 14px 10px 12px; }
 .proto-root .jc-rail-brand { text-align: center; font-size: 10px; font-weight: 800; letter-spacing: .14em; color: var(--ink-3); margin: -4px 0 6px; }
 .proto-root .app-nav button { min-height: 58px; transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast); }
 .proto-root .app-nav button:active { transform: scale(.97); }
-/* 轨底身份区已撤:头像与姓名挪去顶栏右侧身份菜单(2026-08-25 用户定);
-   .jc-nav-ava 保留 —— 顶栏身份菜单复用这枚渐变头像 */
 .proto-root .jc-nav-ava { width: 32px; height: 32px; border-radius: 999px; display: grid; place-items: center; flex: 0 0 auto; line-height: 1; color: #fff; font-size: 13px; font-weight: 800; background: linear-gradient(140deg, #2bc7d4, #0e9fd8); box-shadow: 0 2px 6px rgba(14, 159, 216, .35); }
 
-/* ===== 顶栏：44px 通栏,只放右侧身份菜单 —— 与左轨互不重叠,登出只有这一处入口 ===== */
+/* ===== 主区:顶栏已撤(2026-08-26 用户定),内容区直接铺满 ===== */
 .proto-root .app-main { min-width: 0; min-height: 0; display: flex; flex-direction: column; }
 .proto-root .app-main-body { flex: 1 1 auto; min-width: 0; min-height: 0; display: flex; flex-direction: column; }
 .proto-root .app-main-body > * { flex: 1 1 auto; min-width: 0; min-height: 0; }
@@ -500,8 +498,8 @@
 /* 但右上角装饰光晕定位 right:-60px,裁切一放开它就探出视口右缘 60px,整页出现横向滚动
    (2026-08-25 用户报:页面能左右滑)—— 把它收回盒内,光晕照留 */
 .proto-root .jc-topbar.jc-topbar-app::after { right: 0; }
-/* 顶栏右侧身份菜单:头像 + 姓名,悬停出下拉(个人中心 / 退出登录)—— 纯 CSS 悬停无 JS;
-   登出入口从独立按钮收进下拉,仍是全站唯一入口(2026-08-25 用户定) */
+/* 身份菜单:头像 + 姓名,悬停出下拉(个人中心 / 设计中心 / 退出登录)—— 纯 CSS 悬停无 JS;
+   登出入口收进下拉,是全站唯一入口(2026-08-25 用户定);2026-08-26 从顶栏挪进左轨底部(见下方 rail 变体) */
 .proto-root .jc-usermenu { position: relative; display: flex; align-items: center; gap: 8px; padding: 4px 8px 4px 4px; border-radius: 10px; cursor: default; color: var(--ink-4); transition: background var(--t-fast); }
 .proto-root .jc-usermenu:hover { background: var(--soft); }
 .proto-root .jc-usermenu .jc-nav-ava { width: 28px; height: 28px; font-size: 12px; }
@@ -514,6 +512,14 @@
 .proto-root .jc-usermenu-pop button.danger:hover { background: var(--danger-soft); color: var(--danger); }
 .proto-root .jc-usermenu-pop button:disabled { opacity: .6; cursor: default; }
 
+/* 轨底变体(2026-08-26 用户定):轨宽 78px,头像上姓名下竖排,与模块钮之间一道细分隔;
+   下拉改从轨右侧弹出、底缘与触发区对齐,悬停桥跟着转到右侧 */
+.proto-root .jc-usermenu-rail { margin-top: auto; align-self: stretch; flex-direction: column; justify-content: center; gap: 4px; padding: 10px 2px 4px; border-top: 1px solid var(--line-soft); border-radius: 0; }
+.proto-root .jc-usermenu-rail:hover { background: none; }
+.proto-root .jc-usermenu-rail .jc-topbar-name { max-width: 66px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; text-align: center; }
+.proto-root .jc-usermenu-rail::after { top: 0; bottom: 0; left: 100%; right: auto; width: 10px; height: auto; }
+.proto-root .jc-usermenu-rail .jc-usermenu-pop { top: auto; right: auto; bottom: 0; left: calc(100% + 10px); transform: translateX(-4px); }
+
 /* 「建设中」提示弹窗:未开放模块(审批/消息/纪要/汇报)与个人中心的占位口径 —— 不跳页只弹提示 */
 .proto-root .jc-wip-overlay { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; background: rgba(31, 35, 41, .45); }
 .proto-root .jc-wip-modal { width: 360px; max-width: 92vw; padding: 24px 20px 18px; background: #fff; border-radius: 16px; box-shadow: 0 24px 60px rgba(31, 35, 41, .22); text-align: center; animation: rise var(--t-med) both; }