/* ========================================
   Ranking · 申万行业预测 — 设计令牌 v7.0（微信风 H5）
   2026-09-10 微信化重构：变量名与 v6 完全兼容（下游 CSS 零改动自动跟随），
   数值对齐微信/WeUI 官方视觉规范。
   新增 --wx-* 令牌：微信专属组件（TabBar/分段器/cell/导航栏）使用。
   ======================================== */

:root {
  /* ---- 底色：微信灰底 + 白卡 ---- */
  --color-bg: #ededed;              /* 页面底：微信经典 #ededed */
  --color-surface: #ffffff;         /* 卡片/面板：纯白 */
  --color-surface-sunken: #f7f7f7;  /* 凹陷区：输入框、代码块、日志（WeUI 输入底） */
  --color-border: #e5e5e5;          /* 常规边框/分隔线（WeUI cell 边） */
  --color-border-strong: #d9d9d9;   /* 强调边框 */
  --color-border-subtle: #f0f0f0;   /* 极浅引导线（树缩进竖线，2026-09-11 用户要求「线再细点」） */

  /* ---- 文字：微信阶梯 rgba(0,0,0,x) 对应实色 ---- */
  --color-text-primary: #191919;    /* 一级：rgba(0,0,0,0.9) */
  --color-text-secondary: #888888;  /* 二级：rgba(0,0,0,0.55) */
  --color-text-muted: #b2b2b2;      /* 备注/占位：rgba(0,0,0,0.3) */

  /* ---- 品牌绿：微信主色 #07c160，主按钮/激活态/聚焦环 ---- */
  --color-brand: #07c160;
  --color-brand-strong: #06ad56;    /* 按压/hover 深一档 */
  --color-brand-subtle: rgba(7, 193, 96, 0.10);
  --color-brand-glow: rgba(7, 193, 96, 0.18);
  --brand-gradient: linear-gradient(135deg, #07c160 0%, #06ad56 100%);
  --color-focus-ring: rgba(7, 193, 96, 0.25);

  /* ---- 语义色（对齐 WeUI） ---- */
  --color-success: #07c160;         /* 微信绿即成功色 */
  --color-success-subtle: rgba(7, 193, 96, 0.10);
  --color-warning: #fa9d3b;         /* WeUI 橙 */
  --color-warning-subtle: rgba(250, 157, 59, 0.12);
  --color-danger: #fa5151;          /* WeUI 红 */
  --color-danger-subtle: rgba(250, 81, 81, 0.10);
  --color-info: #1485ee;            /* WeUI 深蓝（浅蓝 #10aeff 白底对比不足） */
  --color-info-subtle: rgba(20, 133, 238, 0.10);
  --color-running: #10aeff;         /* 运行中：WeUI 浅蓝徽章用 */
  --color-running-subtle: rgba(16, 174, 255, 0.12);
  --color-link: #576b95;            /* 微信链接蓝（新增） */
  --color-mask: rgba(0, 0, 0, 0.55);          /* 弹窗/抽屉遮罩（微信黑遮罩） */
  --color-danger-border: rgba(250, 81, 81, 0.35); /* 警示按钮浅红描边 */
  --color-tabbar-inactive: #7d7e80;           /* TabBar 未激活色 */

  /* ---- 半径：微信卡片 8px 基准 ---- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* ---- 阴影：微信扁平化，极轻 ---- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
  --shadow-brand: 0 2px 8px rgba(7, 193, 96, 0.25);

  /* ---- 字体：微信系统栈 ---- */
  --font-sans: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --font-mono: 'SF Mono', 'Menlo', 'Consolas', 'Courier New', monospace;

  /* ---- 尺寸 ---- */
  --sidebar-width: 232px;
  --topbar-height: 0px;      /* 2026-09-11 用户拍板：顶栏全端隐藏（见 layout.css .topbar display:none），
                                变量保留供 results/docs 面板高度计算与 sidebar-overlay 定位使用；
                                原桌面 56px / ≤768px 44px / 横屏 44px 的 responsive 覆盖已一并移除 */

  --content-pad: 16px;       /* 微信页边距 16px（原 24px） */

  /* ---- 微信专属令牌（新增，wx-* 组件引用） ---- */
  --wx-nav-height: 44px;         /* 微信导航栏高 */
  --wx-tabbar-height: 50px;      /* TabBar 高（不含 safe-area） */
  --wx-cell-height: 48px;        /* cell 最小行高（WeUI 标准 ≥44，取 48 舒适） */
  --wx-cell-pad-h: 16px;         /* cell 水平内边距 */
  --wx-pressed: #ececec;         /* cell/按钮按压态 */
  --wx-seg-bg: #e3e3e3;          /* 分段选择器槽底 */

  /* ---- z-index 统一尺度 ---- */
  --z-sticky: 50;
  --z-sidebar: 100;
  --z-tabbar: 100;               /* 与侧边栏同层：移动端固定底部 */
  --z-overlay: 200;
  --z-preview: 300;
  --z-dropdown: 500;
  --z-toast: 1000;

  /* ---- 动效：微信转场节奏 ---- */
  --transition-fast: 120ms ease-out;
  --transition-smooth: 240ms cubic-bezier(0.25, 0.1, 0.25, 1);
  --transition-spring: 360ms cubic-bezier(0.22, 0.61, 0.36, 1);
}