，不可聚焦、
键盘用户完全够不着。button 需重置 UA 的背景/边框/字体，其余样式与 span 共用。 */
.seg button{background:none;border:0;font-family:inherit}
/* 焦点环（QA ISSUE-004）：可聚焦却看不见焦点，对键盘用户等于没修。
用 outline 而非 .btn 那套 box-shadow——分段项被 .seg 的圆角容器包着，
实测 box-shadow 画不出来；outline + 负 offset 落在项内边缘，不撑破容器。
:focus-visible 只在键盘导航时出现，鼠标点击不显示。 */
.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.seg span,.seg button{display:inline-flex;align-items:center;height:100%;padding:0 12px;
border-radius:var(--radius-xs);font-size:var(--fs-13);font-weight:550;white-space:nowrap;
color:var(--text-secondary);cursor:pointer;transition:all var(--dur) var(--ease)}
/* 小档随高度同步收窄内边距：28px 高的控件配 12px 项边距，三个中文项就挤爆窄侧栏 */
.seg.seg-sm span,.seg.seg-sm button{padding:0 9px}
.seg span.on,.seg button.on{background:var(--solid-bg);color:var(--text-primary);box-shadow:var(--shadow-xs)}
.seg.accent span.on,.seg.accent button.on{background:var(--accent);color:var(--text-on-accent)}
/* ── 徽章 / 状态 ── */
.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--radius-sm);
font-size:var(--fs-12);font-weight:600;white-space:nowrap;
/* 无语义色那档用 secondary 压在 glass-bg-active 上只有 4.28，差一点到门槛。
badge 是标签不是装饰，必须可读，故用 primary。 */
background:var(--glass-bg-active);color:var(--text-primary)}
.badge-ok{background:var(--green-subtle);color:var(--green)}
.badge-warn{background:var(--orange-subtle);color:var(--orange)}
.badge-bad{background:var(--red-subtle);color:var(--red-text)}
/* 主色作文字必须用 --accent-text，这是系统自己的规则 */
.badge-acc{background:var(--accent-subtle);color:var(--accent-text)}
.badge-pur{background:var(--purple-subtle);color:var(--purple)}
.badge.pill{border-radius:var(--radius-full)}
.dot{width:7px;height:7px;border-radius:var(--radius-full);flex:0 0 auto}
.statusline{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-13)}
/* ── 统计卡 ── */
.stat{background:var(--card-inner-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);
padding:var(--sp-4)}
.stat .k{font-size:var(--fs-12);color:var(--text-secondary)}
/* 统计卡说明图标（20260829）：纯说明文字收进标题旁 ⓘ 的悬浮提示，卡面留给数据；
数据型副行（金额/期次）仍走 .d 直接展示 */
.stat .k .tipico{display:inline-flex;align-items:center;margin-left:4px;vertical-align:-2px;
color:var(--text-tertiary);cursor:help}
.stat .k .tipico:hover{color:var(--text-secondary)}
.stat .v{font-size:var(--fs-24);font-weight:650;letter-spacing:-0.02em;margin-top:5px;font-family:var(--font-mono)}
.stat .d{font-size:var(--fs-12);margin-top:5px;color:var(--green);
overflow:hidden;text-overflow:ellipsis}
.stat.accent{background:var(--accent);border-color:transparent;color:var(--text-on-accent)}
/* 副文字压 accent 降到 85%：用透明度而不是再造一个字面量 */
.stat.accent .k,.stat.accent .d{color:var(--text-on-accent);opacity:.85}
/* ── 分组列表 ── */
.grouped{background:var(--solid-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden}
.grouped .row{display:flex;align-items:center;gap:var(--sp-3);padding:11px var(--sp-4);
border-bottom:1px solid var(--grouped-row-border)}
.grouped .row:last-child{border-bottom:none}
.grouped .row .lb{font-size:var(--fs-13)}
.grouped .row .sb{font-size:var(--fs-12);color:var(--text-secondary);margin-top:2px}
.grouped .row .rt{margin-left:auto;display:flex;align-items:center;gap:var(--sp-3);
font-size:var(--fs-13);color:var(--text-secondary)}
/* ── 面板 / 窗口 ── */
.panel{background:var(--solid-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);
overflow:hidden;box-shadow:var(--shadow-xs)}
.panel > header{display:flex;align-items:center;gap:var(--sp-3);padding:11px var(--sp-4);
border-bottom:1px solid var(--card-border);font-size:var(--fs-13);font-weight:600}
.panel > .body{padding:var(--sp-4)}
/* ── 表格：密集区用实色底，不铺玻璃 ── */
.tablewrap{background:var(--solid-bg);border:1px solid var(--card-border);
border-radius:var(--radius-lg);overflow:hidden}
table.t{width:100%;border-collapse:collapse;font-size:var(--fs-13)}
table.t th{text-align:left;font-size:var(--fs-11);font-weight:700;letter-spacing:0.06em;
/* 表头是内容不是装饰——列名决定整列怎么读，必须达门槛。
--text-tertiary 在两个主题下都只有 2.6，不能用于承载语义的文字。 */
text-transform:uppercase;color:var(--text-secondary);padding:9px var(--sp-4);
border-bottom:1px solid var(--card-border);background:transparent}
table.t td{padding:10px var(--sp-4);border-bottom:1px solid var(--grouped-row-border)}
/* 半栏内的演示表：格内禁折——被压时逐字竖排比横滚糟得多；宽度不够走 tablewrap 横滚 */
.mk-sol table.t th,.mk-sol table.t td{white-space:nowrap}
table.t tbody tr:last-child td{border-bottom:none}
table.t tbody tr:hover{background:var(--glass-bg-hover)}
table.t th.n,table.t td.n{text-align:right}
/* 等宽列（ID、密钥、时间戳这类）用次要色：它们是定位用的标识，不是要读的内容。
原本 13 处写在内联 style 里，同一个决定重复 13 遍。 */
table.t td.mono{color:var(--text-secondary)}
/* 零值降一档，和有值的行拉开——避免满屏 0 抢注意力 */
table.t td.zero{color:var(--text-tertiary)}
.n .pos{color:var(--green)} .n .neg{color:var(--red-text)} .n .zero{color:var(--text-secondary)}
/* ── 进度 ── */
.prog{height:8px;border-radius:var(--radius-full);background:var(--glass-bg-active);overflow:hidden;display:flex}
.prog i{height:100%;display:block}
.prog .a{background:var(--accent)} .prog .b{background:var(--accent);opacity:.45}
/* 预算/用量的告警档：与 .hbar .tr i 同一套语义色（近阈值橙、超限红） */
.prog i.warn{background:var(--orange)} .prog i.bad{background:var(--red)}
.prog.lg{height:12px}
.legend{display:flex;gap:var(--sp-4);margin-top:10px;font-size:var(--fs-12);color:var(--text-secondary);flex-wrap:wrap}
.legend i{width:9px;height:9px;border-radius:var(--radius-2xs);display:inline-block;margin-right:6px;vertical-align:-1px}
/* ── 提示 ── */
.hint{display:flex;gap:11px;padding:12px var(--sp-4);border-radius:var(--radius-lg);font-size:var(--fs-13);
line-height:1.6;background:var(--accent-subtle);color:var(--text-primary);border:1px solid transparent}
.hint svg{flex:0 0 auto;margin-top:1px;color:var(--accent)}
.hint.ok{background:var(--green-subtle)} .hint.ok svg{color:var(--green)}
.hint.warn{background:var(--orange-subtle)} .hint.warn svg{color:var(--orange)}
.hint.bad{background:var(--red-subtle)} .hint.bad svg{color:var(--red-text)}
.hint b{display:block;margin-bottom:3px}
/* 提示条里放操作（切档/展开）时，正文占满剩余宽把操作推到右端；min-width:0 让长文本能省略而不撑破 */
.hint .grow{flex:1;min-width:0}
.hint .acts{display:flex;align-items:center;gap:var(--sp-2);flex:0 0 auto}
/* 外壳级横幅（受限提示 / 工作区状态 / 订阅锁定）：挂在 .hint 之后，只管外壳里的位置。
左右边距必须与 .pagehd / .pagebody 同为 --sp-8——此前三处横幅硬编码 36px，比页面内容
两侧各多缩 4px，横幅比下面的卡片窄一圈、左边也和标题对不齐。 */
.shellhint{margin:var(--sp-3) var(--sp-8) 0;align-items:center;flex-wrap:wrap;font-weight:600}
/* 就地编辑卡：详情抽屉里「点编辑就地展开」的那一小块（预算/允许模型等）。
与整屉表单式提交相对——每段自己保存，故各自成卡，视觉上和只读行区分开。 */
.inlinecard{margin-top:10px;display:grid;gap:var(--sp-2);padding:12px 13px;
border:1px solid var(--glass-bg-active);border-radius:var(--radius-md);background:var(--solid-bg)}
/* ── Toast ── */
.toast{display:flex;gap:11px;align-items:flex-start;padding:12px var(--sp-4);border-radius:var(--radius-lg);
background:var(--bg-popover);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);
backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);max-width:400px}
.toast .tt{font-size:var(--fs-13);font-weight:600}
.toast .td{font-size:var(--fs-12);color:var(--text-secondary);margin-top:2px;line-height:1.55}
/* 前导状态图标跟标题首行对齐（它标注的是这条通知的性质）；
尾部动作按钮垂直居中于整条 Toast——它对应的是整条通知，不是标题那一行。
容器是 align-items:flex-start，所以这里必须显式 align-self:center。 */
.toast .ta{margin-left:auto;align-self:center;flex:0 0 auto}
/* 浮动形态：整页级轻提示（如「即将上线」）。视觉沿用 .toast 本体，
这里只管定位与出入场。 */
.toast.float{position:fixed;left:50%;bottom:32px;transform:translateX(-50%) translateY(8px);
z-index:200;opacity:0;pointer-events:none;
transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}
.toast.float.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* ── 弹窗 ── */
.modal{max-width:420px;background:var(--bg-popover);border:1px solid var(--glass-border);
border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);backdrop-filter:blur(30px);
-webkit-backdrop-filter:blur(30px);overflow:hidden}
.modal .mb{padding:var(--sp-6);text-align:center}
.modal .mi{width:46px;height:46px;border-radius:var(--radius-full);display:grid;place-items:center;
margin:0 auto var(--sp-4)}
.modal h4{margin:0 0 7px;font-size:var(--fs-17);letter-spacing:-0.015em}
.modal p{margin:0;font-size:var(--fs-13);color:var(--text-secondary);line-height:1.6}
.modal .mf{display:flex;gap:var(--sp-2);padding:0 var(--sp-6) var(--sp-6)}
.modal .mf .btn{flex:1}
/* ── 下拉菜单 ── */
.menu{min-width:210px;background:var(--bg-popover);border:1px solid var(--glass-border);
border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:5px;
backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.menu .mi2{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--radius-xs);
font-size:var(--fs-15);cursor:pointer;color:var(--text-primary)}
.menu .mi2:hover{background:var(--accent);color:var(--text-on-accent)}
/* 危险项：常态红字，hover 走 --red-subtle 淡底——和 .btn-danger 同一套语言。
原先写成内联 style="color:var(--red-text)"，内联压过 :hover 的 color，
结果 hover 时变成「蓝底红字」：底色说这是普通选中，文字说这是危险操作。 */
.menu .mi2.danger{color:var(--red-text)}
.menu .mi2.danger:hover{background:var(--red-subtle);color:var(--red-text)}
/* 菜单行的双行结构：副行与图标块的用色由这里统一管——
hover 翻 accent 底时必须跟着翻白，页面内联 color 会压过 :hover（同 .danger 的教训）。 */
.menu .mi2 .sub{display:block;font-size:var(--fs-11);color:var(--text-tertiary)}
.menu .mi2 .mk{background:var(--glass-bg-active);color:var(--text-secondary)}
.menu .mi2 .ck{color:var(--green);font-weight:700}
/* 选中行（.rowsel 的 bg-selected 带 !important，hover 底不变）保持常态用色；
其余行 hover 翻 accent 底，副行/图标块/对勾必须跟着翻白 */
.menu .mi2:not(.rowsel):hover .sub{color:var(--text-on-accent);opacity:.72}
.menu .mi2:not(.rowsel):hover .mk{background:transparent;color:var(--text-on-accent)}
.menu .mi2:not(.rowsel):hover .ck{color:var(--text-on-accent)}
.menu .mi2.rowsel .mk{background:var(--accent);color:var(--text-on-accent)}
.menu .mi2.rowsel:hover{background:var(--bg-selected);color:var(--text-primary)}
.menu .sep{height:1px;background:var(--glass-border);margin:5px 0}
.menu .gl{font-size:var(--fs-11);font-weight:700;letter-spacing:0.06em;text-transform:uppercase;
color:var(--text-tertiary);padding:6px 10px 3px}
/* ── 折叠 ── */
.acc{border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--grouped-bg)}
.acc details{border-bottom:1px solid var(--grouped-row-border)}
.acc details:last-child{border-bottom:none}
.acc summary{padding:12px var(--sp-4);font-size:var(--fs-13);font-weight:550;cursor:pointer;
list-style:none;display:flex;align-items:center}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";margin-left:auto;color:var(--text-tertiary);font-size:var(--fs-17);
transition:transform var(--dur) var(--ease)}
.acc details[open] summary::after{transform:rotate(45deg)}
.acc .ac{padding:0 var(--sp-4) var(--sp-4);font-size:var(--fs-13);color:var(--text-secondary);line-height:1.7}
/* ── 步骤 ── */
.steps{display:flex;gap:var(--sp-3)}
.step{flex:1;display:flex;flex-direction:column;gap:8px}
.step .sn{width:26px;height:26px;border-radius:var(--radius-full);display:grid;place-items:center;
font-size:var(--fs-12);font-weight:650;background:var(--glass-bg-active);color:var(--text-secondary)}
.step.done .sn{background:var(--green);color:var(--text-on-accent)}
.step.now .sn{background:var(--accent);color:var(--text-on-accent)}
.step .st{font-size:var(--fs-13);font-weight:600}
.step .sd{font-size:var(--fs-12);color:var(--text-secondary)}
.step .sl{height:2px;background:var(--glass-bg-active);border-radius:var(--radius-full)}
.step.done .sl,.step.now .sl{background:var(--accent)}
/* ── 代码块 ── */
/* overflow 用 auto 不用 hidden：6 个代码块里有 4 个没套 ，内容直接挂在
.code 上，hidden 会把长行切掉（实测 mk-case 的 URL 被切 78px）。
套了 的两个由 .code pre 的 overflow-x:auto 在内层接管，
那时 pre 是 block、宽度等于容器，外层不会溢出也就不会多出一条滚动条。
auto 一样能裁出圆角。 */
.code{background:var(--solid-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);
overflow-x:auto;font-family:var(--font-mono);font-size:var(--fs-12)}
/* 代码块整块声明为暗色主题（HTML 上挂 data-theme="dark"），
所以这里不再需要「亮档时强制刷暗」的特例，--solid-bg 自己就是暗的。
干掉这条特例的连带好处：块内后代用语义令牌能拿到暗档取值，
不会再出现「深红压在暗底上」这种事。 */
.code .ch{display:flex;align-items:center;gap:9px;padding:9px var(--sp-4);
border-bottom:1px solid var(--glass-border);color:var(--text-tertiary);font-size:var(--fs-11)}
.code pre{margin:0;padding:var(--sp-4);overflow-x:auto;line-height:1.75;color:var(--text-primary)}
/* 代码高亮档。块内已是暗色主题，直接取语义令牌。 */
.tk{color:var(--accent-text)} .ts{color:var(--green)} .tc{color:var(--text-secondary)}
/* .skel/.spinner 的关键帧就近定义：此前只在 docs.css 里有，
不引文档站样式的消费方（两个控制台）骨架屏与加载圈都不会动。 */
@keyframes shim{0%{background-position:180% 0}100%{background-position:-80% 0}}
@keyframes spin{to{transform:rotate(360deg)}}
.skel{border-radius:var(--radius-xs);
background:linear-gradient(100deg,var(--skel-a) 30%,var(--skel-b) 50%,var(--skel-a) 70%);
background-size:220% 100%;animation:shim 1.15s ease-in-out infinite}
.spinner{display:inline-block;width:16px;height:16px;border-radius:var(--radius-full);
border:2px solid var(--glass-bg-active);border-top-color:var(--accent);
animation:spin .65s linear infinite;flex:0 0 auto}
.spinner.sm{width:13px;height:13px;border-width:2px}
.spinner.lg{width:26px;height:26px;border-width:2.5px}
/* 环底 = 常量白的 32%：color-mix 保住「只有一份白」，不再抄一个 rgba */
.spinner.on-accent{border-color:color-mix(in srgb, var(--text-on-accent) 32%, transparent);border-top-color:var(--text-on-accent)}
.prog.indet{position:relative;overflow:hidden}
.prog.indet i{position:absolute;top:0;bottom:0;width:38%;left:-38%;
background:var(--accent);animation:indet 1.1s cubic-bezier(.65,.05,.36,1) infinite}
.loadmask{position:absolute;inset:0;display:grid;place-items:center;gap:var(--sp-3);
background:var(--solid-bg);opacity:.72;border-radius:inherit}
/* ── 空状态 ── */
.empty{text-align:center;padding:var(--sp-16) var(--sp-6)}
.empty .ei{width:52px;height:52px;border-radius:var(--radius-xl);background:var(--glass-bg-active);
display:grid;place-items:center;margin:0 auto var(--sp-4);color:var(--text-tertiary)}
.empty h4{margin:0 0 6px;font-size:var(--fs-15)}
.empty p{margin:0 0 var(--sp-5);font-size:var(--fs-13);color:var(--text-secondary)}
table.spec{width:100%;border-collapse:collapse;font-size:var(--fs-13)}
table.spec th,table.spec td{text-align:left;padding:9px var(--sp-3);border-bottom:1px solid var(--grouped-row-border);vertical-align:top}
table.spec tr:last-child td{border-bottom:none}
table.spec th{font-size:var(--fs-11);font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-tertiary)}
table.spec td.ok{color:var(--green)} table.spec td.bad{color:var(--red-text)}
/* 同因：.code 底是硬编码暗色，badge 取的 --green/--accent 却是亮色档，
压上去只有 3.74 / 4.23。在这个作用域里换成暗色档取值。 */
.code .badge-ok{color:var(--green)}
.code .badge-acc{color:var(--accent-text)}
.spark{display:inline-block;vertical-align:middle}
.hbar{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-12);padding:5px 0}
.hbar .lb{flex:0 0 130px;color:var(--text-secondary)}
.hbar .tr{flex:1;height:8px;border-radius:var(--radius-full);background:var(--glass-bg-active);overflow:hidden}
.hbar .tr i{display:block;height:100%;background:var(--accent);border-radius:var(--radius-full)}
/* 定宽改最小宽：官网预算条的值是「已用 / 预算」双数，78px 放不下；
短金额（index 图表）内容不足 78px 时仍按 78px 渲染，像素不变。 */
.hbar .vl{flex:0 0 auto;min-width:78px;text-align:right;font-family:var(--font-mono)}
/* 填充语义档：接近上限 / 已超限。默认 accent 是「正常水位」。 */
.hbar .tr i.warn{background:var(--orange)}
.hbar .tr i.bad{background:var(--red)}
/* ── 头像 ── */
.av{width:30px;height:30px;border-radius:var(--radius-full);display:grid;place-items:center;
font-size:var(--fs-12);font-weight:650;color:var(--text-on-accent);flex:0 0 auto;letter-spacing:-0.01em}
.av.sm{width:22px;height:22px;font-size:var(--fs-11)}
.av.lg{width:44px;height:44px;font-size:var(--fs-15)}
/* 品牌 logo 版头像：白色 svg 配 brand-* 背景（素材同 models 页 img/model/）。
圆章可用面积比 .mdl-card 的方章小，img 取 64% 而非 80% 留呼吸感。 */
.av img{width:14px;height:14px;object-fit:contain;display:block}
.avstack{display:flex}
.avstack .av{margin-left:-7px;box-shadow:0 0 0 2px var(--solid-bg)}
.avstack .av:first-child{margin-left:0}
/* 溢出计数必须用不透明实底：半透明底叠在前一个头像上会把底下的色透上来，
同一个 +N 叠在不同颜色的头像上可读性完全不同。白字 + 实底与堆叠里其他头像同构。 */
.av.more{background:var(--av-more-bg);color:var(--text-on-accent)}
/* 第三方供应商首字标：底色取 tokens.css :root 品牌区的品牌令牌，不随主题换档 */
.av.brand-anthropic{background:var(--brand-anthropic)}.av.brand-openai{background:var(--brand-openai)}
.av.brand-bailian{background:var(--brand-bailian)}.av.brand-google{background:var(--brand-google)}
.av.brand-deepseek{background:var(--brand-deepseek)}.av.brand-kimi{background:var(--brand-kimi)}
.av.brand-zhipu{background:var(--brand-zhipu)}
/* ── Tabs / 面包屑 / 分页 ── */
.tabs{display:flex;gap:var(--sp-5);border-bottom:1px solid var(--card-border)}
.tabs span{padding:8px 0;font-size:var(--fs-15);color:var(--text-secondary);cursor:pointer;
border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs span.on{color:var(--accent-text);border-bottom-color:var(--accent);font-weight:600}
.crumb{display:flex;align-items:center;gap:7px;font-size:var(--fs-12);color:var(--text-secondary)}
.crumb b{color:var(--text-primary);font-weight:600}
/* 分隔符是纯装饰字形（斜杠），不承载信息，故可用 tertiary。
面包屑的层级信息由 .crumb b（当前项）和顺序本身承担。 */
.crumb i{color:var(--text-tertiary);font-style:normal}
.pager{display:flex;align-items:center;gap:4px}
.pager span{min-width:28px;height:28px;padding:0 7px;border-radius:var(--radius-xs);display:grid;place-items:center;
font-size:var(--fs-12);color:var(--text-secondary);cursor:pointer;border:1px solid transparent}
.pager span:hover{background:var(--glass-bg-active)}
.pager span.on{background:var(--accent);color:var(--text-on-accent)}
.pager span.dis{opacity:.4;cursor:not-allowed}
/* ── Tooltip / Tag ── */
.tipbox{background:var(--bg-popover);border:1px solid var(--glass-border);border-radius:var(--radius-sm);
padding:6px 10px;font-size:var(--fs-12);box-shadow:var(--shadow-md);display:inline-block;
backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.taginput{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:32px;padding:4px 8px;
border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--input-bg)}
.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 5px 2px 8px;border-radius:var(--radius-xs);
background:var(--accent-subtle);color:var(--accent-text);font-size:var(--fs-12);font-weight:550}
.tag b{cursor:pointer;opacity:.6;font-weight:400}
/* ── 二级导航 ── */
.subnav{width:216px;background:var(--bg-body);border-right:1px solid var(--card-border);padding:var(--sp-3) 8px}
/* 项外侧各留 1px：选中块和 hover 块相邻时不会糊成一整块 */
.subnav .si{margin:1px 0;padding:9px 12px;border-radius:var(--radius-sm);font-size:var(--fs-15);color:var(--text-secondary);
cursor:pointer;display:flex;align-items:center;gap:8px}
.subnav .si:hover{background:var(--glass-bg-active)}
.subnav .si.on{background:var(--bg-selected);color:var(--text-primary);font-weight:600}
.ftxt{font-size:11.5px;color:var(--text-tertiary)}
.flink{color:var(--text-secondary);text-decoration:none;border-bottom:1px solid var(--card-border)}
.drawer{width:360px;background:var(--solid-bg);border-left:1px solid var(--card-border);
box-shadow:var(--shadow-lg);display:flex;flex-direction:column;
position:absolute;top:0;right:0;bottom:0;z-index:5}
.drawer > header{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);
border-bottom:1px solid var(--card-border)}
.drawer > header .dt{font-size:var(--fs-15);font-weight:650;letter-spacing:-0.015em}
.drawer > header .dc{margin-left:auto;color:var(--text-tertiary);cursor:pointer}
.drawer .db{padding:var(--sp-4);overflow-y:auto;display:grid;gap:var(--sp-5)}
/* 抽屉体分组容器：分组间距由容器 gap 统一供给（.drawer .db 的同款节奏）。
antd 承载的抽屉 body 没有 .db 这层，children 必须包在 .dbody 里，否则节与节挤成一段。 */
.dbody{display:grid;gap:var(--sp-6);align-content:start}
/* 小节标到首行的间距（20260823）：行距抬到 12px 后，原来的 8px 比行距还小，节标读起来像
又一行内容。抬到 --sp-4，让层级成立——行距 12 < 节标 16 < 节间距 20(.drawer .db)/24(.dbody)。 */
.dgrp .dgl{font-size:var(--fs-11);font-weight:700;letter-spacing:0.06em;text-transform:uppercase;
color:var(--text-tertiary);margin-bottom:var(--sp-4)}
/* 键值表节奏（20260823 放松）：原本行距 7px / 字号 12px / 标签列 96px，是抽屉里最紧的一档
（同抽屉的分组间距 20px、节间距 24px），八行挤成一坨。行距抬到 --sp-3、字号抬到 --fs-13、
标签列给到 104px 容得下六字中文标签，行高 1.6 供给行内呼吸。 */
.dgrp dl{margin:0;display:grid;grid-template-columns:104px 1fr;gap:var(--sp-3);font-size:var(--fs-13)}
.dgrp dt{color:var(--text-secondary);line-height:1.6}
.dgrp dd{margin:0;font-family:var(--font-mono);word-break:break-all;line-height:1.6}
.rowsel{background:var(--bg-selected)!important}
/* ── 页头 / 内容容器 ──
控制台每屏一个页头：sticky 顶栏 + 大标题 + 右侧动作组。
原本两端各写了一份内联（tenant PageHeader.tsx、ops Page.tsx），值一模一样。 */
.pagehd{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:var(--sp-3);
flex-wrap:wrap;padding:var(--sp-6) var(--sp-8) var(--sp-4);
background:var(--bg-toolbar);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
border-bottom:1px solid var(--card-border)}
.pagehd h1{margin:0;flex:1 1 auto;font-size:var(--fs-24);font-weight:700;
letter-spacing:-0.025em;line-height:1.12}
.pagehd .acts{display:flex;gap:var(--sp-2);flex-wrap:wrap}
/* 操作按钮组（页头之外）：一排按钮，间距 --sp-2，窄屏换行。与 .pagehd .acts 同形，
但不挂在页头上——另起名是因为裸 .acts 已被 Collapse.tsx 与官网站头占用，
提成全局类会改到它们的外观。
.end 让整行靠右（页面顶部操作条）；.push 把自己顶到 flex 行末尾（与筛选器同排）。
原本 Wallet 三套页面与 DimBar 各写一份内联 style，值一模一样——同一个决定重复 4 遍。 */
.actrow{display:flex;gap:var(--sp-2);flex-wrap:wrap}
.actrow.end{justify-content:flex-end}
.actrow.push{margin-left:auto}
.pagebody{display:flex;flex-direction:column;gap:var(--sp-4);
padding:var(--sp-5) var(--sp-8) var(--sp-16)}
.twocol{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--sp-3)}
.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(188px,1fr));gap:var(--sp-2)}
/* ── 详情卡组：面板内的灰底小卡栅格 ── */
.detgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
gap:var(--sp-2);padding:var(--sp-4)}
.detcard{background:var(--card-inner-bg);border:1px solid var(--card-border);
border-radius:var(--radius-sm);padding:var(--sp-3)}
.detcard .k{font-size:var(--fs-13);font-weight:600}
.detcard .v{margin-top:4px;font-size:var(--fs-12);color:var(--text-secondary)}
/* ── 建设中占位：空态的虚线变体。与 .empty 的区别是「接口还没有」而非「有接口没数据」 ── */
.empty.pending{border:1px dashed var(--card-border);border-radius:var(--radius-sm);
background:var(--card-inner-bg);padding:var(--sp-8) var(--sp-4)}
/* ── Toast 堆叠容器（单条样式见上面的 .toast） ── */
/* 2050 对齐 AntD Notification 默认层级，确保高于 Drawer / Modal。 */
.toastwrap{position:fixed;top:var(--sp-5);right:var(--sp-5);z-index:2050;
width:min(340px,calc(100vw - var(--sp-10)));
display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}
.toastwrap > *{pointer-events:auto}
/* ── 抽屉遮罩：--bg-overlay 此前只有令牌没有消费方 ── */
.drawermask{position:fixed;inset:0;z-index:80;background:var(--bg-overlay)}
/* ── 设置表单行：左说明右控件 ── */
.sfrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);
gap:var(--sp-6);align-items:center}
.sfrow .lb{font-size:var(--fs-15);font-weight:650}
.sfrow .lb .sb{margin-top:4px;font-size:var(--fs-13);font-weight:400;
line-height:1.55;color:var(--text-secondary)}
/* ── 输入错误态 ── */
.input.err,.textarea.err,.select.err{border-color:var(--red);background:var(--red-subtle)}
/* ══════════════════════════════════════════════════════════════════════
从 index.html 的内联