/* ==========================================================================
   微火互娱 · 资产管理系统 PC 端 — Design Token v2
   设计语言：白底 + 微火红 + 暖金点缀，克制但有品牌记忆点（火焰水滴）
   ========================================================================== */

:root {
  /* ── 品牌主色（微火红，火焰水滴） ── */
  --primary:        #C8161D;
  --primary-deep:   #A01016;
  --primary-dark:   #7A0B10;
  --primary-soft:   #FBE9EA;
  --primary-border: #F2C6C9;

  /* ── 品牌辅色（暖金） ── */
  --gold:        #C9A24B;
  --gold-deep:   #A98434;
  --gold-soft:   #F8F0DF;
  --gold-border: #E7D3A8;

  /* ── 暖灰中性色（带红棕调，非纯灰） ── */
  --bg-page:  #F6F3F0;
  --bg-card:  #FFFFFF;
  --bg-subtle:#FBF9F7;
  --tx-hi:    #2B211D;
  --tx-mid:   #6E6259;
  --tx-low:   #A79A8F;
  --line:     #EDE7E1;
  --line-2:   #DDD3C9;

  /* ── 状态色（业务语义，与品牌红区分） ── */
  --ok:      #2E9E5B;   --ok-soft:    #E5F5EA;
  --idle:    #8A929E;   --idle-soft:  #F0F2F5;
  --bad:     #D64545;   --bad-soft:   #FBECEC;
  --warn:    #D9982F;   --warn-soft:  #FBF2E2;
  --scrap:   #9AA0A6;   --scrap-soft: #EFF1F3;
  --info:    #4C7FD6;   --info-soft:  #EAF0FB;

  /* ── 渐变 ── */
  --grad-warm: linear-gradient(128deg, #E8423C 0%, #C8161D 46%, #8F0E14 100%);
  --grad-primary: linear-gradient(135deg, #D3242C 0%, #A01016 100%);
  --grad-gold: linear-gradient(135deg, #D8B25C 0%, #B78C34 100%);
  --grad-flame: linear-gradient(160deg, #F05A46 0%, #C8161D 55%, #7A0B10 100%);

  /* ── 字体 ── */
  --font-cn: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", -apple-system, sans-serif;
  --font-display: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-en: "Orbitron", "DIN Alternate", "Segoe UI", sans-serif;
  --font-num: "DIN Alternate", "SF Pro Display", "Roboto Mono", "Consolas", monospace;

  /* ── 圆角 ── */
  --r-sm: 6px;
  --r-md: 10px;
  --r-card: 14px;
  --r-stat: 16px;
  --r-banner: 20px;
  --r-btn: 9px;
  --r-input: 9px;
  --r-chip: 99px;
  --r-badge: 99px;

  /* ── 阴影（暖调，非纯黑） ── */
  --shadow-card: 0 1px 2px rgba(74, 45, 32, .05), 0 4px 14px rgba(74, 45, 32, .05);
  --shadow-stat: 0 2px 4px rgba(74, 45, 32, .06), 0 10px 26px rgba(150, 30, 34, .10);
  --shadow-banner: 0 6px 16px rgba(150, 30, 34, .22), 0 16px 40px rgba(150, 30, 34, .16);
  --shadow-drawer: -8px 0 32px rgba(40, 24, 18, .16);
  --shadow-modal: 0 16px 56px rgba(40, 24, 18, .24);

  /* ── 布局 ── */
  --sidebar-w: 232px;
  --topbar-h: 60px;
  --content-max: 1460px;
  --gap: 18px;
}

/* ==========================================================================
   Reset
   ========================================================================== */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { height: 100%; }
body {
  font-family: var(--font-cn);
  background: var(--bg-page);
  color: var(--tx-hi);
  font-size: 14px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: var(--primary); text-decoration: none; }
a:hover { color: var(--primary-deep); }
img { display: block; max-width: 100%; }
button { font-family: inherit; cursor: pointer; }
input, select, textarea { font-family: inherit; }

::selection { background: rgba(200,22,29,.18); }

::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-thumb { background: var(--line-2); border-radius: 5px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background: var(--tx-low); background-clip: padding-box; }
::-webkit-scrollbar-track { background: transparent; }