/* 黄果AI：单根目录、零外部依赖的原创短剧视觉系统 */
:root{--bg:#FFFAEE;--cream:#FFF2CF;--white:#fff;--panel:#F8F4E9;--ink:#24282B;--body:#41484C;--muted:#626C70;--yellow:#FFCD38;--softyellow:#FFE07A;--gold:#C99018;--orange:#EF9A43;--sage:#7B9873;--mint:#85BBB1;--lav:#998BB7;--line:rgba(77,67,41,.13);--shadow:0 14px 34px rgba(39,38,26,.09);--radius:15px;--header-h:70px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:132px}body{margin:0;background:var(--bg);color:var(--body);font:16px/1.74 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:clip}body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,video{max-width:100%}img{vertical-align:middle}::selection{background:#ffe9a1;color:var(--ink)}:focus-visible{outline:3px solid #C68A06;outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.32;font-weight:750;letter-spacing:-.025em}h1{font-size:clamp(25px,3vw,36px)}h2{font-size:clamp(20px,2.2vw,26px)}h3{font-size:18px}p{margin-bottom:1.06em}small{font-size:13px}.container{width:min(calc(100% - 40px),1240px);margin-inline:auto;min-width:0}.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 4px 19px rgba(31,31,26,.055)}.masthead{background:#fff;border-bottom:1px solid var(--line)}.mast-inner{height:70px;display:flex;align-items:center;gap:24px;min-width:0}.mast-brand{display:flex;align-items:center;flex:none;max-width:210px}.brand-logo{display:block;max-width:160px;width:auto;height:36px;object-fit:contain;object-position:left}.brand-sm{height:32px;max-width:145px}.brand-word{font-size:25px;font-weight:900;letter-spacing:-.07em;color:var(--ink);white-space:nowrap}.brand-word span{background:var(--yellow);padding:0 .17em;border-radius:5px;margin-left:3px}.brand-word-sm{font-size:21px}.desktop-nav{display:flex;align-items:stretch;gap:4px;margin-left:auto;min-width:0}.desktop-nav a{display:flex;align-items:center;min-height:44px;padding:0 11px;border-radius:8px;white-space:nowrap;font-size:14px;font-weight:650;color:#3E4647}.desktop-nav a:hover,.desktop-nav a.active{background:#FFF2C7;color:#211F16}.desktop-nav a.active{box-shadow:inset 0 -3px var(--yellow)}.mast-actions{display:flex;align-items:center;gap:7px;margin-left:auto;flex:none}.icon-action{background:transparent;border:1px solid transparent;border-radius:10px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}.icon-action:hover{background:var(--cream);border-color:var(--line)}.search-icon span{display:block;width:17px;height:17px;border:2px solid currentColor;border-radius:50%;position:relative;margin-right:3px;margin-top:-3px}.search-icon span:after{content:"";height:2px;width:9px;position:absolute;top:13px;left:12px;background:currentColor;transform:rotate(45deg);transform-origin:left center;border-radius:2px}.hamburger{display:block;background:currentColor;width:22px;height:2px;border-radius:2px;position:relative}.hamburger:before,.hamburger:after{position:absolute;content:"";background:currentColor;width:22px;height:2px;left:0;border-radius:2px}.hamburger:before{top:-7px}.hamburger:after{top:7px}.tiny-app-link{padding:10px 13px;background:var(--yellow);color:#252521;font-size:13px;font-weight:750;border-radius:9px;white-space:nowrap;min-height:44px;display:flex;align-items:center}.tiny-app-link:hover{background:var(--softyellow)}.topic-bar{background:#FFF5DC;border-bottom:1px solid var(--line)}.topic-scroll{height:43px;display:flex;align-items:stretch;gap:26px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap;overscroll-behavior-x:contain}.topic-scroll::-webkit-scrollbar{display:none}.topic-scroll a{display:inline-flex;align-items:center;position:relative;font-size:13px;color:#444744;font-weight:650;flex:none;padding-inline:2px}.topic-scroll a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent;border-radius:4px}.topic-scroll a.active:after,.topic-scroll a:hover:after{background:var(--yellow)}main{min-height:65vh}.eyebrow{font-size:12px;font-weight:800;color:#996C0E;letter-spacing:.105em;text-transform:uppercase;display:inline-block;margin-bottom:12px}.lead{font-size:17px;line-height:1.86;color:#515D5D;max-width:930px}.section{padding:55px 0}.section.tight{padding-top:30px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-head h2{margin:0}.section-head p{max-width:440px;margin:0;color:var(--muted);font-size:14px}.kicker-line{display:block;width:35px;height:5px;background:var(--yellow);border-radius:10px;margin-bottom:13px}.frame,.surface-card,.work-card,.story-tile,.essay,.work-meta-box,.service-panel,.text-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.soft-section{background:var(--cream)}.btn{height:46px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 21px;border-radius:10px;white-space:nowrap;border:1px solid #efc349;font-size:14px;font-weight:800;background:var(--yellow);color:#202428;transition:background .2s,transform .2s}.btn:hover{background:var(--softyellow);transform:translateY(-1px)}.btn.secondary{background:#fff;color:#2B2F32;border-color:rgba(201,144,24,.45)}.btn.secondary:hover{background:#FFF6E1}.btn.dark{background:#24282B;color:#fff;border-color:#24282B}.btn-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.text-link{font-size:14px;font-weight:800;color:#815900;display:inline-flex;gap:7px;align-items:center}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.pill{display:inline-flex;padding:5px 10px;border-radius:99px;background:#fff1c9;color:#705509;font-size:12px;font-weight:800;border:1px solid #F1D789;max-width:100%;line-height:1.5}.dark-pill{background:#343b3f;border:1px solid #6e6960;color:#FFE07A}.hero-section{padding-top:29px}.hero-shell{background:#fff;border-radius:21px;padding:16px 16px 29px;box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden}.hero-visual{height:min(31vw,345px);min-height:210px;max-height:345px}.hero-visual .media-slot{height:100%;border-radius:15px}.hero-copy{text-align:center;padding:22px 16px 0;margin:auto;max-width:800px}.hero-copy .eyebrow{margin-bottom:6px}.hero-copy h1{margin-bottom:13px}.hero-copy p{margin:0 auto 19px;max-width:730px;line-height:1.84}.hero-copy .btn-row{justify-content:center}.media-slot{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#FFF5D6,#F9F1DF 50%,#F4F3E9);border:1px solid rgba(135,115,57,.12);border-radius:12px;isolation:isolate;aspect-ratio:16/10}.media-slot img{display:block;position:relative;z-index:2;width:100%;height:100%;object-fit:contain;object-position:center}.media-slot.poster{aspect-ratio:3/4}.media-slot.landscape{aspect-ratio:16/9}.media-slot.portrait{aspect-ratio:3/4;max-height:410px}.media-slot.app-portrait{aspect-ratio:3/4;max-height:410px}.media-abstract{position:absolute;inset:0;pointer-events:none}.media-abstract:before{content:"";position:absolute;width:52%;aspect-ratio:1;border:1px solid rgba(205,160,39,.34);border-radius:50%;left:24%;top:-28%;box-shadow:0 0 0 30px rgba(255,228,140,.23),0 0 0 70px rgba(255,236,174,.16)}.media-abstract i,.media-abstract b,.media-abstract em{position:absolute;display:block;transform:rotate(-14deg);border-radius:18px}.media-abstract i{width:20%;height:24%;bottom:15%;left:20%;background:rgba(123,152,115,.24)}.media-abstract b{width:25%;height:45%;right:19%;bottom:11%;background:rgba(239,154,67,.24)}.media-abstract em{height:7px;width:35%;left:30%;bottom:18%;background:rgba(153,139,183,.35)}.media-caption{position:relative;z-index:1;max-width:74%;padding:12px 18px;border-radius:50px;border:1px solid #dec989;background:rgba(255,255,255,.82);text-align:center;color:#655125;font-weight:750;font-size:14px;line-height:1.5}.cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-width:0}.cards-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:none}.work-card .media-slot{border:0;border-radius:0}.work-copy{padding:17px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.work-copy .eyebrow{font-size:11px;margin-bottom:7px}.work-copy h3{font-size:18px;margin:0 0 10px}.work-copy h3 a:hover{text-decoration:underline}.work-copy p{font-size:14px;line-height:1.75;margin:0 0 14px;color:#556066}.work-copy .text-link{margin-top:auto}.work-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.work-meta span{font-size:12px;padding:3px 9px;background:#FFF5DD;border-radius:5px;color:#6C5B33}.work-card.work-large{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:100%}.work-card.work-large .media-slot{aspect-ratio:auto;min-height:320px}.work-card.work-large .work-copy{padding:28px}.work-card.work-large h3{font-size:24px}.feature-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px}.mini-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mini-work-grid .media-slot{aspect-ratio:16/9}.mini-work-grid .work-copy{padding:13px}.mini-work-grid .work-copy h3{font-size:16px}.mini-work-grid .work-meta{margin-bottom:8px}.genre-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.genre-tile{display:flex;min-height:143px;flex-direction:column;align-items:flex-start;padding:21px;border:1px solid var(--line);background:#fff;border-radius:13px;transition:transform .2s,box-shadow .2s}.genre-tile:before{content:"";width:42px;height:5px;background:var(--accent,var(--yellow));display:block;border-radius:10px;margin-bottom:18px}.genre-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.genre-tile strong{font-size:17px;color:var(--ink);margin-bottom:6px}.genre-tile span{color:var(--muted);font-size:14px;line-height:1.5}.plot-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plot-strip article{border-top:3px solid var(--yellow);padding:18px 0}.plot-strip h3{margin-bottom:9px}.plot-strip p{color:var(--muted);font-size:14px}.plot-strip a{font-weight:750;color:#765709;font-size:14px}.cinema-feature{background:#15191C;border-radius:18px;padding:24px;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:28px;align-items:center}.cinema-feature .media-slot{border-color:#343836;min-height:300px;background:#2C3031}.cinema-feature .media-caption{color:#F9E9A5;background:#353B3A;border-color:#80734C}.cinema-feature h2,.cinema-feature h3{color:#FAFAF5}.cinema-feature p,.cinema-feature li{color:#E1E1D9}.cinema-feature .eyebrow{color:#FFDF79}.cinema-feature .text-link{color:#FFDF79}.cinema-feature ul{padding-left:18px;margin-bottom:20px}.pair-themes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.theme-feature{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white}.theme-feature .media-slot{border:0;border-bottom:1px solid var(--line);border-radius:0;max-height:230px}.theme-feature .copy{padding:20px}.theme-feature .copy p{font-size:15px}.theme-feature .copy a:not(.btn){color:#72520A;font-weight:750}.theme-feature.offset{background:#F5F2E6}.angle-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:20px;align-items:stretch}.angle-grid .angled-card{background:#eef3e9;border:1px solid #d7e2cc;padding:28px;border-radius:16px}.angle-grid .angled-card+div{background:#F4F1FA;border:1px solid #ded8e9;padding:28px;border-radius:16px}.angle-grid h2{margin-bottom:9px}.angle-grid blockquote{margin:18px 0;font-size:18px;font-weight:650;color:#354334}.timeline{position:relative;margin:0;padding:0 0 0 31px;list-style:none}.timeline:before{content:"";position:absolute;top:8px;bottom:8px;left:9px;width:2px;background:#E4D49C}.timeline li{position:relative;padding:0 0 24px}.timeline li:before{content:"";width:12px;height:12px;border:3px solid #fff;box-shadow:0 0 0 2px #D8BA57;position:absolute;left:-28px;top:5px;background:#E2C653;border-radius:50%}.timeline li:last-child{padding-bottom:0}.timeline h3{margin:0 0 5px}.timeline p{margin:0;color:#5A6465}.shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.shelf-row{display:flex;align-items:center;gap:14px;padding:19px;border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0}.shelf-row .num{font-size:30px;font-weight:850;color:#B18A2A;flex:none}.shelf-row strong{display:block;color:var(--ink)}.shelf-row span{display:block;color:var(--muted);font-size:13px}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.step-card{padding:19px;background:#fff;border:1px solid var(--line);border-radius:12px}.step-card .num{display:inline-block;font-size:22px;color:#A67E1E;font-weight:900;margin-bottom:10px}.step-card h3{margin-bottom:8px}.step-card p{font-size:14px;margin:0}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.character{background:#fff;padding:20px;border:1px solid var(--line);border-radius:12px}.character small{color:#8A6D31}.character h3{margin:7px 0}.character p{font-size:14px}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.essay{padding:24px;box-shadow:none}.essay h3{font-size:20px}.essay p{font-size:15px}.app-feature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:center;background:#fff;border:1px solid var(--line);padding:24px;border-radius:18px}.app-feature>.media-slot{width:min(100%,320px);margin:auto}.app-feature h2{margin-bottom:14px}.app-feature .app-heading{display:flex;align-items:center;gap:11px}.app-feature .app-heading img{height:48px;width:48px;object-fit:contain}.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.text-box{padding:25px;box-shadow:none}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:0 20px}.faq-list summary{cursor:pointer;padding:17px 0;font-weight:750;color:var(--ink);list-style:none;display:flex;gap:12px;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:23px;color:#A57D1D;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list details p{border-top:1px solid var(--line);padding-top:13px;color:#526062;line-height:1.8}.brand-statement{background:linear-gradient(130deg,#FFF0BD,#F6F2E5 70%);border:1px solid #e5d6a4;border-radius:17px;padding:32px}.brand-statement p{font-size:17px;max-width:960px}.inner-intro{padding-top:35px;padding-bottom:25px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:30px;align-items:center}.inner-intro:not(:has(.media-slot)){grid-template-columns:1fr}.inner-intro h1{margin-bottom:18px}.inner-intro .media-slot{max-height:285px;min-height:190px}.prose-wrap{padding-bottom:55px}.prose-intro{max-width:900px;margin-bottom:25px}.prose-section{padding:25px 0;border-top:1px solid var(--line)}.prose-section p{max-width:1050px}.prose-section h2{margin-bottom:13px}.prose-section ul{padding-left:23px}.prose-section li{padding-bottom:8px}.quote-panel{background:#fff9e8;border-left:5px solid var(--yellow);padding:21px 24px;border-radius:0 13px 13px 0;margin:20px 0;color:#3E4B4D;font-size:16px}.reading-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.reading-columns .prose-section{background:#fff;padding:23px;border-radius:14px;border:1px solid var(--line)}.story-flow{display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:24px}.story-flow>aside{padding:20px;background:#F3EDDA;border-radius:13px;align-self:start}.story-flow>div{min-width:0}.related-links{padding:22px 0 45px;border-top:1px solid var(--line)}.related-links strong{display:block;margin-bottom:12px;font-size:15px;color:var(--ink)}.related-links>div{display:flex;gap:9px;flex-wrap:wrap}.related-links a{background:#fff;border:1px solid var(--line);border-radius:99px;padding:7px 12px;font-size:13px;font-weight:700;min-height:42px;display:inline-flex;gap:7px;align-items:center}.related-links a:hover{background:var(--cream)}.detail-hero{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:29px;align-items:center;padding:34px 0 25px}.detail-hero>.media-slot{width:min(100%,340px);margin-inline:auto}.detail-hero h1{margin-bottom:13px}.detail-hero .tagline{font-size:19px;color:#5F522F;font-weight:600}.detail-hero .lead{font-size:16px}.detail-info{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 22px}.detail-info span{background:#fff2ce;border-radius:8px;padding:5px 11px;font-size:13px;color:#655019;font-weight:700}.episode-list{display:grid;gap:13px}.episode-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:center}.episode-item .num{color:#9A6E08;font-size:21px;font-weight:850}.episode-item h3{margin:0 0 6px}.episode-item p{margin:0;font-size:14px}.episode-item .text-link{white-space:nowrap}.player-box{padding:24px;background:#15191C;border-radius:16px;color:#f6f6ef}.player-box h2,.player-box h3{color:#fff}.player-box p{color:#dce1db}.player-box video{display:block;width:100%;max-height:520px;aspect-ratio:16/9;background:#050709;border-radius:11px;object-fit:contain}.player-empty{min-height:250px;border:1px solid #424a4b;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;background:radial-gradient(circle at 50% 0%,#303539,#15191c 60%)}.player-empty strong{font-size:25px;color:#FFE07A;margin-bottom:10px}.player-steps{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.player-steps .btn.secondary{color:#222}.search-form{display:flex;gap:10px;background:#fff;border:1px solid #D5CCB0;padding:8px;border-radius:13px;max-width:830px}.search-form input{flex:1;border:0;outline-offset:-2px;min-width:0;padding:0 13px;color:#24282B;background:transparent;font-size:16px}.search-message{font-size:14px;color:#697176}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.search-result{padding:19px;background:white;border:1px solid var(--line);border-radius:13px}.search-result h2{font-size:19px;margin:7px 0}.search-result p{font-size:14px}.fine-print{font-size:13px;color:#6b7476}.site-footer{background:#15191C;color:#E9E9E3;padding-top:51px;font-size:13px;line-height:1.65}.footer-inner{padding-bottom:20px}.footer-top{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2.4fr);gap:50px}.footer-brand a{display:inline-block}.footer-brand .brand-word{color:#fff}.footer-brand span{display:block;font-size:13px;color:#FFE07A;letter-spacing:.14em;margin-top:8px}.footer-brand p{max-width:320px;margin-top:17px;color:#d0d1cc}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.footer-grid h2{font-size:15px;color:#FFE07A;margin-bottom:15px}.footer-grid ul{padding:0;margin:0;list-style:none}.footer-grid li{margin-bottom:9px}.footer-grid li a{color:#dee0dc}.footer-grid a:hover,.footer-bottom a:hover{color:#FFE07A}.footer-note{margin-top:31px;padding:17px 0;border-top:1px solid #3c4142;border-bottom:1px solid #3c4142;color:#c6c9c6}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:17px;color:#bcbfbc;padding-top:18px}.footer-bottom span{margin-right:auto}.nav-shade{position:fixed;inset:0;z-index:70;background:rgba(11,15,16,.57);visibility:hidden;pointer-events:none;opacity:0;transition:opacity .22s,visibility .22s}.nav-shade.is-open{opacity:1;visibility:visible;pointer-events:auto}.channel-drawer{position:fixed;top:0;right:0;bottom:0;width:min(390px,86vw);background:#fff;z-index:80;visibility:hidden;pointer-events:none;transform:translateX(102%);transition:transform .24s,visibility .24s;display:flex;flex-direction:column;box-shadow:-15px 0 50px #0002}.channel-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{height:72px;flex:none;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 17px;gap:12px}.drawer-brand{display:flex;align-items:center;gap:10px;min-width:0}.drawer-brand>span{font-size:14px;color:#24282B;font-weight:800}.drawer-brand>.brand-word{font-size:21px}.close-action{background:#fff4d4;border:1px solid #ecdba9;color:#303337;width:44px;height:44px;border-radius:10px;font-size:28px;line-height:1}.drawer-content{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;flex:1;padding:10px 18px 36px}.drawer-group{padding:15px 0 17px;border-bottom:1px solid var(--line)}.drawer-group h2{font-size:14px;color:#876A23;letter-spacing:.1em;margin:0 0 11px}.drawer-links{display:grid;gap:4px}.drawer-links a{display:flex;justify-content:space-between;gap:11px;align-items:baseline;min-height:45px;padding:10px 8px;border-radius:8px}.drawer-links a:hover{background:#FFF7E5}.drawer-links strong{font-size:14px;color:#24282B;white-space:nowrap}.drawer-links span{font-size:12px;color:#7B8585;text-align:right}.bottom-nav{display:none}
@media(max-width:1120px){.desktop-nav a{padding-inline:7px;font-size:13px}.mast-inner{gap:13px}.footer-top{grid-template-columns:1fr;gap:25px}.footer-brand p{max-width:600px}}
@media(max-width:960px){.desktop-nav,.tiny-app-link{display:none}.mast-actions{margin-left:auto}.mast-brand{max-width:200px}.section{padding:42px 0}.feature-layout{grid-template-columns:1fr}.work-card.work-large{min-height:220px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-grid,.step-grid,.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cinema-feature{grid-template-columns:1fr}.cinema-feature .media-slot{min-height:220px}.topic-scroll{gap:22px}.inner-intro{grid-template-columns:1fr 1fr;gap:17px}.detail-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
@media(max-width:670px){html{scroll-padding-top:120px}.container{width:calc(100% - 32px)}.mast-inner{height:64px;gap:4px}.site-header{width:100%;left:0;right:0}.mast-brand{min-width:0}.brand-word{font-size:22px}.brand-logo{height:30px;max-width:min(180px,48vw)}.mast-actions{gap:0}.topic-scroll{height:41px;gap:20px}.section{padding:30px 0}.section-head{align-items:start;flex-direction:column;gap:7px}.section-head p{max-width:100%}.hero-section{padding-top:17px}.hero-shell{padding:10px 10px 22px;border-radius:15px}.hero-visual{height:220px;min-height:0}.hero-copy{padding:20px 8px 0}.hero-copy p{font-size:15px}.hero-copy h1{margin-bottom:12px}.cards-grid,.cards-grid.three,.cards-grid.two,.mini-work-grid,.plot-strip,.pair-themes,.angle-grid,.step-grid,.character-grid,.editor-grid,.legal-grid,.reading-columns,.search-results{grid-template-columns:1fr}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.genre-tile{padding:15px;min-height:150px}.genre-tile strong{font-size:16px}.genre-tile span{font-size:13px}.work-card.work-large{grid-template-columns:1fr}.work-card.work-large .media-slot{aspect-ratio:16/10;min-height:0}.work-card.work-large .work-copy{padding:17px}.work-card.work-large h3{font-size:19px}.mini-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-work-grid .work-copy{padding:13px}.mini-work-grid .work-copy .text-link{font-size:12px}.mini-work-grid .work-card .work-copy p{display:none}.mini-work-grid .work-meta span{font-size:11px}.cinema-feature{padding:16px}.cinema-feature .media-slot{min-height:190px}.app-feature{grid-template-columns:1fr;padding:17px}.app-feature>.media-slot{max-height:310px;width:min(100%,260px)}.inner-intro{grid-template-columns:1fr;padding-top:25px}.inner-intro .media-slot{min-height:0;max-height:250px}.detail-hero{grid-template-columns:1fr;padding-top:20px}.detail-hero>.media-slot{max-width:260px}.story-flow{grid-template-columns:1fr}.episode-item{grid-template-columns:auto minmax(0,1fr)}.episode-item .text-link{grid-column:2;white-space:normal}.footer-top{grid-template-columns:1fr;gap:23px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.site-footer{padding:34px 0 calc(78px + env(safe-area-inset-bottom))}.bottom-nav{height:calc(55px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-top:1px solid #e4d8bd;box-shadow:0 -8px 24px #00000010}.bottom-nav a{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:750;color:#535956;min-height:48px}.bottom-nav a.active{color:#222A2B;background:#FFF3CC}.bottom-mark{width:17px;height:17px;border:2px solid currentColor;border-radius:6px;transform:rotate(-4deg)}.bottom-nav .active .bottom-mark{background:var(--yellow);border-color:#B99113}.search-form{padding:6px}.search-form .btn{padding:0 13px}.brand-statement{padding:22px}.related-links{padding-bottom:23px}}
@media(max-width:359px){.brand-word{font-size:19px}.mast-actions .icon-action{width:44px}.genre-tile{min-height:162px}.footer-grid{gap:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Narrow-screen aspect-ratio containment: never let a media slot widen its column. */
.media-slot{width:100%;min-width:0}
.hero-visual .media-slot{width:100%;height:100%;aspect-ratio:auto}
.cinema-feature .media-slot{min-width:0}
@media(max-width:670px){.cinema-feature{grid-template-columns:minmax(0,1fr)}.cinema-feature .media-slot{min-height:0}}

.genre-urban{--accent:#7B9873}.genre-future{--accent:#85BBB1}.genre-twist{--accent:#EF9A43}.genre-costume{--accent:#C99018}.genre-sweet{--accent:#998BB7}.genre-fantasy{--accent:#7B9873}