/* ============================================================================
   TIDAL 设计系统 · 路线②「冷银科技」—— 逐页覆盖层
   ----------------------------------------------------------------------------
   本文件只做一件事：把各页面遗留在 HTML/内联 <style>/旧 CSS 中的深色写死值，
   在浅色下「按选择器」覆盖回 token。不改变 DOM 结构，不改变视觉分区语义。

   引入顺序：app.css / member_v5.css / … → theme-cool-silver.css → 本文件
   ============================================================================ */

/* ==========================================================================
   一、全站顶栏（旧 app.css 的深色玻璃 header + header::before 网格层）
   ========================================================================== */
header:not(.member-top){
  height:64px;
  background:rgba(255,255,255,.78);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  backdrop-filter:blur(16px) saturate(160%);
  border-bottom:1px solid var(--line);
}
header:not(.member-top)::before{display:none!important}
header nav a{color:var(--ink2)}
header nav a:hover{color:var(--ink)}
header nav a.active,
header nav a[aria-current]{color:var(--cyan)}
header nav a:after{background:var(--grad)}

.brand{color:var(--ink)}
.brand i{
  border:1px solid var(--line-3);
  color:var(--cyan);
  background:linear-gradient(135deg,rgba(11,114,133,.07),transparent);
  box-shadow:none;
}
.brand small{color:var(--ink3)}
.brand-mark svg path{stroke:var(--cyan)}
.brand-mark svg path:first-child{stroke:var(--grad)}

/* 顶栏里的市场切换按钮（会员端） */
.terminal-top,
.member-top{
  background:rgba(255,255,255,.78)!important;
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  backdrop-filter:blur(16px) saturate(160%);
  border-bottom:1px solid var(--line)!important;
  color:var(--ink)!important;
}
/* ⚠ 会员端顶栏是 .terminal-top（不是 .member-top），里面的品牌字与
   操作区原本是深色主题的白字/浅灰字 —— 背景改浅后必须同步改字色，
   否则会出现"白字白底"（实测 1.1:1，完全不可读）。 */
