#nav a{display:flex;align-items:center;height:100%;font-size:14px;color:#c4c4c7;position:relative;white-space:nowrap}#nav a:hover,#nav a.active{color:var(--yellow)}#nav a.active:after{content:'';position:absolute;bottom:18px;left:35%;width:17px;height:3px;border-radius:2px;background:var(--yellow)}#tags a{display:inline-flex;background:#202023;color:#a5a5ac;border-radius:5px;padding:7px 16px;font-size:12px}#tags a:hover{color:var(--yellow);background:#352d19}.section-head>a{font-size:11px;color:#8e8e94}.section-head>a:hover{color:var(--yellow)}.card-tags>a{display:inline-block;background:#202023;color:#a1a1aa;border-radius:4px;padding:4px 9px;font-size:10px}.card-tags>a:hover{color:var(--yellow);background:#302b1b}.feature-strip>a{color:#d8c893;background:#ffffff08;border:1px solid #d8c89330;border-radius:5px;padding:10px 16px;font-size:12px;z-index:1}.feature-strip>a span{margin-left:20px}.cover{display:block}.listing-title{padding:33px 0 29px}.listing-title h1{font-size:30px;margin:0 0 10px;letter-spacing:1px}.listing-title p{font-size:12px;color:#81818a}.listing-title+.section>.section-head{display:none}.catalog-pagination{display:flex;justify-content:center;gap:9px;margin:35px 0}.catalog-pagination a{border:1px solid #ffffff16;border-radius:5px;padding:9px 14px;color:#999;font-size:12px}.catalog-pagination a.active{color:#222;background:var(--yellow);border-color:var(--yellow)}.drama-detail{display:flex;gap:40px;padding:40px 0}.detail-poster{width:235px;flex-shrink:0;aspect-ratio:3/4;border-radius:11px;overflow:hidden;background:#222}.detail-poster img{width:100%;height:100%;object-fit:cover}.detail-copy{padding-top:12px}.detail-breadcrumb{color:#73737e;font-size:11px}.detail-breadcrumb a{margin-right:10px}.detail-copy h1{font-size:40px;margin:25px 0 20px;letter-spacing:3px}.detail-copy>p{max-width:650px;color:#aaa;line-height:2;font-size:13px;margin:23px 0}.detail-copy .card-tags{display:flex;gap:8px;flex-wrap:wrap}.detail-episodes{padding:24px 0 40px;border-top:1px solid #ffffff0b;margin-bottom:10px}.detail-episodes h2{font-size:21px}.detail-episodes h2 small{font-size:11px;color:#777;font-weight:400;margin-left:12px}.detail-episodes .episodes{display:grid;grid-template-columns:repeat(10,minmax(0,1fr))}.detail-episodes .episodes button{background:#212124;border:1px solid #ffffff0b;border-radius:6px;padding:12px 6px;font-size:12px}.detail-episodes .episodes button:hover{color:var(--yellow);border-color:#f4c34b60}.resume-play{color:var(--yellow);padding:10px 0 0;font-size:12px}.hero-preview .active{border-color:var(--yellow)}
@media(max-width:950px){#nav a{font-size:13px}.drama-detail{gap:25px}.detail-poster{width:195px}.detail-copy h1{font-size:33px}.detail-episodes .episodes{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(max-width:600px){#nav a{font-size:12px}#nav a.active:after{bottom:3px}#tags a{font-size:10px;padding:5px 10px}.card-tags>a{font-size:9px;padding:3px 6px}.feature-strip>a{font-size:10px;padding:8px}.feature-strip>a span{margin-left:3px}.drama-detail{gap:17px;padding:26px 0;align-items:flex-start}.detail-poster{width:112px;border-radius:7px}.detail-copy{padding-top:0}.detail-breadcrumb{font-size:9px}.detail-copy h1{font-size:23px;letter-spacing:1px;margin:15px 0}.detail-copy>p{font-size:11px;line-height:1.8;margin:15px 0}.detail-copy .hero-meta{flex-wrap:wrap;gap:7px}.detail-copy .hero-actions{gap:7px;flex-wrap:wrap;margin-top:16px}.detail-copy .primary,.detail-copy .secondary{padding:9px 14px;font-size:10px}.detail-episodes .episodes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.detail-episodes .episodes button{font-size:11px;padding:10px 4px}.listing-title h1{font-size:24px}.listing-title{padding:25px 0 18px}}