/* ==========================================================
   淡蓝皮肤（全站，2026-10 改版）
   参考 app.barker.money 的轻量风格（U 排行榜 / 神算子两页例外，用的是 rank.only09.com 那套苹果配色，见 u_rank.css 末尾）：
   - 纯白底，不铺格子、不加光晕；卡片纯白 + 清楚的淡蓝描边 + 贴身小阴影
   - 每页一个大标题（后两个字蓝色渐变），子标签 / 筛选做成白色胶囊，选中为淡蓝底蓝字
   - 关注列表每个币一张独立白卡；鼠标停到卡片、列表行、按钮上都会轻轻上浮
   - 开关打开为绿色；字号比旧版大一档（表格 14.5px、大数字 30px、标题 36px）
   只改外观，不动数据和交互。加载顺序在 workspace.css / u_rank.css 之后。
   ========================================================== */

/* ---------- 1. 设计变量 ---------- */
body.workspace-ui{
    --bg:#ffffff;
    --bg-card:#ffffff;
    --bg-subtle:#fafbfd;
    --bg-inset:#f2f5f9;
    --bg-sidebar:#ffffff;
    --bg-topbar:#ffffff;
    --text:#0f1b33;
    --text-secondary:#56627a;
    --text-tertiary:#8794aa;
    --text-quaternary:#a9b3c4;
    --hairline:rgba(15,23,42,.07);
    --border:rgba(15,23,42,.10);
    --border-strong:rgba(59,130,246,.30);
    --accent:#2563eb;
    --accent-hover:#1d4ed8;
    --accent-pressed:#1e40af;
    --accent-soft:rgba(37,99,235,.08);
    --green:#10b981; --green-deep:#0f9f6e; --green-soft:rgba(16,185,129,.11);
    --red:#ef4444;   --red-deep:#e0403a;   --red-soft:rgba(239,68,68,.09);
    --amber:#f59e0b; --amber-deep:#c2620a; --amber-soft:rgba(245,158,11,.13);
    --gray-soft:rgba(100,116,139,.10);
    --radius-sm:9px; --radius-md:12px; --radius-lg:16px; --radius-xl:20px;
    /* 阴影只贴着边，不往外扩散成一团雾 */
    --shadow-sm:0 1px 2px rgba(15,23,42,.05);
    --shadow-md:0 1px 3px rgba(15,23,42,.06);
    --shadow-lg:0 4px 12px rgba(15,23,42,.08);
    --sk-grad:linear-gradient(135deg,#3b82f6 0%,#2563eb 55%,#1d4ed8 100%);
    --sk-line:rgba(59,130,246,.18);
    --sk-row-hover:0 2px 6px rgba(15,23,42,.07),0 0 0 1px rgba(59,130,246,.22);
    --sk-ease:cubic-bezier(.22,.8,.3,1);
    /* 选中态：淡蓝底 + 蓝字 */
    --sk-sel-bg:rgba(59,130,246,.10);
    --sk-sel-text:#1d4ed8;
    --sk-sel-line:rgba(59,130,246,.22);
    --sk-btn:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);
    --switch-off:rgba(100,116,139,.22);
    --switch-on:#22c55e;
    /* style.css 的旧变量 */
    --bg-0:#fff; --bg-1:#fff; --bg-2:#fafbfd; --bg-3:#f2f5f9;
    --text-1:#0f1b33; --text-2:#56627a; --text-3:#8794aa;
    --accent-2:#2563eb; --ok:#0f9f6e; --warn:#c2620a; --err:#e0403a;
    font-family:"Outfit","PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif;
    font-size:14px;
    background:#fff;
}
body.workspace-ui.theme-dark{
    --bg:#08101f;
    --bg-card:#101a2d;
    --bg-subtle:rgba(96,165,250,.06);
    --bg-inset:rgba(96,165,250,.12);
    --bg-sidebar:#0a1222;
    --bg-topbar:#08101f;
    --text:#e6eefc;
    --text-secondary:#a3b1c9;
    --text-tertiary:#71809b;
    --text-quaternary:#56637c;
    --hairline:rgba(96,165,250,.13);
    --border:rgba(96,165,250,.18);
    --border-strong:rgba(96,165,250,.30);
    --accent:#60a5fa;
    --accent-hover:#7cb6fb;
    --accent-soft:rgba(96,165,250,.14);
    --green:#34d399; --green-deep:#34d399; --green-soft:rgba(52,211,153,.13);
    --red:#f87171;   --red-deep:#f87171;   --red-soft:rgba(248,113,113,.13);
    --amber:#fbbf24; --amber-deep:#fbbf24; --amber-soft:rgba(251,191,36,.13);
    --gray-soft:rgba(148,163,184,.12);
    --shadow-sm:0 1px 2px rgba(0,0,0,.4);
    --shadow-md:0 1px 3px rgba(0,0,0,.45);
    --shadow-lg:0 4px 12px rgba(0,0,0,.5);
    --sk-line:rgba(96,165,250,.20);
    --sk-row-hover:0 2px 6px rgba(0,0,0,.35),0 0 0 1px rgba(96,165,250,.22);
    --sk-sel-bg:rgba(96,165,250,.16);
    --sk-sel-text:#93c5fd;
    --sk-sel-line:rgba(96,165,250,.30);
    --sk-btn:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);
    --bg-0:#08101f; --bg-1:#101a2d; --bg-2:rgba(96,165,250,.06); --bg-3:rgba(96,165,250,.12);
    --text-1:#e6eefc; --text-2:#a3b1c9; --text-3:#71809b;
    --accent-2:#60a5fa; --ok:#34d399; --warn:#fbbf24; --err:#f87171;
    background:#08101f;
}