.terminal-top .brand,
.terminal-top .brand-word,
.terminal-top .brand b,
.member-top .brand,
.member-top .brand-word{
  color:var(--ink)!important;
}
.terminal-top .brand small,
.member-top .brand small{color:var(--ink3)!important}
.terminal-top .terminal-actions,
.terminal-top .terminal-actions span{
  color:var(--ink2)!important;
}
.terminal-top .terminal-actions a,
.terminal-top .terminal-actions button{
  color:var(--ink2)!important;
  background:transparent;
  border-color:var(--line-2)!important;
}
.terminal-top .terminal-actions a:hover,
.terminal-top .terminal-actions button:hover{
  color:var(--cyan)!important;border-color:var(--cyan)!important;
}
/* 会员端品牌徽记（深色切角徽记）→ 浅色描边 */
.terminal-top .brand-mark,
.member-top .brand-mark{
  border-color:var(--line-2)!important;
  background:
    radial-gradient(circle at 34% 24%,rgba(11,114,133,.10),transparent 45%),
    #ffffff!important;
  box-shadow:0 2px 14px -6px rgba(13,21,34,.18)!important;
}
.terminal-top .brand-mark:after,
.member-top .brand-mark:after{
  border-color:rgba(154,107,31,.22)!important;
}
.terminal-top .brand-mark svg path:first-child,
.member-top .brand-mark svg path:first-child{
  fill:#ffffff!important;stroke:var(--cyan)!important;
}
.terminal-top .brand-mark .brand-t,
.member-top .brand-mark .brand-t{stroke:var(--cyan)!important;filter:none!important}
.terminal-top .brand-mark .brand-wave,
.member-top .brand-mark .brand-wave{stroke:var(--cyan)!important;opacity:.7}
.terminal-top .brand-mark .brand-wave.gold,
.member-top .brand-mark .brand-wave.gold{stroke:#9a6b1f!important}
.market-btn{
  background:transparent;border:1px solid transparent;color:var(--ink2);
  border-radius:var(--radius-pill);
}
.market-btn:hover{background:var(--wash);color:var(--cyan)}
.market-btn.active{
  background:var(--wash);color:var(--cyan);font-weight:var(--w-semi);
  border-color:rgba(11,114,133,.22);
  box-shadow:inset 0 0 0 1px rgba(11,114,133,.06);
}
.terminal-actions span{
  border:1px solid var(--line-2);
  color:var(--cyan);
  border-radius:var(--radius-pill);
  background:var(--card-glass);
}

/* ==========================================================================
   二、会员端 · 研究终端骨架（member.html + app.css 的 terminal/research 段）
   ========================================================================== */
.member-v2{
  background:var(--bg)!important;
  color:var(--ink)!important;
  font-family:var(--font);
}

/* 左侧功能导航
   ⚠⚠ 回归记录（2026-10-07，第三次踩同一个坑）⚠⚠
   我这里曾经写过：
     .research-side{ position:sticky;top:64px; height:calc(100vh - 64px); padding:22px 14px; overflow-y:auto }
     .research-side button{ display:block;width:100%; padding:10px 12px; ... }
   这两条把【几何属性】也接管了，后果：
     · 侧栏被钉死成 calc(100vh - 64px)，内部空间不足以容纳
       「导航按钮 + 市场切换器 + 账户区」三块 → 账户区被挤出容器底部
     · 按钮的 display/padding 被改 → 导航高度累计值变化，进一步加剧溢出
   实测（1280 全屏）：nav.function-switch 底边 y=770，
      但其中 button「设备管理」被撑到 y=846，撞进下方 .side-account[790..912]
      → 门禁报「设备管理 × 高老师 重叠 155×24px」

   铁律（第三次重申）：主题层【只负责颜色、字体、描边、圆角、阴影】。
   display / grid-template-* / flex-* / width / height / padding / margin
   / position / gap / min-height —— 一律不碰，交回生产自己管。
   ========================================================================== */
.research-side{
  border-right:1px solid var(--line);
  background:rgba(255,255,255,.55);
  -webkit-backdrop-filter:blur(12px) saturate(140%);
  backdrop-filter:blur(12px) saturate(140%);
}
.side-title{
  color:var(--ink3);
  font-size:var(--fs-xs);
  letter-spacing:var(--ls-label);
}
.nav-divider{border-top:1px solid var(--line)}
.research-side button{
  text-align:left;
  border-radius:var(--radius-sm);
  background:transparent;
  color:var(--ink2);
  font-size:var(--fs-sm);
  cursor:pointer;
  transition:background .15s,color .15s;
}
.research-side button:hover{
  background:rgba(255,255,255,.9);
  color:var(--ink);
}
.research-side button.active{
  background:var(--wash);
  color:var(--cyan);
  font-weight:var(--w-semi);
  border-left-color:var(--cyan);
  box-shadow:inset 0 0 0 1px rgba(11,114,133,.10);
}
.side-account{
  border-top:1px solid var(--line);
}
.side-account b{color:var(--ink)}
.side-account small{color:var(--ink3)}

/* 主内容区 */
.research-main{
  min-width:0;
  padding:28px clamp(20px,3.4vw,44px) 72px;
}

/* 市场横幅 */
.market-banner{
  display:flex;justify-content:space-between;gap:24px;
  padding:26px 28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    radial-gradient(circle at 82% 12%,rgba(11,114,133,.09),transparent 42%),
    linear-gradient(125deg,rgba(255,255,255,.92),rgba(255,255,255,.65));
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  backdrop-filter:blur(14px) saturate(140%);
  box-shadow:var(--shadow-1);
}
.market-banner h1{font-size:clamp(26px,3vw,38px);margin:6px 0 8px;font-weight:var(--w-bold);letter-spacing:var(--ls-title);color:var(--ink)}
.market-banner p{color:var(--ink3);font-size:var(--fs-sm);margin:0}
.market-banner label{color:var(--cyan)}
.data-stamp{
  min-width:224px;
  padding:18px 20px;
  border-left:1px solid var(--line);
  background:transparent;
}
.data-stamp small{color:var(--ink3);font-size:var(--fs-xs);letter-spacing:var(--ls-label)}
.data-stamp strong{
  display:block;margin:6px 0 4px;
  font-size:22px;font-weight:var(--w-light);
  letter-spacing:var(--ls-num);
  font-variant-numeric:tabular-nums;
  color:var(--ink);
}
.data-stamp span{color:var(--cyan);font-size:var(--fs-sm)}

/* 功能分页（若页面存在） */
.terminal-nav{border-bottom:1px solid var(--line)}
.terminal-nav button{color:var(--ink3);background:transparent;border:0}
.terminal-nav button.active{
  color:var(--cyan);border-bottom:2px solid var(--cyan);font-weight:var(--w-semi);
}

/* 指标宫格 */
.metric-grid article{
  padding:20px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--card-glass);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  backdrop-filter:blur(14px) saturate(140%);
  box-shadow:var(--shadow-1);
}
.metric-grid small{color:var(--ink3);font-size:var(--fs-xs);letter-spacing:var(--ls-label)}
.metric-grid b{
  display:block;margin-top:8px;
  font-size:var(--fs-2xl);font-weight:var(--w-thin);
  letter-spacing:var(--ls-num);font-variant-numeric:tabular-nums;
  color:var(--ink);
}

