/* roulang page: index */
:root {
            --color-bg-deep: #0B0F19;
            --color-bg-card: #1E293B;
            --color-border: #334155;
            --color-gold: #F59E0B;
            --color-cyan: #10B981;
            --color-text-main: #FFFFFF;
            --color-text-muted: #94A3B8;
        }
        body {
            background-color: var(--color-bg-deep);
            color: #E2E8F0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            -webkit-font-smoothing: antialiased;
        }
        .arena-border {
            border: 1px solid var(--color-border);
        }
        .arena-glow-gold {
            box-shadow: 0 0 25px -5px rgba(245, 158, 11, 0.25);
        }
        .arena-glow-cyan {
            box-shadow: 0 0 25px -5px rgba(16, 185, 129, 0.2);
        }
        .scoreboard-font {
            font-variant-numeric: tabular-nums;
            letter-spacing: -0.05em;
        }
        .bracket-line::after {
            content: '';
            position: absolute;
            top: 50%;
            right: -24px;
            width: 24px;
            height: 2px;
            background: linear-gradient(90deg, #F59E0B, rgba(245, 158, 11, 0.1));
        }
        @media (max-width: 1023px) {
            .bracket-line::after {
                display: none;
            }
        }

/* roulang page: category1 */
:root {
      --color-bg-deep: #0B0F19;
      --color-bg-card: #1E293B;
      --color-border: #334155;
      --color-gold: #F59E0B;
      --color-cyan: #10B981;
      --color-text-main: #FFFFFF;
      --color-text-muted: #94A3B8;
    }
    body {
      background-color: var(--color-bg-deep);
      color: #E2E8F0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      -webkit-font-smoothing: antialiased;
    }
    .arena-border {
      border: 1px solid var(--color-border);
    }
    .arena-glow-gold {
      box-shadow: 0 0 25px -5px rgba(245, 158, 11, 0.25);
    }
    .arena-glow-cyan {
      box-shadow: 0 0 25px -5px rgba(16, 185, 129, 0.2);
    }
    .filter-btn.active {
      background-color: rgba(245, 158, 11, 0.15);
      border-color: #F59E0B;
      color: #FBBF24;
      box-shadow: 0 0 12px rgba(245, 158, 11, 0.3);
    }
    .badge-bracket {
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    }

/* roulang page: category2 */
:root {
      --color-bg-deep: #0B0F19;
      --color-bg-card: #1E293B;
      --color-border: #334155;
      --color-gold: #F59E0B;
      --color-cyan: #10B981;
      --color-text-main: #FFFFFF;
      --color-text-muted: #94A3B8;
    }
    body {
      background-color: var(--color-bg-deep);
      color: #E2E8F0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      -webkit-font-smoothing: antialiased;
    }
    .arena-border {
      border: 1px solid var(--color-border);
    }
    .arena-glow-gold {
      box-shadow: 0 0 25px -5px rgba(245, 158, 11, 0.25);
    }
    .arena-glow-cyan {
      box-shadow: 0 0 25px -5px rgba(16, 185, 129, 0.2);
    }
    .status-badge {
      display: inline-flex;
      align-items: center;
      padding: 0.25rem 0.625rem;
      border-radius: 9999px;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.05em;
    }