/* roulang page: index */
:root {
      --brand-green: #00E599;
      --brand-orange: #FF5A1F;
      --brand-dark: #0B132B;
      --brand-navy: #1C2541;
      --bg-light: #F8FAFC;
      --text-main: #1E293B;
      --text-muted: #64748B;
      --border-color: #E2E8F0;
    }
    html {
      scroll-behavior: smooth;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    body {
      color: var(--text-main);
      background-color: var(--bg-light);
      line-height: 1.75;
      overflow-x: hidden;
    }
    .countdown-ring {
      background: conic-gradient(var(--brand-green) 78%, rgba(255, 255, 255, 0.15) 0%);
    }
    .glow-glow {
      box-shadow: 0 0 35px rgba(0, 229, 153, 0.25);
    }
    .glass-card {
      background: rgba(255, 255, 255, 0.92);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(226, 232, 240, 0.8);
    }
    .dark-glass {
      background: rgba(28, 37, 65, 0.85);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .tab-btn.active {
      background-color: #00E599;
      color: #0B132B;
      font-weight: 700;
    }