/* roulang page: index */
:root {
            --bg-primary: #020617;
            --bg-card: rgba(15, 23, 42, 0.78);
            --border-line: rgba(51, 65, 85, 0.45);
            --neon-green: #10b981;
            --neon-cyan: #06b6d4;
            --gold-accent: #f59e0b;
        }
        body {
            background-color: var(--bg-primary);
            color: #e2e8f0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
        }
        .grid-tech-bg {
            background-image: linear-gradient(to right, rgba(30, 41, 59, 0.25) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(30, 41, 59, 0.25) 1px, transparent 1px);
            background-size: 32px 32px;
        }
        .glow-border:hover {
            border-color: rgba(16, 185, 129, 0.5);
            box-shadow: 0 0 20px rgba(16, 185, 129, 0.12);
        }
        .gold-badge {
            background: linear-gradient(135deg, rgba(245, 158, 11, 0.2) 0%, rgba(217, 119, 6, 0.05) 100%);
            border: 1px solid rgba(245, 158, 11, 0.4);
        }
        .scanline {
            position: relative;
            overflow: hidden;
        }
        .scanline::after {
            content: " ";
            display: block;
            position: absolute;
            top: 0; left: 0; bottom: 0; right: 0;
            background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03));
            z-index: 2;
            background-size: 100% 3px, 6px 100%;
            pointer-events: none;
        }
        .tab-btn.active {
            background-color: #0f172a;
            border-color: #10b981;
            color: #34d399;
        }

/* roulang page: category1 */
:root {
      --bg-primary: #020617;
      --bg-card: rgba(15, 23, 42, 0.78);
      --border-line: rgba(51, 65, 85, 0.45);
      --neon-green: #10b981;
      --neon-cyan: #06b6d4;
      --gold-accent: #f59e0b;
    }
    body {
      background-color: var(--bg-primary);
      color: #e2e8f0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .grid-tech-bg {
      background-image: linear-gradient(to right, rgba(30, 41, 59, 0.25) 1px, transparent 1px),
                        linear-gradient(to bottom, rgba(30, 41, 59, 0.25) 1px, transparent 1px);
      background-size: 32px 32px;
    }
    .glow-border:hover {
      border-color: rgba(16, 185, 129, 0.5);
      box-shadow: 0 0 20px rgba(16, 185, 129, 0.12);
    }
    .gold-badge {
      background: linear-gradient(135deg, rgba(245, 158, 11, 0.2) 0%, rgba(217, 119, 6, 0.05) 100%);
      border: 1px solid rgba(245, 158, 11, 0.4);
    }
    .tab-btn.active {
      background-color: #0f172a;
      border-color: #10b981;
      color: #34d399;
    }