/* ============================================================
   视功能讲解 · 科技感界面（2026-10-21）
   只作用于 #p-sim，不影响其它页面的白色信息卡
   ============================================================ */
#p-sim{--s-accent:#5fe7ff;--s-accent-2:#3af0c0;--s-deep:#030b14;--s-panel:rgba(6,20,31,.88);--s-line:rgba(95,231,255,.22);--s-text:#e8f9ff;--s-muted:#8faebe;
  color:var(--s-text);padding:16px 16px 24px;border-radius:18px;
  background:
    radial-gradient(900px 420px at 50% -10%,color-mix(in srgb,var(--s-accent) 13%,transparent),transparent 65%),
    radial-gradient(700px 500px at 100% 30%,rgba(70,120,255,.08),transparent 70%),
    linear-gradient(160deg,#04101a 0%,#030a12 55%,#02070d 100%);
  border:1px solid color-mix(in srgb,var(--s-accent) 16%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 70px rgba(0,0,0,.28)}
#p-sim[data-sim-theme="violet"]{--s-accent:#b78cff;--s-accent-2:#ff7edb;--s-line:rgba(183,140,255,.25)}
#p-sim[data-sim-theme="gold"]{--s-accent:#ffc266;--s-accent-2:#ff9f6e;--s-line:rgba(255,194,102,.25)}
#p-sim[data-sim-theme="ice"]{--s-accent:#dff7ff;--s-accent-2:#8fd6ff;--s-line:rgba(223,247,255,.25)}
#p-sim[data-sim-theme="rose"]{--s-accent:#ff8fb8;--s-accent-2:#ffb86b;--s-line:rgba(255,143,184,.25)}
#p-sim .sim-console-head{display:flex;align-items:flex-start;gap:14px;padding:2px 2px 15px;border-bottom:1px solid var(--s-line);margin-bottom:13px}
#p-sim .sim-kicker{font:600 9px/1.2 "Bahnschrift","DIN Alternate","Consolas",monospace;letter-spacing:.26em;color:var(--s-accent);opacity:.9}
#p-sim .sim-console-title{font-size:25px;line-height:1.1;font-weight:800;letter-spacing:.02em;margin-top:7px}
#p-sim .sim-console-title b{font-size:11px;font-weight:600;color:var(--s-muted);letter-spacing:.08em;margin-left:8px;vertical-align:2px}
#p-sim .sim-console-desc{font-size:11.5px;color:var(--s-muted);line-height:1.6;margin-top:7px}
#p-sim .sim-console-tools{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding-top:2px;flex:0 0 auto}
#p-sim .sim-live{display:inline-flex;align-items:center;gap:6px;font:700 9px "Bahnschrift",monospace;letter-spacing:.16em;color:var(--s-accent);border:1px solid var(--s-line);border-radius:999px;padding:5px 9px;background:rgba(255,255,255,.025)}
#p-sim .sim-live i{width:5px;height:5px;border-radius:50%;background:var(--s-accent);box-shadow:0 0 9px var(--s-accent);animation:pulse 1.8s infinite}
#p-sim .sim-themes{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--s-muted);letter-spacing:.1em}
#p-sim .sim-sw{width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(255,255,255,.22);background:var(--sw);cursor:pointer;padding:0;box-shadow:0 0 9px var(--sw);transition:transform .15s,border-color .15s}
#p-sim .sim-sw.on{border-color:#fff;transform:scale(1.08);box-shadow:0 0 13px var(--sw),0 0 0 3px rgba(255,255,255,.10)}
#p-sim .sim-themes .sim-sw:last-child{margin-left:2px}
#p-sim .sim-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;background:rgba(3,13,22,.88);padding:8px;border-radius:13px;border:1px solid var(--s-line);box-shadow:0 12px 32px rgba(0,0,0,.26);margin-bottom:14px;backdrop-filter:blur(16px)}
#p-sim .sim-bar-tabs{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
#p-sim .sim-bar-tabs::-webkit-scrollbar{display:none}
#p-sim .chip{height:34px;padding:0 11px;border-radius:7px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);color:#acc8d7;font-size:12px;display:inline-flex;align-items:center;white-space:nowrap;cursor:pointer;transition:all .15s;font-family:inherit}
#p-sim .chip:hover{border-color:var(--s-line);color:#fff;background:rgba(255,255,255,.06)}
#p-sim .chip.on{border-color:var(--s-accent);color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--s-accent) 30%,#07121b),rgba(7,18,27,.9));box-shadow:0 0 16px color-mix(in srgb,var(--s-accent) 18%,transparent),inset 0 0 14px rgba(255,255,255,.04)}
#p-sim .chip i{font-style:normal;font:600 8px "Bahnschrift",monospace;opacity:.55;margin-right:6px;letter-spacing:.04em}
#p-sim .chip.on i{opacity:.9;color:var(--s-accent)}
#p-sim .card.sim-hero-card{background:linear-gradient(145deg,rgba(9,25,38,.92),rgba(3,12,20,.92));border:1px solid var(--s-line);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035);color:var(--s-text);padding:14px}
#p-sim .card.sim-hero-card .card-h{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:10px}
#p-sim .card.sim-hero-card .card-h .t{font-size:14px;letter-spacing:.04em;color:var(--s-text)}
#p-sim .card.sim-hero-card .card-h .more{font-size:10.5px;color:var(--s-muted)}
#p-sim .sm-frame{border:1px solid color-mix(in srgb,var(--s-accent) 36%,transparent);border-radius:14px;background:#07121a;box-shadow:0 0 0 1px rgba(255,255,255,.03),0 18px 42px rgba(0,0,0,.35),inset 0 0 36px color-mix(in srgb,var(--s-accent) 7%,transparent);position:relative;overflow:hidden}
#p-sim .sm-frame:before{content:"";position:absolute;inset:8px;z-index:2;pointer-events:none;opacity:.6;
  background:linear-gradient(var(--s-accent),var(--s-accent)) left top/16px 1px no-repeat,
             linear-gradient(var(--s-accent),var(--s-accent)) left top/1px 16px no-repeat,
             linear-gradient(var(--s-accent),var(--s-accent)) right top/16px 1px no-repeat,
             linear-gradient(var(--s-accent),var(--s-accent)) right top/1px 16px no-repeat,
             linear-gradient(var(--s-accent),var(--s-accent)) left bottom/16px 1px no-repeat,
             linear-gradient(var(--s-accent),var(--s-accent)) left bottom/1px 16px no-repeat,
             linear-gradient(var(--s-accent),var(--s-accent)) right bottom/16px 1px no-repeat,
             linear-gradient(var(--s-accent),var(--s-accent)) right bottom/1px 16px no-repeat}
