/* ============================================================
   涨势猎手 · 九大作战大屏 统一切换坞（self-contained）
   shared by: 01-08 八个大屏（09 自含） /
              capital_flow / global_pulse / sector_rotation / zt_ecology
   不依赖宿主页任何 CSS 变量 —— 全部在此自包含定义
   ============================================================ */
.bs-nav{
  --bs-bg:#060912; --bs-bg2:#0b1220; --bs-gold:#d4a574; --bs-gold2:#eac89c;
  --bs-line:rgba(212,165,116,.28); --bs-line2:rgba(212,165,116,.10);
  --bs-text:#c8d2e0; --bs-muted:#6b7a90; --bs-dim:#46536a;
  flex-shrink:0;
  position:relative; z-index:40;
  display:flex; align-items:center; gap:12px;
  padding:7px 12px; min-height:52px;
  max-width:100%; min-width:0;
  border-radius:12px;
  background:
    radial-gradient(600px 90px at 15% 0%, rgba(212,165,116,.10), transparent 60%),
    linear-gradient(90deg, var(--bs-bg), var(--bs-bg2));
  border:1px solid var(--bs-line);
  box-shadow:0 6px 24px rgba(0,0,0,.45), 0 0 20px rgba(212,165,116,.10), inset 0 1px 0 rgba(255,255,255,.03);
  margin-bottom:14px;
}
.bs-nav *{box-sizing:border-box;margin:0;padding:0}

/* 左侧品牌区 */
.bs-brand{display:flex;align-items:center;gap:9px;flex-shrink:0;padding-right:12px;border-right:1px solid var(--bs-line2)}
.bs-logo{width:30px;height:30px;flex-shrink:0;color:var(--bs-gold2);filter:drop-shadow(0 0 6px rgba(212,165,116,.5))}
.bs-title{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}
.bs-title b{font-size:14px;font-weight:800;letter-spacing:2px;color:var(--bs-gold2)}
.bs-title span{font-size:8.5px;letter-spacing:2.5px;color:var(--bs-muted);margin-top:3px;font-family:"SF Mono",Consolas,monospace}

/* 七个 tab */
.bs-tabs{flex:1;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0;min-width:0}
.bs-tabs::-webkit-scrollbar{display:none}
.bs-tab{
  display:flex;align-items:center;gap:6px;flex-shrink:0;
  padding:6px 11px;border-radius:8px;
  border:1px solid transparent;cursor:pointer;text-decoration:none;
  color:var(--bs-muted);transition:all .22s ease;position:relative;
}
.bs-tab .no{font-family:"SF Mono",Consolas,monospace;font-size:9px;letter-spacing:0;color:var(--bs-dim);transition:color .22s}
.bs-tab svg{width:15px;height:15px;flex-shrink:0;transition:transform .22s,color .22s}
.bs-tab .nm{font-size:12px;font-weight:600;letter-spacing:1px;white-space:nowrap}
.bs-tab:hover{color:var(--bs-gold2);background:rgba(212,165,116,.07);border-color:var(--bs-line2)}
.bs-tab:hover svg{transform:translateY(-1px)}
.bs-tab:hover .no{color:var(--bs-gold)}
.bs-tab.active{
  color:#0d0803;
  background:linear-gradient(135deg,var(--bs-gold),var(--bs-gold2));
  border-color:var(--bs-gold);
  box-shadow:0 0 16px rgba(212,165,116,.45);
}
.bs-tab.active .no{color:rgba(13,8,3,.55)}
.bs-tab.active .nm{color:#0d0803;font-weight:800}
.bs-tab.active svg{color:#0d0803}

/* 右侧 LIVE */
.bs-meta{display:flex;align-items:center;gap:7px;flex-shrink:0;padding-left:12px;border-left:1px solid var(--bs-line2)}
.bs-dot{width:7px;height:7px;border-radius:50%;background:var(--bs-gold);box-shadow:0 0 8px rgba(212,165,116,.9);animation:bs-pulse 1.6s ease-in-out infinite}
.bs-meta b{font-family:"SF Mono",Consolas,monospace;font-size:10px;letter-spacing:2px;color:var(--bs-gold);font-weight:700}
@keyframes bs-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}

@media (max-width:900px){
  .bs-brand .bs-title span{display:none}
  .bs-meta{display:none}
  .bs-tab .nm{font-size:11px}
  .bs-tab .no{display:none}
}

/* ============================================================
   移动端：悬浮「返回首页」按钮 + 安全区（自包含，桌面隐藏）
   ============================================================ */
.bs-back-home{
  position:fixed;
  left:12px;
  bottom:calc(12px + env(safe-area-inset-bottom,0px));
  z-index:999;
  display:none;
  align-items:center; gap:6px;
  padding:11px 15px;
  border-radius:100px;
  background:linear-gradient(135deg,#d4a574,#eac89c);
  color:#0d0803;
  font-size:13px; font-weight:800; letter-spacing:1px;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(0,0,0,.5), 0 0 18px rgba(212,165,116,.35);
}
.bs-back-home svg{width:15px; height:15px}
.bs-back-home:active{transform:scale(.96)}
@media (max-width:900px){
  .bs-back-home{display:flex}
}

/* ===== 线性 SVG 图标（替代 emoji，统一金色） ===== */
svg.ic-svg{width:1em;height:1em;vertical-align:-0.14em;display:inline-block;flex:none;color:var(--gold-light,#e8c9a0)}