/* roulang page: index */
:root {
      --bg-dark: #0B0E14;
      --bg-panel: #121722;
      --cyan: #00F2FE;
      --orange: #FF5500;
      --purple: #7928CA;
      --border-line: rgba(255, 255, 255, 0.08);
    }
    * {
      box-sizing: border-box;
      -webkit-font-smoothing: antialiased;
    }
    body {
      background-color: var(--bg-dark);
      color: #F8FAFC;
      overflow-x: hidden;
      font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
      line-height: 1.8;
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
      background: #080A0F;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #1E293B;
      border-radius: 3px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
      background: #00F2FE;
    }
    .glow-cyan-box {
      box-shadow: 0 0 25px rgba(0, 242, 254, 0.15);
      border: 1px solid rgba(0, 242, 254, 0.25);
    }
    .glow-orange-box {
      box-shadow: 0 0 25px rgba(255, 85, 0, 0.15);
      border: 1px solid rgba(255, 85, 0, 0.25);
    }
    .panel-edge {
      border: 1px solid rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(8px);
    }
    .tally-live {
      animation: pulse-live 1.8s infinite;
    }
    @keyframes pulse-live {
      0%, 100% { opacity: 1; filter: drop-shadow(0 0 4px #00F2FE); }
      50% { opacity: 0.4; filter: none; }
    }