/* ============================================================================
   BITBOSS · 视觉皮肤（6 套）——由 js/skins.js 设置变量后生效
   ========================================================================== */
#screen{
  background:
    radial-gradient(1300px 720px at 50% -8%, var(--skin-g1, rgba(0,78,120,.34)), transparent 62%),
    radial-gradient(1000px 640px at 52% 104%, var(--skin-g2, rgba(0,88,140,.16)), transparent 66%),
    radial-gradient(760px 520px at 88% 22%, var(--skin-g3, rgba(0,60,110,.12)), transparent 70%),
    linear-gradient(180deg, var(--skin-bg0, #01040c) 0%, var(--skin-bg1, #00030a) 46%, var(--skin-bg2, #010610) 100%) !important;
}
#hdr::after{
  background: linear-gradient(90deg, var(--skin-accent, #38e1ff), var(--skin-line, rgba(56,225,255,.2)) 40%, transparent 72%) !important;
  box-shadow: 0 0 14px var(--skin-accent, #38e1ff) !important;
}
.brand-txt h1{color:var(--skin-title,#e6fbff) !important;text-shadow:0 0 22px var(--skin-accent,#38e1ff) !important}
.brand-txt h1 em{color:var(--skin-accent2,#7fd8ee) !important}
.brand-txt p{color:var(--skin-sub,#40596c) !important}
.hs label{color:var(--skin-sub,#40596c) !important}
.hs b{color:var(--skin-text,#d8f2fd) !important}
.hs-clock b{color:var(--skin-title,#eafaff) !important;text-shadow:0 0 18px var(--skin-accent,#38e1ff) !important}
.hs-clock span{color:var(--skin-accent2,#00e58f) !important;opacity:.85}
.panel-hd .ph-accent{background:var(--skin-accent,#38e1ff) !important;box-shadow:0 0 10px var(--skin-accent,#38e1ff) !important}
.panel-hd h2.ph-title{color:var(--skin-accent,#38e1ff) !important}
.panel-hd .ph-cn{color:var(--skin-text,#9fd9ea) !important}
.panel-hd .ph-meta{color:var(--skin-sub,#4c7388) !important}
.panel{border-color:var(--skin-line,rgba(56,189,248,.16)) !important}
.panel:hover{
  border-color:var(--skin-line-strong,rgba(56,225,255,.34)) !important;
  box-shadow: inset 0 1px 0 var(--skin-line-strong,rgba(88,200,255,.16)),
              inset 0 0 90px var(--skin-line,rgba(0,90,140,.14)),
              0 0 40px rgba(0,0,0,.7) !important;
}
#ticker .tk-label{
  color:#fff3f5;
  background:linear-gradient(90deg, var(--skin-accent,#b3122e), rgba(0,0,0,0)) !important;
  border-right-color:var(--skin-line-strong,rgba(255,45,94,.35)) !important;
}
#ticker{border-bottom-color:var(--skin-line,rgba(56,189,248,.18)) !important}
#ticker .tk-item{color:var(--skin-text,#b9d8e8) !important}
#ticker .tk-tail{border-left-color:var(--skin-line,rgba(56,189,248,.12)) !important;
  background:linear-gradient(270deg, var(--skin-line,rgba(56,225,255,.08)), transparent) !important}
#ftr{border-top-color:var(--skin-line,rgba(56,189,248,.10)) !important;color:var(--skin-sub,#40596c) !important}
#ftr::before{background:linear-gradient(90deg, var(--skin-accent,#38e1ff), transparent) !important}
.bg-glow{background:radial-gradient(900px 520px at 50% 44%, var(--skin-g1, rgba(0,90,140,.18)), transparent 68%) !important}
.tk-tag--t-info{color:var(--skin-accent,#38e1ff) !important;background:var(--skin-line,rgba(56,225,255,.09)) !important}

/* ---------- 皮肤切换器 ---------- */
.hs-skin{gap:7px;align-items:center}
.skin-btn{display:inline-flex;align-items:center;gap:7px;cursor:pointer;
  background:rgba(8,22,36,.55);border:1px solid var(--skin-line-strong,rgba(56,225,255,.34));
  color:var(--skin-text,#cfe9f5);padding:4px 8px;font:600 10px var(--mono);
  letter-spacing:.08em;transition:border-color .15s,background .15s}
.skin-btn:hover{border-color:var(--skin-accent,#38e1ff);background:rgba(255,255,255,.05)}
.skin-dot{width:8px;height:8px;border-radius:50%;background:var(--skin-accent,#38e1ff);
  box-shadow:0 0 8px var(--skin-accent,#38e1ff);flex:none}
.skin-name{font-weight:600}
.skin-caret{font-size:9px;color:var(--skin-sub,#4c7388)}
.skin-pop{position:fixed;z-index:960;display:none;min-width:200px;
  border:1px solid var(--skin-line-strong,rgba(56,225,255,.34));
  background:rgba(4,10,18,.97);box-shadow:0 18px 50px rgba(0,0,0,.6);padding:6px}
.skin-pop.show{display:grid}
.skin-item{display:flex;align-items:center;gap:9px;border:0;background:transparent;
  color:var(--skin-text,#cfe9f5);padding:8px 10px;cursor:pointer;text-align:left;width:100%}
.skin-item:hover{background:rgba(255,255,255,.05)}
.skin-item i{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:0 0 8px currentColor}
.skin-item span{display:flex;flex-direction:column;line-height:1.25}
.skin-item b{font:600 11px var(--sans)}
.skin-item em{font:500 8px var(--mono);letter-spacing:.12em;color:var(--skin-sub,#4c7388);font-style:normal;margin-top:2px}
.skin-item.on{background:rgba(255,255,255,.07)}
html.wall-mobile .hs.hs-skin{display:flex !important}
html.wall-mobile .hs-skin label{display:none}
html.wall-mobile .skin-btn{padding:2px 6px;font-size:8px;gap:5px}
html.wall-mobile .skin-dot{width:6px;height:6px}
html.wall-mobile .skin-caret{display:none}

/* 页脚皮肤入口 */
#ftr .ftr-skin{margin-left:auto;color:var(--skin-accent,#38e1ff);border:1px solid var(--skin-line,rgba(56,189,255,.16));
  padding:1px 7px;font:600 8px var(--mono);letter-spacing:.1em;text-decoration:none;white-space:nowrap}
#ftr .ftr-skin:hover{border-color:var(--skin-line-strong,rgba(56,225,255,.4))}