/* roulang page: index */
:root {
      --bg-main: #121110;
      --bg-card: #1A1918;
      --color-primary: #D97A38;
      --color-primary-hover: #BF6328;
      --color-text-main: #F5F0EB;
      --color-text-muted: #8E8982;
      --border-thin: rgba(255, 255, 255, 0.08);
    }
    body {
      background-color: var(--bg-main);
      color: var(--color-text-main);
      font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', system-ui, sans-serif;
      -webkit-font-smoothing: antialiased;
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
      background: #121110;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #2a2826;
      border-radius: 3px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
      background: #D97A38;
    }
    .border-subtle {
      border-color: var(--border-thin);
    }
    details > summary {
      list-style: none;
    }
    details > summary::-webkit-details-marker {
      display: none;
    }

/* roulang page: category1 */
:root {
            --bg-main: #121110;
            --bg-card: #1A1918;
            --color-primary: #D97A38;
            --color-primary-hover: #BF6328;
            --color-text-main: #F5F0EB;
            --color-text-muted: #8E8982;
            --border-thin: rgba(255, 255, 255, 0.08);
        }
        body {
            background-color: var(--bg-main);
            color: var(--color-text-main);
            font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', system-ui, sans-serif;
            -webkit-font-smoothing: antialiased;
        }
        .border-subtle {
            border-color: var(--border-thin);
        }
        .filter-pill.active {
            background-color: var(--color-primary);
            color: #FFFFFF;
            border-color: var(--color-primary);
        }
        details > summary::-webkit-details-marker {
            display: none;
        }

/* roulang page: category2 */
:root {
      --bg-main: #121110;
      --bg-card: #1A1918;
      --color-primary: #D97A38;
      --color-primary-hover: #BF6328;
      --color-text-main: #F5F0EB;
      --color-text-muted: #8E8982;
      --border-thin: rgba(255, 255, 255, 0.08);
    }
    body {
      background-color: var(--bg-main);
      color: var(--color-text-main);
      font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', system-ui, sans-serif;
      -webkit-font-smoothing: antialiased;
    }
    .border-subtle {
      border-color: var(--border-thin);
    }
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }