/* roulang page: index */
:root {
      --bg-main: #0a0c13;
      --bg-panel: #101420;
      --bg-card: #181e30;
      --primary: #e11d48;
      --primary-hover: #be123c;
      --accent: #f43f5e;
      --vip: #f59e0b;
      --text-main: #f8fafc;
      --text-sub: #94a3b8;
      --text-muted: #64748b;
      --border: #1e293b;
    }
    body {
      background-color: var(--bg-main);
      color: var(--text-main);
      font-family: system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
      line-height: 1.7;
      overflow-x: hidden;
    }
    /* 滚动条定制 */
    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #0a0c13;
    }
    ::-webkit-scrollbar-thumb {
      background: #1e293b;
      border-radius: 4px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #e11d48;
    }
    .poster-glow {
      box-shadow: 0 10px 30px -10px rgba(225, 29, 72, 0.2);
    }
    .poster-glow:hover {
      box-shadow: 0 16px 36px -8px rgba(225, 29, 72, 0.35);
    }

/* roulang page: category1 */
:root {
      --bg-main: #0a0c13;
      --bg-panel: #101420;
      --bg-card: #181e30;
      --primary: #e11d48;
      --primary-hover: #be123c;
      --accent: #f43f5e;
      --vip: #f59e0b;
      --text-main: #f8fafc;
      --text-sub: #94a3b8;
      --text-muted: #64748b;
      --border: #1e293b;
    }
    body {
      background-color: var(--bg-main);
      color: var(--text-main);
      font-family: system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
      line-height: 1.7;
      overflow-x: hidden;
    }
    .poster-ratio {
      aspect-ratio: 16 / 10;
    }
    .filter-btn.active {
      background-color: var(--primary);
      color: #ffffff;
      border-color: var(--accent);
    }

/* roulang page: category2 */
:root {
      --bg-main: #0a0c13;
      --bg-panel: #101420;
      --bg-card: #181e30;
      --primary: #e11d48;
      --primary-hover: #be123c;
      --accent: #f43f5e;
      --vip: #f59e0b;
      --text-main: #f8fafc;
      --text-sub: #94a3b8;
      --text-muted: #64748b;
      --border: #1e293b;
    }
    body {
      background-color: var(--bg-main);
      color: var(--text-main);
      font-family: system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
      line-height: 1.7;
      overflow-x: hidden;
    }
    .poster-aspect {
      aspect-ratio: 16 / 10;
    }
    .poster-glow:hover {
      box-shadow: 0 10px 30px -5px rgba(225, 29, 72, 0.25);
    }
