/* Adult short-drama editorial system: quiet cinema, narrow interfaces, meaningful hierarchy. */
:root{color-scheme:dark;--night:#15141D;--bg:#191821;--panel:#25232F;--panel2:#211f2a;--berry:#A54568;--mist:#8994C6;--text:#F2EFF5;--muted:#B3AEBD;--gold:#E7B877;--stroke:rgba(224,219,235,.13);--content:1370px;--side:clamp(18px,4vw,72px);--ease:cubic-bezier(.2,.75,.2,1);font-family:Inter,'Noto Sans SC','PingFang SC','Microsoft YaHei',system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:white}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.025em}h1{font-weight:760}h2{font-weight:730}p{color:var(--muted)}.shell{max-width:calc(var(--content) + var(--side)*2);padding-inline:var(--side);margin-inline:auto}.skip-link{position:absolute;top:-100px;left:16px;z-index:999;background:var(--gold);color:var(--night);padding:10px 16px}.skip-link:focus{top:12px}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:650;color:var(--gold);line-height:1.8}.eyebrow-line{display:inline-block;width:25px;height:1px;background:currentColor;vertical-align:middle;margin-right:8px}.text-link{display:inline-flex;gap:18px;align-items:center;align-self:flex-start;color:var(--text);font-size:13px;font-weight:680;border-bottom:1px solid var(--berry);padding-bottom:9px;transition:color .25s var(--ease),gap .25s var(--ease)}.text-link:hover{color:var(--gold);gap:24px}.small-link{font-size:11px;color:var(--gold);font-weight:700}.site-header{background:rgba(21,20,29,.97);border-bottom:1px solid var(--stroke);position:relative;z-index:5}.header-inner{min-height:86px;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;gap:13px;align-items:center;flex-shrink:0}.brand img{width:46px;height:46px;object-fit:contain;border-radius:5px}.brand strong{font-size:21px;letter-spacing:.025em;display:block;line-height:1.2}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:.11em;white-space:nowrap;margin-top:6px}.primary-nav{display:flex;gap:36px;margin-left:auto;align-items:center}.primary-nav a{font-size:13px;font-weight:650;color:var(--muted);white-space:nowrap;position:relative;padding-block:32px}.primary-nav a[aria-current=page]{color:var(--text)}.primary-nav a[aria-current=page]:after,.primary-nav a:hover:after{content:"";height:2px;background:var(--berry);position:absolute;bottom:0;left:0;right:0}.header-note{font-size:10px;color:var(--muted);letter-spacing:.06em;border-left:1px solid var(--stroke);padding-left:22px;white-space:nowrap}.menu-button{display:none;background:none;border:0;color:var(--text);cursor:pointer;padding:12px}.menu-button span{display:block;width:23px;height:2px;margin:5px 0;background:currentColor}.front{padding-top:65px}.front-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding-bottom:36px}.front-copy{max-width:910px}.front-copy h1{font-size:clamp(43px,5.4vw,82px);line-height:1.08;margin:20px 0 20px;letter-spacing:-.045em}.front-copy h1 span{display:block;color:var(--text);font-size:clamp(20px,2.3vw,34px);letter-spacing:-.03em;font-weight:480;margin-top:18px}.front-lede{font-size:14px;max-width:690px;line-height:1.95;margin-bottom:24px}.front-links{display:flex;gap:30px;flex-wrap:wrap}.front-links a{font-size:13px;border-bottom:1px solid var(--stroke);padding-bottom:7px}.front-links a:first-child{border-color:var(--berry)}.front-links a span{margin-left:8px;color:var(--gold)}.front-index{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;align-items:flex-end;text-align:right}.front-index span{font-size:10px;color:var(--muted);letter-spacing:.14em;line-height:1.8}.front-index strong{font-size:31px;letter-spacing:.2em;font-weight:450;writing-mode:vertical-rl;border-left:1px solid var(--berry);padding-left:18px;line-height:1.4}.front-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);gap:22px}.spotlight{min-width:0;position:relative;background:var(--panel2);border:1px solid var(--stroke)}.spotlight-image{display:block;aspect-ratio:1.36;position:relative;overflow:hidden;background:linear-gradient(120deg,var(--panel),#3a2b42)}.spotlight-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.spotlight-image:hover img,.story-card__media:hover img,.side-story__image:hover img{transform:scale(1.045)}.spotlight-count{position:absolute;bottom:15px;left:18px;font-size:10px;letter-spacing:.19em;color:#fff;background:rgba(21,20,29,.75);padding:8px 11px}.spotlight-info{padding:27px 30px 32px}.spotlight-info h2{font-size:clamp(28px,3vw,44px);margin:7px 0 12px}.spotlight-info p:not(.eyebrow){font-size:13px;line-height:1.95;max-width:680px;margin:0 0 24px}.front-side{border-top:1px solid var(--stroke);min-width:0}.front-side-heading{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:4px 0 14px;border-bottom:1px solid var(--stroke);letter-spacing:.05em}.side-story{display:grid;grid-template-columns:35% 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--stroke)}.side-story__image{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--panel)}.side-story__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.side-story h3{font-size:20px;margin:5px 0 7px}.side-story p{font-size:12px;line-height:1.65;margin-bottom:9px}.side-story .eyebrow{font-size:9px}.shelf{padding-top:92px;padding-bottom:95px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px;border-bottom:1px solid var(--stroke);padding-bottom:22px}.section-heading h2{font-size:clamp(26px,3.3vw,43px);margin:8px 0 11px}.section-heading p:not(.eyebrow){font-size:13px;max-width:760px;margin:0}.section-count{font-size:10px;color:var(--muted);letter-spacing:.2em;white-space:nowrap}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.story-card{background:var(--panel2);border:1px solid var(--stroke);min-width:0;transition:transform .3s var(--ease),border-color .3s var(--ease)}.story-card:hover{transform:translateY(-4px);border-color:rgba(165,69,104,.55)}.story-card__media{display:block;position:relative;aspect-ratio:3/3.5;overflow:hidden;background:linear-gradient(120deg,#3b3243,var(--night))}.story-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.story-card__badge{position:absolute;bottom:10px;left:10px;background:rgba(21,20,29,.87);border:1px solid rgba(255,255,255,.15);padding:4px 9px;font-size:10px;color:#fff}.story-card__body{padding:17px 17px 19px}.story-card__body .eyebrow{font-size:9px;color:var(--mist)}.story-card__body h3{font-size:21px;line-height:1.38;margin:5px 0 7px}.story-card__body p{font-size:12px;line-height:1.75;min-height:63px;margin-bottom:12px}.story-card__genre{font-size:10px;color:var(--gold);padding-top:8px;border-top:1px solid var(--stroke);display:block}.ai-band{background:radial-gradient(ellipse at 90% 3%,rgba(137,148,198,.17),transparent 38%),#211f2b;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);padding:76px 0 82px}.ai-band__head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.ai-band__head h2{font-size:clamp(27px,3.5vw,46px);margin:7px 0 10px}.ai-band__head p:not(.eyebrow){font-size:13px;max-width:680px;margin:0}.story-grid--ai{grid-template-columns:repeat(3,minmax(0,1fr))}.story-grid--ai .story-card{display:grid;grid-template-columns:45% 1fr}.story-grid--ai .story-card__media{aspect-ratio:auto;min-height:260px}.story-grid--ai .story-card__body{display:flex;flex-direction:column;justify-content:center;gap:8px}.story-grid--ai .story-card__body p{min-height:0}.formats{padding-top:80px;padding-bottom:92px}.format-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.format-column{min-width:0;display:grid;grid-template-columns:1fr 1.4fr;gap:20px;padding:22px;background:var(--panel2);border:1px solid var(--stroke)}.format-label{display:flex;flex-direction:column;justify-content:space-between;border-top:2px solid var(--berry);padding-top:13px}.format-label span{font-size:10px;color:var(--muted);letter-spacing:.16em}.format-label strong{font-size:clamp(21px,2.4vw,33px)}.format-column:nth-child(2) .format-label{border-top-color:var(--mist)}.format-column .story-card__media{aspect-ratio:1.7}.format-column .story-card__body p{min-height:0}.outro{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:center;padding-top:32px;padding-bottom:100px;border-top:1px solid var(--stroke)}.outro h2{font-size:26px;margin:7px 0 0}.outro p{font-size:13px;line-height:1.95;margin:0}.site-footer{border-top:1px solid var(--stroke);background:var(--night)}.footer-top{display:flex;justify-content:space-between;gap:35px;padding-top:45px;padding-bottom:38px}.footer-brand{font-size:23px;letter-spacing:.02em}.footer-top p{font-size:12px;margin:10px 0 0}.footer-top nav{display:flex;gap:28px;align-items:center}.footer-top nav a{font-size:12px;color:var(--muted)}.footer-top nav a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--stroke);display:flex;justify-content:space-between;gap:20px;padding-block:18px}.footer-bottom small{font-size:10px;color:var(--muted)}.topic-hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding-top:66px;padding-bottom:72px}.topic-hero h1{font-size:clamp(45px,5vw,73px);margin:20px 0}.topic-hero h1 span{display:block;font-size:clamp(21px,2.3vw,32px);font-weight:470;line-height:1.4;margin-top:17px;color:var(--mist)}.topic-hero__copy>p:not(.eyebrow){font-size:15px;line-height:2;max-width:570px}.topic-hero__meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.topic-hero__meta span{font-size:11px;color:var(--muted);border:1px solid var(--stroke);padding:7px 12px}.topic-hero__visual{position:relative;aspect-ratio:1.4;overflow:hidden;border:1px solid var(--stroke);background:var(--panel)}.topic-hero__visual:before{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(21,20,29,.8));z-index:1}.topic-hero__visual img{width:100%;height:100%;object-fit:cover}.topic-hero__visual span{position:absolute;bottom:20px;left:22px;z-index:2;font-size:13px}.ai-detail-list{padding-top:40px}.ai-row{display:grid;grid-template-columns:42% 1fr;gap:50px;padding:33px 0;border-bottom:1px solid var(--stroke);align-items:center}.ai-row__picture{display:block;aspect-ratio:1.5;overflow:hidden;background:var(--panel)}.ai-row__picture img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.ai-row__picture:hover img{transform:scale(1.04)}.ai-row__text h3{font-size:clamp(27px,3.2vw,44px);margin:8px 0}.ai-row__hook{color:var(--text)!important;font-size:15px!important}.ai-row__text>p:not(.eyebrow){font-size:13px;line-height:1.95}.ai-row__note{border-left:2px solid var(--mist);padding-left:16px}.related-strip{padding-top:35px;padding-bottom:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.related-strip h2{font-size:26px;margin:7px 0}.related-strip p:not(.eyebrow){font-size:13px}.breadcrumbs{display:flex;gap:11px;align-items:center;font-size:12px;color:var(--muted);padding-top:28px;flex-wrap:wrap}.breadcrumbs a:hover{color:var(--gold)}.work-hero{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,1.22fr);gap:clamp(30px,6vw,94px);padding-top:43px;padding-bottom:70px;align-items:start}.work-hero__poster{position:relative;aspect-ratio:3/3.8;background:var(--panel);overflow:hidden;border:1px solid var(--stroke)}.work-hero__poster img{width:100%;height:100%;object-fit:cover}.work-hero__poster>span{position:absolute;bottom:20px;left:20px;font-size:11px;letter-spacing:.12em;background:var(--berry);padding:8px 15px}.work-hero__detail{padding-top:22px}.work-hero__detail h1{font-size:clamp(42px,5.1vw,76px);margin:18px 0}.work-hook{font-size:clamp(18px,2.1vw,28px);color:var(--text);line-height:1.65;max-width:600px}.meta-line{display:flex;gap:9px;flex-wrap:wrap;border-block:1px solid var(--stroke);padding:20px 0;margin:32px 0}.meta-line span{border:1px solid var(--stroke);padding:6px 12px;font-size:11px;color:var(--muted)}.work-hero__detail h2{font-size:21px;margin:0 0 13px}.work-hero__detail>p:not(.eyebrow):not(.work-hook){font-size:14px;line-height:2}.work-hero__detail-note{margin-top:30px;padding:23px;background:var(--panel2);border-left:2px solid var(--mist)}.work-hero__detail-note p{font-size:13px;line-height:1.9;margin:7px 0 0}.work-body{display:grid;grid-template-columns:32% 1fr;gap:60px;padding-block:55px;border-block:1px solid var(--stroke)}.work-body__heading h2{font-size:clamp(29px,3.7vw,50px);margin:13px 0}.plot-steps{display:grid;gap:0}.plot-steps article{display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:start;border-bottom:1px solid var(--stroke);padding:18px 0}.plot-steps article:first-child{padding-top:0}.plot-steps article:last-child{border-bottom:none}.plot-steps__num{font-size:19px;color:var(--berry);font-weight:760}.plot-steps p{font-size:14px;line-height:2;margin:0}.related-works{padding-top:70px;padding-bottom:55px}.related-works .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-works .story-card{display:grid;grid-template-columns:36% 1fr}.related-works .story-card__media{aspect-ratio:3/4}.related-works .story-card__body{display:flex;flex-direction:column;justify-content:center;padding:25px}.related-works .story-card__body p{min-height:0}.bottom-nav{display:flex;justify-content:space-between;gap:25px;padding-bottom:85px}.bottom-nav a{font-size:13px;color:var(--gold);border-bottom:1px solid var(--stroke);padding-bottom:8px}.not-found{min-height:70vh;padding-top:15vh}.not-found h1{font-size:clamp(36px,5vw,68px)}.not-found p{font-size:15px}
@media (min-width:1500px){.front{padding-top:80px}.story-grid{gap:22px}.front-layout{gap:28px}}
@media (max-width:1180px){.header-note{display:none}.story-grid--ai .story-card{display:block}.story-grid--ai .story-card__media{aspect-ratio:1.35;min-height:0}.outro{grid-template-columns:1fr 1fr}.outro .text-link{grid-column:2}.format-column{grid-template-columns:1fr}.format-label{gap:17px}.format-column .story-card{display:grid;grid-template-columns:45% 1fr}.format-column .story-card__media{aspect-ratio:auto}.format-column .story-card__body{padding:15px}}
@media (max-width:900px){:root{--side:25px}.front-index{display:none}.front-layout{grid-template-columns:1fr}.front-side{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.front-side-heading{grid-column:1/-1}.side-story{display:block}.side-story__image{aspect-ratio:1.3;margin-bottom:13px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-grid--ai{grid-template-columns:repeat(3,minmax(0,1fr))}.format-columns{gap:15px}.format-column{padding:15px}.topic-hero{gap:25px}.ai-row{gap:27px}.work-hero{gap:35px}.work-body{gap:25px}}
@media (max-width:680px){:root{--side:17px}.header-inner{min-height:70px;gap:10px}.brand img{width:39px;height:39px}.brand strong{font-size:19px}.brand small{font-size:7px}.menu-button{display:block;margin-left:auto}.primary-nav{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--night);border-bottom:1px solid var(--stroke);padding:0 var(--side) 16px;flex-direction:column;align-items:stretch;gap:0;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}.site-header.nav-open .primary-nav{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.primary-nav a{padding:13px 4px;border-bottom:1px solid var(--stroke)}.primary-nav a[aria-current=page]:after{display:none}.front{padding-top:38px}.front-heading{padding-bottom:26px}.front-copy h1{margin:13px 0 21px}.front-copy h1 span{margin-top:13px}.front-lede{font-size:13px}.front-links{gap:25px}.spotlight-info{padding:22px 19px 25px}.spotlight-image{aspect-ratio:1.13}.spotlight-info h2{font-size:29px}.front-side{grid-template-columns:1fr;gap:0}.side-story{display:grid;grid-template-columns:36% 1fr;gap:15px;padding:13px 0}.side-story__image{aspect-ratio:4/5;margin:0}.shelf{padding-top:63px;padding-bottom:65px}.section-heading{align-items:start}.section-count{display:none}.section-heading h2{font-size:29px}.story-grid{gap:11px}.story-card__media{aspect-ratio:3/4}.story-card__body{padding:12px 12px 14px}.story-card__body h3{font-size:17px}.story-card__body p{font-size:11px;min-height:0}.story-card__body .eyebrow{font-size:8px}.ai-band{padding:55px 0 60px}.ai-band__head{display:block}.ai-band__head .text-link{margin-top:18px}.ai-band__head h2{font-size:29px}.story-grid--ai{grid-template-columns:1fr}.story-grid--ai .story-card{display:grid;grid-template-columns:40% 1fr}.story-grid--ai .story-card__media{aspect-ratio:auto;min-height:180px}.story-grid--ai .story-card__body{justify-content:center;padding:15px}.formats{padding-top:61px}.format-columns{grid-template-columns:1fr}.format-column{grid-template-columns:32% 1fr;gap:15px}.format-label strong{font-size:22px}.format-column .story-card{display:block}.format-column .story-card__media{aspect-ratio:1.6}.outro{grid-template-columns:1fr;gap:17px;padding-top:28px;padding-bottom:67px}.outro .text-link{grid-column:1}.footer-top{display:block}.footer-top nav{margin-top:23px;flex-wrap:wrap;gap:15px 25px}.footer-bottom{display:block}.footer-bottom small{display:block;margin-bottom:9px}.topic-hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:25px}.topic-hero h1{font-size:45px}.topic-hero__visual{aspect-ratio:1.4}.ai-row{grid-template-columns:1fr;gap:19px;padding:24px 0}.ai-row__picture{aspect-ratio:1.6}.ai-row__text h3{font-size:29px}.related-strip{display:block;padding-top:15px;padding-bottom:60px}.related-strip .text-link{margin-top:10px}.work-hero{grid-template-columns:1fr;padding-top:24px;padding-bottom:44px}.work-hero__poster{aspect-ratio:4/3;max-height:420px}.work-hero__detail{padding:0}.work-hero__detail h1{font-size:47px}.work-hook{font-size:20px}.work-body{grid-template-columns:1fr;gap:22px;padding-block:38px}.plot-steps article{grid-template-columns:34px 1fr;gap:9px}.related-works{padding-top:50px;padding-bottom:30px}.related-works .story-grid{grid-template-columns:1fr}.related-works .story-card{grid-template-columns:38% 1fr}.related-works .story-card__body{padding:13px}.bottom-nav{padding-bottom:55px;flex-wrap:wrap}}
@media (max-width:390px){.format-column{grid-template-columns:1fr}.format-label{flex-direction:row;align-items:center}.side-story h3{font-size:17px}.story-grid:not(.story-grid--ai){grid-template-columns:1fr 1fr}.story-card__body h3{font-size:16px}.story-card__body p{font-size:10px}.brand small{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}