/* ---------- 2. 底色：纯白 ---------- */
body.workspace-ui .main{min-height:100vh;background:var(--bg)}

/* ---------- 3. 侧栏：实心白底，图标白底彩线小砖，选中项淡蓝底蓝字 ---------- */
body.workspace-ui .sidebar{background:var(--bg-sidebar);backdrop-filter:none;-webkit-backdrop-filter:none;border-right:1px solid var(--sk-line)}
body.workspace-ui .brand-title{font-size:15px;font-weight:600}
body.workspace-ui .nav-group-label{font-size:12px;font-weight:400;color:var(--text-quaternary);letter-spacing:.04em}
body.workspace-ui .nav-item{padding:8px 10px;margin-top:2px;border-radius:11px;font-size:13.5px;font-weight:400;color:var(--text-secondary)}
body.workspace-ui .nav-name{font-size:13.5px;font-weight:400}
body.workspace-ui .nav-item:not(.active):hover{background:var(--accent-soft);color:var(--text)}
body.workspace-ui .nav-item.active{background:var(--sk-sel-bg);color:var(--sk-sel-text);box-shadow:none}
body.workspace-ui .nav-item.active .nav-name{font-weight:500}
/* 模块图标：白底小砖 + 同色细边 + 彩色线条，每个模块一种颜色（侧栏和总览监控列表共用）。
   颜色类名来自 app.js 的 HUBS[].color，这里只换成实际色值，不用紫色。 */
