:root {
  --ink: #122430;
  --text: #35505c;
  --mute: #6f8b97;
  --line: #dcebf3;
  --paper: #f5fafd;
  --white: #ffffff;
  --pri: #1a7ad4;
  --pri-deep: #0f5da6;
  --accent: #ef6a4c;
  --soft: #e6f2fd;
  --soft-2: #fdeae3;
}

/* 海报式英雄区：顶部频道栏 + 竖图 + 竖排品牌条 */
.hv-poster .hero { padding: 40px 0 42px; }
.hv-poster .hero::before { right: -10%; top: -24%; width: 64%; height: 120%; }
.hv-poster .hero-grid { grid-template-columns: 1.06fr .94fr; gap: 48px; }
.hv-poster .hero-visual {
  display: flex; flex-direction: column-reverse; align-items: center; justify-content: center;
  gap: 18px; min-height: 580px; padding: 8px 0 0;
}
.hv-poster .hero-glow { width: 78%; top: 14%; left: 8%; }
.hv-poster .stage-phone { width: min(246px, 56%); padding: 7px; border-radius: 24px; animation: none; rotate: -2deg; box-shadow: 0 24px 54px rgba(12,40,60,.28); }
.hv-poster .stage-phone img { border-radius: 18px; }
.hv-poster .hero-strip {
  position: static; margin: 0; padding: 6px 8px; border-radius: 12px;
  background: var(--white); box-shadow: 0 10px 24px rgba(15,45,70,.10);
}
.hv-poster .hero-strip span { padding: 4px 12px; }
.hv-poster .hero-strip span:first-child { background: var(--pri); color: #fff; }
.hv-poster .hero-visual::after {
  content: "白云视频 · 热播榜"; position: absolute; right: 2%; top: 34%;
  writing-mode: vertical-rl; letter-spacing: .34em; font-size: 12px; font-weight: 700;
  color: color-mix(in srgb, var(--pri) 55%, #ffffff); opacity: .55;
}
.hv-poster .hero-badge { left: 0; right: auto; top: 12%; width: 96px; height: 96px; border-radius: 22px; rotate: -5deg; }
.hv-poster .hero-badge strong { font-size: 27px; }

/* 特色区首卡深底 */
.fv-cards .feature:nth-child(1) { background: linear-gradient(150deg, #12374f, #0e2635); }
.fv-cards .feature:nth-child(1) p { color: rgba(255,255,255,.72); }
.fv-cards .feature em { color: var(--pri); }

.sv-big .shot figcaption { color: var(--pri-deep); }

/* 展示区：三张竖图错落，无卡片壳 */
.sv-float .shot-rail { grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: start; }
.sv-float .shot { border: 0; background: transparent; box-shadow: none; border-radius: 0; overflow: visible; transform: none; }
.sv-float .shot:nth-child(2) { margin-top: 30px; }
.sv-float .shot img { border-radius: 18px; box-shadow: 0 18px 40px rgba(15,45,70,.16); }
.sv-float .shot figcaption { border: 0; background: transparent; padding: 12px 2px 0; color: var(--pri-deep); }

@media (max-width: 980px) {
  .hv-poster .hero-grid { grid-template-columns: 1fr; gap: 28px; }
  .hv-poster .hero-visual { min-height: 540px; }
  .hv-poster .stage-phone { width: min(232px, 56%); }
  .hv-poster .hero-visual::after { display: none; }
}
@media (max-width: 640px) {
  .hv-poster .hero { padding: 28px 0 26px; }
  .hv-poster .hero-visual { min-height: 480px; }
  .hv-poster .stage-phone { width: min(226px, 66%); rotate: 0deg; }
  .hv-poster .hero-strip { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
}