/* ============================================
   魔力仙境
   ============================================ */
:root {
  --font-sans:
    system-ui, -apple-system, 'Segoe UI', Roboto, Arial, 'PingFang SC', 'Microsoft YaHei',
    'Noto Sans SC', sans-serif;

  /* RO Classic Palette - Enhanced */
  --c-primary: #7fd6ff; /* 天空蓝 - 更柔和 */
  --c-primary-dark: #4fc3f7; /* 深天蓝 */
  --c-secondary: #ffb6c1; /* 波利粉 */
  --c-accent: #ffd700; /* 金币金 */
  --c-accent-warm: #ff9a44; /* 暖橙 */
  --c-magic: #c8a2ff; /* 魔法紫 */
  --c-heal: #7dffaf; /* 治愈绿 */
  --c-dark: #2c3e50; /* 深色文字 */
  --c-light: #ffffff;

  /* 梦幻渐变 */
  --g-sky: linear-gradient(180deg, #1a1a2e 0%, #16213e 20%, #1f4068 40%, #4a90a4 70%, #7fd6ff 100%);
  --g-aurora: linear-gradient(
    135deg,
    rgba(127, 214, 255, 0.3) 0%,
    rgba(200, 162, 255, 0.3) 50%,
    rgba(255, 182, 193, 0.3) 100%
  );
  --g-magic-glow: radial-gradient(ellipse at center, rgba(200, 162, 255, 0.4) 0%, transparent 70%);
  --g-sun-glow: radial-gradient(
    ellipse at center bottom,
    rgba(255, 215, 0, 0.3) 0%,
    rgba(255, 154, 68, 0.2) 30%,
    transparent 60%
  );

  /* 按钮渐变 */
  --g-btn-download: linear-gradient(135deg, #ff9a44 0%, #fc6076 50%, #ff6b9d 100%);
  --g-btn-download-hover: linear-gradient(135deg, #ffb347 0%, #ff7eb3 50%, #ff9ec4 100%);
  --g-btn-join: linear-gradient(135deg, rgba(79, 195, 247, 0.9) 0%, rgba(127, 214, 255, 0.9) 100%);
  --g-btn-data: linear-gradient(135deg, rgba(200, 162, 255, 0.8) 0%, rgba(255, 182, 193, 0.8) 100%);

  /* 玻璃态 */
  --glass-bg: rgba(255, 255, 255, 0.08);
  --glass-border: rgba(255, 255, 255, 0.15);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  --glass-blur: blur(20px);

  /* 光晕效果 */
  --glow-primary: 0 0 40px rgba(127, 214, 255, 0.5);
  --glow-accent: 0 0 40px rgba(255, 215, 0, 0.5);
  --glow-magic: 0 0 40px rgba(200, 162, 255, 0.5);
  --glow-pink: 0 0 40px rgba(255, 182, 193, 0.5);

  /* UI Panels */
  --panel-bg: rgba(255, 255, 255, 0.1);
  --panel-border: 1px solid rgba(255, 255, 255, 0.2);
  --panel-shadow: 0 8px 32px rgba(31, 38, 135, 0.2);
  --panel-radius: 24px;

  /* Layout */
  --navbar-height: 72px;
  --content-width: 1200px;
}