/* roulang page: index */
:root {
      --bg-dark: #0A0D10;
      --bg-card: #12171E;
      --gold-primary: #D4AF37;
      --gold-hover: #C5A059;
      --text-main: #FFFFFF;
      --text-muted: #9CA3AF;
      --border-color: rgba(255, 255, 255, 0.08);
      --transition-smooth: cubic-bezier(0.16, 1, 0.3, 1);
    }
    body {
      background-color: var(--bg-dark);
      color: #E5E7EB;
      font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
      scroll-behavior: smooth;
    }
    .custom-container {
      width: 100%;
      max-width: 1240px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
    .border-glow {
      border: 1px solid var(--border-color);
      transition: all 0.3s var(--transition-smooth);
    }
    .border-glow:hover {
      border-color: rgba(212, 175, 55, 0.4);
      box-shadow: 0 10px 30px -10px rgba(212, 175, 55, 0.15);
    }
    .gold-gradient-text {
      background: linear-gradient(135deg, #FFFFFF 20%, #D4AF37 80%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .hero-bg-overlay {
      background: linear-gradient(180deg, rgba(10, 13, 16, 0.85) 0%, rgba(10, 13, 16, 0.98) 100%), url('/assets/images/25741d4653f5ad33.jpg') center/cover no-repeat;
    }
    .metric-font {
      font-family: "Courier New", Courier, monospace, system-ui;
      font-feature-settings: "tnum";
    }