body.workspace-ui :is(.nav-icon,.monitor-icon).blue  {--ic:#3b82f6}  /* 监控总览 */
body.workspace-ui :is(.nav-icon,.monitor-icon).amber {--ic:#f59e0b}  /* 关注列表 */
body.workspace-ui :is(.nav-icon,.monitor-icon).indigo{--ic:#0ea5e9}  /* 交易日志 */
body.workspace-ui :is(.nav-icon,.monitor-icon).red   {--ic:#f97316}  /* U 排行榜 */
body.workspace-ui :is(.nav-icon,.monitor-icon).green {--ic:#10b981}  /* 价差监控 */
body.workspace-ui :is(.nav-icon,.monitor-icon).teal  {--ic:#06b6d4}  /* 资金费率 */
body.workspace-ui :is(.nav-icon,.monitor-icon).pink  {--ic:#ec4899}  /* 市场异动 */
body.workspace-ui :is(.nav-icon,.monitor-icon).purple{--ic:#ef4444}  /* 通知中心 */
body.workspace-ui :is(.nav-icon,.monitor-icon).gray  {--ic:#64748b}  /* 系统设置 */
body.workspace-ui :is(.nav-icon,.monitor-icon),
body.workspace-ui .nav-item.active .nav-icon{
    background:var(--bg-card)!important;color:var(--ic,var(--accent))!important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ic,var(--accent)) 28%,transparent);
}
body.workspace-ui .sidebar-footer{border-top-color:var(--sk-line)}

/* ---------- 4. 顶栏：页面顶部时透明，往下滑（app.js 加 sk-scrolled）变实心白 + 细线 ---------- */
body.workspace-ui .top-header{border-bottom:1px solid transparent;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .2s,border-color .2s}
body.workspace-ui.sk-scrolled .top-header{background:var(--bg-topbar);border-bottom-color:var(--sk-line)}
@media (min-width:901px){
    /* 页面里已经有大标题，顶栏不再重复页面名 */
    body.workspace-ui .top-header .page-title{display:none}
}
body.workspace-ui .status-pill{font-weight:400}
body.workspace-ui .header-search{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm)}
body.workspace-ui .header-search-input{font-size:13.5px}
body.workspace-ui :is(.alert-btn,.theme-toggle){background:var(--bg-card);border-color:var(--border);border-radius:10px;box-shadow:var(--shadow-sm)}
body.workspace-ui :is(.alert-btn,.theme-toggle):hover{background:var(--bg-card);border-color:var(--border-strong);color:var(--accent)}

/* ---------- 5. 页头：大标题 + 右侧开关/按钮，下一行是胶囊标签（app.js renderHubBar） ---------- */
body.workspace-ui .hub-bar{
    position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 12px;
    width:100%;max-width:1480px;margin:0 auto;padding:8px 28px 0;
    background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;
}
body.workspace-ui.nav-collapsed .hub-bar{max-width:1920px}
body.workspace-ui:has(#page-settings.active) .hub-bar{max-width:1100px}
.hub-title{margin:0;font-size:30px;line-height:1.2;font-weight:500;letter-spacing:-.01em;color:var(--text);white-space:nowrap}
.hub-grad{background:var(--sk-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
body.workspace-ui .hub-bar>.hub-actions{margin-left:auto}
body.workspace-ui .hub-bar>.hub-tabs{grid-column:1/-1;justify-self:start;max-width:100%;margin-top:6px}
body.workspace-ui .hub-bar>.hub-tabs:empty{display:none}
body.workspace-ui .hub-bar+.page{padding-top:22px}

/* 胶囊分段：hub 标签、设置页标签、关注列表的视图切换 */
body.workspace-ui :is(.hub-tabs,.settings-tabs,.wl-view-switch){
    display:inline-flex;gap:4px;padding:4px;
    background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);
}
body.workspace-ui :is(.hub-tab,.settings-tabs button,.wl-view-btn){
    padding:7px 15px;border-radius:10px;font-size:13.5px;font-weight:400;color:var(--text-secondary);background:none;box-shadow:none;
}
body.workspace-ui :is(.hub-tab,.settings-tabs button,.wl-view-btn):hover{color:var(--text);background:var(--accent-soft)}
body.workspace-ui :is(.hub-tab.active,.settings-tabs button[aria-selected="true"],.wl-view-btn.active){
    background:var(--sk-sel-bg);color:var(--sk-sel-text);box-shadow:none;font-weight:500;
}
body.workspace-ui .wl-view-btn{padding:6px 13px}

/* 顶部按钮 / 运行开关 */
body.workspace-ui .hub-btn{height:34px;padding:0 15px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);font-size:13px;font-weight:400;box-shadow:var(--shadow-sm)}
body.workspace-ui .hub-btn:hover{background:var(--bg-card);border-color:var(--border-strong);color:var(--accent)}
body.workspace-ui .hub-switch{font-size:13px;font-weight:400}
body.workspace-ui .hub-switch.on{color:var(--green-deep)}

/* 开关：开为绿色，关为浅灰（原来关是深色，满屏黑块） */
body.workspace-ui .hub-switch.on .hub-switch-track{background:var(--switch-on)}
body.workspace-ui .wl-switch-slider{background:var(--switch-off)}
body.workspace-ui .wl-switch input:checked+.wl-switch-slider{background:var(--switch-on)}

/* ---------- 6. 卡片：纯白 + 淡蓝描边 + 贴身阴影 ---------- */
body.workspace-ui :is(.section,.panel,.spread-table-wrap,.arb-table-wrap,
    .surge-pane-v2,.surge-heatmap-card,.wl-coin-card,.spread-detail-card,
    .overview-modules-panel,.ovs-card,.jr-summary){
    background:var(--bg-card);border:1px solid var(--sk-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);
}
/* 卡片里套的卡片去掉框和阴影，不要框里套框 */
body.workspace-ui :is(.section,.panel,.surge-pane-v2,.overview-modules-panel) :is(.arb-table-wrap,.spread-table-wrap,.panel){
    border:0;box-shadow:none;border-radius:0;background:transparent;
}
body.workspace-ui .section>.section-header{border-bottom:0;padding:18px 20px 12px;font-size:16px;font-weight:500}
body.workspace-ui :is(.section-header,.panel-title,.overview-section-title,.ovs-head h3,.arb-settings-title){font-weight:500}
body.workspace-ui :is(.overview-section-title,.wl-sec-title){font-size:16px}
body.workspace-ui :is(.ovs-head h3,.panel-title){font-size:15.5px}
body.workspace-ui :is(.section-count,.quiet-tag){border-radius:999px;font-weight:400;padding-left:8px;padding-right:8px}

/* ---------- 7. 指标卡：大数字深色、字重 500，说明一行 ---------- */
body.workspace-ui :is(.metric-card,.sk-card,.kpi-card,.surge-kpi-card,.wl-kpi-card){
    padding:16px 20px 18px;background:var(--bg-card);
    border:1px solid var(--sk-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);
}
body.workspace-ui :is(.metric-label,.sk-label,.kpi-label,.surge-kpi-label,.wl-kpi-label){font-size:12.5px;font-weight:400;color:var(--text-secondary)}
body.workspace-ui :is(.metric-value,.sk-value,.kpi-value,.surge-kpi-value,.wl-kpi-value){font-size:26px;font-weight:500;letter-spacing:-.01em;margin:8px 0 4px}
body.workspace-ui :is(.metric-note,.sk-sub,.kpi-sub,.surge-kpi-sub,.wl-kpi-sub){font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.workspace-ui .mc-clickable:hover{background:var(--bg-card)}
/* 图标砖统一淡蓝，不再一张卡一个颜色 */
body.workspace-ui :is(.metric-symbol,.sk-icon,.surge-kpi-icon,.wl-kpi-icon,.kpi-icon,.metric-icon,.wl-stat-ico){
    background:var(--accent-soft);color:var(--accent);border-radius:7px;
}
body.workspace-ui .surge-kpi-icon:is(.pos,.neg,.warn,.bell,.clock),
body.workspace-ui .sk-icon:is(.sk-i-pos,.sk-i-neg){background:var(--accent-soft)!important;color:var(--accent)!important}
body.workspace-ui :is(.overview-stats,.kpi-grid,.spread-kpi-grid,.surge-kpi-grid,.wl-kpi-grid,.kpi-grid-pro,.funding-kpi-grid){gap:16px}
body.workspace-ui .overview-stats{margin-bottom:28px}

/* ---------- 8. 按钮 / 输入框 ---------- */
body.workspace-ui .btn{height:34px;padding:0 15px;border-radius:10px;font-size:13px;font-weight:400}
body.workspace-ui :is(.btn-start,.btn-add,.sd-add-watch,.btn-primary,.wl-btn-primary){
    background:var(--sk-btn);color:#fff;border-color:transparent;box-shadow:none;
}
body.workspace-ui :is(.btn-start,.btn-add,.sd-add-watch,.btn-primary,.wl-btn-primary):hover{background:var(--sk-btn);filter:brightness(1.05)}
body.workspace-ui .btn-secondary{background:var(--bg-card);border-color:var(--border);color:var(--text);box-shadow:var(--shadow-sm)}
body.workspace-ui .btn-secondary:hover{background:var(--bg-card);border-color:var(--border-strong);color:var(--accent)}
body.workspace-ui :is(.btn-send,.wl-btn-ghost){font-weight:400}
body.workspace-ui :is(.form-input,.form-select,.surge-toolbar-sel){
    border-radius:10px;border:1px solid var(--border);background:var(--bg-card);font-size:13.5px;font-weight:400;
}
body.workspace-ui :is(.form-input,.form-select,.surge-toolbar-sel):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}

/* ---------- 9. 筛选条：去掉外框，控件做成一颗颗白色胶囊（Barker 筛选行） ---------- */
body.workspace-ui :is(.spread-status-bar,.spread-toolbar,.surge-toolbar-v2,.wl-toolbar,.wl-statbar){
    background:transparent;border:0;box-shadow:none;padding:0;
}
body.workspace-ui :is(.spread-toolbar,.surge-toolbar-v2,.wl-toolbar) :is(.form-input,.form-select,.surge-toolbar-sel,select,input[type=text],input[type=search]){
    height:36px;padding:0 12px;border-radius:12px;box-shadow:var(--shadow-sm);background:var(--bg-card);border:1px solid var(--border);
}
body.workspace-ui .wl-search-input{height:38px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);font-size:13.5px}
body.workspace-ui .wl-toolbar input.wl-search-input{padding-left:34px}
body.workspace-ui .wl-search-icon{z-index:1}
body.workspace-ui .wl-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
body.workspace-ui .wl-statbar{padding:0 2px;margin-bottom:-6px}
body.workspace-ui .wl-stat-value{font-size:16px;font-weight:500}
body.workspace-ui :is(.wl-stat-label,.wl-stat-sub){font-size:12px}

/* 小筛选片：白胶囊，选中淡蓝底蓝字 */
body.workspace-ui :is(.surge-ex-chip,.wl-chip,.sp-page-btn,.wl-type-chip){
    border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:var(--text-secondary);
    font-size:13px;font-weight:400;padding:5px 13px;box-shadow:var(--shadow-sm);
}
body.workspace-ui :is(.surge-ex-chip,.wl-chip,.sp-page-btn,.wl-type-chip):hover{background:var(--bg-card);border-color:var(--border-strong);color:var(--text)}
body.workspace-ui :is(.surge-ex-chip.active,.wl-chip.active,.sp-page-btn.active,.wl-type-chip.active){
    background:var(--sk-sel-bg);border-color:var(--sk-sel-line);color:var(--sk-sel-text);box-shadow:none;font-weight:500;
}
body.workspace-ui :is(.wl-chip,.wl-type-chip) span{background:rgba(100,116,139,.12);color:inherit;font-weight:400}
body.workspace-ui :is(.wl-chip.active,.wl-type-chip.active) span{background:rgba(59,130,246,.14);color:inherit}

/* 总览的「全部 / 运行中 / 已停止」 */
body.workspace-ui .monitor-filters{gap:6px}
body.workspace-ui .monitor-filters button{border-radius:999px;font-size:13px;font-weight:400;border:1px solid var(--border);background:var(--bg-card)}
body.workspace-ui .monitor-filters button.active{background:var(--sk-sel-bg);color:var(--sk-sel-text);border-color:var(--sk-sel-line);box-shadow:none;font-weight:500}

/* ---------- 10. 表格 ---------- */
body.workspace-ui :is(.arb-table,.spread-table,.feed-table,.exchange-fee-table,.runtime-log-table){background:transparent;font-size:13.5px}
body.workspace-ui :is(.arb-table,.spread-table,.feed-table,.exchange-fee-table,.runtime-log-table) th{
    background:var(--bg-subtle);color:var(--text-tertiary);font-size:12px;font-weight:400;padding:11px 14px;border-bottom:1px solid var(--hairline);
}
body.workspace-ui :is(.arb-table,.spread-table,.feed-table,.exchange-fee-table,.runtime-log-table) td{padding:12px 14px;border-bottom-color:var(--hairline)}
body.workspace-ui .spt-push-line{font-size:12px}
/* 费率 / 通知页：卡片里的表格只留一圈细线 */
body.workspace-ui #page-funding .arb-table-wrap,
body.workspace-ui .section .panel .arb-table-wrap{border:1px solid var(--hairline);border-radius:12px;background:var(--bg-card);box-shadow:none}

/* ---------- 11. 总览 ---------- */
body.workspace-ui .overview-layout{gap:20px}
body.workspace-ui .overview-main,body.workspace-ui .overview-side{gap:20px}
/* 自己用的面板，不需要说明条 */
body.workspace-ui .overview-modules-head .section-description,
body.workspace-ui .overview-modules-head>.quiet-tag,
body.workspace-ui .overview-tip,
body.workspace-ui .ovs-alerts .rail-footer{display:none}
body.workspace-ui .overview-modules-head{padding:18px 20px 12px}
body.workspace-ui .monitor-list-head{background:var(--bg-subtle);font-weight:400;font-size:12px;border-color:var(--hairline)}
body.workspace-ui .monitor-row{min-height:62px;border-bottom-color:var(--hairline)}
body.workspace-ui .monitor-icon{border-radius:10px;width:32px;height:32px}
body.workspace-ui .monitor-open strong{font-size:14px;font-weight:500}
body.workspace-ui .monitor-open small{font-size:12px}
body.workspace-ui .monitor-count{font-size:13.5px}
body.workspace-ui .ovs-head{border-bottom:0;padding:18px 18px 10px}
body.workspace-ui .owr-head{background:var(--bg-subtle);font-weight:400;font-size:12px}
body.workspace-ui .ovs-watch-row{border-bottom-color:var(--hairline);font-size:13px}
body.workspace-ui :is(.owr-price,.owr-chg,.owr-rate){font-size:13px}
body.workspace-ui .owr-coin{font-size:13.5px;font-weight:500}
body.workspace-ui .ovs-alert-row{border-bottom-color:var(--hairline)}
body.workspace-ui .ovs-alert-title{font-size:13.5px;font-weight:500}
body.workspace-ui .ovs-alert-detail{font-size:12px}
body.workspace-ui .ovs-alert-icon{background:var(--accent-soft);color:var(--accent)}

/* ---------- 12. 关注列表：每个币一张独立白卡（Barker 活动列表） ---------- */
body.workspace-ui .wl-type-sections{gap:28px}
body.workspace-ui .wl-sec{background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}
body.workspace-ui .wl-sec-head{padding:0 2px 12px;border-bottom:0}
body.workspace-ui .wl-sec-title{font-weight:500;color:var(--text)!important}
body.workspace-ui .wl-sec-title:is(.price,.spread,.funding)::before{content:"";display:inline-block;width:4px;height:15px;margin-right:9px;border-radius:2px;background:var(--sk-grad);vertical-align:-1px}
body.workspace-ui .wl-sec-count{font-family:inherit;font-weight:400;color:var(--text-tertiary)}
body.workspace-ui :is(.wl-sec-count,.wl-sec-desc){font-size:12px}
body.workspace-ui .wl-sec-act{border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text-secondary);font-size:13px;font-weight:400;box-shadow:var(--shadow-sm)}
body.workspace-ui .wl-sec-act:hover{border-color:var(--border-strong);color:var(--accent)}
body.workspace-ui .wl-sec-body{gap:10px}
body.workspace-ui .wl-tr{
    padding:14px 20px;border:1px solid var(--sk-line);border-radius:var(--radius-lg);
    background:var(--bg-card);box-shadow:var(--shadow-sm);
}
body.workspace-ui .wl-tr:not(.wl-tr-head):hover{background:var(--bg-card)}
body.workspace-ui .wl-tr.selected{background:var(--bg-card);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-md)}
body.workspace-ui .wl-tr.wl-tr-head{background:transparent;border:0;box-shadow:none;padding:0 21px 0;font-size:12px;font-weight:400;color:var(--text-tertiary);letter-spacing:0}
body.workspace-ui .wl-tr-name{font-family:inherit;font-size:16px;font-weight:500}
body.workspace-ui .wl-tr .wl-pcell-val,body.workspace-ui .wl-tr [class*="-val"]{font-family:inherit;font-weight:500}
body.workspace-ui .wl-tc-thr{font-size:12.5px}
body.workspace-ui .wl-tc-sub{font-size:12px}
body.workspace-ui .wl-tr.off{opacity:1}
body.workspace-ui .wl-sec-add{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:transparent}
/* 「按币种」视图：规则开关不再黄/绿/紫底，开没开看开关本身 */
body.workspace-ui .wl-cc-name{font-size:18px}
body.workspace-ui .wl-pcell{background:var(--bg-subtle);border-color:transparent}
body.workspace-ui .wl-pcell-val{font-size:16px}
body.workspace-ui :is(.wl-pcell-lbl,.wl-pcell-chg){font-size:12px}
body.workspace-ui :is(.wl-cc-spread-toggle,.wl-cc-price-toggle,.wl-cc-funding-toggle),
body.workspace-ui :is(.wl-cc-spread-toggle,.wl-cc-price-toggle,.wl-cc-funding-toggle).on{
    background:var(--bg-card);border:1px solid var(--border);color:var(--text-tertiary);font-weight:400;
}
body.workspace-ui :is(.wl-cc-spread-toggle,.wl-cc-price-toggle,.wl-cc-funding-toggle).on{color:var(--text)}
body.workspace-ui .wl-moved-note{border:0;background:transparent;padding:4px 20px}

/* ---------- 13. 交易日志 ---------- */
body.workspace-ui .jr-summary{padding:16px 22px}
body.workspace-ui .jr-summary-item strong{font-weight:500;font-size:22px}
body.workspace-ui .jr-card{border-color:var(--sk-line);box-shadow:var(--shadow-md)}
body.workspace-ui .jr-card-name strong{font-size:15.5px}
body.workspace-ui .jr-card-prices>div{background:var(--bg-subtle)}
body.workspace-ui :is(.jr-empty,.ur-empty){border-color:var(--border-strong);background:var(--bg-card)}

/* ---------- 14. 各页零碎 ---------- */
body.workspace-ui .last-update{border-top:0;color:var(--text-tertiary);font-size:12px}
body.workspace-ui :is(.empty-state,.ovs-empty){color:var(--text-tertiary)}
body.workspace-ui .arb-settings-panel{border-left:1px solid var(--sk-line)}
body.workspace-ui .arb-settings-head{border-bottom-color:var(--hairline)}
body.workspace-ui .feature-block{background:var(--bg-subtle);border-color:var(--hairline)}
body.workspace-ui .section-header-pro .sh-search{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
body.workspace-ui .section-header-pro .sh-btn-ghost{border-color:var(--border);border-radius:10px;box-shadow:var(--shadow-sm)}
body.workspace-ui .stat-row-inline>*{border-radius:999px}
/* 市场异动筛选：直接放在底色上，不套卡片 */
body.workspace-ui .section.surge-toolbar-section{background:transparent;border:0;box-shadow:none;overflow:visible}
body.workspace-ui .surge-toolbar-row{background:transparent;border:0;box-shadow:none;padding-left:0;padding-right:0}
body.workspace-ui .surge-toolbar-row :is(select,input){height:34px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
/* 通知中心：表头工具条一行放下 */
@media (min-width:901px){
    body.workspace-ui .section-header .runtime-toolbar{flex-wrap:nowrap;margin-left:auto;width:auto;max-width:none;flex:0 0 auto}
    body.workspace-ui .section-header .runtime-toolbar .form-select{width:auto;height:34px;padding-top:0;padding-bottom:0}
}
/* 系统设置：去掉「一套设置，整个空间共用」说明条；分组改用细线分隔，不再框里套框 */
body.workspace-ui #page-settings .shared-notice{display:none}
body.workspace-ui #page-settings .panel .feature-block{background:transparent;border:0;border-top:1px solid var(--hairline);border-radius:0;padding:18px 0 6px;margin-top:0}
body.workspace-ui #page-settings .panel .feature-block:first-of-type{border-top:0;padding-top:4px}
body.workspace-ui .settings-save-bar{border-color:var(--sk-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}

/* ---------- 15. 呼吸感：鼠标停到哪，哪里轻轻上浮 ----------
   卡片浮 2px；列表行浮 1px + 一圈淡蓝边；按钮 / 胶囊浮 1px。
   整张表、整块区域不浮，免得和里面的行一起动。 */
body.workspace-ui :is(.metric-card,.sk-card,.kpi-card,.surge-kpi-card,.wl-kpi-card,
    .ur-kpi,.ur-entry-card,.ur-proj-line,.jr-card,.wl-coin-card,.wl-tr:not(.wl-tr-head)){
    transition:transform .25s var(--sk-ease),box-shadow .25s var(--sk-ease),border-color .25s var(--sk-ease);
}
body.workspace-ui :is(.metric-card,.sk-card,.kpi-card,.surge-kpi-card,.wl-kpi-card,
    .ur-kpi,.ur-entry-card,.ur-proj-line,.jr-card,.wl-coin-card,.wl-tr:not(.wl-tr-head)):hover{
    transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-strong);
}
body.workspace-ui :is(.arb-table,.spread-table,.feed-table,.runtime-log-table) tbody tr,
body.workspace-ui :is(.monitor-row,.ovs-watch-row:not(.owr-head),.ovs-alert-row){
    position:relative;
    transition:transform .22s var(--sk-ease),box-shadow .22s var(--sk-ease),background-color .22s;
}
/* 空行（暂无数据）和 U 排行榜展开的个人明细不浮 */
body.workspace-ui :is(.arb-table,.spread-table,.feed-table,.runtime-log-table) tbody tr:not(.ur-expand):not(:has(>td:only-child)):hover,
body.workspace-ui :is(.monitor-row,.ovs-watch-row:not(.owr-head),.ovs-alert-row):hover{
    transform:translateY(-1px);z-index:2;box-shadow:var(--sk-row-hover);
}
body.workspace-ui :is(.arb-table,.spread-table,.feed-table,.runtime-log-table) tbody tr:not(.ur-expand):hover>td{background:var(--bg-card)}
body.workspace-ui :is(.monitor-row,.ovs-watch-row:not(.owr-head),.ovs-alert-row):hover{background:var(--bg-card)}
body.workspace-ui :is(.btn,.hub-btn,.wl-sec-act,.surge-ex-chip,.wl-chip,.wl-type-chip,.sp-page-btn,.ur-chip,
    .monitor-filters button,.hub-tab,.ur-tab,.settings-tabs button,.wl-view-btn,.alert-btn,.theme-toggle,.nav-item){
    transition:transform .2s var(--sk-ease),box-shadow .2s var(--sk-ease),background-color .2s,border-color .2s,color .2s;
}
body.workspace-ui :is(.btn,.hub-btn,.wl-sec-act,.surge-ex-chip,.wl-chip,.wl-type-chip,.sp-page-btn,.ur-chip,
    .monitor-filters button,.alert-btn,.theme-toggle):not(:disabled):hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}
body.workspace-ui :is(.hub-tab,.ur-tab,.settings-tabs button,.wl-view-btn):hover{transform:translateY(-1px)}
body.workspace-ui .nav-item:hover{transform:translateX(2px)}
body.workspace-ui :is(.btn,.hub-btn,.wl-chip,.wl-type-chip,.surge-ex-chip):active{transform:translateY(0)}
@media (prefers-reduced-motion:reduce){
    body.workspace-ui *{transition:none!important}
    body.workspace-ui *:hover{transform:none!important}
}

/* ---------- 16. 手机 ---------- */
@media (max-width:900px){
    /* 顶栏已经有页面名，页面里的大标题不再重复 */
    body.workspace-ui .hub-title{display:none}
    body.workspace-ui .hub-bar.hub-plain{display:none}
    body.workspace-ui .hub-bar{grid-template-columns:minmax(0,1fr);padding:12px 16px 0}
    body.workspace-ui .hub-bar>.hub-actions{margin-left:0;justify-content:space-between}
    body.workspace-ui .hub-bar>.hub-tabs{margin-top:0;overflow-x:auto}
    body.workspace-ui .hub-bar+.page{padding-top:16px}
    body.workspace-ui :is(.metric-value,.sk-value,.kpi-value,.surge-kpi-value,.wl-kpi-value){font-size:22px}
    body.workspace-ui .wl-tr{padding:12px}
    body.workspace-ui .wl-tr.wl-tr-head{padding:0 13px}
}