/* ============================================================
 * 极客蓝 UI 风格（设计系统：gd-ui-geekkefu）
 *
 * 定位：这是 app.css 之上的**覆盖层**，不重写任何页面结构。
 *   默认风格 = 极客蓝（v1.9.11 起，html 无 data-theme 或 =geek）
 *   深蓝商务 = 显式切到 html[data-theme="deep"]，走 app.css 原生 token
 *
 * 纪律：两套风格共用同一份 DOM 与 JS；切换只改 <html data-theme>，
 *      刷新后由 localStorage 恢复，不产生任何后端依赖。
 * 色值全部来自 geekkefu-tokens.css，禁止在页面代码里硬编码。
 * ============================================================ */

html[data-theme="geek"]{
  /* 品牌蓝三阶 */
  --brand:#2F5BFF; --brand-2:#1E3FD8; --brand-soft:#EEF2FF;
  /* 语义色（底色为 soft 变体） */
  --ok:#0A9D6C; --ok-bg:#E6F7F0;
  --warn:#D97A06; --warn-bg:#FFF5E6;
  --danger:#D63649; --danger-bg:#FDEBEE;
  --info:#2F5BFF; --info-bg:#EEF2FF;
  /* 背景 / 面板 / 边框 */
  --gray-bg:#EEF0F5;
  --ink:#171A24; --ink-2:#4A4F60; --ink-3:#8A8FA3;
  --line:#E4E7EF; --line-2:#F1F3F8;
  --radius:12px;
  --sh:0 1px 3px rgba(20,24,40,.06),0 8px 24px rgba(20,24,40,.06);
  /* 夜色系 / 产品叙事色 */
  --night:#12162A; --night-2:#2A3560;
  --violet:#7A5AF8; --violet-soft:#F1EDFF;
}

