:root{--ink:#252032;--purple:#30233e;--purple-light:#eadff0;--gold:#dbc18d;--bg:#f7f8f7;--surface:#eaf0ef;--muted:#65616c;--line:#d7d9d7;--white:#fff;--radius:14px;--max:1240px;--font:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color-scheme:light;font-family:var(--font);color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-size:16px;line-height:1.8}a{color:inherit;text-underline-offset:5px}a:hover{color:#775284}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35}h2{font-size:clamp(27px,3vw,36px);letter-spacing:-.04em}h3{font-size:21px}p+p{margin-top:16px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a07d24;outline-offset:4px}[hidden]{display:none!important}.shell{max-width:var(--max);margin:auto;padding-inline:36px}.skip{position:fixed;left:12px;top:-100px;padding:12px 20px;background:var(--white);z-index:10}.skip:focus{top:12px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:600;text-transform:uppercase}.hero{background:var(--purple);color:#fff;padding:50px 0 48px}.hero .eyebrow{color:#ddc5eb}.hero-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:50px;align-items:end}.hero h1{font-size:clamp(50px,8.5vw,104px);font-weight:650;letter-spacing:-.055em;line-height:1.2;margin:20px 0 23px}.hero .tagline{font-size:clamp(20px,2.5vw,30px);color:var(--gold)}.hero-copy{max-width:390px;color:#ddd6e3;font-size:15px;padding-bottom:5px}.hero-foot{margin-top:38px;padding-top:21px;border-top:1px solid #68556f;display:flex;justify-content:space-between;gap:24px;font-size:13px;color:#d8cedf}.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:5}.nav-row{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;white-space:nowrap}.brand img{width:32px;height:32px}.main-nav{display:flex;gap:26px;align-items:center}.main-nav a{text-decoration:none;font-size:14px;padding:13px 0;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a[aria-current]{border-bottom-color:var(--purple)}.menu-toggle{background:var(--surface);border:1px solid var(--line);padding:9px 17px;border-radius:8px;min-height:44px}.section{padding-block:62px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:30px}.section-heading .eyebrow{color:#715779;margin-bottom:10px}.section-heading>p{max-width:380px;color:var(--muted);font-size:14px}.catalogue-tools{background:var(--surface);border:1px solid #d9e2df;padding:23px;border-radius:var(--radius);margin-bottom:22px}.search-row{display:flex;align-items:end;gap:16px}.search-field{flex:1}.search-field label,.sort-field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.input-wrap{display:flex;gap:8px}input[type=search],select{background:#fff;border:1px solid #bfc6c2;border-radius:7px;padding:11px 13px;min-height:48px;max-width:100%;color:var(--ink)}input[type=search]{width:100%;min-width:0}select{width:195px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:10px 19px;background:var(--purple);color:#fff;border:1px solid var(--purple);border-radius:7px;text-decoration:none;font-weight:600;font-size:14px}.button:hover{background:#4e365e;color:#fff}.button.secondary{background:#fff;color:var(--purple);border-color:#bfb3c5}.genres{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px}.genres>span{font-size:13px;margin-right:8px}.chip{border:1px solid #bfc8c2;border-radius:30px;padding:6px 17px;min-height:40px;background:transparent;color:#4b4653;font-size:14px}.chip[aria-pressed=true]{background:var(--purple);color:#fff;border-color:var(--purple)}.results-bar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px;color:var(--muted);font-size:13px}.text-button{border:0;background:none;color:#583766;min-height:44px;padding:5px 9px;text-decoration:underline;text-underline-offset:4px}.drama-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 25px}.drama-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.card-media{position:relative;background:#e5e9e7;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}.card-media>a{width:100%;height:100%;display:block}.card-media img{width:100%;height:100%;object-fit:contain}.episode-label{position:absolute;left:12px;bottom:12px;color:#fff;background:#30233ef0;border-radius:5px;padding:3px 10px;font-size:12px;pointer-events:none}.status-label{position:absolute;right:12px;top:12px;background:#fff;color:#31463a;border:1px solid #d6ded8;padding:3px 9px;border-radius:5px;font-size:12px;pointer-events:none}.card-copy{padding:23px;display:flex;flex-direction:column;flex:1}.card-topline{font-size:12px;color:#74547e;margin-bottom:10px}.card-copy h3{margin-bottom:12px;overflow-wrap:anywhere}.cast{color:var(--muted);font-size:13px;margin-bottom:11px}.synopsis{font-size:14px;line-height:1.85;flex:1}.keywords{font-size:12px;color:#716578;margin-top:17px;line-height:1.8}.card-link{display:flex;align-items:center;justify-content:space-between;padding-top:15px;margin-top:15px;border-top:1px solid #e4e3e6;color:#533363;font-size:14px;text-decoration:none;font-weight:600;min-height:44px}.no-results{text-align:center;padding:60px 20px;border:1px dashed #bdafc6;border-radius:var(--radius)}.no-results h3{margin-bottom:15px}.no-results p{color:var(--muted)}.about-section{background:var(--surface);border-block:1px solid #dbe2de}.about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:90px}.about-grid .eyebrow{color:#72587c;margin-bottom:14px}.about-lead{font-size:25px;line-height:1.7;margin-top:25px;max-width:300px}.about-copy p{color:#514d58;max-width:670px}.reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.reading-grid article{border-top:2px solid #8c7494;padding-top:22px}.reading-grid h3{font-size:19px;margin-bottom:14px}.reading-grid p{font-size:14px;color:var(--muted)}.footer{background:var(--purple);color:#eee7f1;padding:32px 0}.footer-row{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:13px}.footer small{display:block;color:#d2c5db;margin-top:6px;font-size:12px}.footer a{color:#eee7f1}.page-top{background:var(--purple);padding:22px 0;color:#fff}.page-top .shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-top .brand{font-size:23px}.page-top>a{color:#fff}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:28px;display:flex;gap:10px;flex-wrap:wrap}.detail-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr);gap:48px;align-items:start}.detail-media{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;padding:14px}.detail-media img{max-height:510px;width:100%;object-fit:contain}.detail-copy .eyebrow{color:#795783;margin-bottom:14px}.detail-copy h1{font-size:clamp(29px,3.3vw,44px);letter-spacing:-.03em;overflow-wrap:anywhere}.aliases{font-size:13px;color:var(--muted);margin-top:12px}.facts{display:grid;grid-template-columns:1fr 1fr;margin:25px 0;border-block:1px solid var(--line);gap:14px 25px;padding-block:20px}.facts div{min-width:0}.facts dt{font-size:12px;color:var(--muted);margin-bottom:3px}.facts dd{margin:0;font-size:15px}.detail-copy>.synopsis{font-size:16px}.detail-copy>.keywords{font-size:13px}.platform-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.platform-note{font-size:12px;color:var(--muted);margin-top:13px}.detail-lower{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;padding-block:45px 10px}.detail-lower h2{font-size:25px;margin-bottom:20px}.detail-lower p{color:#5b5563;font-size:15px}.source-list{padding-left:22px;font-size:14px}.source-list li+li{margin-top:13px}.source-list small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.related{border-top:1px solid var(--line);padding-top:40px;margin-top:40px}.related h2{font-size:26px;margin-bottom:25px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.related-item{display:grid;grid-template-columns:95px 1fr;gap:15px;align-items:center;background:var(--surface);padding:14px;border-radius:10px;min-width:0}.related-item img{width:95px;height:92px;object-fit:contain}.related-item h3{font-size:16px;margin-bottom:6px}.related-item p{font-size:12px;color:var(--muted)}.related-item a{font-size:13px}.error-page{min-height:70vh;display:grid;align-content:center;padding-block:65px;max-width:750px}.error-number{font-size:clamp(80px,14vw,140px);color:#c9bbd2;line-height:1}.error-page h1{font-size:36px;margin:20px 0}.error-page p{color:var(--muted);margin-bottom:25px}.error-actions{display:flex;gap:15px;flex-wrap:wrap}.notice{font-size:13px;color:var(--muted);margin-top:18px}.noscript-note{padding:15px;background:var(--surface);margin-bottom:20px}
.input-wrap>.button{flex-shrink:0;white-space:nowrap}
@media(min-width:761px){.menu-toggle{display:none!important}}
@media(max-width:1050px){.hero-grid{grid-template-columns:1.5fr 1fr;gap:35px}.drama-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{gap:45px}.detail-layout{gap:30px}.related-grid{grid-template-columns:1fr}.related-item{grid-template-columns:120px 1fr}.related-item img{width:120px}.main-nav{gap:18px}}
@media(max-width:760px){html{scroll-padding-top:85px}.shell{padding-inline:22px}.hero{padding:35px 0 32px}.hero-grid{display:block}.hero h1{margin-top:22px;font-size:clamp(49px,11vw,78px)}.hero-copy{margin-top:27px;max-width:550px}.hero-foot{margin-top:25px;display:block;font-size:12px}.hero-foot span+span{display:block;margin-top:5px}.nav-row{min-height:72px;flex-wrap:wrap;gap:0}.brand{font-size:19px}.brand img{width:28px;height:28px}.main-nav{width:100%;flex-wrap:wrap;justify-content:space-between;gap:5px;padding-bottom:14px}.main-nav a{min-height:44px;padding:8px 6px}.js .main-nav:not(.is-open){display:none}.menu-toggle{margin-left:auto}.section{padding-block:40px}.section-heading{display:block;margin-bottom:24px}.section-heading>p{margin-top:17px}.catalogue-tools{padding:18px}.search-row{display:block}.sort-field{margin-top:14px}.sort-field label{display:inline-block;margin-right:10px}select{width:calc(100% - 80px);font-size:14px}.genres{gap:7px;margin-top:16px}.genres>span{width:100%;margin:0}.chip{padding-inline:13px;font-size:13px}.input-wrap .button{padding-inline:15px}.results-bar{align-items:start}.drama-grid{gap:20px 16px}.card-copy{padding:18px}.card-copy h3{font-size:19px}.card-media{aspect-ratio:4/3}.about-grid{display:block}.about-lead{margin-top:18px;max-width:none;font-size:23px}.about-copy{margin-top:25px}.reading-grid{display:block}.reading-grid article+article{margin-top:28px}.footer-row{display:block}.footer-row>div+div{margin-top:18px}.detail-layout{display:flex;flex-direction:column}.detail-media{width:100%}.detail-media img{max-height:380px}.detail-copy{width:100%}.detail-lower{grid-template-columns:1fr;gap:32px;padding-top:32px}.page-top .brand{font-size:20px}.page-top{padding-block:18px}.page-top .shell>a{font-size:13px}.related-item{grid-template-columns:95px 1fr}.related-item img{width:95px}.facts{gap:16px}.facts dd{font-size:14px}.error-page h1{font-size:29px}}
@media(max-width:520px){.drama-grid{grid-template-columns:1fr}.card-media{aspect-ratio:16/10}.card-copy{padding:22px}.card-copy h3{font-size:22px}.synopsis{font-size:15px}.genres .chip{min-height:42px}.related-item{grid-template-columns:80px 1fr}.related-item img{width:80px}.main-nav a{font-size:13px}.facts{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
