:root {
  --bg: #f4efe6;
  --bg2: #ebe3d4;
  --card: #fffdf8;
  --paper: #fffdf8;
  --text: #16120c;
  --muted: #6b6256;
  --line: #e4d8c4;
  --gold: #c5a46e;
  --gold-dim: rgba(197, 164, 110, .22);
  --blue: #c5a46e;
  --blue-deep: #8a6a32;
  --blue-soft: #f3ead6;
  --copper: #d4af37;
  --copper-soft: rgba(212, 175, 55, .16);
  --patina: #e8d5a3;
  --red: #b45309;
  --footer: #0c0a08;
  --footer-deep: #070605;
  --radius: 8px;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.875rem;
  --fs-body: 1rem;
  --fs-md: 1.05rem;
  --shadow: 0 18px 40px rgba(22, 18, 12, .08);
  --header-h: 80px;
  --header-bg: #fffdf8;
  --header-border: #eadfcd;
  --header-shadow: 0 8px 28px rgba(22, 18, 12, .05);
  --nav-fg: #3f382e;
  --body-bg: #f4efe6;
  --hero-bg: linear-gradient(112deg, #0c0a08 0%, #17130f 32%, #3a2a18 62%, #8a6a32 86%, #c5a46e 100%);
  --btn: #c5a46e;
  --btn-text: #16120c;
  --btn-shadow: 0 14px 32px rgba(197, 164, 110, .28);
  --btn-ghost-fg: #8a6a32;
  --btn-ghost-bg: #fffdf8;
  --btn-ghost-border: #d8c49a;
  --logo-bg: linear-gradient(145deg, #e8d5a3, #c5a46e 48%, #8a6a32);
  --logo-radius: 8px;
  --logo-shadow: 0 6px 18px rgba(138, 106, 50, .35);
  --badge-bg: #c5a46e;
  --panel: #fffdf8;
  --input-bg: #fffdf8;
  --input-fg: #16120c;
  --chip-bg: #f3ead6;
  --chip-fg: #8a6a32;
  --tile-bg: #fffdf8;
  --font: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  color-scheme: light;
}

body.body-m18-luxe {
  background: var(--body-bg);
  color: var(--text);
}

body.body-m18-luxe .container {
  width: min(1200px, calc(100% - 32px));
}

@media (min-width: 1101px) {
  body[data-cols="6"] .movie-grid,
  body[data-cols="6"] .cq-card-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
  }

  .skin-nc-hot .movie-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 16px;
  }
}

@media (max-width: 1100px) {
  .skin-nc-hot .movie-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .skin-nc-hot .movie-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

body[data-cols="6"] .movie-card-body,
.skin-nc-hot .movie-card-body {
  padding: 10px 2px 12px;
}

body[data-cols="6"] .movie-card h3,
.skin-nc-hot .movie-card h3 {
  font-size: 0.88rem;
  -webkit-line-clamp: 1;
}

.studio-rail {
  height: 4px;
  background: linear-gradient(90deg, #0c0a08, #8a6a32 46%, #c5a46e);
}