/* roulang page: index */
:root {
      --bg-dark: #0F1115;
      --bg-card: #181B22;
      --border-color: #272D3B;
      --primary: #8F14E9;
      --secondary: #E91E63;
      --text-main: #F8FAFC;
      --text-muted: #94A3B8;
      --accent-amber: #F59E0B;
    }
    html {
      scroll-behavior: smooth;
      font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Source Han Sans CN", sans-serif;
      background-color: var(--bg-dark);
      color: var(--text-main);
    }
    body {
      overflow-x: hidden;
    }
    .custom-glow {
      box-shadow: 0 0 25px rgba(143, 20, 233, 0.35);
    }
    .custom-card-border {
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .hero-bg {
      background: linear-gradient(180deg, rgba(15, 17, 21, 0.6) 0%, rgba(15, 17, 21, 0.95) 85%, #0F1115 100%), url('/assets/images/067b73ea2656ae1b.jpg') center/cover no-repeat;
    }
    .step-badge {
      background: linear-gradient(135deg, #8F14E9 0%, #E91E63 100%);
    }
    .poster-aspect {
      aspect-ratio: 2/3;
    }

/* roulang page: category1 */
:root {
      --bg-dark: #0F1115;
      --bg-card: #181B22;
      --border-color: #272D3B;
      --primary: #8F14E9;
      --secondary: #E91E63;
      --text-main: #F8FAFC;
      --text-muted: #94A3B8;
      --accent-amber: #F59E0B;
    }
    html {
      scroll-behavior: smooth;
      font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Source Han Sans CN", sans-serif;
      background-color: var(--bg-dark);
      color: var(--text-main);
    }
    body {
      overflow-x: hidden;
    }
    .custom-card-border {
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .hero-bg {
      background: linear-gradient(180deg, rgba(15, 17, 21, 0.6) 0%, rgba(15, 17, 21, 0.95) 85%, #0F1115 100%), url('/assets/images/067b73ea2656ae1b.jpg') center/cover no-repeat;
    }
    .step-badge {
      background: linear-gradient(135deg, #8F14E9 0%, #E91E63 100%);
    }
    .filter-btn-active {
      background: linear-gradient(135deg, #8F14E9, #E91E63);
      color: #FFFFFF;
      font-weight: 600;
    }
    .line-clamp-2 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

/* roulang page: category2 */
:root {
      --bg-dark: #0F1115;
      --bg-card: #181B22;
      --border-color: #272D3B;
      --primary: #8F14E9;
      --secondary: #E91E63;
      --text-main: #F8FAFC;
      --text-muted: #94A3B8;
      --accent-amber: #F59E0B;
    }
    html {
      scroll-behavior: smooth;
      font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Source Han Sans CN", sans-serif;
      background-color: var(--bg-dark);
      color: var(--text-main);
    }
    body {
      overflow-x: hidden;
      line-height: 1.75;
    }
    .custom-card-border {
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .custom-card-hover {
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .custom-card-hover:hover {
      transform: translateY(-4px);
      border-color: rgba(143, 20, 233, 0.4);
      box-shadow: 0 15px 30px -10px rgba(143, 20, 233, 0.25);
    }
    .step-badge {
      background: linear-gradient(135deg, #8F14E9 0%, #E91E63 100%);
    }
    .filter-chip.active {
      background: linear-gradient(135deg, #8F14E9 0%, #E91E63 100%);
      color: #ffffff;
      border-color: transparent;
    }
    .card-stack-main {
      z-index: 20;
      transform: scale(1);
    }
    .card-stack-left {
      z-index: 10;
      transform: translateX(-8%) scale(0.92) rotate(-3deg);
      opacity: 0.75;
    }
    .card-stack-right {
      z-index: 10;
      transform: translateX(8%) scale(0.92) rotate(3deg);
      opacity: 0.75;
    }
    .glass-effect {
      background: rgba(24, 27, 34, 0.85);
      backdrop-filter: blur(12px);
    }

/* roulang page: category3 */
:root {
      --bg-dark: #0F1115;
      --bg-card: #181B22;
      --border-color: #272D3B;
      --primary: #8F14E9;
      --secondary: #E91E63;
      --text-main: #F8FAFC;
      --text-muted: #94A3B8;
      --accent-amber: #F59E0B;
    }
    html {
      scroll-behavior: smooth;
      font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Source Han Sans CN", sans-serif;
      background-color: var(--bg-dark);
      color: var(--text-main);
    }
    body {
      overflow-x: hidden;
    }
    .custom-card-border {
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .step-badge {
      background: linear-gradient(135deg, #8F14E9 0%, #E91E63 100%);
    }
    .text-glow {
      text-shadow: 0 0 25px rgba(233, 30, 99, 0.35);
    }
    .tag-active {
      background: linear-gradient(135deg, #8F14E9, #E91E63);
      color: #FFFFFF;
      border-color: transparent;
    }

/* roulang page: category4 */
:root {
      --bg-dark: #0F1115;
      --bg-card: #181B22;
      --border-color: #272D3B;
      --primary: #8F14E9;
      --secondary: #E91E63;
      --text-main: #F8FAFC;
      --text-muted: #94A3B8;
      --accent-amber: #F59E0B;
    }
    html {
      scroll-behavior: smooth;
      font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Source Han Sans CN", sans-serif;
      background-color: var(--bg-dark);
      color: var(--text-main);
    }
    body {
      overflow-x: hidden;
    }
    .custom-card-border {
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .step-badge {
      background: linear-gradient(135deg, #8F14E9 0%, #E91E63 100%);
    }
    .text-glow {
      text-shadow: 0 0 16px rgba(233, 30, 99, 0.35);
    }
    .category-hero-bg {
      background: linear-gradient(180deg, rgba(15, 17, 21, 0.72) 0%, rgba(15, 17, 21, 0.94) 80%, #0F1115 100%), url('/assets/images/7e9dda6ae7d6a25e.jpg') center/cover no-repeat;
    }
    .line-clamp-2 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

/* roulang page: category5 */
:root {
      --bg-dark: #0F1115;
      --bg-card: #181B22;
      --border-color: #272D3B;
      --primary: #8F14E9;
      --secondary: #E91E63;
      --text-main: #F8FAFC;
      --text-muted: #94A3B8;
      --accent-amber: #F59E0B;
    }
    html {
      scroll-behavior: smooth;
      font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Source Han Sans CN", sans-serif;
      background-color: var(--bg-dark);
      color: var(--text-main);
    }
    body {
      overflow-x: hidden;
    }
    .custom-card-border {
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .step-badge {
      background: linear-gradient(135deg, #8F14E9 0%, #E91E63 100%);
    }
    .archive-gradient {
      background: linear-gradient(180deg, rgba(24, 27, 34, 0.95) 0%, rgba(15, 17, 21, 0.98) 100%);
    }
    .poster-mask {
      background: linear-gradient(to top, rgba(15, 17, 21, 0.95) 0%, rgba(15, 17, 21, 0.3) 60%, transparent 100%);
    }