/* roulang page: index */
:root {
      --brand-primary: #1d4ed8;
      --brand-hover: #2563eb;
      --brand-accent: #0ea5e9;
      --brand-gold: #d97706;
      --bg-light: #f8fafc;
      --bg-surface: #ffffff;
      --text-main: #0f172a;
      --text-muted: #334155;
      --text-sub: #64748b;
      --border-color: #e2e8f0;
      --radius-box: 1rem;
    }
    
    body {
      color: var(--text-main);
      background-color: var(--bg-light);
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }

    .tabular-nums {
      font-variant-numeric: tabular-nums;
    }

    .pb-safe {
      padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px));
    }

    .glass-nav {
      background: rgba(255, 255, 255, 0.92);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(226, 232, 240, 0.8);
    }

    .scoreboard-card {
      background: linear-gradient(145deg, #ffffff 0%, #f1f5f9 100%);
      border: 1px solid #e2e8f0;
    }

    .glow-border:hover {
      border-color: #93c5fd;
      box-shadow: 0 10px 25px -5px rgba(29, 78, 216, 0.08), 0 8px 10px -6px rgba(29, 78, 216, 0.04);
    }

    details summary::-webkit-details-marker {
      display: none;
    }

/* roulang page: category1 */
:root {
      --brand-primary: #1d4ed8;
      --brand-hover: #2563eb;
      --brand-accent: #0ea5e9;
      --brand-gold: #d97706;
      --bg-light: #f8fafc;
      --bg-surface: #ffffff;
      --text-main: #0f172a;
      --text-muted: #334155;
      --text-sub: #64748b;
      --border-color: #e2e8f0;
      --radius-box: 1rem;
    }
    body {
      color: var(--text-main);
      background-color: var(--bg-light);
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    .glass-nav {
      background: rgba(255, 255, 255, 0.92);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(226, 232, 240, 0.8);
    }
    .scoreboard-card {
      background: linear-gradient(145deg, #ffffff 0%, #f1f5f9 100%);
      border: 1px solid #e2e8f0;
    }
    .glow-border:hover {
      border-color: #93c5fd;
      box-shadow: 0 10px 25px -5px rgba(29, 78, 216, 0.08), 0 8px 10px -6px rgba(29, 78, 216, 0.04);
    }
    .pb-safe {
      padding-bottom: env(safe-area-inset-bottom, 1rem);
    }

/* roulang page: category2 */
:root {
      --brand-primary: #1d4ed8;
      --brand-hover: #2563eb;
      --brand-accent: #0ea5e9;
      --brand-gold: #d97706;
      --bg-light: #f8fafc;
      --bg-surface: #ffffff;
      --text-main: #0f172a;
      --text-muted: #334155;
      --text-sub: #64748b;
      --border-color: #e2e8f0;
      --radius-box: 1rem;
    }
    body {
      color: var(--text-main);
      background-color: var(--bg-light);
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      padding-bottom: env(safe-area-inset-bottom);
    }
    .glass-nav {
      background: rgba(255, 255, 255, 0.92);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(226, 232, 240, 0.8);
    }
    .scoreboard-card {
      background: linear-gradient(145deg, #ffffff 0%, #f1f5f9 100%);
      border: 1px solid #e2e8f0;
    }
    .glow-border:hover {
      border-color: #93c5fd;
      box-shadow: 0 10px 25px -5px rgba(29, 78, 216, 0.08), 0 8px 10px -6px rgba(29, 78, 216, 0.04);
    }
    .badge-amber {
      background-color: #fef3c7;
      color: #92400e;
      border: 1px solid #fde68a;
    }
    .badge-blue {
      background-color: #eff6ff;
      color: #1e40af;
      border: 1px solid #bfdbfe;
    }
    .badge-green {
      background-color: #ecfdf5;
      color: #065f46;
      border: 1px solid #a7f3d0;
    }
    details summary::-webkit-details-marker {
      display: none;
    }