/* 章节标题 */
.section-head{margin:38px 0 16px;align-items:flex-end}
.section-head label{color:var(--cyan)}
.section-head h2{font-size:var(--fs-lg);font-weight:var(--w-bold);color:var(--ink);margin:5px 0 0}
.section-head p{color:var(--ink3);font-size:var(--fs-sm);max-width:620px}
.section-head b{color:var(--cyan);font-weight:var(--w-semi)}

/* 标的卡片（apply.css 的 stock-panel 是深色渐变，这里整体换掉） */
.stock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;align-items:stretch}
.stock-panel{
  padding:20px;
  border:1px solid var(--line);
  border-top:3px solid var(--cyan);
  border-radius:var(--radius);
  background:linear-gradient(150deg,rgba(255,255,255,.94),rgba(255,255,255,.66));
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  backdrop-filter:blur(14px) saturate(140%);
  box-shadow:var(--shadow-1);
  display:flex;flex-direction:column;min-width:0;
}
.stock-panel h3{color:var(--ink);font-size:var(--fs-md);font-weight:var(--w-semi)}
.stock-panel h3 span{color:var(--ink3);font-size:var(--fs-sm);font-weight:var(--w-normal)}
.panel-score b{
  color:var(--ink);font-weight:var(--w-light);
  font-size:28px;letter-spacing:var(--ls-num);font-variant-numeric:tabular-nums;
}
.stock-panel ul{color:var(--ink2)}
.stock-panel footer{border-top:1px solid var(--line);color:var(--ink3)}
.action-row mark,
.action-row b{color:var(--cyan);background:transparent;font-weight:var(--w-semi)}
.quote-row b,.metric-row b{color:var(--ink);font-variant-numeric:tabular-nums}
.quote-row span,.metric-row span{color:var(--ink3)}

/* 条件搜索面板 */
.filter-panel{
  padding:22px 24px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--card-glass);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  backdrop-filter:blur(14px) saturate(140%);
  box-shadow:var(--shadow-1);
}
.filter-head h2{color:var(--ink)}
.filter-head label{color:var(--cyan)}
.filter-grid label{color:var(--ink3);font-size:var(--fs-xs)}
.filter-grid input,.filter-grid select{
  display:block;width:100%;margin-top:6px;
  border:1px solid var(--line-2);
  background:var(--card-glass);
  color:var(--ink);
}
.filter-tags span{
  padding:6px 11px;
  border:1px solid var(--line);
  border-radius:var(--radius-pill);
  color:var(--ink3);
  background:rgba(255,255,255,.6);
  font-size:var(--fs-xs);
}

