.detail-hero{height:310px;background:linear-gradient(110deg,#11131a 20%,#1c1f29 40%,#11131a 60%);background-size:200% 100%;animation:yimo-detail-shimmer 1.25s linear infinite}.detail-hero img{object-position:center 22%;animation:yimo-detail-image-in .28s ease-out}.detail-hero .detail-hero-shade{background:linear-gradient(180deg,rgba(7,8,12,.06) 20%,rgba(7,8,12,.38) 58%,#0e1016 100%)}
.detail-hero-copy{position:absolute;z-index:2;left:20px;right:58px;bottom:58px}.detail-category{display:inline-flex;padding:5px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(10,11,16,.46);color:#f3f4f7;font-size:10px;backdrop-filter:blur(8px)}.detail-hero-copy h2{margin:10px 0 8px;font-size:28px;line-height:1.12;letter-spacing:-.04em}.detail-meta-line{display:flex;align-items:center;gap:9px;margin:0;color:#c0c3cc;font-size:11px}.detail-meta-line b{color:#ffd36b}.detail-meta-line span+span:before{content:"·";margin-right:9px;color:#606572}
.detail-body{margin-top:-38px;padding:0 16px calc(24px + var(--safe-bottom))}.detail-actions{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:0 0 14px}.detail-actions .detail-play{height:48px;margin:0;border-radius:14px}.detail-favorite{min-width:104px;height:48px;padding:0 15px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#1a1d26;color:#fff;font-weight:700}.detail-favorite.active{border-color:rgba(241,66,114,.45);background:rgba(241,66,114,.13);color:#ff6b94}
.detail-panel{margin-top:12px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#14161e}.detail-section-title,.detail-panel .episode-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px}.detail-section-title strong,.detail-panel .episode-heading strong{font-size:15px}.detail-summary{margin:0;color:#b7bbc5;font-size:12px;line-height:1.75;white-space:pre-line}
.detail-panel .episode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.detail-panel .episode-grid button{height:39px;border-radius:10px}.detail-panel .episode-grid button:first-child{background:rgba(241,66,114,.12);color:#ff86a7}
.detail-related{padding-bottom:18px}.detail-related .related-row{gap:10px}.detail-related .related-row img{border-radius:13px}.detail-related .related-row span{margin-top:7px;font-size:11px}
@media(max-width:420px){.detail-hero{height:290px}.detail-hero-copy{left:18px;right:48px;bottom:52px}.detail-hero-copy h2{font-size:25px}.detail-body{padding-left:12px;padding-right:12px}.detail-actions{grid-template-columns:minmax(0,1fr) 96px}.detail-favorite{min-width:96px;padding:0 10px}.detail-panel{padding:14px;border-radius:16px}.detail-panel .episode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@keyframes yimo-detail-shimmer{to{background-position:-200% 0}}
@keyframes yimo-detail-image-in{from{opacity:.18}to{opacity:1}}