/* site.css · cherry-burst 站点覆写 · 配合 cb-* 组件 */
:root{
  --pink:#e11d48;
  --blue:#2563eb;
  --green:#fde047;
  --orange:#e11d48;
  --ink:#fce7f3;
  --muted:#c4a0b4;
  --panel:#261420;
  --line:rgba(225,29,72,.2);
  --soft:#1c0f18;
  --shadow:0 20px 60px rgba(0,0,0,.45);
}

html{scroll-behavior:smooth}
body{min-height:100vh}
img{display:block;max-width:100%}
a{transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}

/* 兼容旧类名映射到 cb 卡片 */
.movie-card,.div-card{border-radius:14px;background:var(--panel);border:1px solid rgba(225,29,72,.14)}
.movie-card:hover,.div-card:hover{border-color:rgba(37,99,235,.45);box-shadow:0 12px 36px rgba(225,29,72,.18)}
.poster-frame img,.div-card__poster img{aspect-ratio:2/3;object-fit:cover}
.rank-badge,.div-card__badge{top:8px;left:8px;right:auto;background:linear-gradient(135deg,#fde047,#facc15);color:#1a0a12}
.movie-card h3,.movie-card h3 a,.div-card__body h3 a{color:var(--ink)}
.movie-card h3 a:hover,.div-card__body h3 a:hover{color:#2563eb}
.movie-meta-line,.div-card__body p{color:var(--muted)}
.primary-btn,.ghost-btn,.card-actions a{
  border-radius:999px;padding:12px 22px;font-weight:800;
}
.primary-btn,.card-actions a{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}
.ghost-btn{background:rgba(225,29,72,.12);color:#e11d48;border:1px solid rgba(225,29,72,.35)}
.breadcrumb,.div-crumb{color:var(--muted)}
.breadcrumb a,.div-crumb a{color:#e11d48}
.detail-hero,.player-section,.content-card,.soft-panel,.rank-panel{
  background:var(--panel);border:1px solid rgba(225,29,72,.14);border-radius:16px;
}
.detail-info h1,.player-section h2,.content-card h2{color:var(--ink)}
.detail-info p,.prose-card p{color:var(--muted)}
.player-box video,#movie-player{border-radius:12px;border:2px solid rgba(37,99,235,.35)}
.site-footer,.div-footer{background:linear-gradient(180deg,#1c0f18,#120810);border-top:2px solid rgba(225,29,72,.28)}
.footer-inner,.div-footer__inner{color:var(--muted)}
.footer-inner a,.div-footer__inner a{color:#e11d48}
.seo-brand-block{
  margin:0 0 22px;padding:22px 26px;border-radius:16px;
  background:var(--panel);border-left:4px solid #e11d48;
}
.seo-brand-block h1{
  margin:0 0 10px;font-size:clamp(1.4rem,3vw,2rem);font-weight:900;color:var(--ink);
}
.seo-brand-block p{margin:0;color:var(--muted);line-height:1.75;font-size:1rem;max-width:920px}

@media (max-width:820px){
  .seo-brand-block{padding:18px 16px;border-radius:14px}
  .seo-brand-block h1{font-size:1.25rem}
}