/* site-craft · 站8 · 熔岩夕照 · 深褐玫瑰 + 琥珀熔岩多色（异于站7波普黄纸 / 站6夜绿） */
:root{
  --lf-ink:#fff1f2;
  --lf-muted:#c4a4a8;
  --lf-bg:#12080c;
  --lf-deep:#1a0b10;
  --lf-panel:#241018;
  --lf-panel-2:#2e1520;
  --lf-rose:#e11d48;
  --lf-hot:#f43f5e;
  --lf-ember:#ea580c;
  --lf-amber:#f59e0b;
  --lf-copper:#d97706;
  --lf-magma:#9f1239;
  --lf-violet:#a21caf;
  --lf-line:rgba(244,63,94,.28);
  --lf-glow:0 0 28px rgba(225,29,72,.35);
  --lf-max:1160px;
  --lf-pad:20px;
  --lf-gutter:0px; /* 内容左缘与顶栏品牌对齐，不额外错位 */
  --lf-sans:"Outfit","Noto Serif SC","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --lf-display:"Noto Serif SC","Outfit",serif;
  color-scheme:dark;
}

/* 压过母模版浅色 comic-pop */
body.cp-body[data-variant="lava-flare"],
body.cp-body.body-lf{
  --cp-red:var(--lf-rose);
  --cp-red-dark:var(--lf-magma);
  --cp-blue:var(--lf-ember);
  --cp-blue-dark:var(--lf-copper);
  --cp-gold:var(--lf-amber);
  --cp-gold-dark:var(--lf-copper);
  --cp-bg:var(--lf-bg);
  --cp-surface:var(--lf-panel);
  --cp-surface-2:var(--lf-panel-2);
  --cp-text:var(--lf-ink);
  --cp-muted:var(--lf-muted);
  --cp-line:var(--lf-line);
  --cp-shadow:var(--lf-glow);
  --lf-max:1160px;
  --lf-pad:20px;
  margin:0;
  min-height:100vh;
  color:var(--lf-ink)!important;
  font-family:var(--lf-sans);
  background:
    radial-gradient(900px 420px at 8% -10%, rgba(225,29,72,.28), transparent 55%),
    radial-gradient(700px 380px at 92% 0%, rgba(234,88,12,.22), transparent 50%),
    radial-gradient(640px 360px at 50% 100%, rgba(162,28,175,.12), transparent 55%),
    radial-gradient(420px 280px at 70% 40%, rgba(245,158,11,.08), transparent 60%),
    linear-gradient(180deg, #1a0b10 0%, var(--lf-bg) 40%, #0c0608 100%)!important;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}

/* ===== 熔岩余烬：上飘 + 呼吸（异于站7横飘 / 站6萤火虫） ===== */
body.cp-body .lf-embers{
  position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;
}
body.cp-body .lf-embers i{
  position:absolute;left:var(--lx);bottom:calc(-4% - var(--s));
  width:var(--s);height:var(--s);border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #fff7ed, rgb(var(--c)));
  box-shadow:0 0 10px rgba(var(--c),.75), 0 0 22px rgba(234,88,12,.35);
  opacity:.15;
  animation:lf-rise var(--d) linear infinite, lf-pulse var(--bd) ease-in-out infinite;
  animation-delay:var(--delay), var(--bdelay);
}
body.cp-body .lf-embers i.lf-embers__spark{
  border-radius:2px;
  transform:rotate(20deg);
  box-shadow:0 0 12px rgba(245,158,11,.8);
}
@keyframes lf-rise{
  0%{transform:translate3d(0,0,0) scale(.7);opacity:0}
  12%{opacity:.75}
  70%{opacity:.45}
  100%{transform:translate3d(var(--dx), calc(-105vh - var(--dy)), 0) scale(1.15);opacity:0}
}
@keyframes lf-pulse{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.55)}
}
@media (prefers-reduced-motion:reduce){
  body.cp-body .lf-embers i{animation:none!important;opacity:.28;bottom:auto;top:var(--ly,40%)}
}