#p-sim .sm-frame:after{content:"";position:absolute;left:0;right:0;top:-20%;height:20%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--s-accent) 12%,transparent),transparent);animation:scan 4.5s linear infinite}
#p-sim .sm-chip{background:rgba(2,9,14,.7);border:1px solid var(--s-line);color:#dff8ff;border-radius:6px;font-size:10px;letter-spacing:.05em;backdrop-filter:blur(6px)}
#p-sim .sm-mode{border-radius:6px;letter-spacing:.04em}
#p-sim .sm-mode.child{background:rgba(240,68,56,.88);box-shadow:0 0 16px rgba(240,68,56,.25)}
#p-sim .sm-mode.normal{background:rgba(18,183,106,.9);box-shadow:0 0 16px rgba(18,183,106,.25)}
#p-sim .sm-cap{background:rgba(2,9,14,.8);border:1px solid var(--s-line);color:#ffb4ae;border-radius:7px;backdrop-filter:blur(8px);box-shadow:0 6px 22px rgba(0,0,0,.25)}
#p-sim .sm-cap.normal{color:#8ff0d0}
#p-sim .sm-ctl{background:rgba(2,10,16,.78);border:1px solid rgba(255,255,255,.08);border-radius:13px}
#p-sim .sm-hold{background:linear-gradient(135deg,var(--s-accent),var(--s-accent-2));color:#031018;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 22px color-mix(in srgb,var(--s-accent) 18%,transparent)}
#p-sim .sm-play{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.16);color:#dff8ff}
#p-sim .sm-slider{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}
#p-sim .sm-slider .sh .v{color:var(--s-accent)}
#p-sim .sm-slider .sh .auto{background:color-mix(in srgb,var(--s-accent) 16%,transparent);color:var(--s-accent)}
#p-sim .sm-slider input[type=range]::-webkit-slider-thumb{background:#06111a;border-color:var(--s-accent);box-shadow:0 0 10px color-mix(in srgb,var(--s-accent) 45%,transparent)}
#p-sim .sm-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--s-accent) var(--fill,50%),rgba(255,255,255,.13) var(--fill,50%))}
#p-sim .sm-eyebox{background:linear-gradient(160deg,#071620,#030c13);border:1px solid var(--s-line);border-radius:12px;box-shadow:inset 0 0 30px color-mix(in srgb,var(--s-accent) 7%,transparent)}
#p-sim .sm-eyetag{background:rgba(255,255,255,.045);color:#b6d2df;border:1px solid rgba(255,255,255,.07)}
#p-sim .sm-ana{background:linear-gradient(135deg,rgba(255,194,102,.12),rgba(255,143,110,.045));border:1px solid rgba(255,194,102,.26);box-shadow:inset 3px 0 0 rgba(255,194,102,.55)}
#p-sim .sm-ana .t{color:#ffd28a}
#p-sim .sm-ana .x{color:#d8c3a2}
#p-sim .sm-ana .ic{filter:drop-shadow(0 0 8px rgba(255,194,102,.35))}
#p-sim .sm-eff{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
#p-sim .sm-eff .eh{color:#eaf9ff}
#p-sim .sm-eff .h{color:#8faebe}
#p-sim .sm-eff .t{color:#eaf9ff}
#p-sim .sm-eff .d{color:#8faebe}
#p-sim .sm-eff .bar{background:rgba(255,255,255,.08)}
#p-sim .sm-foot{color:rgba(190,220,235,.42)}
#p-sim .sim-sec-h{color:#dff8ff;font-size:13px;letter-spacing:.06em}
#p-sim .sim-sec-h::before{background:var(--s-accent)}
#p-sim .sim-sec-h::after{background:rgba(255,255,255,.10)}
@keyframes scan{0%{top:-25%}100%{top:108%}}
@keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}
/* sidebar active item: 让菜单更像“系统目录” */
.tb-nav.on{background:linear-gradient(90deg,rgba(95,231,255,.16),rgba(95,231,255,.035));border-left:2px solid #5fe7ff;color:#eaf9ff}
.tb-nav.on .ic{color:#5fe7ff}
/* 平板 */
@media (max-width:1060px){
  #p-sim{padding:12px;border-radius:14px}
  #p-sim .sim-console-head{flex-wrap:wrap;gap:8px}
  #p-sim .sim-console-tools{width:100%;flex-direction:row;justify-content:space-between;align-items:center;padding-top:0}
  #p-sim .sim-console-title{font-size:22px}
  #p-sim .sim-themes{order:2}
  #p-sim .sim-bar{top:0;padding:7px}
  #p-sim .chip{height:32px;font-size:11.5px}
}
@media (max-aspect-ratio:9/10){
  #p-sim{padding:10px 10px 18px}
  #p-sim .sim-console-title{font-size:20px}
  #p-sim .sim-console-desc{display:none}
}
/* ============================================================
   视功能讲解进入沉浸模式时，顶栏 / 左侧菜单同步变成深色科技舱
   只作用于 body.sim-premium，离开本页立即恢复原样
   ============================================================ */
body.sim-premium .tb-side{background:linear-gradient(180deg,#06111a 0%,#030a11 56%,#02070c 100%);border-right:1px solid rgba(95,231,255,.14);box-shadow:inset -1px 0 0 rgba(255,255,255,.03)}
body.sim-premium .tb-brand .bi{background:rgba(95,231,255,.12);color:#5fe7ff;box-shadow:0 0 18px rgba(95,231,255,.16)}
body.sim-premium .tb-brand .bt1{color:#eafaff}
body.sim-premium .tb-brand .bt2{color:#6f8fa0}
body.sim-premium .tb-nav{background:transparent;color:#8eafbe;border:1px solid transparent;border-left:2px solid transparent;border-radius:8px;padding:9px 9px 9px 8px}
body.sim-premium .tb-nav:hover{background:rgba(255,255,255,.045);color:#dff8ff}
body.sim-premium .tb-nav .ic{color:#7b9cac}
body.sim-premium .tb-nav.on{background:linear-gradient(90deg,rgba(95,231,255,.17),rgba(95,231,255,.025));border-color:rgba(95,231,255,.18);border-left-color:#5fe7ff;color:#f1fdff;box-shadow:0 0 22px rgba(60,210,255,.07)}
body.sim-premium .tb-nav.on .ic{color:#5fe7ff;filter:drop-shadow(0 0 6px rgba(95,231,255,.4))}
body.sim-premium .tb-side .ver,body.sim-premium .tb-side #tbLicense{color:#607f8e}
body.sim-premium .tb-body{background:#02070d}
body.sim-premium .tb-top{background:rgba(4,13,21,.96);border-bottom:1px solid rgba(95,231,255,.15);box-shadow:0 8px 24px rgba(0,0,0,.22);backdrop-filter:blur(16px)}
body.sim-premium .tb-top .t1{color:#eafaff}
body.sim-premium .tb-top .t2{color:#7b9bab}
body.sim-premium .tb-top .nv-btn{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.08);color:#b6d6e4}
body.sim-premium .tb-kid{background:rgba(255,255,255,.045);border-color:rgba(95,231,255,.16);color:#dff8ff}
body.sim-premium .tb-kid select{color:#dff8ff;background:transparent}
body.sim-premium .tb-search{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.10);color:#bfd9e5}
body.sim-premium .tb-search:hover{background:rgba(95,231,255,.08);border-color:rgba(95,231,255,.28);color:#fff}
body.sim-premium .tb-search kbd{background:rgba(255,255,255,.08);color:#9bbac9;border-color:rgba(255,255,255,.09)}
body.sim-premium .tb-acct{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08);color:#d8eef7}
body.sim-premium .tb-acct .an{color:#dff8ff}
body.sim-premium .tb-acct .ar{color:#7f9ead}
body.sim-premium .tb-ai{background:linear-gradient(135deg,#5fe7ff,#4f8dff);color:#031018;box-shadow:0 0 20px rgba(70,210,255,.22)}
body.sim-premium .tb-scroll{background:radial-gradient(1000px 500px at 50% 0%,rgba(35,120,160,.10),transparent 60%),#02070d}
body.sim-premium #nvRight{color:#7f9ead}
/* 1024 横屏：恢复双栏，避免右侧空出一大块 */
@media (min-width:901px) and (max-width:1060px){
  #p-sim .sim-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
  #p-sim .sim-grid .sm-frame{max-width:100%}
}
/* ============================================================
   2026-10-21 第二轮色彩：每个主题连底色一起换
   ============================================================ */
#p-sim{
  --s-base-1:#06232c;--s-base-2:#03131b;--s-base-3:#01070b;--s-aurora:rgba(0,190,220,.16);
  background:
    radial-gradient(900px 420px at 50% -10%,color-mix(in srgb,var(--s-accent) 22%,transparent),transparent 65%),
    radial-gradient(800px 600px at 100% 22%,var(--s-aurora),transparent 72%),
    linear-gradient(160deg,var(--s-base-1) 0%,var(--s-base-2) 55%,var(--s-base-3) 100%);
}
#p-sim[data-sim-theme="cyan"]{--s-accent:#5fe7ff;--s-accent-2:#3af0c0;--s-line:rgba(95,231,255,.24);--s-base-1:#06232c;--s-base-2:#03131b;--s-base-3:#01070b;--s-aurora:rgba(0,190,220,.16)}
#p-sim[data-sim-theme="violet"]{--s-accent:#c4a0ff;--s-accent-2:#ff7edb;--s-line:rgba(196,160,255,.26);--s-base-1:#211238;--s-base-2:#110821;--s-base-3:#07020e;--s-aurora:rgba(150,70,255,.22)}
#p-sim[data-sim-theme="gold"]{--s-accent:#ffc266;--s-accent-2:#ff9f6e;--s-line:rgba(255,194,102,.26);--s-base-1:#2c1d08;--s-base-2:#180f04;--s-base-3:#090401;--s-aurora:rgba(255,160,50,.18)}
#p-sim[data-sim-theme="rose"]{--s-accent:#ff9bc4;--s-accent-2:#ffb86b;--s-line:rgba(255,155,196,.26);--s-base-1:#2d0b20;--s-base-2:#180614;--s-base-3:#0a0308;--s-aurora:rgba(255,60,150,.20)}
#p-sim[data-sim-theme="emerald"]{--s-accent:#4cf0b2;--s-accent-2:#8fffd2;--s-line:rgba(76,240,178,.26);--s-base-1:#07271d;--s-base-2:#03150f;--s-base-3:#010806;--s-aurora:rgba(20,220,150,.18)}
#p-sim[data-sim-theme="midnight"]{--s-accent:#8db6ff;--s-accent-2:#b78cff;--s-line:rgba(141,182,255,.26);--s-base-1:#091733;--s-base-2:#040c1d;--s-base-3:#01040b;--s-aurora:rgba(70,120,255,.22)}
#p-sim[data-sim-theme="ice"]{--s-accent:#118fae;--s-accent-2:#4fc7e6;--s-line:rgba(30,120,150,.22);--s-base-1:#f2fafd;--s-base-2:#deeff6;--s-base-3:#c7e3ee;--s-aurora:rgba(100,210,255,.24);--s-text:#08222e;--s-muted:#4e6c7a}
#p-sim .card.sim-hero-card{background:linear-gradient(145deg,color-mix(in srgb,var(--s-base-1) 86%,#fff 4%),color-mix(in srgb,var(--s-base-2) 92%,#000 8%));border-color:var(--s-line)}
#p-sim .sim-bar{background:color-mix(in srgb,var(--s-base-2) 78%,transparent)}
#p-sim .sm-ctl{background:color-mix(in srgb,var(--s-base-2) 88%,#000 12%)}
#p-sim .sm-eyebox{background:linear-gradient(160deg,color-mix(in srgb,var(--s-base-1) 92%,#fff 8%),color-mix(in srgb,var(--s-base-2) 94%,#000 6%))}
#p-sim .sm-eff{background:color-mix(in srgb,var(--s-base-2) 86%,transparent)}
/* 冰川白：真正的浅色底 */
#p-sim[data-sim-theme="ice"] .sim-console-title,#p-sim[data-sim-theme="ice"] .card-h .t,#p-sim[data-sim-theme="ice"] .sm-eff .eh,#p-sim[data-sim-theme="ice"] .sm-eff .t,#p-sim[data-sim-theme="ice"] .sim-sec-h{color:#08222e}
#p-sim[data-sim-theme="ice"] .sim-kicker{color:#0e7490}
#p-sim[data-sim-theme="ice"] .sim-console-desc,#p-sim[data-sim-theme="ice"] .card-h .more,#p-sim[data-sim-theme="ice"] .sm-eff .h,#p-sim[data-sim-theme="ice"] .sm-eff .d{color:#4e6c7a}
#p-sim[data-sim-theme="ice"] .sim-live{color:#0e7490;border-color:rgba(14,116,144,.24);background:rgba(255,255,255,.55)}
#p-sim[data-sim-theme="ice"] .sim-bar{background:rgba(255,255,255,.64);border-color:rgba(14,116,144,.18);box-shadow:0 12px 32px rgba(20,80,100,.12)}
#p-sim[data-sim-theme="ice"] .chip{background:rgba(255,255,255,.55);border-color:rgba(14,116,144,.16);color:#3f6271}
#p-sim[data-sim-theme="ice"] .chip:hover{background:#fff;color:#08222e}
#p-sim[data-sim-theme="ice"] .chip.on{background:linear-gradient(135deg,#bcecf8,#e5f9ff);border-color:#118fae;color:#06232e;box-shadow:0 0 16px rgba(17,143,174,.16)}
#p-sim[data-sim-theme="ice"] .chip.on i{color:#0e7490}
#p-sim[data-sim-theme="ice"] .card.sim-hero-card{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(230,246,252,.78));border-color:rgba(14,116,144,.18);box-shadow:0 24px 60px rgba(20,80,100,.14)}
#p-sim[data-sim-theme="ice"] .sm-ctl{background:rgba(255,255,255,.72);border-color:rgba(14,116,144,.14)}
#p-sim[data-sim-theme="ice"] .sm-slider{background:rgba(255,255,255,.52);border-color:rgba(14,116,144,.10)}
#p-sim[data-sim-theme="ice"] .sm-slider .sh .k,#p-sim[data-sim-theme="ice"] .sm-slider .tips{color:#4e6c7a}
#p-sim[data-sim-theme="ice"] .sm-slider .sh .v{color:#0e7490}
#p-sim[data-sim-theme="ice"] .tier-chip{background:rgba(14,116,144,.08);color:#4e6c7a}
#p-sim[data-sim-theme="ice"] .tier-chip.on{background:#118fae;color:#fff}
#p-sim[data-sim-theme="ice"] .sm-play{background:rgba(255,255,255,.7);border-color:rgba(14,116,144,.16);color:#0e7490}
#p-sim[data-sim-theme="ice"] .sm-foot{color:#6b8793}
#p-sim[data-sim-theme="ice"] .sm-eyebox{background:linear-gradient(160deg,#f8fdff,#e7f6fb)}
#p-sim[data-sim-theme="ice"] .sm-eyetag{background:rgba(14,116,144,.06);border-color:rgba(14,116,144,.10);color:#34596a}
#p-sim[data-sim-theme="ice"] .sm-ana{background:linear-gradient(135deg,#fff8e8,#fff1d6);border-color:#f0d69a;box-shadow:inset 3px 0 0 rgba(180,120,30,.35)}
#p-sim[data-sim-theme="ice"] .sm-ana .t{color:#8a5a12}
#p-sim[data-sim-theme="ice"] .sm-ana .x{color:#6b4a18}
#p-sim[data-sim-theme="ice"] .sm-eff{background:rgba(255,255,255,.62);border-color:rgba(14,116,144,.12)}
#p-sim[data-sim-theme="ice"] .sm-eff .bar{background:rgba(14,116,144,.12)}
#p-sim[data-sim-theme="ice"] .sim-sec-h::after{background:rgba(14,116,144,.14)}
/* 工作台 · 主题 + 性能模式 */
.tb-theme-wrap{position:relative;display:flex;align-items:center;z-index:60}
.tb-theme-btn{height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--text-2);font:12px/1 "Microsoft YaHei",sans-serif;cursor:pointer;white-space:nowrap;transition:all .15s}
.tb-theme-btn:hover{border-color:var(--primary);color:var(--primary)}
.tb-theme-btn .tb-theme-dot{width:10px;height:10px;border-radius:50%;background:#5fe7ff;box-shadow:0 0 8px #5fe7ff;display:block}
.tb-theme-pop{position:absolute;right:0;top:calc(100% + 9px);width:356px;padding:15px;border-radius:15px;background:linear-gradient(160deg,#08131d,#030a11);border:1px solid rgba(95,231,255,.22);box-shadow:0 22px 60px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);display:none;color:#e8f9ff;z-index:80}
.tb-theme-pop.on{display:block}
.tb-theme-pop:before{content:"";position:absolute;right:35px;top:-6px;width:10px;height:10px;background:#08131d;border-left:1px solid rgba(95,231,255,.22);border-top:1px solid rgba(95,231,255,.22);transform:rotate(45deg)}
.tb-theme-pop-h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.tb-theme-pop-h b{font-size:14px;letter-spacing:.05em}
.tb-theme-pop-h span{font-size:10px;color:#7f9eae}
.tb-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.tb-theme-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 10px 9px 36px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#cfe8f2;cursor:pointer;font-family:inherit;text-align:left;min-width:0}
.tb-theme-item i{position:absolute;left:10px;top:12px;width:17px;height:17px;border-radius:50%;background:var(--sw);box-shadow:0 0 13px var(--sw)}
.tb-theme-item b{font-size:12.5px;font-weight:600;color:#eaf9ff}
.tb-theme-item small{font-size:9.5px;color:#7897a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-theme-item:hover{border-color:rgba(95,231,255,.38);background:rgba(95,231,255,.07)}
.tb-theme-item.on{border-color:rgba(95,231,255,.7);background:linear-gradient(135deg,rgba(95,231,255,.14),rgba(95,231,255,.03));box-shadow:0 0 18px rgba(50,210,255,.10)}
.tb-perf-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.tb-perf-row b{display:block;font-size:12.5px;color:#eaf9ff}
.tb-perf-row small{display:block;margin-top:3px;font-size:9.5px;color:#7897a6;line-height:1.45}
.tb-perf-switch{flex:0 0 auto;width:42px;height:23px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.10);position:relative;cursor:pointer;padding:0;transition:all .2s}
.tb-perf-switch i{position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#b7cbd6;transition:all .2s}
.tb-perf-switch.on{background:rgba(95,231,255,.28);border-color:rgba(95,231,255,.55);box-shadow:0 0 14px rgba(95,231,255,.14)}
.tb-perf-switch.on i{left:22px;background:#5fe7ff;box-shadow:0 0 8px #5fe7ff}
body.sim-premium .tb-theme-btn{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.10);color:#cfe8f2}
body.sim-premium .tb-theme-pop{background:linear-gradient(160deg,#08131d,#030a11)}
@media (max-width:1060px){.tb-theme-btn span{display:none}.tb-theme-pop{width:330px}}
@media (max-width:760px){.tb-theme-pop{position:fixed;right:12px;top:64px;width:calc(100vw - 24px);max-height:calc(100vh - 84px);overflow:auto}}@media (max-width:1650px){.tb-theme-btn span{display:none}.tb-theme-btn{padding:0 9px}}