/* 幻影TV interaction layer (Claude UI pass, 2026-10-31). Loaded last on the main site only.
   Scope: hero, cards, swipe rails, detail header. Each selector here is the single final value; do not re-override below. */
.hy-v2 { --hy-ease:cubic-bezier(.2,.7,.2,1); --hy-card-radius:6px; }

/* Hero: full-bleed banner (Owner asked to match iyf.tv, 2026-10-31). Poster-only slides use the softened portrait as the
   banner image, weighted to the right, with the iyf-style dark fade from the left and the bottom. */
.hy-v2 .hy-hero { height:clamp(380px,32vw,520px); overflow:hidden; }
.hy-v2 .hy-hero .hy-hero-backdrop { position:absolute; top:-6%; right:0; width:78%; height:112%; object-fit:cover; object-position:center 22%; pointer-events:none;
  /* No blur (Owner): the image stays sharp and fades out to transparent on the left and bottom, as on iyf.tv. */
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%),linear-gradient(0deg,transparent 0,#000 30%); -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 42%),linear-gradient(0deg,transparent 0,#000 30%); mask-composite:intersect; }
.hy-v2 .hy-hero .is-poster-art::before { display:none; }
.hy-v2 .hy-hero .is-poster-art { background:#090b21; }
.hy-v2 .hy-hero .is-poster-art .cover-shade { z-index:1; background:linear-gradient(90deg,#090b21e6 0,#090b21b3 45%,transparent 72%),linear-gradient(180deg,#090b2199 0,transparent 18%); }
.hy-v2 .hy-hero .cover-copy { z-index:3; bottom:56px; }
@media(min-width:1001px){
  /* Copy is bounded on the right by the pick strip (≤34% + its 60px inset), so it never runs under it at any width. */
  .hy-v2 .hy-hero .is-poster-art .cover-copy { gap:28px; min-width:0; max-width:none; right:calc(34% + 90px); }
  .hy-v2 .hy-hero-picks { max-width:34%; bottom:56px; }
}
.hy-v2 .hy-hero .is-poster-art .hy-cover-poster { width:clamp(132px,11vw,180px); height:auto; aspect-ratio:2/3; object-fit:cover; border:0; border-radius:var(--hy-card-radius); box-shadow:0 18px 40px #000a,0 0 0 1px #ffffff1f; }
.hy-v2 .hy-cover-text h2 { font-size:clamp(24px,2.3vw,36px); font-weight:600; line-height:1.25; margin-bottom:12px; text-shadow:0 2px 12px #0008; }
.hy-v2 .hy-hero .cover-meta span+span::before { content:"·"; margin:0 8px; color:#ffffff66; }
.hy-v2 .hy-cover-genres { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 12px; }
.hy-v2 .hy-cover-genres a { padding:2px 10px; border-radius:20px; background:#ffffff14; color:#dfe2f0; font-size:12px; line-height:20px; }
.hy-v2 .hy-cover-genres a:hover { background:#20afe633; color:#fff; }
.hy-v2 .hy-cover-synopsis { -webkit-line-clamp:3; max-width:520px; margin-bottom:20px; font-size:14px; color:#cfd2e2; }
.hy-v2 .cover-copy .play-primary { box-shadow:0 6px 18px #20afe655; transition:transform .15s var(--hy-ease),box-shadow .15s; }
.hy-v2 .cover-copy .play-primary:hover { transform:translateY(-1px); box-shadow:0 10px 24px #20afe677; }
.hy-v2 .hy-hero-slide-in { animation:hy-fade .45s var(--hy-ease); }
@keyframes hy-fade { from { opacity:0; } to { opacity:1; } }
.hy-v2 .hy-hero-picks { bottom:48px; gap:10px; }
.hy-v2 .hy-hero-picks a { width:84px; height:126px; border-radius:var(--hy-card-radius); border-width:2px; opacity:.55; transition:opacity .2s,transform .2s var(--hy-ease),border-color .2s; }
.hy-v2 .hy-hero-picks a:hover { opacity:.9; transform:translateY(-3px); }
.hy-v2 .hy-hero-picks a[aria-selected=true] { opacity:1; transform:translateY(-6px); box-shadow:0 10px 22px #0009; }
.hy-v2 .hy-hero-controls { bottom:190px; }

/* Cards: lift + play hint on hover, darker skeleton while the poster loads, readable state ribbon. */
.hy-v2 .film-card .poster { position:relative; overflow:hidden; border-radius:var(--hy-card-radius); background:linear-gradient(110deg,#1a1d36 30%,#23274a 50%,#1a1d36 70%) 0 0/300% 100%; transition:transform .22s var(--hy-ease),box-shadow .22s; }
.hy-v2 .film-card .poster img { transition:transform .4s var(--hy-ease),filter .3s; }
.hy-v2 .film-card:hover .poster { transform:translateY(-4px); box-shadow:0 14px 28px #0009,0 0 0 2px var(--hy-accent,#20afe6); }
.hy-v2 .film-card:hover .poster img { transform:scale(1.05); filter:brightness(.78); }
.hy-v2 .hy-play-hint { position:absolute; left:50%; top:50%; width:48px; height:48px; margin:-24px 0 0 -24px; border-radius:50%; background:#20afe6e6; box-shadow:0 6px 18px #0008; opacity:0; transform:scale(.7); transition:opacity .2s,transform .2s var(--hy-ease); }
.hy-v2 .hy-play-hint::after { content:""; position:absolute; left:19px; top:15px; border-style:solid; border-width:9px 0 9px 14px; border-color:transparent transparent transparent #fff; }
.hy-v2 .film-card:hover .hy-play-hint,.hy-v2 .film-card:focus-within .hy-play-hint { opacity:1; transform:scale(1); }
.hy-v2 .hy-state { top:auto; right:0; bottom:0; left:0; max-width:none; padding:18px 8px 6px; background:linear-gradient(transparent,#000c); color:#fff; font-size:12px; text-align:right; border-radius:0; }
.hy-v2 .hy-state-ongoing { color:#7fdcff; }
.hy-v2 .hy-badge { border-radius:3px; background:linear-gradient(135deg,#f3d18b,#c99a4b); color:#3a2608; font-weight:600; }
.hy-v2 .film-card h3 { margin:10px 0 3px; font-size:14px; font-weight:500; }
.hy-v2 .film-card p span+span::before { content:"·"; margin:0 5px; color:#5d6283; }
.hy-v2 .film-card p { display:flex; flex-wrap:nowrap; overflow:hidden; white-space:nowrap; gap:0; color:#8d91ab; }
.hy-v2 .film-card p span { flex:none; }
.hy-v2 .film-card p span:last-child { flex:0 1 auto; overflow:hidden; text-overflow:ellipsis; }

/* Rails: one row that scrolls sideways (touch swipe, trackpad, or the head arrows). */
.hy-v2 .hy-rail-shelf .shelf-head { display:flex; align-items:center; }
.hy-v2 .hy-rail-shelf .shelf-more { margin-left:auto; }
.hy-v2 .hy-shelf-genres { display:flex; gap:6px; min-width:0; overflow:hidden; }
.hy-v2 .hy-shelf-genres a { flex:none; padding:3px 12px; border-radius:20px; background:#1d2140; color:#aeb2c9; font-size:12px; }
.hy-v2 .hy-shelf-genres a:hover { background:#20afe62e; color:#fff; }
.hy-v2 .cards.hy-rail { display:grid; grid-auto-flow:column; grid-template-columns:none; grid-auto-columns:calc((100% - 5*16px)/6); gap:16px; overflow-x:auto; overflow-y:hidden; padding:6px 2px 10px; margin:-6px -2px 0; scroll-snap-type:x mandatory; scroll-behavior:smooth; overscroll-behavior-x:contain; scrollbar-width:none; }
.hy-v2 .cards.hy-rail::-webkit-scrollbar { display:none; }
.hy-v2 .cards.hy-rail>* { scroll-snap-align:start; display:block!important; }
.hy-v2 .hy-rail-nav { display:flex; gap:6px; margin-left:12px; }
.hy-v2 .hy-rail-nav[hidden] { display:none; }
.hy-v2 .hy-rail-nav button { display:grid; place-items:center; width:30px; height:30px; padding:0; border:1px solid #30355a; border-radius:50%; background:#141733; color:#d8dbe8; font-size:20px; line-height:1; cursor:pointer; transition:background .15s,border-color .15s,opacity .15s; }
.hy-v2 .hy-rail-nav button:hover:not(:disabled) { background:#20afe6; border-color:#20afe6; color:#fff; }
.hy-v2 .hy-rail-nav button:disabled { opacity:.3; cursor:default; }
@media(min-width:1700px){ .hy-v2 .cards.hy-rail { grid-auto-columns:calc((100% - 6*16px)/7); } }
@media(max-width:1250px){ .hy-v2 .cards.hy-rail { grid-auto-columns:calc((100% - 4*12px)/5.3); gap:12px; } }
@media(max-width:900px){ .hy-v2 .cards.hy-rail { grid-auto-columns:calc((100% - 3*12px)/4.3); } }
@media(max-width:660px){
  .hy-v2 .cards.hy-rail { grid-auto-columns:31%; gap:10px; scroll-snap-type:x proximity; }
  .hy-v2 .hy-rail-nav,.hy-v2 .hy-shelf-genres { display:none; }
  .hy-v2 .hy-hero { height:300px; }
  .hy-v2 .hy-cover-text h2 { font-size:21px; }
  .hy-v2 .hy-cover-genres { display:none; }
  .hy-v2 .hy-hero .is-poster-art .hy-cover-poster { width:96px; height:144px; }
  .hy-v2 .hy-hero .cover-copy { bottom:22px; }
  .hy-v2 .hy-play-hint { display:none; }
  .hy-v2 .film-card:hover .poster { transform:none; }
}

/* Detail: overview sits on its own panel, matching the hero gradient. */
.hy-v2 .hy-overview { position:relative; overflow:hidden; padding:28px; border-radius:10px; background:radial-gradient(ellipse 60% 120% at 80% 0,#253c6355,transparent 70%),linear-gradient(115deg,#0d1030 10%,#14213d 70%,#0b1029); box-shadow:inset 0 0 0 1px #ffffff0d; }

/* Membership crown: warm gold wherever the VIP icon appears, so it reads as membership rather than a generic tool. */
.hy-v2 .vip-menu>summary,.hy-v2 .vip-popover-heading>svg,.hy-v2 .rail-bottom a[href="/vip"] .nav-symbol { color:#e6c07a; }
.hy-v2 .vip-menu>summary:hover { color:#ffd98f; }
.hy-v2 .hy-overview .film-cover { border-radius:var(--hy-card-radius); box-shadow:0 16px 36px #000b; }
@media(max-width:660px){ .hy-v2 .hy-overview { padding:16px; border-radius:8px; } }

@media(prefers-reduced-motion:reduce){
  .hy-v2 .film-card .poster,.hy-v2 .film-card .poster img,.hy-v2 .hy-play-hint,.hy-v2 .hy-hero-picks a { transition:none; }
  .hy-v2 .film-card:hover .poster,.hy-v2 .film-card:hover .poster img { transform:none; }
  .hy-v2 .cards.hy-rail { scroll-behavior:auto; }
  .hy-v2 .hy-hero-slide-in { animation:none; }
}

/* Hero title: one line on desktop (like iyf.tv) so long titles never push the copy up under the 60px top bar. */
@media(min-width:661px){ .hy-v2 .hy-cover-text h2 { -webkit-line-clamp:1; display:-webkit-box; overflow:hidden; word-break:break-all; } }

/* 客户端下载 entry in the top bar: icon on every width, the word only where the bar has room. */
.hy-v2 .header-tools>a.hy-app-shortcut { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:40px; min-height:40px; color:#c5c7d8; font-size:13px; white-space:nowrap; }
.hy-v2 .hy-app-shortcut svg { width:20px; height:20px; flex:none; }
.hy-v2 .header-tools>a.hy-app-shortcut[aria-current] { color:var(--hy-accent); }
@media(max-width:1439px){ .hy-v2 .hy-app-shortcut span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } }
@media(max-width:660px){ .hy-v2 .header-tools>a.hy-app-shortcut { min-width:44px; min-height:44px; } }

/* 客户端下载 page (/app-download). Installable web app only: no native package, no version number, no offline promise.
   Device art is plain CSS frames around the original app mark; the background is two soft brand glows, nothing traced. */
.hy-v2 .hy-app-page { padding-top:24px; }
.hy-v2 .hy-app-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:32px; padding:40px 40px 40px 48px; border-radius:12px; overflow:hidden;
  background:radial-gradient(ellipse 55% 80% at 88% 18%,#8a5cff33,transparent 70%),radial-gradient(ellipse 50% 70% at 8% 100%,#20afe62b,transparent 70%),linear-gradient(120deg,#0f1336,#141a3f 55%,#0c0f2b);
  box-shadow:inset 0 0 0 1px #ffffff12; }
.hy-v2 .hy-app-intro { min-width:0; }
.hy-v2 .hy-app-eyebrow { margin:0 0 8px; color:var(--hy-accent); font-size:13px; letter-spacing:.08em; }
.hy-v2 .hy-app-hero h1 { margin:0 0 12px; font-size:clamp(24px,2.6vw,34px); font-weight:600; line-height:1.3; }
.hy-v2 .hy-app-lead { max-width:520px; margin:0 0 24px; color:#c9cde0; font-size:15px; line-height:1.8; }
.hy-v2 .hy-app-status { max-width:520px; padding:16px; border-radius:8px; background:#090b2199; box-shadow:inset 0 0 0 1px #ffffff14; }
.hy-v2 .hy-app-device { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; margin:0 0 6px; }
.hy-v2 .hy-app-device span { color:var(--hy-text-3); font-size:12px; }
.hy-v2 .hy-app-device strong { font-size:16px; font-weight:500; }
.hy-v2 .hy-app-state { margin:0 0 16px; color:var(--hy-text-2); font-size:13px; line-height:1.7; }
.hy-v2 .hy-app-actions { display:flex; flex-wrap:wrap; gap:12px; }
.hy-v2 .hy-app-actions .button { min-height:44px; padding:8px 20px; font-size:15px; }
.hy-v2 .hy-app-actions .button[hidden] { display:none; }

.hy-v2 .hy-app-devices { position:relative; justify-self:end; width:100%; max-width:520px; aspect-ratio:16/11; }
.hy-v2 .hy-dev { position:absolute; display:block; }
.hy-v2 .hy-dev-screen { position:relative; display:block; overflow:hidden; border:solid #262c52; background:radial-gradient(circle at 75% 25%,#8a5cff4d,transparent 55%),linear-gradient(135deg,#132049,#0a0d26 70%); }
/* Mini interface: a top bar with the accent tab, then a row of poster tiles. */
.hy-v2 .hy-dev-screen::before { content:""; position:absolute; left:7%; right:7%; top:9%; height:5%; border-radius:2px; background:linear-gradient(90deg,#20afe6 0 10%,transparent 10% 15%,#ffffff26 15% 55%,transparent 55%); }
.hy-v2 .hy-dev-screen::after { content:""; position:absolute; left:7%; right:7%; bottom:10%; height:32%; border-radius:2px; background:repeating-linear-gradient(90deg,#ffffff24 0 17%,transparent 17% 20.75%); }
.hy-v2 .hy-dev-screen img { position:absolute; left:7%; top:26%; width:15%; height:auto; aspect-ratio:1; border-radius:22%; box-shadow:0 6px 16px #0007; }
.hy-v2 .hy-dev-tv { left:18%; top:0; width:78%; }
.hy-v2 .hy-dev-tv .hy-dev-screen { aspect-ratio:16/9; border-width:6px; border-radius:8px; box-shadow:0 24px 48px #0009; }
.hy-v2 .hy-dev-tv::after { content:""; display:block; width:28%; height:10px; margin:0 auto; border-radius:0 0 6px 6px; background:linear-gradient(#2a305a,#171b38); }
.hy-v2 .hy-dev-laptop { left:5%; bottom:6%; width:54%; }
.hy-v2 .hy-dev-laptop .hy-dev-screen { aspect-ratio:16/10; border-width:5px 5px 7px; border-radius:8px 8px 0 0; box-shadow:0 18px 40px #000a; }
.hy-v2 .hy-dev-laptop::after { content:""; display:block; width:112%; height:9px; margin-left:-6%; border-radius:0 0 10px 10px; background:linear-gradient(#3a4170,#1d2245); }
.hy-v2 .hy-dev-phone { right:3%; bottom:0; width:20%; }
.hy-v2 .hy-dev-phone .hy-dev-screen { aspect-ratio:9/19; border-width:4px; border-radius:14px; border-color:#2e3566; box-shadow:0 18px 36px #000b; }
.hy-v2 .hy-dev-phone .hy-dev-screen::after { height:40%; background:repeating-linear-gradient(90deg,#ffffff24 0 46%,transparent 46% 54%); }
.hy-v2 .hy-dev-phone .hy-dev-screen img { width:30%; top:20%; }

.hy-v2 .hy-app-jump { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0 16px; }
.hy-v2 .hy-app-jump a { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 16px; border-radius:22px; background:var(--hy-chip); color:#d8dbe8; font-size:14px; }
.hy-v2 .hy-app-jump a:hover { background:var(--hy-chip-hover); color:#fff; }
.hy-v2 .hy-app-jump a[aria-current] { background:var(--hy-accent-soft); color:#fff; box-shadow:inset 0 0 0 1px var(--hy-accent); }
.hy-v2 .hy-app-jump svg { width:18px; height:18px; flex:none; }

.hy-v2 .hy-app-platforms { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr)); gap:16px; }
.hy-v2 .hy-app-card { display:flex; flex-direction:column; min-width:0; padding:20px; border-radius:10px; background:var(--hy-panel); box-shadow:inset 0 0 0 1px var(--hy-line); scroll-margin-top:80px; }
.hy-v2 .hy-app-card.is-current { background:linear-gradient(160deg,#17344b99,var(--hy-panel) 55%); box-shadow:inset 0 0 0 1px var(--hy-accent),0 10px 28px #20afe61f; }
.hy-v2 .hy-app-card:focus-visible { outline-offset:4px; }
.hy-v2 .hy-app-card-head { display:grid; grid-template-columns:48px minmax(0,1fr); align-items:center; gap:2px 14px; margin-bottom:16px; }
.hy-v2 .hy-app-glyph { grid-row:span 2; display:grid; place-items:center; width:48px; height:48px; border-radius:12px; background:linear-gradient(135deg,#20afe633,#8a5cff33); color:#bfe9ff; }
.hy-v2 .hy-app-glyph svg { width:26px; height:26px; }
.hy-v2 .hy-app-card h2 { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; font-size:18px; font-weight:500; }
.hy-v2 .hy-app-card-head p { margin:0; color:var(--hy-text-3); font-size:12px; }
.hy-v2 .hy-app-here { padding:0 8px; border-radius:10px; background:var(--hy-accent); color:#04121c; font-size:11px; font-weight:600; line-height:20px; }
.hy-v2 .hy-app-here[hidden] { display:none; }
.hy-v2 .hy-app-badges { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 16px; padding:0; list-style:none; }
.hy-v2 .hy-app-badge { display:inline-flex; align-items:center; gap:6px; padding:3px 10px; border-radius:var(--hy-radius); font-size:12px; line-height:18px; }
.hy-v2 .hy-app-badge::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.hy-v2 .hy-app-badge.is-ready { background:#20afe61f; color:#7fdcff; }
.hy-v2 .hy-app-badge.is-manual { background:#8a5cff26; color:#c7b5ff; }
.hy-v2 .hy-app-badge.is-browser { background:#ffffff12; color:#c5c7d8; }
.hy-v2 .hy-app-badge.is-soon { color:#e6c07a; box-shadow:inset 0 0 0 1px #e6c07a66; }
.hy-v2 .hy-app-steps { counter-reset:hy-step; display:grid; gap:10px; margin:0 0 16px; padding:0; list-style:none; }
.hy-v2 .hy-app-steps li { counter-increment:hy-step; position:relative; padding-left:32px; color:#d3d6e6; font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
.hy-v2 .hy-app-steps li::before { content:counter(hy-step); position:absolute; left:0; top:1px; display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--hy-chip); color:#fff; font-size:12px; line-height:1; }
.hy-v2 .hy-app-steps b { color:#fff; font-weight:500; }
.hy-v2 .hy-app-steps code { padding:1px 6px; border-radius:3px; background:#090b21; color:#7fdcff; font-size:13px; }
.hy-v2 .hy-app-note { margin:auto 0 0; padding-top:12px; border-top:1px solid #ffffff0d; color:var(--hy-text-3); font-size:12px; line-height:1.7; }

.hy-v2 .hy-app-scope { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:32px 0; }
.hy-v2 .hy-app-scope section { padding:20px; border-radius:10px; background:var(--hy-panel); box-shadow:inset 0 0 0 1px var(--hy-line); }
.hy-v2 .hy-app-scope h2 { margin:0 0 12px; font-size:16px; font-weight:500; }
.hy-v2 .hy-app-scope ul { display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.hy-v2 .hy-app-scope li { position:relative; padding-left:24px; color:#c9cde0; font-size:14px; line-height:1.7; }
.hy-v2 .hy-app-scope li::before { position:absolute; left:0; }
.hy-v2 .hy-app-yes li::before { content:"✓"; color:#7fdcff; }
.hy-v2 .hy-app-no li::before { content:"—"; color:var(--hy-text-3); }

.hy-v2 .hy-app-faq { margin-bottom:8px; }
.hy-v2 .hy-app-faq h2 { margin:0 0 8px; font-size:18px; font-weight:500; }
.hy-v2 .hy-app-faq details { border-bottom:1px solid var(--hy-line); }
.hy-v2 .hy-app-faq summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:52px; padding:8px 4px; font-size:15px; cursor:pointer; list-style:none; }
.hy-v2 .hy-app-faq summary::-webkit-details-marker { display:none; }
.hy-v2 .hy-app-faq summary::after { content:"+"; flex:none; color:var(--hy-text-3); font-size:20px; line-height:1; }
.hy-v2 .hy-app-faq details[open] summary::after { content:"−"; }
.hy-v2 .hy-app-faq summary:hover { color:var(--hy-accent); }
.hy-v2 .hy-app-faq details p { margin:0 0 16px; padding:0 4px; color:var(--hy-text-2); font-size:14px; line-height:1.8; }

@media(max-width:1000px){
  .hy-v2 .hy-app-hero { grid-template-columns:1fr; padding:32px; }
  .hy-v2 .hy-app-devices { justify-self:center; max-width:440px; }
}
@media(max-width:660px){
  .hy-v2 .hy-app-page { padding-top:12px; }
  .hy-v2 .hy-app-hero { gap:24px; padding:24px 16px; border-radius:10px; }
  .hy-v2 .hy-app-lead { margin-bottom:16px; font-size:14px; }
  .hy-v2 .hy-app-actions .button { flex:1 1 100%; }
  .hy-v2 .hy-app-devices { max-width:300px; }
  .hy-v2 .hy-dev-tv .hy-dev-screen { border-width:4px; }
  .hy-v2 .hy-dev-laptop .hy-dev-screen { border-width:3px 3px 5px; }
  .hy-v2 .hy-dev-phone .hy-dev-screen { border-width:3px; border-radius:10px; }
  .hy-v2 .hy-app-jump { margin:20px 0 12px; }
  .hy-v2 .hy-app-jump a { padding:0 14px; }
  .hy-v2 .hy-app-card { padding:16px; }
  .hy-v2 .hy-app-scope { grid-template-columns:1fr; margin:24px 0; }
  .hy-v2 .hy-app-scope section { padding:16px; }
}

/* Phone hero: the copy sits on the lower half of the banner, so that half is darkened from the bottom up.
   Keeps 更新至第N集 and other small meta readable on bright posters (e.g. yellow cartoon art). */
@media(max-width:660px){
  .hy-v2 .hy-hero .hy-hero-backdrop { width:100%; }
  .hy-v2 .hy-hero .is-poster-art .cover-shade { background:linear-gradient(0deg,#090b21 0,#090b21eb 30%,#090b2199 55%,#090b2133 78%,transparent 100%),linear-gradient(90deg,#090b2180 0,transparent 60%); }
  .hy-v2 .hy-hero .cover-meta,.hy-v2 .hy-hero .hero-detail-link { color:#e6e8f2; text-shadow:0 1px 3px #000c; }
  .hy-v2 .hy-cover-text h2 { text-shadow:0 2px 8px #000; }
}