/* roulang page: index */
:root {
      --bg-main: #0C0D14;
      --card-bg: #181B26;
      --card-surface: #222636;
      --accent-flame: #FF5722;
      --accent-amber: #F59E0B;
      --accent-cyan: #06B6D4;
    }
    body {
      background-color: var(--bg-main);
      color: #F8FAFC;
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .clip-slant {
      clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
    }
    @media (min-width: 768px) {
      .clip-slant {
        clip-path: polygon(0 0, 100% 0, 100% 84%, 0 100%);
      }
    }
    .backdrop-blur-glass {
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
    }
    .text-glow {
      text-shadow: 0 0 20px rgba(245, 158, 11, 0.4);
    }

/* roulang page: category1 */
:root {
      --bg-main: #0C0D14;
      --card-bg: #181B26;
      --card-surface: #222636;
      --accent-flame: #FF5722;
      --accent-amber: #F59E0B;
      --accent-cyan: #06B6D4;
    }
    body {
      background-color: var(--bg-main);
      color: #F8FAFC;
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .text-glow {
      text-shadow: 0 0 20px rgba(245, 158, 11, 0.4);
    }
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .backdrop-blur-glass {
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
    @media (min-width: 768px) {
      .clip-slant {
        clip-path: polygon(0 0, 100% 0, 100% 84%, 0 100%);
      }
    }

/* roulang page: category2 */
:root {
      --bg-main: #0C0D14;
      --card-bg: #181B26;
      --card-surface: #222636;
      --accent-flame: #FF5722;
      --accent-amber: #F59E0B;
      --accent-cyan: #06B6D4;
    }
    body {
      background-color: var(--bg-main);
      color: #F8FAFC;
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .text-glow {
      text-shadow: 0 0 20px rgba(245, 158, 11, 0.4);
    }
    .poster-mask {
      background: linear-gradient(180deg, rgba(12, 13, 20, 0) 40%, rgba(12, 13, 20, 0.85) 75%, #0C0D14 100%);
    }
    .filter-btn-active {
      background-color: #F59E0B;
      color: #0F172A;
      font-weight: 700;
    }

/* roulang page: category4 */
:root {
      --bg-main: #0C0D14;
      --card-bg: #181B26;
      --card-surface: #222636;
      --accent-flame: #FF5722;
      --accent-amber: #F59E0B;
      --accent-cyan: #06B6D4;
    }
    body {
      background-color: var(--bg-main);
      color: #F8FAFC;
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .text-glow {
      text-shadow: 0 0 20px rgba(245, 158, 11, 0.4);
    }
    .backdrop-blur-glass {
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }

/* roulang page: category5 */
:root {
      --bg-main: #0C0D14;
      --card-bg: #181B26;
      --card-surface: #222636;
      --accent-flame: #FF5722;
      --accent-amber: #F59E0B;
      --accent-cyan: #06B6D4;
    }
    body {
      background-color: var(--bg-main);
      color: #F8FAFC;
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .text-glow {
      text-shadow: 0 0 20px rgba(245, 158, 11, 0.4);
    }
    .backdrop-blur-glass {
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
    .card-film-hover:hover .play-overlay {
      opacity: 1;
      transform: scale(1);
    }