/* ---------- 侧栏：夜色底 + 圆角胶囊激活项 ---------- */
html[data-theme="geek"] .sidebar{background:var(--night);color:rgba(255,255,255,.88)}
html[data-theme="geek"] .brand{
  background:linear-gradient(135deg,#12162A,#2A3560);
  border-bottom:1px solid rgba(255,255,255,.08);padding:16px 14px
}
html[data-theme="geek"] .brand-logo{border-radius:10px;background:linear-gradient(135deg,#2F5BFF,#7A5AF8)}
html[data-theme="geek"] .brand-txt b{letter-spacing:.6px;font-weight:700}
html[data-theme="geek"] .brand-txt span{color:rgba(255,255,255,.45)}
html[data-theme="geek"] .nav-group{
  color:rgba(255,255,255,.45);font-size:10px;letter-spacing:1px;font-weight:600;padding:14px 16px 5px
}
html[data-theme="geek"] .nav-item{
  margin:2px 8px;padding:8px 10px;border-radius:10px;border-left:0;
  color:rgba(255,255,255,.72);font-size:12.5px
}
html[data-theme="geek"] .nav-item:hover{background:rgba(255,255,255,.12);color:#fff}
html[data-theme="geek"] .nav-item.active{
  background:var(--brand);color:#fff;font-weight:600;box-shadow:0 4px 12px rgba(47,91,255,.32)
}
html[data-theme="geek"] .nav-item .nb{background:rgba(255,255,255,.16);font-weight:700}
html[data-theme="geek"] .nav-item.active .nb{background:rgba(255,255,255,.3)}
html[data-theme="geek"] .sidebar.mini .nav-item{margin:2px 6px;padding:9px 0}
html[data-theme="geek"] .sidebar.mini .nav-group{padding:12px 0 4px;text-align:center}
html[data-theme="geek"] .sidebar-foot{border-top-color:rgba(255,255,255,.08)}
html[data-theme="geek"] .tenant b{color:rgba(255,255,255,.88)}
html[data-theme="geek"] .tenant small{color:rgba(255,255,255,.45)}

/* 置顶卡（反馈中心）：夜色侧栏里唯一的品牌蓝实底块 = 唯一强入口 */
html[data-theme="geek"] .nav-pinned{padding:10px 8px 2px}
html[data-theme="geek"] .pinned-card{
  border-radius:10px;border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(135deg,#2F5BFF,#1E3FD8);
  box-shadow:0 6px 16px rgba(47,91,255,.34)
}
html[data-theme="geek"] .pinned-card:hover{box-shadow:0 9px 22px rgba(47,91,255,.44)}
html[data-theme="geek"] .pinned-card.on{outline:2px solid rgba(255,255,255,.55);outline-offset:-2px}
html[data-theme="geek"] .pc-ico em{background:var(--danger);border-color:#2F5BFF}
html[data-theme="geek"] .pc-p0{background:var(--danger)}
html[data-theme="geek"] .pc-new{background:rgba(255,255,255,.24)}

/* ---------- 顶栏 / 标签条 ---------- */
html[data-theme="geek"] .topbar{
  height:52px;padding:0 16px;gap:14px;border-bottom:1px solid transparent;
  box-shadow:0 1px 0 rgba(20,24,40,.05)
}
html[data-theme="geek"] .pn-search{border-radius:10px;background:#F4F6FB;height:32px;width:320px}
html[data-theme="geek"] .pn-search:focus-within{background:#fff;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
html[data-theme="geek"] .pn-result{border-radius:12px;box-shadow:var(--sh)}
html[data-theme="geek"] .pn-grp h5{background:#F7F8FC;color:var(--ink-3)}
html[data-theme="geek"] .pn-row:hover{background:var(--brand-soft)}
html[data-theme="geek"] .icon-btn{border-radius:8px}
html[data-theme="geek"] .icon-btn:hover{background:#F4F6FB}
html[data-theme="geek"] .tb-btn{height:32px;border-radius:8px;font-size:12.5px}
html[data-theme="geek"] .tb-btn:hover{background:#F4F6FB}
html[data-theme="geek"] .tb-btn.fb{background:var(--brand-soft);border:1px solid #DCE4FF;color:var(--brand)}
html[data-theme="geek"] .tb-btn.fb:hover{background:#E4EAFF;border-color:var(--brand);color:var(--brand-2)}
html[data-theme="geek"] .tb-btn.fb.clean{background:#F4F6FB;border-color:transparent;color:var(--ink-2);font-weight:400}
html[data-theme="geek"] .role-switch select{height:32px;border-radius:8px}
html[data-theme="geek"] .user-chip{background:#fff;border-color:var(--line);height:34px;border-radius:999px}
html[data-theme="geek"] .user-chip:hover,html[data-theme="geek"] .user-chip[aria-expanded="true"]{
  border-color:var(--brand);background:var(--brand-soft)
}
html[data-theme="geek"] .user-pop{border-radius:14px;box-shadow:0 20px 48px rgba(20,24,40,.18);border-color:var(--line)}
html[data-theme="geek"] .up-av{border-radius:13px;background:linear-gradient(135deg,#2F5BFF,#7A5AF8)}
html[data-theme="geek"] .up-item{border-radius:10px}
html[data-theme="geek"] .up-item:hover{background:#F4F6FB}
html[data-theme="geek"] .up-view select{border-radius:9px}
html[data-theme="geek"] .pf-av{border-radius:18px;background:linear-gradient(135deg,#2F5BFF,#7A5AF8)}
html[data-theme="geek"] .pf-work-item{border-radius:11px}
html[data-theme="geek"] .pf-work-item:hover{background:var(--brand-soft);border-color:var(--brand)}
html[data-theme="geek"] .uc-av{background:var(--brand-soft);color:var(--brand)}

/* 标签条改为浮动胶囊：激活页 = 白卡 + 品牌蓝字 */
html[data-theme="geek"] .tabbar{
  height:40px;align-items:center;gap:6px;padding:0 12px;
  background:transparent;border-bottom:none
}
html[data-theme="geek"] .tab{
  height:27px;border-radius:8px;border:1px solid transparent;margin-bottom:0;color:var(--ink-3)
}
html[data-theme="geek"] .tab:hover{background:rgba(255,255,255,.72);color:var(--ink-2)}
html[data-theme="geek"] .tab.active{
  background:#fff;border:1px solid var(--line);color:var(--brand);font-weight:600;
  box-shadow:0 1px 2px rgba(20,24,40,.05)
}
html[data-theme="geek"] .tab .x:hover{background:#EEF0F5;color:var(--danger)}

/* ---------- 内容 / 卡片 / KPI ---------- */
html[data-theme="geek"] .content{padding:12px 14px 16px}
html[data-theme="geek"] .page-title h2{font-size:17px;font-weight:700;letter-spacing:-.2px}
html[data-theme="geek"] .page-title p{font-size:12px}
html[data-theme="geek"] .card{border-radius:12px}
html[data-theme="geek"] .card-head{padding:12px 16px}
html[data-theme="geek"] .card-head h4{font-size:13.5px;font-weight:700}
html[data-theme="geek"] .card-body{padding:14px 16px}
html[data-theme="geek"] .kpi{border-radius:12px;padding:14px 16px}
/* 左侧 3px 色条 → 右上 6px 语义圆点（极客风用点不用条，语义仍可辨） */
html[data-theme="geek"] .kpi::after{
  left:auto;right:16px;top:16px;bottom:auto;width:6px;height:6px;border-radius:3px
}
html[data-theme="geek"] .kpi.ok::after{background:var(--ok)}
html[data-theme="geek"] .kpi.warn::after{background:var(--warn)}
html[data-theme="geek"] .kpi.danger::after{background:var(--danger)}
html[data-theme="geek"] .kpi .k-label{font-size:12px;color:var(--ink-3)}
html[data-theme="geek"] .kpi .k-val{font-size:25px;font-weight:800;letter-spacing:-.6px;margin-top:3px}
html[data-theme="geek"] .kpi .k-extra{font-size:11.5px}
html[data-theme="geek"] .filters{border-radius:12px;padding:12px 14px}
html[data-theme="geek"] .field input,html[data-theme="geek"] .field select,html[data-theme="geek"] .field textarea{border-radius:8px}
html[data-theme="geek"] .field input:focus,html[data-theme="geek"] .field select:focus,html[data-theme="geek"] .field textarea:focus{
  border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)
}

/* ---------- 按钮 ---------- */
html[data-theme="geek"] .btn{border-radius:8px;font-weight:600}
html[data-theme="geek"] .btn:hover{border-color:var(--brand);color:var(--brand);background:#fff}
html[data-theme="geek"] .btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
html[data-theme="geek"] .btn.primary:hover{background:var(--brand-2);border-color:var(--brand-2);color:#fff}
html[data-theme="geek"] .btn.ghost:hover{background:#F4F6FB;color:var(--ink);border-color:transparent}
html[data-theme="geek"] .btn.ok:hover,html[data-theme="geek"] .btn.danger:hover{color:#fff}

/* ---------- 表格 ---------- */
html[data-theme="geek"] .tbl th{background:#F6F8FC;color:var(--ink-3);padding:9px 11px}
html[data-theme="geek"] .tbl td{padding:8px 11px;border-bottom-color:var(--line)}
html[data-theme="geek"] .tbl tbody tr:hover{background:#FAFBFE}
html[data-theme="geek"] .tbl tbody tr.sel{background:var(--brand-soft)}
html[data-theme="geek"] .tbl tfoot td{background:#F6F8FC}
html[data-theme="geek"] .pg-btns button{border-radius:7px}
html[data-theme="geek"] .pg-btns button.on{background:var(--brand);border-color:var(--brand)}

/* ---------- 状态徽章：圆角胶囊 + 语义 soft 底 ---------- */
html[data-theme="geek"] .tag{
  border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:600;line-height:1.7
}
html[data-theme="geek"] .tag::before{display:none}
html[data-theme="geek"] .tag-gray{background:#F0F2F7;color:var(--ink-3)}
html[data-theme="geek"] .tag-blue{background:var(--brand-soft);color:var(--brand)}
html[data-theme="geek"] .tag-green{background:var(--ok-bg);color:var(--ok)}
html[data-theme="geek"] .tag-orange{background:var(--warn-bg);color:var(--warn)}
html[data-theme="geek"] .tag-red{background:var(--danger-bg);color:var(--danger)}
html[data-theme="geek"] .tag-solid-red{background:var(--danger);color:#fff}
html[data-theme="geek"] .tag-purple{background:var(--violet-soft);color:var(--violet)}
html[data-theme="geek"] .chip{border-radius:999px;padding:2px 10px}
html[data-theme="geek"] .chip.warn{background:var(--warn-bg);color:var(--warn)}
html[data-theme="geek"] .chip.danger{background:var(--danger-bg);color:var(--danger)}
html[data-theme="geek"] .chip.ok{background:var(--ok-bg);color:var(--ok)}

/* ---------- 进度条 / 步骤 ---------- */
html[data-theme="geek"] .bar{border-radius:999px;background:#EEF0F5}
html[data-theme="geek"] .bar i{background:var(--brand)}
html[data-theme="geek"] .step i{background:#EEF0F5}
html[data-theme="geek"] .step.done i{background:var(--ok-bg);color:var(--ok)}
html[data-theme="geek"] .step.cur i{background:var(--brand)}

/* ---------- 提示条 ---------- */
html[data-theme="geek"] .alert{border-radius:10px;padding:10px 14px}
html[data-theme="geek"] .alert-info{background:var(--brand-soft);color:#20376F}
html[data-theme="geek"] .alert-warn{background:var(--warn-bg);color:#8A4D02}
html[data-theme="geek"] .alert-danger{background:var(--danger-bg);color:#9C1F30}
html[data-theme="geek"] .alert-ok{background:var(--ok-bg);color:#06714D}
html[data-theme="geek"] .alert-gray{background:#F2F4F8;color:var(--ink-2)}

/* ---------- 抽屉 / 弹窗 / toast ---------- */
html[data-theme="geek"] .drawer-mask{background:rgba(20,24,40,.46)}
html[data-theme="geek"] .drawer{box-shadow:-10px 0 40px rgba(20,24,40,.16)}
html[data-theme="geek"] .drawer-body{background:#F7F8FC}
html[data-theme="geek"] .modal-mask{background:rgba(20,24,40,.5)}
html[data-theme="geek"] .modal{border-radius:14px;box-shadow:0 24px 64px rgba(20,24,40,.24)}
/* toast 从「深色横条」改为「白卡 + 左侧语义条」，符合极客风唯一轻反馈通道 */
html[data-theme="geek"] .toast{
  background:#fff;color:var(--ink);border:1px solid var(--line);border-left:3px solid var(--brand);
  border-radius:10px;box-shadow:var(--sh);padding:10px 14px
}
html[data-theme="geek"] .toast.ok{border-left-color:var(--ok)}
html[data-theme="geek"] .toast.err{border-left-color:var(--danger)}
html[data-theme="geek"] .toast.warn{border-left-color:var(--warn)}
html[data-theme="geek"] .toast svg{color:var(--brand)}
html[data-theme="geek"] .toast.ok svg{color:var(--ok)}
html[data-theme="geek"] .toast.err svg{color:var(--danger)}
html[data-theme="geek"] .toast.warn svg{color:var(--warn)}
html[data-theme="geek"] .toast.err .tt{color:var(--danger)}
html[data-theme="geek"] .toast.ok .tt{color:var(--ok)}
html[data-theme="geek"] .toast.warn .tt{color:var(--warn)}
html[data-theme="geek"] .toast .td{color:var(--ink-2);opacity:1}

/* ---------- 暗色代码块（公式 / 规则树） ---------- */
html[data-theme="geek"] .formula{background:#12162A;border-radius:12px;color:#D7DCF0}
html[data-theme="geek"] .formula .fx{color:#8FA3D9}
html[data-theme="geek"] .formula .hl{color:#5EE0A0}
html[data-theme="geek"] .formula .cn{color:#8A90A8}
html[data-theme="geek"] .code{background:#12162A;border-radius:10px;color:#D7DCF0}
html[data-theme="geek"] .code .c{color:#8A90A8}
html[data-theme="geek"] .code .k{color:#9DB4FF}
html[data-theme="geek"] .code .s{color:#7FE0A0}
html[data-theme="geek"] .calc-cell{border-radius:8px}
html[data-theme="geek"] .calc-out{background:var(--brand-soft);border-color:#DCE4FF;border-radius:10px}
html[data-theme="geek"] .calc-out .val{color:var(--brand)}
html[data-theme="geek"] .tl-item::before{background:var(--brand);box-shadow:0 0 0 1.5px var(--brand)}

/* ---------- 反馈中心 ---------- */
html[data-theme="geek"] .fb-item{border-radius:12px;padding:14px 16px}
html[data-theme="geek"] .fb-item:hover{border-color:var(--brand);box-shadow:var(--sh)}
html[data-theme="geek"] .fb-anchor{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:2px 8px}
html[data-theme="geek"] .fb-thumb{border-radius:8px;background:#F4F6FB}
html[data-theme="geek"] .fb-thumb:hover{background:var(--brand-soft);border-color:var(--brand)}
html[data-theme="geek"] .fb-file,html[data-theme="geek"] .fb-filecell{border-radius:8px}
html[data-theme="geek"] .fb-optional{border-radius:10px;background:#FAFBFE}
html[data-theme="geek"] .fb-opt-toggle:hover{background:#F4F6FB}
html[data-theme="geek"] .fb-chip.on{background:var(--brand);border-color:var(--brand)}
html[data-theme="geek"] .fb-chip.tone-red.on{background:var(--danger);border-color:var(--danger)}
html[data-theme="geek"] .fb-chip.tone-orange.on{background:var(--warn);border-color:var(--warn)}
html[data-theme="geek"] .fb-chip.tone-blue.on{background:var(--brand);border-color:var(--brand)}
html[data-theme="geek"] .fb-chip.tone-gray.on{background:#6B7285;border-color:#6B7285}
html[data-theme="geek"] .fb-sf i{background:#EEF0F5}
html[data-theme="geek"] .fb-sf.cur i{background:var(--brand)}
html[data-theme="geek"] .fb-empty kbd{border-radius:5px;background:#fff}
html[data-theme="geek"] .fb-pv{border-radius:8px;background:#F4F6FB}
html[data-theme="geek"] .fb-drop.over{outline-color:var(--brand);background:var(--brand-soft)}
/* v1.6.3 反馈弹窗：粘贴区主视觉（极客风用冷蓝描边 + 胶囊圆角） */
html[data-theme="geek"] .fb-attach{border-color:#DBE2F2;border-radius:14px;box-shadow:var(--sh)}
html[data-theme="geek"] .fb-attach-head{background:linear-gradient(96deg,#EEF2FF,#F7F9FF 58%,#fff);border-bottom-color:#E4E9F6}
html[data-theme="geek"] .fba-ic{border-radius:11px;background:linear-gradient(135deg,#2F5BFF,#7A5AF8);box-shadow:0 3px 10px rgba(47,91,255,.3)}
html[data-theme="geek"] .fb-drop{border-color:#D3DCEC;border-radius:12px;background:#FBFCFE}
html[data-theme="geek"] .fb-drop.over{border-color:var(--brand)}
html[data-theme="geek"] .fb-attach kbd,html[data-theme="geek"] .fb-empty kbd{border-color:#C3CEE4;color:var(--brand)}
html[data-theme="geek"] .fb-empty-kbd kbd{color:var(--brand)}
html[data-theme="geek"] .modal-body{background:#F7F8FC}
html[data-theme="geek"] .modal-head h3{font-size:15px;font-weight:650}
html[data-theme="geek"] .fb-zoom img{border-radius:14px}

/* ---------- 登录页：左区夜色 + 右区白卡 ---------- */
html[data-theme="geek"] .login{background:var(--gray-bg)}
html[data-theme="geek"] .login-side{background:linear-gradient(158deg,#12162A 0%,#0F1322 56%,#1A2144 100%)}
html[data-theme="geek"] .lg-logo{border-radius:12px;background:linear-gradient(135deg,#2F5BFF,#7A5AF8);border-color:rgba(255,255,255,.22)}
html[data-theme="geek"] .login-side h1{letter-spacing:.2px;font-weight:700}
html[data-theme="geek"] .lg-points li::before{background:rgba(47,91,255,.3);border-color:rgba(120,150,255,.75)}
html[data-theme="geek"] .login-card{border-radius:16px;box-shadow:0 24px 60px rgba(20,24,40,.12);padding:32px 32px 24px}
html[data-theme="geek"] .login-card h2{font-size:23px;letter-spacing:.5px;font-weight:700}
html[data-theme="geek"] .lg-field input{border-radius:10px;background:#F7F8FC;height:42px}
html[data-theme="geek"] .lg-field input:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px var(--brand-soft)}
html[data-theme="geek"] .lg-eye{border-radius:8px}
html[data-theme="geek"] .lg-submit{border-radius:10px;letter-spacing:4px}
html[data-theme="geek"] .lg-err{background:var(--danger-bg);border-color:#F7C9D0;color:var(--danger);border-radius:10px}
html[data-theme="geek"] .lg-acct-chip{border-radius:10px}
html[data-theme="geek"] .lg-acct-chip:hover{border-color:var(--brand);background:var(--brand-soft)}
html[data-theme="geek"] .lg-link{color:var(--brand)}

/* ---------- 后台管理 ---------- */
html[data-theme="geek"] .ad-tab{font-size:13px;padding:10px 16px}
html[data-theme="geek"] .ad-permhead{background:#F7F8FC}
html[data-theme="geek"] .ad-role{border-radius:10px}
html[data-theme="geek"] .ad-role.on{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}
html[data-theme="geek"] .ad-permgroup{border-radius:10px}
html[data-theme="geek"] .ad-av,html[data-theme="geek"] .ad-user .ad-av{background:var(--brand-soft);color:var(--brand)}
/* v1.7.0 后台新板块：分析条形 + 高风险行 */
html[data-theme="geek"] .ab-track{border-radius:4px}
html[data-theme="geek"] .ab-track i{background:linear-gradient(90deg,#2F5BFF,#7A5AF8)}
html[data-theme="geek"] .ab-track i.hot{background:linear-gradient(90deg,#7A5AF8,#2F5BFF)}
html[data-theme="geek"] .ab-track i.warn{background:linear-gradient(90deg,#F5A623,#E69B00)}
html[data-theme="geek"] tr.ad-risk{background:rgba(192,57,43,.07);box-shadow:inset 3px 0 0 var(--danger)}
html[data-theme="geek"] .ad-line{color:var(--ink-2)}

/* ---------- 极客风下的切换器微调（结构样式在 app.css） ---------- */
html[data-theme="geek"] .theme-pop{border-radius:14px;box-shadow:0 20px 48px rgba(20,24,40,.18)}
html[data-theme="geek"] .tp-opt{border-radius:10px}
/* v1.6.7 快捷键提示 */
html[data-theme="geek"] .tb-kbd{background:#fff;border-color:#CBD5EC;color:var(--brand)}
html[data-theme="geek"] .tb-btn:hover .tb-kbd{border-color:var(--brand)}
/* v1.6.9 提交人只读行 */
html[data-theme="geek"] .fb-who{border-color:#E4E9F6;border-radius:12px;box-shadow:var(--sh)}
html[data-theme="geek"] .fb-who-av{background:var(--brand-soft);color:var(--brand)}
/* v1.6.12 演示视角（顶栏）：与风格按钮同一套圆角与投影，演示中用电光蓝实心 */
html[data-theme="geek"] .tb-btn.viewas-btn{border-radius:8px;border-color:var(--line)}
html[data-theme="geek"] .tb-btn.viewas-btn[aria-expanded="true"]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}
html[data-theme="geek"] .tb-btn.viewas-btn.demo{
  background:linear-gradient(135deg,#2F5BFF,#5A7BFF);border-color:transparent;color:#fff;
  box-shadow:0 4px 14px rgba(47,91,255,.28)
}
html[data-theme="geek"] .tb-btn.viewas-btn.demo:hover{background:linear-gradient(135deg,#1E3FD8,#2F5BFF);color:#fff}
html[data-theme="geek"] .tb-btn.viewas-btn.demo[aria-expanded="true"]{background:linear-gradient(135deg,#1E3FD8,#2F5BFF);color:#fff}
html[data-theme="geek"] .viewas-pop{border-radius:14px;box-shadow:0 20px 48px rgba(20,24,40,.18);border-color:var(--line)}
html[data-theme="geek"] .va-opt{border-radius:10px}
html[data-theme="geek"] .va-opt.on{background:var(--brand-soft);box-shadow:inset 2px 0 0 var(--brand)}
html[data-theme="geek"] .va-back{background:var(--brand-soft)}
html[data-theme="geek"] .va-av.me{background:linear-gradient(135deg,#2F5BFF,#7A5AF8);color:#fff}

/* ============================================================
 * 后台管理独立外壳（v1.6.10）：夜色侧栏 + 电光蓝激活项
 * ============================================================ */
html[data-theme="geek"] .admin-side{background:#0D1020;border-right:1px solid rgba(255,255,255,.05)}
html[data-theme="geek"] .adm-logo{background:linear-gradient(135deg,#2F5BFF,#7A5AF8);border-radius:9px}
html[data-theme="geek"] .adm-brand{border-bottom-color:rgba(255,255,255,.06)}
html[data-theme="geek"] .adm-nav-item{border-radius:10px}
html[data-theme="geek"] .adm-nav-item.on{
  background:linear-gradient(96deg,#2F5BFF,#1E3FD8);box-shadow:0 6px 18px rgba(47,91,255,.32)
}
html[data-theme="geek"] .adm-nav-item.on::before{background:#fff;opacity:.9}
html[data-theme="geek"] .adm-side-foot{border-top-color:rgba(255,255,255,.06)}
html[data-theme="geek"] .adm-back{border-radius:9px;border-color:rgba(255,255,255,.12)}
html[data-theme="geek"] .adm-back:hover{background:rgba(47,91,255,.22);border-color:rgba(120,150,255,.5)}
html[data-theme="geek"] .admin-top{background:#fff;border-bottom-color:var(--line)}
/* v1.8.2 顶栏后台管理入口：极客蓝描边，hover 出电光蓝底 */
html[data-theme="geek"] .tb-btn.admin-entry{border-radius:8px;border-color:var(--line);background:#fff}
html[data-theme="geek"] .tb-btn.admin-entry:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-2)}
html[data-theme="geek"] .tb-btn.admin-entry svg{color:var(--brand)}