/* ================================================================
   鲲鹏 Kunpeng — 设计系统 · CSS 变量
   概念：深海→天空蜕变叙事（鲲化鹏）
   ================================================================ */

:root {
  /* --- 背景色（深海→天空纵轴） --- */
  --abyss:      #060D17;   /* 最深海（Hero 背景） */
  --deep-sea:   #0A0E17;   /* 深海（主背景） */
  --mid-water:  #111827;   /* 中层水域（面板） */
  --surface:    #161D2A;   /* 近水面（卡片） */
  --hover:      #1C2535;   /* hover 状态 */
  --border:     #1E2D40;   /* 边框 */
  --border-light: #2A3A50; /* 亮边框 */

  /* --- 强调色 --- */
  --cyan:       #00D4AA;   /* 鲲的青色（主强调） */
  --cyan-dim:   rgba(0,212,170,.15);
  --cyan-glow:  rgba(0,212,170,.25);
  --blue:       #0098F0;   /* 鹏的蓝色（次强调） */
  --blue-dim:   rgba(0,152,240,.12);
  --gold:       #F0B90B;   /* 点睛金（最高优先级） */
  --gold-dim:   rgba(240,185,11,.12);
  --purple:     #6C5CE7;   /* 紫（特殊强调） */

  /* --- 渐变色 --- */
  --gradient:       linear-gradient(135deg, #00D4AA, #0098F0);
  --gradient-rev:   linear-gradient(135deg, #0098F0, #00D4AA);
  --gradient-hero:  linear-gradient(135deg, #00D4AA 0%, #0098F0 60%, #6C5CE7 100%);
  --gradient-gold:  linear-gradient(135deg, #F0B90B, #F77D25);
  --gradient-warm:  linear-gradient(135deg, #00D4AA, #F0B90B);

  /* --- 文字色 --- */
  --text-main:   #E8ECF1;   /* 水面泡沫白 */
  --text-sec:    #94A3B8;   /* 水雾灰 */
  --text-dim:    #64748B;   /* 深海暗灰 */

  /* --- 语义色 --- */
  --success:     #00D4AA;
  --warning:     #F0B90B;
  --danger:      #FF5C5C;
  --info:        #0098F0;

  /* --- 圆角 --- */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* --- 阴影 --- */
  --shadow-card:  0 1px 3px rgba(0,0,0,.4), 0 4px 24px rgba(0,0,0,.3);
  --shadow-glow:  0 0 40px rgba(0,212,170,.12), 0 0 80px rgba(0,152,240,.06);
  --shadow-lg:    0 8px 40px rgba(0,0,0,.5);
  --shadow-cyan:  0 0 20px rgba(0,212,170,.15);
  --shadow-blue:  0 0 20px rgba(0,152,240,.12);
  --shadow-gold:  0 0 20px rgba(240,185,11,.1);

  /* --- 字体 --- */
  --font-display: 'PingFang SC', 'Noto Serif SC', 'STSong', 'SimSun', 'Microsoft YaHei', serif;
  --font-body:    'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', 'Cascadia Code', 'Fira Code', 'Consolas', monospace;

  /* --- 尺寸 --- */
  --max-width:   1200px;
  --nav-height:  64px;
  --sidebar-width: 280px;

  /* --- 过渡 --- */
  --ease-out:    cubic-bezier(.4, 0, .2, 1);
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --duration-fast:  .15s;
  --duration:       .25s;
  --duration-slow:  .4s;
}

/* --- 管理后台颜色覆盖 --- */
:root .admin-theme {
  --deep-sea:   #0D1320;
  --surface:    #121A28;
  --border:     #1A2740;
}