:root {
  --ink: #251a21;
  --text: #4a3a45;
  --mute: #8b7987;
  --line: #f0e2ea;
  --paper: #fdf7fa;
  --white: #ffffff;
  --pri: #e8547f;
  --pri-deep: #c23a63;
  --accent: #f6a94a;
  --soft: #fdeaf1;
  --soft-2: #fff1e2;
}

/* 超大品牌水印式英雄区 */
.hv-watermark .hero { padding: 46px 0 44px; }
.hv-watermark .hero::after {
  content: "追剧"; position: absolute; left: -3%; bottom: -13%; z-index: 0;
  font-size: clamp(140px, 17vw, 226px); font-weight: 900; line-height: 1; letter-spacing: -.07em;
  color: color-mix(in srgb, var(--pri) 9%, transparent); pointer-events: none;
}
.hv-watermark .hero-grid { position: relative; z-index: 1; grid-template-columns: 1.02fr .98fr; gap: 46px; }
.hv-watermark .hero-visual { min-height: 574px; }
.hv-watermark .hero-glow { width: 80%; }
.hv-watermark .stage-phone { width: min(250px, 53%); border-radius: 30px; animation: none; }
.hv-watermark .hero-badge { right: 0; left: auto; top: 4%; width: 96px; height: 96px; border-radius: 50%; rotate: 0deg; }
.hv-watermark .hero-badge strong { font-size: 28px; }
.hv-watermark .hero-strip { left: 0; bottom: 0; }
.hv-watermark .hero-strip span:first-child { background: var(--pri); color: #fff; }

/* 特色：便当格首卡留白 */
.fv-bento .feature:nth-child(1) { position: relative; overflow: hidden; background: linear-gradient(150deg, #3a1d2b, #251a21); }
.fv-bento .feature:nth-child(1)::after { content: "01"; position: absolute; right: 22px; top: 4px; font-size: 104px; font-weight: 900; line-height: 1; letter-spacing: -.06em; color: rgba(255, 255, 255, .07); }
.fv-bento .feature:nth-child(1) p { color: rgba(255,255,255,.72); }
.fv-bento .feature em { color: var(--pri); }

/* 展示区：单屏聚焦 + 两侧标注 */
.sv-focus .showcase-grid { grid-template-columns: 0.94fr 1.06fr; }
.sv-focus .shot-rail {
  position: relative; grid-template-columns: 1fr; place-items: center;
  padding: 48px 24px; border-radius: 30px; border: 1px solid #f6dfe9;
  background: linear-gradient(158deg, #fdeaf1, #fff6ea);
}
.sv-focus .shot { width: min(322px, 84%); border-radius: 26px; transform: none; box-shadow: 0 26px 56px rgba(160, 40, 80, .18); }
.sv-focus .shot figcaption { color: var(--pri-deep); }
.sv-focus .shot-rail::before {
  content: "热播剧 · 更新至最新一集"; position: absolute; left: 4%; top: 3.5%;
  padding: 8px 14px; border-radius: 999px; background: #fff; border: 1px solid #f6dfe9;
  color: var(--pri-deep); font-size: 12px; font-weight: 700; box-shadow: 0 10px 22px rgba(160, 40, 80, .12);
}
.sv-focus .shot-rail::after {
  content: "口碑高分 9.2"; position: absolute; right: 5%; bottom: 9%;
  padding: 8px 14px; border-radius: 999px; background: var(--ink); color: #fff;
  font-size: 12px; font-weight: 700; box-shadow: 0 12px 26px rgba(37, 26, 33, .24);
}

@media (max-width: 980px) {
  .hv-watermark .hero-grid { grid-template-columns: 1fr; gap: 26px; }
  .hv-watermark .hero-visual { min-height: 0; display: flex; flex-direction: column; align-items: center; gap: 20px; }
  .hv-watermark .hero-strip { position: static; left: auto; bottom: auto; margin: 0 auto; }
}
@media (max-width: 640px) {
  .hv-watermark .hero { padding: 28px 0 26px; }
  .hv-watermark .hero::after { font-size: 118px; bottom: -6%; }
  .hv-watermark .stage-phone { width: min(226px, 64%); }
  .hv-watermark .hero-strip { flex-wrap: wrap; justify-content: center; }
  .sv-focus .shot-rail { padding: 36px 14px; }
  .sv-focus .shot { width: min(276px, 92%); }
  .sv-focus .shot-rail::before { left: 3%; top: 3%; font-size: 11px; }
  .sv-focus .shot-rail::after { right: 3%; bottom: 4%; font-size: 11px; }
}