/* 出场/观察指引 */
.exit-guide{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--card-glass);
  -webkit-backdrop-filter:blur(12px) saturate(140%);
  backdrop-filter:blur(12px) saturate(140%);
  color:var(--ink2);
}
.exit-guide b{color:var(--cyan)}

/* ==========================================================================
   三、策略手册 / 首页图表段（app.css 的 manual-* 深色族）
   ========================================================================== */
.manual-brief{
  border-block:1px solid var(--line);
  background:
    radial-gradient(circle at 88% 12%,rgba(11,114,133,.07),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.72));
}
.manual-head h2{color:var(--ink)}
.manual-head p{color:var(--ink2)}
.manual-metrics{
  border:1px solid var(--line);
  background:var(--card-glass);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  backdrop-filter:blur(14px) saturate(140%);
  box-shadow:var(--shadow-1);
}
.manual-metrics article{border-right:1px solid var(--line)}
.manual-metrics small,.manual-metrics span{color:var(--ink3)}
.manual-metrics b{
  color:var(--ink);
  font-family:var(--font);font-size:24px;font-weight:var(--w-light);
  letter-spacing:var(--ls-num);font-variant-numeric:tabular-nums;
}
.manual-grid article{
  border:1px solid var(--line);
  background:linear-gradient(150deg,rgba(255,255,255,.94),rgba(255,255,255,.70));
  border-radius:var(--radius);
}
.manual-grid span{color:var(--cyan);font-family:var(--font);font-weight:var(--w-bold);font-size:var(--fs-xs)}
.manual-grid h3{color:var(--ink)}
.manual-grid p{color:var(--ink2)}
.manual-years,.manual-note{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--card-glass);
  -webkit-backdrop-filter:blur(12px) saturate(140%);
  backdrop-filter:blur(12px) saturate(140%);
}
.manual-years b,.manual-note b{color:var(--cyan)}
.manual-years p,.manual-note span{color:var(--ink3)}
.manual-visuals article{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(150deg,rgba(255,255,255,.94),rgba(255,255,255,.72));
  box-shadow:var(--shadow-1);
}
.chart-title{border-bottom:1px solid var(--line)}
.chart-title span{color:var(--ink);font-weight:var(--w-bold)}
.chart-title b{color:var(--star);font-size:var(--fs-xs);letter-spacing:var(--ls-label)}
.manual-visuals p{color:var(--ink3)}
.chart-scale{color:var(--ink3);font-weight:var(--w-semi)}
.year-chart{border-bottom:1px solid var(--line-2)}
.grid-line{background:linear-gradient(90deg,rgba(13,21,34,.10),rgba(13,21,34,.03))}
.return-chart .g0,
.dd-chart .d0{background:linear-gradient(90deg,rgba(13,21,34,.24),rgba(13,21,34,.07))}
.year-bar i{border:1px solid rgba(255,255,255,.55);box-shadow:0 4px 10px -4px rgba(13,21,34,.25)}
/* 红涨绿跌：浅底下重绘渐变（原 #ff6472/#2ae0a0 是为深底设计的，浅底需加深） */
.return-chart .year-bar.gain i{background:linear-gradient(180deg,#dc4c4c,#a81f1f)}
.return-chart .year-bar.loss i{background:linear-gradient(180deg,#2f9c8a,#0d6355)}
.dd-chart .year-bar i{background:linear-gradient(180deg,#d9a44a,#b34147)}
.year-bar b{color:var(--ink3);font-weight:var(--w-semi)}

.manual-year-details{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--card-glass);
  -webkit-backdrop-filter:blur(12px) saturate(140%);
  backdrop-filter:blur(12px) saturate(140%);
  box-shadow:var(--shadow-1);
}
.manual-year-details summary{color:var(--ink);font-weight:var(--w-bold)}
.manual-year-details summary:after{
  border:1px solid rgba(11,114,133,.28);
  color:var(--cyan);
  border-radius:var(--radius-xs);
}
.manual-year-details[open] summary{border-bottom:1px solid var(--line)}
.manual-year-details summary b{color:var(--star)}
.manual-year-table th{color:var(--star);background:rgba(255,255,255,.55)}
.manual-year-table td{color:var(--ink2)}
.manual-year-table td:first-child{color:var(--ink);font-weight:var(--w-bold)}

/* 净值曲线（SVG 描边也需要浅底化） */
.equity-scale text,.equity-years text{fill:var(--ink3);font-weight:var(--w-semi)}
.equity-grid line{stroke:rgba(13,21,34,.10)}
.equity-legend{color:var(--ink2)}
.equity-legend em{color:var(--ink3)}
.equity-legend .line.tidal{background:linear-gradient(90deg,#0b7285,#2b4b8f)}
.equity-legend .line.sse{background:#9aa5b5}
.sse-line{stroke:#9aa5b5}
.equity-labels circle{fill:var(--cyan);filter:none}
.equity-labels .sse-point{fill:#9aa5b5}
.equity-labels text{fill:var(--ink)}
.equity-labels .sse-label{fill:var(--ink3)}
.equity-note{
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.6);
  color:var(--ink3);
}
.equity-note b{color:var(--cyan)}
.combo-legend{color:var(--ink2)}
.combo-legend .dot.ret{background:var(--up)}
.combo-legend .dot.loss{background:var(--down)}
.combo-legend .dot.dd{background:linear-gradient(180deg,#d9a44a,#b34147)}
.combo-scale{color:var(--ink3);font-weight:var(--w-semi)}

/* 定价表 */
.tier-plans .platinum{
  border-color:rgba(11,114,133,.42);
  background:linear-gradient(150deg,rgba(238,244,247,.96),rgba(255,255,255,.72));
}
.tier-plans .platinum>small,
.tier-plans .platinum h3{color:var(--cyan)}
.tier-plans .diamond{
  border-color:rgba(200,153,47,.5);
  background:linear-gradient(150deg,rgba(251,244,228,.96),rgba(255,255,255,.72));
}
.tier-plans .diamond>small,
.tier-plans .diamond h3{color:#8a6410}
.tier-plans .original-price{color:var(--ink3)}
.tier-plans .stripe-wrap:not(.is-locked){
  background:rgba(255,255,255,.6);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
}
.pricing-note{
  border:1px solid rgba(200,153,47,.3);
  border-radius:var(--radius-sm);
  background:var(--warn-bg);
  color:var(--ink2);
}

/* ==========================================================================
   四、运营后台（admin.html 内联 <style>，选择器需进一层）
   ========================================================================== */
.admin-side{
  padding:26px 18px;
  border-right:1px solid var(--line);
  background:rgba(255,255,255,.6);
  -webkit-backdrop-filter:blur(12px) saturate(140%);
  backdrop-filter:blur(12px) saturate(140%);
}
.admin-side button,.admin-side a{color:var(--ink3);border-radius:var(--radius-sm)}
.admin-side button:hover,.admin-side a:hover{background:var(--wash);color:var(--cyan)}
.admin-side button.active{color:var(--cyan);background:var(--wash);font-weight:var(--w-semi)}
.admin-head h1{color:var(--ink);font-weight:var(--w-bold);letter-spacing:var(--ls-title)}
.admin-head p{color:var(--ink3)}
.admin-head label{color:var(--cyan)}
.mini-stats span{
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  color:var(--ink3);
  background:var(--card-glass);
}
.mini-stats b{
  color:var(--ink);font-weight:var(--w-light);
  font-size:20px;letter-spacing:var(--ls-num);font-variant-numeric:tabular-nums;
}
.admin-device-filters input,.admin-device-filters select{
  border:1px solid var(--line-2);
  background:var(--card-glass);
  color:var(--ink);
  border-radius:var(--radius-sm);
}
.admin-device-table td small,.referrer-none,.pending-note,.empty-cell{color:var(--ink3)}
.admin-device-table td b,.referrer-cell b{color:var(--ink)}
.device-state{border-radius:var(--radius-pill);font-size:var(--fs-xs)}
.device-state.active{border-color:rgba(11,114,133,.3);color:var(--cyan);background:var(--wash)}
.device-state.inactive{border-color:var(--line-2);color:var(--ink3);background:var(--muted-bg)}
.danger-ghost{
  padding:6px 10px;
  border:1px solid rgba(201,42,42,.28);
  border-radius:var(--radius-xs);
  background:var(--up-bg);
  color:var(--up);
}
.status{color:var(--cyan)}
.admin-table select{border:1px solid var(--line-2);background:var(--card-glass);color:var(--ink)}

/* ==========================================================================
   五、法律/条款页（terms/privacy/refund/disclaimer，原为单行深色）
   ========================================================================== */
.legal-page,
.legal-wrap{
  max-width:820px;
  margin:0 auto;
  padding:56px 28px 96px;
}
.legal-page h1,.legal-wrap h1{color:var(--ink);font-weight:var(--w-bold);letter-spacing:var(--ls-title)}
.legal-page h2,.legal-wrap h2{color:var(--ink);font-weight:var(--w-semi);margin-top:32px}
.legal-page p,.legal-wrap p,
.legal-page li,.legal-wrap li{color:var(--ink2);line-height:1.95}

/* 支付结果页 */
.payment-card{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--card-glass);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  backdrop-filter:blur(14px) saturate(140%);
  box-shadow:var(--shadow-2);
  color:var(--ink);
}

/* ==========================================================================
   六、响应式：断点与旧站保持一致，仅调整 token 相关值
   ========================================================================== */
@media(max-width:1250px){
  .research-layout{grid-template-columns:206px minmax(0,1fr)}
  .filter-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .research-layout{display:block}
  .research-side{
    position:sticky;top:60px;z-index:var(--z-nav);
    height:auto;
    display:flex;gap:2px;overflow-x:auto;
    padding:8px 12px;
    border-right:0;border-bottom:1px solid var(--line);
  }
  .research-side button{
    width:auto;min-width:max-content;
    padding:9px 13px;
    border-left:0;border-bottom:2px solid transparent;border-radius:0;
  }
  .research-side button.active{
    border-left-color:transparent;border-bottom-color:var(--cyan);
    background:transparent;box-shadow:none;
  }
  .side-title,.side-account{display:none}
  .research-main{padding:20px 16px 64px}
  .market-banner{padding:22px}
}
@media(max-width:640px){
  .research-main{padding:14px 12px 56px}
  .market-banner{display:block;padding:18px}
  .market-banner h1{font-size:26px}
  .data-stamp{
    min-width:0;margin-top:16px;padding:16px 0 0;
    border-left:0;border-top:1px solid var(--line);
  }
  .filter-panel{padding:16px}
  .filter-grid{grid-template-columns:1fr}
  .filter-tags{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}
  .filter-tags span{min-width:max-content}
  .section-head{flex-direction:column;align-items:flex-start}
}

/* ==========================================================================
   七、打印：浅色设计天然适合打印，去掉玻璃与网纹
   ========================================================================== */
@media print{
  body{background:#fff;background-image:none}
  .card,.panel,.stock-panel,.filter-panel,.market-banner,
  .manual-grid article,.manual-visuals article{
    background:#fff!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
  }
  header:not(.member-top),.terminal-top,.member-top{position:static}
}