body.cp-body .cp-top,
body.cp-body .cp-main,
body.cp-body .cp-foot{
  position:relative;z-index:1;
}
body.cp-body .cp-main{
  max-width:var(--lf-max)!important;width:100%!important;margin:0 auto!important;
  padding:18px max(var(--lf-pad), env(safe-area-inset-left)) 56px max(var(--lf-pad), env(safe-area-inset-right))!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
/* 主区内区块统一满宽，避免母模版 padding/负边距造成左右不齐 */
body.cp-body .cp-main > section,
body.cp-body .cp-main > .cp-block,
body.cp-body .cp-main > .cp-catalog,
body.cp-body .cp-main > .cp-watch,
body.cp-body .cp-main > .cp-story,
body.cp-body .cp-main > .cp-pagehead,
body.cp-body .cp-main > .cp-crumb{
  width:100%!important;max-width:100%!important;
  margin-left:0!important;margin-right:0!important;
  box-sizing:border-box!important;
}

/* ===== 头：暗玻璃 + 炎印（异于站7明黄漫画条） ===== */
body.cp-body .cp-top.lf-top{
  position:sticky;top:0;z-index:50;
  background:rgba(18,8,12,.82)!important;
  backdrop-filter:blur(14px) saturate(1.2);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);
  border-bottom:1px solid transparent!important;
  box-shadow:0 12px 40px rgba(0,0,0,.35)!important;
}
body.cp-body .lf-top__inner{
  max-width:var(--lf-max);margin:0 auto;
  padding:12px max(var(--lf-pad), env(safe-area-inset-left)) 10px max(var(--lf-pad), env(safe-area-inset-right));
  display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;
  box-sizing:border-box;
}
body.cp-body .lf-brand{
  display:inline-flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--lf-ink)!important;
  min-width:0;
}
body.cp-body .lf-brand__mark{
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;
  font-family:var(--lf-display);font-weight:700;font-size:1.15rem;
  color:#fff7ed;
  background:
    radial-gradient(circle at 30% 25%, #fdba74, transparent 45%),
    linear-gradient(145deg, var(--lf-ember), var(--lf-rose) 55%, var(--lf-magma));
  box-shadow:0 0 0 2px rgba(251,191,36,.35), 0 0 22px rgba(225,29,72,.55);
}
body.cp-body .lf-brand__name{
  display:block;font-family:var(--lf-display);font-weight:700;font-size:1.2rem;letter-spacing:.02em;
  background:linear-gradient(90deg, #fff1f2, #fdba74 70%, #fb7185);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.cp-body .lf-brand__em{
  display:block;font-size:.72rem;font-weight:600;color:var(--lf-amber);letter-spacing:.08em;
}
body.cp-body .lf-nav{
  display:flex;flex-wrap:wrap;gap:6px;flex:1 1 auto;min-width:0;justify-content:center;
}
body.cp-body .lf-nav a{
  padding:7px 12px;border-radius:999px;font-weight:700;font-size:.86rem;
  color:var(--lf-ink)!important;text-decoration:none!important;
  border:1px solid rgba(251,113,133,.22);
  background:rgba(46,21,32,.55);
}
body.cp-body .lf-nav a:hover{
  border-color:var(--lf-amber);
  background:linear-gradient(135deg, rgba(234,88,12,.35), rgba(225,29,72,.4));
  box-shadow:0 0 16px rgba(234,88,12,.35);
  color:#fff7ed!important;
}
body.cp-body .lf-search{
  display:flex;align-items:stretch;gap:0;margin-left:auto;
  border-radius:999px;overflow:hidden;
  border:1px solid rgba(245,158,11,.45);
  background:rgba(26,11,16,.9);
  box-shadow:inset 0 0 0 1px rgba(225,29,72,.15), 0 0 18px rgba(234,88,12,.15);
  max-width:280px;flex:1 1 200px;
}
body.cp-body .lf-search input{
  border:0!important;outline:0;background:transparent!important;color:var(--lf-ink)!important;
  padding:9px 14px;min-width:0;flex:1;font-size:.9rem;
}
body.cp-body .lf-search input::placeholder{color:rgba(196,164,168,.75)}
body.cp-body .lf-search button,
body.cp-body .lf-top .cp-btn{
  border:0!important;border-radius:0!important;
  padding:9px 16px!important;font-weight:800!important;
  background:linear-gradient(135deg, var(--lf-ember), var(--lf-rose))!important;
  color:#fff7ed!important;
  box-shadow:none!important;
}
body.cp-body .lf-burger{
  display:none;width:42px;height:42px;border-radius:12px;
  border:1px solid rgba(251,113,133,.4);background:rgba(46,21,32,.8);
  place-items:center;gap:5px;flex-direction:column;padding:0;
}
body.cp-body .lf-burger span{
  display:block;width:18px;height:2px;background:var(--lf-amber);border-radius:2px;
}
body.cp-body .lf-top__ember{
  height:3px;
  background:linear-gradient(90deg, transparent, var(--lf-rose), var(--lf-ember), var(--lf-amber), var(--lf-violet), transparent);
  box-shadow:0 0 16px rgba(234,88,12,.55);
}

/* 隐藏母模版彩带 / 胶囊条（换新布局） */
body.cp-body .lf-top .cp-top__ribbon,
body.cp-body .lf-top .cp-chips{display:none!important}

/* ===== 首屏：全幅熔岩场 + 右侧竖海报（异于站7左海报右文） ===== */
body.cp-body .cp-spotlight.lf-hero,
body.cp-body .lf-hero{
  position:relative;overflow:hidden;
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(168px,240px)!important;
  gap:20px!important;align-items:center!important;
  min-height:0;
  max-height:none;
  margin:0 0 28px!important;
  /* 左右仅留圆角安全距，文案与下方区块标题同缘 */
  padding:18px 8px!important;
  border-radius:24px!important;
  border:1px solid rgba(251,113,133,.35)!important;
  background:
    linear-gradient(115deg, rgba(18,8,12,.15) 0%, rgba(18,8,12,.72) 48%, rgba(18,8,12,.9) 100%),
    radial-gradient(500px 280px at 20% 80%, rgba(234,88,12,.35), transparent 60%),
    radial-gradient(420px 240px at 80% 20%, rgba(225,29,72,.4), transparent 55%),
    var(--lf-panel)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.45), inset 0 0 0 1px rgba(245,158,11,.12)!important;
}
body.cp-body .lf-hero__glow{
  position:absolute;inset:auto -20% -40% 30%;height:70%;
  background:radial-gradient(ellipse at center, rgba(234,88,12,.35), transparent 65%);
  pointer-events:none;filter:blur(8px);
}
body.cp-body .lf-hero__copy{
  position:relative;z-index:1;
  padding:2px 0 2px 2px!important;margin:0!important;
  display:flex;flex-direction:column;justify-content:center;gap:12px;
  min-width:0;
}
body.cp-body .lf-hero__tag{
  margin:0;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--lf-amber)!important;
}
body.cp-body .lf-hero h1,
body.cp-body .lf-hero__copy h1{
  margin:0!important;
  font-family:var(--lf-display)!important;
  font-weight:700!important;
  font-size:clamp(1.8rem,4.2vw,2.85rem)!important;
  line-height:1.15!important;
  color:#fff7ed!important;
  text-shadow:0 0 28px rgba(225,29,72,.45);
}
body.cp-body .lf-hero__lead{
  margin:0!important;max-width:36em;
  color:var(--lf-muted)!important;font-weight:500;font-size:1rem;line-height:1.7;
}
body.cp-body .lf-hero__actions{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;
}
body.cp-body .lf-hero__actions a{
  padding:10px 18px;border-radius:999px;font-weight:800;font-size:.9rem;
  text-decoration:none!important;
}
body.cp-body .lf-hero__actions a:first-child{
  color:#1a0b10!important;
  background:linear-gradient(135deg, var(--lf-amber), var(--lf-hot));
  box-shadow:0 8px 24px rgba(234,88,12,.4);
}
body.cp-body .lf-hero__actions a:last-child{
  color:var(--lf-ink)!important;
  border:1px solid rgba(251,191,36,.45);
  background:rgba(36,16,24,.55);
}
body.cp-body .lf-hero__poster{
  position:relative;z-index:1;
  display:block;text-decoration:none!important;color:var(--lf-ink)!important;
  margin:0!important;border-radius:18px;overflow:hidden;
  border:1px solid rgba(245,158,11,.4);
  box-shadow:0 16px 40px rgba(0,0,0,.45), 0 0 30px rgba(225,29,72,.25);
  aspect-ratio:3/4;width:100%;max-width:240px;max-height:340px;justify-self:end;align-self:center;
  background:var(--lf-deep);
}
body.cp-body .lf-hero__poster img{
  width:100%;height:100%;object-fit:cover;display:block;
}
body.cp-body .lf-hero__poster span{
  position:absolute;left:0;right:0;bottom:0;padding:10px 12px;
  font-weight:800;font-size:.85rem;
  background:linear-gradient(transparent, rgba(18,8,12,.92));
}

