/* ============================================================
   喵数据 · theme.css — 全站唯一设计令牌层
   ------------------------------------------------------------
   色板来源：2026-10 新版 logo（深藏青猫 + 蓝青漩涡）
   实测取样：猫身 #060C1A / 深蓝 #0049E7 / 主蓝 #007AFB
             亮蓝 #0896FC / 中青 #22AAFC / 冰青 #52DBFD
   加载顺序：style.css → theme.css → ui.css → mobile.css
   本层只定义变量，不产生任何选择器副作用，可整体移除回滚。
   ============================================================ */

:root{
  /* ---------- 基底：从 logo 猫身延展的深藏青 ---------- */
  --bg:#05070F;
  --bg-2:#070B16;
  --panel:#0A1120;
  --panel2:#070C17;
  --card-top:#0D1524;
  --card-bot:#080D19;
  --line:#18213A;
  --line2:#25314C;

  /* ---------- 品牌：logo 主蓝 → 亮蓝 → 冰青 ---------- */
  --brand:#007AFB;      /* 主品牌蓝（logo 漩涡主体） */
  --brand-l:#0896FC;    /* 亮蓝（hover / 次级强调） */
  --brand-d:#0049E7;    /* 深蓝（按下态 / 渐变起点） */
  --ice:#52DBFD;        /* 冰青（数据高亮 / 实时语义） */
  --ice-d:#22AAFC;      /* 中青 */
  --accent:#8B99AE;     /* 钢灰（次要数据系列） */

  /* ---------- 语义 ---------- */
  --live:#2FE0C0;       /* 实时 / 新增数据（与冰青同族） */
  --ok:#3FCE8F;
  --vip:#F5B544;        /* VIP / 会员 */
  --up:#F0716F;         /* 涨·红（中式行情惯例） */
  --down:#3FCE8F;       /* 跌·绿 */

  /* ---------- 文本 ---------- */
  --ink:#F2F6FC;
  --ink2:#C2CCDC;
  --ink3:#8B99AE;
  --ink4:#5F6D82;

  /* ---------- 圆角 ---------- */
  --r-s:6px;            /* 小控件 / 输入框 */
  --r-m:9px;            /* 按钮 / 小卡 */
  --r-l:12px;           /* 卡片 / 面板 */
  --r-xl:16px;          /* 大面板 */
  --r-pill:999px;       /* 标签 / 胶囊 */

  /* ---------- 阴影与描边 ---------- */
  --shadow:0 18px 44px -26px rgba(0,0,0,.85);
  --shadow-hover:0 26px 60px -28px rgba(0,0,0,.92),0 0 0 1px rgba(82,219,253,.08);
  --hair:rgba(255,255,255,.065);
  --hair2:rgba(255,255,255,.12);

  /* ---------- 渐变 ---------- */
  --grad-brand:linear-gradient(120deg,#0049E7 0%,#52DBFD 100%);
  --grad-hero:linear-gradient(115deg,#FFFFFF 0%,#8FC6FF 42%,#52DBFD 100%);
  --card-shade:linear-gradient(180deg,var(--card-top) 0%,var(--card-bot) 100%);
  --card-hi:inset 0 1px 0 rgba(255,255,255,.055);

  /* ---------- 动效 ---------- */
  --t-fast:.12s;--t-med:.22s;--t-slow:.6s;
  --ease:cubic-bezier(.22,.61,.36,1);

  /* ---------- 字体 ---------- */
  --font:"Inter","HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;
}

/* ============================================================
   全局细节：滚动条 / 选中 / 焦点 / 文本渲染
   （原 style.css 与 home-v5.css 各写一份，此处统一）
   ============================================================ */
html{color-scheme:dark}
::selection{background:rgba(0,122,251,.34);color:#fff}
*{scrollbar-width:thin;scrollbar-color:rgba(82,219,253,.24) transparent}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{
  background:rgba(82,219,253,.22);border-radius:99px;
  border:2px solid transparent;background-clip:content-box;
}
::-webkit-scrollbar-thumb:hover{background:rgba(82,219,253,.44);background-clip:content-box;border:2px solid transparent}

body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}

/* 键盘可达性：只在键盘导航时显示焦点环，鼠标点击不显示 */
:focus-visible{outline:2px solid var(--ice);outline-offset:2px;border-radius:4px}
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}

/* 尊重减弱动效偏好（全站兜底，各页无需重复声明） */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}