body.theme-07 {
  --theme-bg: #101214;
  --theme-panel: #1a2024;
  --theme-text: #f4f7f8;
  --theme-muted: #a8b4ba;
  --theme-accent: #14b8a6;
  --theme-accent-2: #eab308;
  --theme-button-text: #ffffff;
  --theme-border: 1px solid rgba(20,184,166,.42);
  --theme-grid: repeat(5, minmax(0, 1fr));
  --theme-shadow: 0 18px 42px color-mix(in srgb, #14b8a6 12%, transparent);
}


body[class*="theme-"] {
  --bg: var(--theme-bg);
  --bg-soft: color-mix(in srgb, var(--theme-panel) 78%, #000);
  --panel: var(--theme-panel);
  --panel-2: color-mix(in srgb, var(--theme-panel) 86%, #fff);
  --text: var(--theme-text);
  --muted: var(--theme-muted);
  --accent: var(--theme-accent);
  --accent-2: var(--theme-accent-2);
  --line: color-mix(in srgb, var(--theme-accent) 25%, transparent);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 18%, transparent), transparent 34rem),
    linear-gradient(215deg, color-mix(in srgb, var(--theme-accent-2) 16%, transparent), transparent 30rem),
    var(--theme-bg);
}

body[class*="theme-"] .topbar {
  background: color-mix(in srgb, var(--theme-bg) 90%, transparent);
}

body[class*="theme-"] .brand-mark,
body[class*="theme-"] .search button,
body[class*="theme-"] .primary-btn,
body[class*="theme-"] .card-btn {
  color: var(--theme-button-text);
  background: var(--theme-accent);
}

body[class*="theme-"] .hero,
body[class*="theme-"] .page-head,
body[class*="theme-"] .rank-panel,
body[class*="theme-"] .recommend-panel,
body[class*="theme-"] .card {
  border: var(--theme-border);
  box-shadow: var(--theme-shadow);
}

body[class*="theme-"] .grid {
  grid-template-columns: var(--theme-grid);
}

body[class*="theme-"] .card-badge {
  color: var(--theme-button-text);
  background: var(--theme-accent-2);
}

.layout-magazine .hero { min-height: 470px; border-left: 8px solid var(--accent); }
.layout-magazine .card { border-radius: 2px; }
.layout-cinema main { max-width: 1280px; }
.layout-cinema .hero { min-height: 560px; border-radius: 0; }
.layout-cinema .hero::before { background: linear-gradient(0deg, rgba(0,0,0,.92), rgba(0,0,0,.16)); }
.layout-broadcast .topbar-inner { max-width: 1320px; }
.layout-broadcast .card { display: grid; grid-template-columns: 44% 1fr; }
.layout-broadcast .cover-link { aspect-ratio: 2 / 3; }
.layout-library .hero { grid-template-columns: minmax(0, 1fr) 340px; background: var(--panel); }
.layout-library .card-body { min-height: 148px; }
.layout-studio .hero { border-radius: 28px 8px 28px 8px; }
.layout-studio .brand-mark, .layout-studio .card { border-radius: 18px 6px 18px 6px; }
.layout-compact main { max-width: 1060px; }
.layout-compact .grid { gap: 12px; }
.layout-compact .card-body { padding: 10px; }
.layout-slate .hero { min-height: 420px; }
.layout-slate .type-section { padding-top: 18px; border-top: 1px solid var(--line); }
.layout-showcase .hero { grid-template-columns: 1fr; align-items: end; }
.layout-showcase .hero-stats { max-width: 320px; }
.layout-journal .topbar { position: static; }
.layout-journal .section-head { border-bottom: 1px solid var(--line); padding-bottom: 12px; }
.layout-arena .hero { min-height: 520px; border-radius: 999px 8px 8px 999px; }
.layout-arena .hero-copy { padding-left: 24px; }
.layout-neon .card, .layout-neon .hero { box-shadow: 0 0 0 1px var(--line), 0 0 28px color-mix(in srgb, var(--accent) 18%, transparent); }
.layout-index .split { grid-template-columns: 420px minmax(0, 1fr); }
.layout-index .rank-panel { order: 2; }
.layout-box .card { border-radius: 0; }
.layout-box .brand-mark { transform: rotate(-6deg); }
.layout-stream .hero { min-height: 430px; }
.layout-stream .grid .card:nth-child(6n + 1) { grid-column: span 2; }
.layout-clean body, .layout-clean .card { letter-spacing: 0; }
.layout-clean .hero::before { background: linear-gradient(90deg, rgba(15,17,21,.88), rgba(15,17,21,.36)); }
.layout-redline .topbar { border-bottom: 3px solid var(--accent); }
.layout-redline .card-badge { border-radius: 2px; }
.layout-olive .hero { border-radius: 8px 80px 8px 8px; }
.layout-blueprint .hero, .layout-blueprint .page-head { background-image: linear-gradient(color-mix(in srgb, var(--accent) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 10%, transparent) 1px, transparent 1px); background-size: 24px 24px; }
.layout-mono .brand-mark { border: 1px solid var(--text); }
.layout-mono .card-img { filter: grayscale(.18) contrast(1.05); }

@media (max-width: 900px) {
  body[class*="theme-"] .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .layout-broadcast .card {
    display: block;
  }

  .layout-arena .hero {
    border-radius: var(--radius);
  }

  .layout-stream .grid .card:nth-child(6n + 1) {
    grid-column: span 1;
  }
}