/* ============================================================ AAUGE AI · App Shell + 设计系统基座 (aauge-shell.css) v1 —— 从 UI Lab v3 提炼的全站可复用基座。现已被 5 页统一引用：index / app / connections / workflow / review（不替换 aauge.css）。方向：AI 运营中控台 —— 深色 · 克制 · 高级 · 有秩序。只用内联 SVG 图标，不引入任何外部 CDN / 字体 / 图标库。颜色全部走 :root 语义 token（--bg/--panel/--line/--ink/--sub/--blue/--ok/--warn/--bad …），便于后续「主题系统砖」加深色/浅色/跟随系统（本基座未做主题切换、未引 JS 主题）。注：为兼容现有 JS 动态生成的类名，保留 .ag-* 别名（ag-chip/ag-card/ag-btn/ag-empty/ag-step/ag-bar/ag-table 等）。 ============================================================ */ :root{ --bg:#0a0e1a; --sidebar:#0b101e; --panel:#0e1424; --raise:#121a2e; --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.12); --line-act:rgba(58,123,255,.42); --ink:#eaf0ff; --sub:#9aa6c4; --faint:#6b7794; --blue:#3a7bff; --violet:#7c5cff; --teal:#16d6c8; --grad:linear-gradient(135deg,#3a7bff,#7c5cff); --ok:#3ad29f; --run:#3a7bff; --warn:#ffd166; --bad:#ff6b6b; --mute:#7783a8; --r:11px; --r-lg:16px; --r-pill:999px; --shadow:0 14px 36px rgba(0,0,0,.42); --mobile-tab-h:64px; /* 移动端固定底部 Tab 的近似高度，用于内容区底部安全留白 */ color-scheme:dark; /* 默认深色（主模式）；主题切换见 theme.js */ } /* ===== 主题：浅色（由 theme.js 在上设 data-theme-resolved="light"；重定义语义 token，非 filter 反转） ===== */ [data-theme-resolved="light"]{ --bg:#eef1f7; --sidebar:#ffffff; --panel:#ffffff; --raise:#eef1f8; --line:rgba(16,24,48,.10); --line-2:rgba(16,24,48,.16); --line-act:rgba(58,123,255,.50); --ink:#0f1830; --sub:#46506a; --faint:#6b7488; --mute:#8a93ab; --shadow:0 10px 30px rgba(16,24,48,.10); color-scheme:light; /* 品牌色 --blue/--violet/--teal/--grad 与状态色 --ok/--warn/--bad 保持不变 */ } /* 浅色下：把深色专用的“白色低透填充 / 浅蓝文字”集中重定义为浅底可读色（基座统一，页面无需改） */ [data-theme-resolved="light"] ::-webkit-scrollbar-thumb{background:rgba(16,24,48,.16)} [data-theme-resolved="light"] .topbar,[data-theme-resolved="light"] .m-header{background:rgba(255,255,255,.82)} [data-theme-resolved="light"] .m-tabbar{background:rgba(255,255,255,.92)} [data-theme-resolved="light"] .nav.on{background:rgba(58,123,255,.12);color:#1f4fb0} [data-theme-resolved="light"] .nav.on .ico{color:#2a5fc8} [data-theme-resolved="light"] .nav.on .ct{background:rgba(58,123,255,.20);color:#1f4fb0} [data-theme-resolved="light"] .m-tabbar .mt.on{color:#1f4fb0} [data-theme-resolved="light"] .m-tabbar .mt.on svg{color:#2a5fc8} [data-theme-resolved="light"] .badge.soft{color:#1f4fb0;background:rgba(58,123,255,.10);border-color:rgba(58,123,255,.28)} [data-theme-resolved="light"] .dlink,[data-theme-resolved="light"] .bc-side .lk,[data-theme-resolved="light"] .tcost b,[data-theme-resolved="light"] .more{color:#1f4fb0} [data-theme-resolved="light"] .dtag{color:#1f4fb0;background:rgba(58,123,255,.10);border-color:rgba(58,123,255,.26)} [data-theme-resolved="light"] .run .rstep.act{color:#1f4fb0} [data-theme-resolved="light"] .flow .fnum,[data-theme-resolved="light"] .flow-m-body .num{color:#1f4fb0;background:rgba(58,123,255,.12)} [data-theme-resolved="light"] .ag-row{background:rgba(16,24,48,.025)} [data-theme-resolved="light"] .ag-table th{background:rgba(16,24,48,.04);color:var(--sub)} [data-theme-resolved="light"] .dbody{background:rgba(16,24,48,.025)} [data-theme-resolved="light"] .addbox{background:rgba(16,24,48,.02)} [data-theme-resolved="light"] .soonbtn{background:rgba(16,24,48,.04)} [data-theme-resolved="light"] .estim{color:#8a5a00;background:rgba(255,209,102,.16);border-color:rgba(255,209,102,.5)} [data-theme-resolved="light"] .statusnote,[data-theme-resolved="light"] .wf-status{background:rgba(255,209,102,.14);border-color:rgba(255,209,102,.5)} [data-theme-resolved="light"] .statusnote .stxt b,[data-theme-resolved="light"] .wf-status .st b{color:#8a5a00} [data-theme-resolved="light"] .m-status{color:#8a5a00} [data-theme-resolved="light"] .lock{color:#1f4fb0} /* 页面