/* ============================================================
   大A看板 · 共享设计令牌 (Design Tokens)
   基准来源：bull-bear（牛熊转换指标）
   三个子项目 + 根导航页统一引用本文件，确保视觉一致。
   ============================================================ */
:root{
  --bg:#fff;
  --panel:#f7f8fa;
  --border:#e5e7eb;
  --text:#1f2329;
  --muted:#6b7280;
  --blue:#185FA5;
  --red:#E24B4A;      /* 涨 = 红 (A股惯例) */
  --green:#0F6E56;    /* 跌 = 绿 (A股惯例) */
  --accent:#534AB7;
  --purple:#534AB7;   /* 根导航卡片配色，与 --accent 同值 */
  --amber:#BA7517;    /* 根导航卡片配色 */
  --radius:12px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--bg);color:var(--text);
  padding:20px;max-width:1200px;margin:0 auto;
}
h1{font-size:20px;font-weight:600;text-align:center}
.sub{color:var(--muted);font-size:13px;margin-top:4px;text-align:center}
.home-back{
  display:inline-block;color:var(--blue);font-size:13px;font-weight:600;
  text-decoration:none;margin-bottom:6px;
}
.home-back:hover{text-decoration:underline}

/* 指标卡片 */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0}
.card{
  min-width:0;background:var(--panel);border:1px solid var(--border);
  border-radius:var(--radius);padding:12px 14px;
}
.card .k{font-size:12px;color:var(--muted)}
.card .v{font-size:20px;font-weight:600;margin-top:4px}
.card .v.up{color:var(--red)} .card .v.down{color:var(--green)}

/* 工具栏 / 按钮 */
.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
.btn{
  border:1px solid var(--border);background:#fff;border-radius:8px;
  padding:6px 12px;font-size:13px;cursor:pointer;color:var(--text);
  text-decoration:none;display:inline-block;
}
.btn:hover{background:var(--panel)}
.btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}

/* 通用说明 / 免责声明 */
.note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:16px}
.disclaimer{
  font-size:14px;color:var(--muted);margin-top:22px;padding-top:14px;
  border-top:1px dashed var(--border);text-align:center;line-height:1.6;
}
.up{color:var(--red)} .down{color:var(--green)}

/* 响应式：手机适配 */
@media (max-width:640px){
  body{padding:12px}
  h1{font-size:17px}
  .sub{font-size:12px}
  .btn{padding:9px 13px;font-size:13px}
  .card .v{font-size:18px}
  .card .k{font-size:11px}
  .disclaimer{font-size:13px;margin-top:18px}
}
@media (max-width:380px){
  .cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
  .btn{padding:8px 10px;font-size:12px}
}