/* 隐藏旧 spotlight 横滑 peek（首屏只留品牌区） */
body.cp-body .lf-hero .cp-spotlight__peek{display:none!important}

/* ===== 中部：区块头熔岩短杠 + 3:4 竖卡 ===== */
body.cp-body .cp-block,
body.cp-body .cp-block--hot{margin:0 0 28px!important}
body.cp-body .cp-block__head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px;margin:0 0 14px!important;padding:0 0 12px!important;
  border-bottom:1px solid rgba(251,113,133,.2)!important;
  width:100%!important;box-sizing:border-box!important;
}
body.cp-body .cp-block__head h2{
  margin:0!important;display:flex;align-items:center;gap:10px;
  font-family:var(--lf-display)!important;font-weight:700!important;
  font-size:clamp(1.15rem,2.2vw,1.45rem)!important;color:#fff7ed!important;
  line-height:1.2!important;
}
body.cp-body .cp-block__dot,
body.cp-body .lf-chip{
  width:10px;height:28px;border-radius:999px;flex:0 0 auto;
  background:linear-gradient(180deg, var(--lf-amber), var(--lf-rose), var(--lf-violet));
  box-shadow:0 0 12px rgba(234,88,12,.55);
}
body.cp-body .cp-block__head a{
  color:var(--lf-amber)!important;font-weight:700;font-size:.88rem;white-space:nowrap;
  align-self:center;line-height:1.2;padding-top:1px;flex:0 0 auto;
}
body.cp-body .movie-grid,
body.cp-body .cp-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;
  gap:18px 14px!important;
  width:100%!important;margin:0!important;padding:0!important;
  box-sizing:border-box!important;
}
body.cp-body .cp-rail,
body.cp-body .cp-rail--hot,
body.cp-body .cp-rail--related,
body.cp-body .cp-rail--peek{
  display:flex!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;
  grid-template-columns:none!important;grid-auto-flow:unset!important;grid-auto-columns:unset!important;
  width:100%!important;margin:0!important;
  padding:2px 0 12px!important; /* 与区块标题左缘对齐，滚动条同宽 */
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:var(--lf-rose) rgba(46,21,32,.8);
}
body.cp-body .cp-rail::-webkit-scrollbar{height:6px}
body.cp-body .cp-rail::-webkit-scrollbar-track{
  background:rgba(46,21,32,.8);border-radius:999px;margin:0;
}
body.cp-body .cp-rail::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg, var(--lf-rose), var(--lf-ember));border-radius:999px;
}
body.cp-body .cp-rail--hot .cp-card,
body.cp-body .cp-rail--related .cp-card,
body.cp-body .cp-rail--peek .cp-card{
  flex:0 0 152px;width:152px;max-width:152px;scroll-snap-align:start;
}

