/* roulang page: index */
:root {
      --primary-gradient: linear-gradient(135deg, #e11d48 0%, #c026d3 100%);
      --accent-glow: rgba(225, 29, 72, 0.15);
    }
    body {
      background-color: #020617;
      color: #f1f5f9;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
      background: #0b0f19;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #334155;
      border-radius: 3px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
      background: #e11d48;
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 30%, rgba(225, 29, 72, 0.18) 0%, rgba(192, 38, 211, 0.08) 35%, transparent 70%);
    }
    .glass-panel {
      background: rgba(15, 23, 42, 0.75);
      backdrop-filter: blur(16px);
      border: 1px solid rgba(51, 65, 85, 0.6);
    }
    .text-gradient {
      background: linear-gradient(135deg, #fb7185 0%, #f472b6 50%, #e879f9 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .badge-ribbon {
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6px), 50% 100%, 0 calc(100% - 6px));
    }

/* roulang page: category1 */
:root {
      --primary-gradient: linear-gradient(135deg, #e11d48 0%, #c026d3 100%);
      --accent-glow: rgba(225, 29, 72, 0.15);
    }
    body {
      background-color: #020617;
      color: #f1f5f9;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 30%, rgba(225, 29, 72, 0.18) 0%, rgba(192, 38, 211, 0.08) 35%, transparent 70%);
    }
    .text-gradient {
      background: linear-gradient(135deg, #fb7185 0%, #f472b6 50%, #e879f9 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .badge-ribbon {
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6px), 50% 100%, 0 calc(100% - 6px));
    }
    .custom-scroll::-webkit-scrollbar {
      height: 6px;
      width: 6px;
    }
    .custom-scroll::-webkit-scrollbar-track {
      background: #090d16;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #1e293b;
      border-radius: 4px;
    }
    .custom-scroll::-webkit-scrollbar-thumb:hover {
      background: #e11d48;
    }

/* roulang page: category2 */
:root {
      --primary-gradient: linear-gradient(135deg, #e11d48 0%, #c026d3 100%);
      --accent-glow: rgba(225, 29, 72, 0.15);
    }
    body {
      background-color: #020617;
      color: #f1f5f9;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 30%, rgba(225, 29, 72, 0.18) 0%, rgba(192, 38, 211, 0.08) 35%, transparent 70%);
    }
    .text-gradient {
      background: linear-gradient(135deg, #fb7185 0%, #f472b6 50%, #e879f9 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .badge-ribbon {
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6px), 50% 100%, 0 calc(100% - 6px));
    }
    /* 自定义轻量滚动条 */
    ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    ::-webkit-scrollbar-track {
      background: #090d16;
    }
    ::-webkit-scrollbar-thumb {
      background: #1e293b;
      border-radius: 3px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #e11d48;
    }