:root {
  --color-primary: #c8171e;
  --color-primary-light: #e8323a;
  --color-accent: #e6af19;
  --color-bg-dark: #0d0d0d;
  --color-bg-section: #111111;
  --color-bg-card: #1a1a1a;
  --color-bg-card-hover: #222222;
  --color-text: #f5f5f5;
  --color-text-muted: #aaaaaa;
  --color-border: rgba(255, 255, 255, 0.08);

  --rank-gold: rgba(253, 217, 0, 0.85);
  --rank-silver: rgba(199, 206, 216, 0.85);
  --rank-bronze: rgba(225, 166, 111, 0.85);
  --rank-default: rgba(61, 61, 61, 0.7);

  --font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-card-hover: 0 12px 40px rgba(200, 23, 30, 0.15);
  --nav-height: 64px;
  --nav-action-height: calc(var(--nav-height) - 28px);
  --section-padding: clamp(60px, 8vw, 120px);
  --container-max: 1280px;
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}