/* 熔岩竖卡：描边用 ring，避免 padding 框造成海报比例错位 */
body.cp-body .cp-card,
body.cp-body article.cp-card{
  position:relative;
  display:flex!important;flex-direction:column!important;
  background:transparent!important;
  border:0!important;border-radius:0!important;
  overflow:visible!important;
  box-shadow:none!important;
  min-width:0!important;
  transition:transform .28s ease;
}
body.cp-body .cp-card__link{
  display:flex!important;flex-direction:column!important;
  height:100%;text-decoration:none!important;color:inherit!important;
  min-width:0;
}
body.cp-body .cp-card__frame{
  position:relative;
  aspect-ratio:3/4!important;
  width:100%!important;
  border-radius:14px!important;
  overflow:hidden!important;
  padding:0!important;
  background:#12080c!important;
  box-shadow:
    0 0 0 2px rgba(245,158,11,.55),
    0 12px 26px rgba(0,0,0,.42),
    0 0 18px rgba(225,29,72,.18)!important;
  transition:box-shadow .28s ease;
}
body.cp-body .cp-card__frame::before,
body.cp-body .cp-card__frame::after{content:none!important;display:none!important}
body.cp-body .cp-card__frame img{
  position:relative;z-index:1;
  width:100%!important;height:100%!important;object-fit:cover!important;
  aspect-ratio:3/4;border-radius:0;
  display:block;margin:0!important;
  transition:transform .4s ease, filter .3s ease;
  filter:saturate(1.05) contrast(1.04);
}
body.cp-body .cp-card:hover{transform:translateY(-5px)}
body.cp-body .cp-card:hover .cp-card__frame{
  box-shadow:
    0 0 0 2px rgba(251,191,36,.8),
    0 18px 34px rgba(0,0,0,.5),
    0 0 28px rgba(234,88,12,.35)!important;
}
body.cp-body .cp-card:hover .cp-card__frame img{
  transform:scale(1.05);filter:saturate(1.12) contrast(1.06) brightness(1.04);
}

