/* 经营实验室 · 共用视觉（网站和经营模拟都用这一份，改这里两边一起变）
   方向：像手机系统界面一样的轻松、炫、动感——鲜艳的流动壁纸，上面是磨砂透明的玻璃卡片和小组件，大号粗标题，胶囊按钮，弹性动画。
   四个指标各有一种颜色，网站和模拟里永远一致：现金绿、信任蓝、士气橙、口碑粉。
   不用网络字体：国内打不开 Google 字体，只用各平台自带字体（苹果手机上就是苹方）。 */
:root {
  --bg: #dfe6f3;                           /* 壁纸底色 */
  --wall-1: #6ee7c8; --wall-2: #6a8dff; --wall-3: #ffb36b; --wall-4: #ff7eb6; --wall-5: #b18cff;   /* 壁纸色斑 */
  --wall-alpha: 0.75;
  --glass: rgba(255, 255, 255, 0.52);      /* 玻璃卡片 */
  --glass-strong: rgba(255, 255, 255, 0.72);
  --glass-thin: rgba(255, 255, 255, 0.32);
  --glass-edge: rgba(255, 255, 255, 0.75); /* 玻璃的高光边 */
  --glass-blur: 26px;
  --ink: #0b0f1c;                          /* 正文 */
  --muted: rgba(11, 15, 28, 0.58);         /* 次要文字 */
  --hairline: rgba(11, 15, 28, 0.12);      /* 细分隔线 */
  --tint: #0a7cff;                         /* 主色：按钮、链接 */
  --on-tint: #ffffff;
  --cash: #2ac769;                         /* 现金：绿 */
  --trust: #0a84ff;                        /* 信任：蓝 */
  --morale: #ff9500;                       /* 士气：橙 */
  --rep: #ff375f;                          /* 口碑：粉红 */
  --gold: #ffcc00;                         /* 锦囊 */
  --island: #000000;                       /* 顶部灵动胶囊 */
  --on-island: #ffffff;
  --seal: #e0312a;                         /* 印章红：只用在印章 */
  --shadow: 0 18px 40px rgba(20, 30, 70, 0.16), 0 2px 6px rgba(20, 30, 70, 0.06);
  --radius-xl: 32px; --radius: 24px; --radius-sm: 14px;
  --spring: cubic-bezier(.2, .9, .25, 1.15);
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;
  --font-num: -apple-system, BlinkMacSystemFont, "SF Pro Rounded", ui-rounded, "PingFang SC", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --bg: #05060c; --wall-1: #0f8f73; --wall-2: #2c3fd1; --wall-3: #c2601e; --wall-4: #b8235f; --wall-5: #5b2bd1; --wall-alpha: 0.7;
  --glass: rgba(28, 30, 44, 0.5); --glass-strong: rgba(36, 38, 56, 0.72); --glass-thin: rgba(28, 30, 44, 0.3); --glass-edge: rgba(255, 255, 255, 0.16);
  --ink: #f5f6fb; --muted: rgba(245, 246, 251, 0.6); --hairline: rgba(245, 246, 251, 0.14);
  --tint: #3a9bff; --cash: #32d74b; --trust: #3a9bff; --morale: #ff9f0a; --rep: #ff4f73; --gold: #ffd60a;
  --seal: #ff5a4f; --shadow: 0 18px 40px rgba(0, 0, 0, 0.5), 0 2px 6px rgba(0, 0, 0, 0.3); color-scheme: dark; } }
:root[data-theme="dark"] {
  --bg: #05060c; --wall-1: #0f8f73; --wall-2: #2c3fd1; --wall-3: #c2601e; --wall-4: #b8235f; --wall-5: #5b2bd1; --wall-alpha: 0.7;
  --glass: rgba(28, 30, 44, 0.5); --glass-strong: rgba(36, 38, 56, 0.72); --glass-thin: rgba(28, 30, 44, 0.3); --glass-edge: rgba(255, 255, 255, 0.16);
  --ink: #f5f6fb; --muted: rgba(245, 246, 251, 0.6); --hairline: rgba(245, 246, 251, 0.14);
  --tint: #3a9bff; --cash: #32d74b; --trust: #3a9bff; --morale: #ff9f0a; --rep: #ff4f73; --gold: #ffd60a;
  --seal: #ff5a4f; --shadow: 0 18px 40px rgba(0, 0, 0, 0.5), 0 2px 6px rgba(0, 0, 0, 0.3); color-scheme: dark; }