/* roulang page: index */
:root {
      --bg-deep: #0B0E14;
      --bg-card: #121824;
      --bg-elevated: #1B2232;
      --text-primary: #F0F4F8;
      --text-secondary: #94A3B8;
      --text-muted: #64748B;
      --primary-accent: #00F2FE;
      --primary-glow: rgba(0, 242, 254, 0.15);
      --success-ticker: #10B981;
      --warning-accent: #F59E0B;
      --border-subtle: #242E42;
      --border-glow: #00F2FE40;
    }
    body {
      background-color: var(--bg-deep);
      color: var(--text-primary);
      font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
      background: #0B0E14;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #242E42;
      border-radius: 3px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
      background: #00F2FE;
    }
    .glow-cyan {
      box-shadow: 0 0 25px rgba(0, 242, 254, 0.2);
    }
    .glow-card:hover {
      border-color: rgba(0, 242, 254, 0.4);
      transform: translateY(-4px);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 0 0 15px rgba(0, 242, 254, 0.15);
    }
    details summary::-webkit-details-marker {
      display: none;
    }