/* 多色描边轮换 */
body.cp-body .cp-card:nth-child(5n+1) .cp-card__frame{box-shadow:0 0 0 2px #f59e0b, 0 12px 26px rgba(0,0,0,.42), 0 0 18px rgba(245,158,11,.25)!important}
body.cp-body .cp-card:nth-child(5n+2) .cp-card__frame{box-shadow:0 0 0 2px #f43f5e, 0 12px 26px rgba(0,0,0,.42), 0 0 18px rgba(244,63,94,.25)!important}
body.cp-body .cp-card:nth-child(5n+3) .cp-card__frame{box-shadow:0 0 0 2px #c026d3, 0 12px 26px rgba(0,0,0,.42), 0 0 18px rgba(192,38,211,.25)!important}
body.cp-body .cp-card:nth-child(5n+4) .cp-card__frame{box-shadow:0 0 0 2px #ea580c, 0 12px 26px rgba(0,0,0,.42), 0 0 18px rgba(234,88,12,.25)!important}
body.cp-body .cp-card:nth-child(5n+5) .cp-card__frame{box-shadow:0 0 0 2px #fb7185, 0 12px 26px rgba(0,0,0,.42), 0 0 18px rgba(251,113,133,.25)!important}

body.cp-body .cp-card__badge{
  position:absolute!important;top:10px;left:10px;z-index:3;
  inset:unset!important;
  padding:4px 9px!important;border-radius:8px 8px 8px 2px!important;
  font-size:.68rem!important;font-weight:800!important;letter-spacing:.04em;
  background:linear-gradient(120deg, var(--lf-ember), var(--lf-rose))!important;
  color:#fff7ed!important;border:0!important;
  box-shadow:0 4px 14px rgba(225,29,72,.55), inset 0 1px 0 rgba(255,255,255,.25);
}
body.cp-body .cp-card__play{
  position:absolute!important;right:10px;bottom:10px;left:auto!important;top:auto!important;
  inset:unset!important;z-index:3;
  width:38px;height:38px;border-radius:50%;
  display:grid!important;place-items:center;
  background:linear-gradient(145deg, rgba(18,8,12,.55), rgba(18,8,12,.88))!important;
  color:#fde68a!important;
  border:1.5px solid rgba(251,191,36,.7)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.45), 0 0 12px rgba(245,158,11,.35);
  font-size:.78rem;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  opacity:.95!important;transform:none!important;
  transition:opacity .2s ease, transform .2s ease, box-shadow .2s ease;
}
body.cp-body .cp-card:hover .cp-card__play{
  opacity:1!important;transform:scale(1.06)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.5), 0 0 18px rgba(245,158,11,.55);
}
body.cp-body .cp-card__type{
  position:absolute!important;top:10px;right:10px;z-index:3;
  inset:unset!important;
  padding:3px 8px;border-radius:999px;font-size:.62rem;font-weight:800;
  background:rgba(18,8,12,.72);color:#fecdd3;border:1px solid rgba(251,113,133,.4);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}

/* 信息底栏：与海报分离的熔岩托板 */
body.cp-body .cp-card__body{
  margin-top:10px!important;
  padding:10px 11px 11px!important;
  border-radius:12px!important;
  background:
    linear-gradient(180deg, rgba(46,21,32,.92), rgba(26,11,16,.96))!important;
  border:1px solid rgba(251,113,133,.22)!important;
  box-shadow:inset 0 1px 0 rgba(251,191,36,.08), 0 8px 18px rgba(0,0,0,.22)!important;
}
body.cp-body .cp-card__body h3{
  margin:0 0 7px!important;
  font-family:var(--lf-sans)!important;
  font-size:.9rem!important;font-weight:750!important;
  color:#fff7ed!important;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
body.cp-body .cp-card__meta{
  margin:0!important;display:flex;flex-wrap:wrap;gap:5px;align-items:center;
  color:var(--lf-muted)!important;font-size:.7rem;font-weight:600;
}
body.cp-body .cp-card__meta span{
  display:inline-flex;align-items:center;
  padding:2px 7px;border-radius:999px;
  background:rgba(18,8,12,.55);
  border:1px solid rgba(251,113,133,.2);
  line-height:1.35;
}
body.cp-body .cp-card__meta span:first-child{
  color:#fdba74!important;
  border-color:rgba(245,158,11,.4);
  background:rgba(234,88,12,.16);
}
/* 相关推荐 compact：取消母模版左右拼图，统一竖卡列 */
body.cp-body .cp-card--compact{
  display:flex!important;flex-direction:column!important;
  grid-template-columns:none!important;
}
body.cp-body .cp-card--compact .cp-card__play,
body.cp-body .cp-card--compact .cp-card__type{display:grid!important}
body.cp-body .cp-card--compact .cp-card__body{padding:8px 9px 9px!important}
body.cp-body .cp-card--compact .cp-card__body h3{font-size:.84rem!important;-webkit-line-clamp:1}

body.cp-body .cp-catgrid,
body.cp-body .cp-catgrid--full{
  width:100%!important;margin:0!important;box-sizing:border-box!important;
  gap:14px!important;
}

/* 分类入口瓦片 */
body.cp-body .category-tile,
body.cp-body .overview-card{
  background:linear-gradient(160deg, rgba(46,21,32,.95), rgba(26,11,16,.95))!important;
  border:1px solid rgba(251,113,133,.3)!important;
  border-radius:16px!important;
  color:var(--lf-ink)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.25)!important;
}
body.cp-body .category-tile:nth-child(5n+1),
body.cp-body .overview-card:nth-child(3n+1){border-color:rgba(225,29,72,.55)!important;background:linear-gradient(160deg,#3a1220,#1a0b10)!important}
body.cp-body .category-tile:nth-child(5n+2),
body.cp-body .overview-card:nth-child(3n+2){border-color:rgba(234,88,12,.55)!important;background:linear-gradient(160deg,#3a1e12,#1a0b10)!important}
body.cp-body .category-tile:nth-child(5n+3),
body.cp-body .overview-card:nth-child(3n+3){border-color:rgba(245,158,11,.5)!important;background:linear-gradient(160deg,#3a2a12,#1a0b10)!important}
body.cp-body .category-tile:nth-child(5n+4){border-color:rgba(162,28,175,.45)!important;background:linear-gradient(160deg,#2e1236,#1a0b10)!important}
body.cp-body .category-tile:nth-child(5n+5){border-color:rgba(217,70,239,.4)!important}
body.cp-body .category-tile strong,
body.cp-body .overview-main strong{color:#fff7ed!important}
body.cp-body .category-tile span,
body.cp-body .overview-main span{color:var(--lf-muted)!important}

/* ===== 分类页：左侧粘性筛选（异于站7顶栏筛选） ===== */
body.cp-body .cp-catalog{
  display:grid!important;
  grid-template-columns:200px minmax(0,1fr)!important;
  gap:16px!important;align-items:start!important;
  width:100%!important;margin:0!important;
}
body.cp-body .cp-toolbar{
  position:sticky;top:86px;
  display:flex!important;flex-direction:column!important;gap:12px!important;
  padding:14px!important;margin:0!important;
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
  background:linear-gradient(180deg, var(--lf-panel-2), var(--lf-panel))!important;
  border:1px solid rgba(251,113,133,.3)!important;
  border-radius:20px!important;
  box-shadow:0 16px 36px rgba(0,0,0,.3), 0 0 20px rgba(225,29,72,.12)!important;
}
/* 压掉母模版 min-width:200px，避免侧栏内撑破 */
body.cp-body .cp-toolbar__field,
body.cp-body .cp-toolbar__field--grow{
  display:flex!important;flex-direction:column!important;gap:6px!important;
  width:100%!important;min-width:0!important;flex:0 0 auto!important;
  max-width:100%!important;box-sizing:border-box!important;
}
body.cp-body .cp-toolbar label{color:var(--lf-amber)!important;font-size:.78rem;font-weight:700}
body.cp-body .cp-toolbar input,
body.cp-body .cp-toolbar select{
  width:100%!important;box-sizing:border-box;
  background:rgba(18,8,12,.75)!important;color:var(--lf-ink)!important;
  border:1px solid rgba(245,158,11,.35)!important;border-radius:12px!important;
  padding:9px 11px!important;
}
body.cp-body .cp-pagehead{
  margin:0 0 16px!important;padding:16px 0!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(251,113,133,.22)!important;
  width:100%!important;box-sizing:border-box!important;
}
body.cp-body .cp-pagehead--soft{
  background:transparent!important;border:0!important;
  border-bottom:1px solid rgba(251,113,133,.22)!important;
  color:var(--lf-ink)!important;
}
body.cp-body .cp-pagehead h1{
  margin:6px 0 0!important;font-family:var(--lf-display)!important;color:#fff7ed!important;
}
body.cp-body .cp-pagehead__label,
body.cp-body .cp-crumb{
  color:var(--lf-muted)!important;font-weight:600;
  margin:0 0 12px!important;padding:0!important;width:100%!important;
}
body.cp-body .cp-crumb a{color:var(--lf-amber)!important}

/* ===== 播放页：熔岩弧光屏 + 信息叠在下方（异于站7漫画金框侧栏） ===== */
body.cp-body .cp-watch{
  display:flex!important;flex-direction:column!important;gap:16px!important;
  margin:0 0 22px!important;
}
body.cp-body .cp-watch__screen{
  position:relative;border-radius:22px!important;overflow:hidden;
  border:1px solid rgba(245,158,11,.4)!important;
  background:#000!important;
  box-shadow:
    0 0 0 1px rgba(225,29,72,.25),
    0 0 40px rgba(225,29,72,.25),
    0 20px 50px rgba(0,0,0,.5)!important;
}
body.cp-body .cp-watch__screen::before{
  content:"";position:absolute;inset:-2px;border-radius:24px;pointer-events:none;z-index:1;
  background:linear-gradient(135deg, rgba(245,158,11,.35), transparent 40%, rgba(225,29,72,.35));
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite:exclude;-webkit-mask-composite:xor;padding:2px;
}
body.cp-body .cp-watch__screen video,
body.cp-body #movie-player{
  width:100%!important;max-height:min(72vh,680px);display:block;background:#000;
  border-radius:0!important;
}
body.cp-body .cp-watch__info{
  display:grid!important;
  grid-template-columns:132px minmax(0,1fr)!important;
  gap:18px!important;align-items:center!important;
  padding:16px!important;
  background:linear-gradient(145deg, var(--lf-panel-2), var(--lf-panel))!important;
  border:1px solid rgba(251,113,133,.3)!important;
  border-radius:20px!important;
  box-shadow:0 14px 32px rgba(0,0,0,.3)!important;
  width:100%!important;box-sizing:border-box!important;
}
body.cp-body .cp-watch__thumb{
  margin:0!important;border-radius:14px;overflow:hidden;
  border:1px solid rgba(245,158,11,.4);
  box-shadow:0 0 20px rgba(234,88,12,.25);
  aspect-ratio:3/4;width:100%;
}
body.cp-body .cp-watch__thumb img{width:100%;height:100%;object-fit:cover;display:block}
body.cp-body .cp-watch__meta{min-width:0;padding:0!important;margin:0!important}
body.cp-body .cp-watch__meta h1{
  margin:0 0 10px!important;font-family:var(--lf-display)!important;
  font-size:clamp(1.35rem,3vw,1.9rem)!important;color:#fff7ed!important;
  line-height:1.2!important;
}
body.cp-body .cp-facts{
  display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0;list-style:none;
}
body.cp-body .cp-facts li{
  padding:5px 10px;border-radius:999px;
  background:rgba(18,8,12,.65);border:1px solid rgba(251,113,133,.3);
  font-size:.78rem;color:var(--lf-muted);
}
body.cp-body .cp-facts em{font-style:normal;color:var(--lf-amber);margin-right:6px;font-weight:700}
body.cp-body .cp-facts strong{color:var(--lf-ink);font-weight:700}
body.cp-body .cp-watch__desc,
body.cp-body .cp-story p{color:var(--lf-muted)!important;line-height:1.75;font-weight:500}
body.cp-body .cp-story{
  padding:16px 18px!important;margin:0 0 22px!important;
  border-radius:18px!important;
  background:rgba(36,16,24,.75)!important;
  border:1px solid rgba(162,28,175,.28)!important;
}
body.cp-body .cp-story h2{margin:0 0 8px!important;color:#fff7ed!important;font-family:var(--lf-display)}
body.cp-body .cp-btn--red,
body.cp-body a.cp-btn--red{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 20px!important;border-radius:999px!important;
  background:linear-gradient(135deg, var(--lf-ember), var(--lf-rose))!important;
  color:#fff7ed!important;font-weight:800!important;border:0!important;
  box-shadow:0 8px 22px rgba(225,29,72,.4)!important;
}
body.cp-body [hidden]{display:none!important}

/* ===== 尾：熔岩余晖页脚（异于站7彩条漫画脚） ===== */
body.cp-body .cp-foot.lf-foot{
  margin-top:36px;background:linear-gradient(180deg, #1a0b10, #0a0406)!important;
  color:var(--lf-muted)!important;border-top:0!important;
}
/* layout-fix 的 footer>div 会把光条限宽，这里强制通栏 */
body.cp-body .cp-foot.lf-foot > .lf-foot__glow{
  height:4px!important;width:100%!important;max-width:100%!important;
  margin:0!important;padding:0!important;left:auto!important;right:auto!important;
  background:linear-gradient(90deg, var(--lf-magma), var(--lf-rose), var(--lf-ember), var(--lf-amber), var(--lf-violet));
  box-shadow:0 0 24px rgba(234,88,12,.55);
  box-sizing:border-box!important;
}
body.cp-body .lf-foot__inner,
body.cp-body .cp-foot.lf-foot > .lf-foot__inner,
body.cp-body .cp-foot.lf-foot .cp-foot__inner{
  max-width:var(--lf-max)!important;width:100%!important;margin:0 auto!important;
  padding:28px max(var(--lf-pad), env(safe-area-inset-left)) 16px max(var(--lf-pad), env(safe-area-inset-right))!important;
  display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important;
  gap:24px!important;box-sizing:border-box!important;
}
body.cp-body .lf-foot__brand a,
body.cp-body .cp-foot.lf-foot .cp-foot__brand a{
  font-family:var(--lf-display)!important;font-size:1.35rem!important;font-weight:700!important;
  color:transparent!important;
  background:linear-gradient(90deg, #fff1f2, #fdba74);-webkit-background-clip:text;background-clip:text;
  text-decoration:none!important;
}
body.cp-body .lf-foot__brand p,
body.cp-body .cp-foot.lf-foot .cp-foot__about{color:var(--lf-muted)!important;line-height:1.65}
body.cp-body .lf-foot__channels{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;
}
body.cp-body .lf-foot__channels a{
  padding:5px 11px;border-radius:999px;font-size:.78rem;font-weight:700;
  text-decoration:none!important;color:#fff7ed!important;
  background:rgba(46,21,32,.9);border:1px solid rgba(251,113,133,.35);
}
body.cp-body .lf-foot__channels a:nth-child(3n){border-color:rgba(234,88,12,.5);color:var(--lf-amber)!important}
body.cp-body .lf-foot__channels a:nth-child(4n){border-color:rgba(162,28,175,.45);color:#e879f9!important}
body.cp-body .lf-foot__links h4{margin:0 0 10px;color:var(--lf-amber);font-weight:800}
body.cp-body .lf-foot__links ul{margin:0;padding:0;list-style:none}
body.cp-body .lf-foot__links a{color:var(--lf-ink)!important;font-weight:600;text-decoration:none}
body.cp-body .lf-foot__links a:hover{color:var(--lf-amber)!important}
body.cp-body .lf-foot__bar,
body.cp-body .cp-foot.lf-foot > .lf-foot__bar,
body.cp-body .cp-foot.lf-foot .cp-foot__bar{
  max-width:var(--lf-max)!important;width:100%!important;margin:0 auto!important;
  padding:12px max(var(--lf-pad), env(safe-area-inset-left)) 28px max(var(--lf-pad), env(safe-area-inset-right))!important;
  display:flex!important;flex-wrap:wrap;gap:10px 18px;justify-content:space-between;
  font-size:.8rem;color:rgba(196,164,168,.8);
  border-top:1px solid rgba(251,113,133,.15);
  box-sizing:border-box!important;
}
body.cp-body .lf-foot__seo{color:rgba(251,191,36,.65)!important;font-weight:600}

/* 按钮通用 */
body.cp-body .cp-btn--blue,
body.cp-body .cp-btn--outline{
  border-radius:999px!important;font-weight:800!important;
}
body.cp-body .cp-btn--outline{
  border:1px solid rgba(245,158,11,.45)!important;color:var(--lf-ink)!important;
  background:transparent!important;
}
body.cp-body .cp-btn--blue{
  background:linear-gradient(135deg, var(--lf-ember), var(--lf-copper))!important;color:#fff7ed!important;border:0!important;
}

body.cp-body{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.cp-body a,body.cp-body button{touch-action:manipulation}

@media (max-width:960px){
  body.cp-body .lf-top__inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand burger" "find find" "menu menu"!important;
    align-items:center!important;
    gap:10px 12px!important;
    flex-wrap:nowrap!important;
    padding:10px max(14px,env(safe-area-inset-left)) 12px max(14px,env(safe-area-inset-right))!important;
  }
  body.cp-body .lf-brand{grid-area:brand;min-width:0;gap:8px}
  body.cp-body .lf-brand__mark{width:36px;height:36px;font-size:1rem}
  body.cp-body .lf-brand__name{font-size:1.05rem;white-space:nowrap}
  body.cp-body .lf-brand__em{
    display:block!important;font-size:.62rem;white-space:nowrap;letter-spacing:.06em;
  }
  body.cp-body .lf-burger{
    grid-area:burger;justify-self:end;
    display:inline-grid!important;place-items:center;
    width:38px;height:38px;margin:0!important;
  }
  body.cp-body .lf-search,
  body.cp-body form.lf-search{
    grid-area:find;order:0;
    width:100%!important;max-width:none!important;flex:none!important;margin-left:0!important;
  }
  body.cp-body .lf-search input{min-height:40px;padding:0 14px}
  body.cp-body .lf-search button,
  body.cp-body .lf-top .cp-btn{padding:0 16px!important;min-height:40px}
  body.cp-body .lf-nav:not(.open){display:none!important}
  body.cp-body .lf-nav.open{
    display:flex!important;grid-area:menu;order:0;
    flex:none!important;flex-wrap:wrap;gap:8px;
    justify-content:flex-start;width:100%;
    padding-top:2px;
  }
  body.cp-body .lf-nav.open a{flex:1 1 calc(50% - 8px);text-align:center;padding:10px 8px}
  /* 须压过 .cp-spotlight.lf-hero 两列，否则文案列被挤成窄条、按钮变圆 */
  body.cp-body .cp-spotlight.lf-hero,
  body.cp-body .lf-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:14px!important;
    align-items:stretch!important;
    max-height:none!important;
    min-height:0!important;
    padding:16px 14px 18px!important;
    margin:0 0 20px!important;
    border-radius:20px!important;
  }
  body.cp-body .lf-hero__poster{
    order:-1;
    margin:0 auto!important;
    max-width:160px!important;width:100%!important;
    max-height:220px!important;
    justify-self:center;align-self:center;
  }
  body.cp-body .lf-hero__copy{
    order:1;width:100%!important;max-width:none!important;
    text-align:center;align-items:center;gap:10px;
    padding:0!important;
  }
  body.cp-body .lf-hero__tag{letter-spacing:.1em}
  body.cp-body .cp-spotlight.lf-hero h1,
  body.cp-body .lf-hero h1,
  body.cp-body .lf-hero__copy h1{
    font-size:clamp(1.65rem,7vw,2.15rem)!important;
    white-space:normal!important;
  }
  body.cp-body .lf-hero__lead{
    max-width:22rem;margin:0 auto!important;
    font-size:.9rem!important;line-height:1.65!important;
  }
  body.cp-body .lf-hero__actions{
    display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
    justify-content:center;gap:10px!important;width:100%;margin-top:4px;
  }
  body.cp-body .lf-hero__actions a{
    width:auto!important;min-width:0!important;max-width:none!important;
    flex:0 1 auto;white-space:nowrap;
    padding:12px 18px!important;border-radius:999px!important;
  }
  body.cp-body .lf-hero__actions a:last-child{
    aspect-ratio:auto!important;height:auto!important;
  }
  body.cp-body .cp-catalog{grid-template-columns:1fr!important}
  body.cp-body .cp-toolbar{position:relative;top:auto;flex-direction:row!important;flex-wrap:wrap}
  body.cp-body .cp-toolbar__field{flex:1 1 140px}
  body.cp-body .lf-foot__inner,
  body.cp-body .cp-foot.lf-foot .cp-foot__inner{grid-template-columns:1fr!important}
}
@media (max-width:640px){
  body.cp-body .movie-grid,
  body.cp-body .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body.cp-body .cp-watch__info{grid-template-columns:100px minmax(0,1fr)!important}
  body.cp-body input[type="search"],body.cp-body input[type="text"],body.cp-body select{font-size:16px!important}
}
@media (max-width:360px){
  body.cp-body .lf-brand__em{display:none!important}
}
@media (hover:none){
  body.cp-body .cp-card:hover{transform:none}
  body.cp-body .cp-card:hover .cp-card__frame{box-shadow:0 14px 28px rgba(0,0,0,.42), 0 0 0 1px rgba(251,113,133,.18)!important}
  body.cp-body .cp-card:hover .cp-card__frame img{transform:none;filter:saturate(1.05) contrast(1.04)}
  body.cp-body .cp-card:hover .cp-card__play{transform:none}
}
@media (prefers-reduced-motion:reduce){
  body.cp-body .cp-card,
  body.cp-body .cp-card__frame,
  body.cp-body .cp-card__frame img,
  body.cp-body .cp-card__play,
  body.cp-body .lf-nav a{transition:none!important}
}
/* pack8-craft-touch */
body.cp-body [hidden]{display:none!important}
body.cp-body .cp-card__frame img,body.cp-body .lf-hero__poster img{content-visibility:auto}
body.cp-body video::-webkit-media-controls-enclosure{overflow:hidden}
@media (hover:none){
  body.cp-body .cp-card:hover{transform:none!important}
  body.cp-body .cp-card:hover .cp-card__frame img{transform:none!important}
}