/* roulang page: index */
:root {
            --bg-main: #0B0C0E;
            --bg-card: #14161A;
            --bg-surface: #1A1D23;
            --border-color: #262A33;
            --accent-gold: #D4AF37;
            --accent-amber: #F59E0B;
            --text-primary: #F3F4F6;
            --text-secondary: #9CA3AF;
            --text-muted: #6B7280;
        }
        html {
            scroll-behavior: smooth;
            background-color: var(--bg-main);
            color: var(--text-primary);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
        }
        body {
            margin: 0;
            padding: 0;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        .nav-item-active {
            color: #FFFFFF;
            background: #1A1D23;
            border-left: 3px solid var(--accent-gold);
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #0B0C0E;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #262A33;
            border-radius: 3px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
            background: #3B4252;
        }

/* roulang page: category1 */
:root {
      --bg-main: #0B0C0E;
      --bg-card: #14161A;
      --bg-surface: #1A1D23;
      --border-color: #262A33;
      --accent-gold: #D4AF37;
      --accent-amber: #F59E0B;
      --text-primary: #F3F4F6;
      --text-secondary: #9CA3AF;
      --text-muted: #6B7280;
    }
    html {
      scroll-behavior: smooth;
      background-color: var(--bg-main);
      color: var(--text-primary);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    body {
      margin: 0;
      padding: 0;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .nav-item-active {
      color: #FFFFFF;
      background: #1A1D23;
      border-left: 3px solid var(--accent-gold);
      font-weight: 600;
    }