/* HUANGDOU SHORTS · editorial cinema */
:root{--paper:#fff9f1;--white:#fff;--apricot:#fff1d2;--rose:#f9e8e6;--night:#19151c;--wine:#401b29;--wine2:#5c2738;--red:#a2243d;--bright:#c3324c;--redbutton:#751a32;--yellow:#f4c53e;--yellowlight:#ffe6a0;--coral:#d98670;--teal:#206e68;--blue:#6e9bb2;--purple:#a895bc;--ink:#292025;--body:#4a3c42;--light:#f8f4f3;--lightbody:#e9dbdf;--radius:15px;--shadow:0 9px 28px rgba(64,27,41,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--body);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.76}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.25;font-weight:760}h1{font-size:clamp(29px,3.3vw,40px);letter-spacing:-.025em}h2{font-size:clamp(22px,2.3vw,27px)}h3{font-size:19px}p{margin-bottom:1em}.wrap{width:min(100% - 64px,1250px);margin-inline:auto}.skip{position:absolute;left:-9999px;top:0;background:#fff;z-index:100}.skip:focus{left:12px}.site-header{position:relative;background:#fffaf3;z-index:30;box-shadow:0 2px 12px rgba(64,27,41,.07)}.header-main{min-height:73px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;min-width:208px;color:var(--ink)}.brand-mark{width:48px;height:45px;border-radius:12px;background:var(--wine);display:grid;place-items:center;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-mark .media-empty{height:100%;min-height:0;border:0}.brand-mark .film-line{height:4px}.brand-type strong{display:block;font-size:21px;line-height:1.2;letter-spacing:.02em}.brand-type small{display:block;letter-spacing:.11em;font-size:10px;color:var(--red)}.desktop-nav{display:flex;align-items:center;gap:20px;flex:1;justify-content:center}.desktop-nav a{white-space:nowrap;font-size:14px;font-weight:650;padding:22px 0;position:relative}.desktop-nav a[aria-current]:after,.desktop-nav a:hover:after{content:"";position:absolute;bottom:14px;left:0;right:0;height:3px;border-radius:2px;background:var(--red)}.header-actions{display:flex;align-items:center;gap:14px}.search-link{font-weight:700;font-size:14px}.menu-btn{border:1px solid var(--wine);border-radius:10px;padding:9px 12px;background:var(--wine);color:white;min-height:44px;white-space:nowrap}.theme-strip{background:var(--apricot);border-top:1px solid rgba(64,27,41,.06)}.theme-links{height:42px;display:flex;align-items:center;justify-content:space-between;gap:23px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.theme-links a{font-size:13px;font-weight:700;color:#5b3440}.theme-links a:hover{color:var(--red)}.menu-overlay{position:fixed;inset:0;background:rgba(20,13,18,.6);z-index:40}.menu-panel{position:fixed;z-index:41;right:0;top:0;bottom:0;width:min(650px,88vw);background:var(--paper);padding:24px;overflow-y:auto;transform:translateX(105%);transition:transform .2s ease;box-shadow:-14px 0 50px rgba(0,0,0,.2)}.menu-panel.open{transform:translateX(0)}.menu-top{display:flex;align-items:center;justify-content:space-between;font-size:24px;color:var(--wine);padding-bottom:15px;border-bottom:1px solid #e9cfd0}.menu-top button{background:#fff;border:1px solid #d6b3b9;border-radius:10px;min-width:44px;min-height:44px}.menu-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;padding-top:16px}.menu-group h2{color:var(--red);font-size:16px;margin:0 0 10px}.menu-group a{display:inline-block;font-size:14px;padding:5px 9px 5px 0}.hero-home{background:radial-gradient(circle at 82% 10%,#753046 0%,#401b29 34%,#24171f 100%);color:var(--light);overflow:hidden}.home-hero-inner{min-height:365px;display:grid;grid-template-columns:44% 56%;align-items:center;gap:0}.home-hero-inner>div:first-child{padding:42px 40px 42px 0}.hero-home h1{color:#fff;font-size:clamp(30px,3.4vw,43px);line-height:1.2;max-width:540px}.hero-home h1 em{font-style:normal;color:var(--yellow)}.hero-home p{max-width:550px;color:var(--lightbody);line-height:1.8}.kicker{font-size:12px;letter-spacing:.15em;font-weight:800;color:var(--red);display:block;margin-bottom:12px}.kicker.light{color:var(--yellow)}.hero-note{color:#f8d8ad;font-size:12px;padding-top:18px}.hero-photo,.hero-media{min-height:240px;overflow:hidden;border-radius:var(--radius);background:linear-gradient(130deg,#833448 2%,#f4c53e 100%);display:grid;place-items:center}.hero-photo{min-height:330px;max-height:390px;border-radius:0;align-self:stretch;background:linear-gradient(110deg,#622338,#f4c53e)}.hero-photo img,.hero-media img,.feature-media img,.work-art img{width:100%;height:100%;object-fit:contain}.media-empty{min-height:135px;width:100%;height:100%;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,242,205,.14),rgba(64,27,41,.14));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.film-line{display:block;width:22%;height:8px;background:rgba(255,255,255,.3);border-radius:20px}.film-line.short{width:13%;background:rgba(255,230,160,.6)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{border:0;border-radius:10px;display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 19px;font-weight:760;font-size:14px;line-height:1.4}.btn-yellow{background:var(--yellow);color:#251d22}.btn-red{background:var(--redbutton);color:white}.btn-outline{border:1px solid var(--red);color:var(--red);background:transparent}.btn-outline-light{border:1px solid #fae4cf;color:#fff;background:transparent}.btn-yellow:hover{color:#251d22;background:#ffd65e}.btn-red:hover{color:white;background:#92203b}.btn-outline-light:hover{color:white}.section{padding-block:54px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.section-head h2{margin-bottom:8px}.section-head p{margin:0;max-width:760px}.more-link,.inline-link{font-size:14px;color:var(--red);font-weight:800;white-space:nowrap}.home-section:nth-of-type(3n){background:#fff}.home-section:nth-of-type(5n){background:#fff1d2}.style-dark{background:var(--wine);color:var(--lightbody)}.style-dark h2,.style-dark h3,.style-dark .section-head p{color:var(--light)}.style-dark .kicker,.style-dark .inline-link,.style-dark .more-link{color:var(--yellow)}.style-dark .feature-wide{background:var(--wine2)}.style-dark .feature-wide h3{color:#fff}.works-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.work-card{overflow:hidden;background:#fff;border:1px solid #f0e2dc;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column}.work-art{display:block;aspect-ratio:16/10;background:linear-gradient(125deg,#6d283d,#e6b45b);overflow:hidden}.work-info{padding:15px 17px;flex:1;display:flex;flex-direction:column}.work-info h3{font-size:18px;margin:6px 0 9px}.work-info p{font-size:14px;line-height:1.65;flex:1}.eyebrow{font-size:11px;color:var(--teal);font-weight:750}.feature-wide{display:grid;grid-template-columns:43% 57%;min-height:240px;border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow)}.feature-copy{padding:30px 34px;align-self:center}.feature-copy h3{font-size:24px}.feature-copy p{max-width:600px}.feature-media{min-height:230px;background:linear-gradient(135deg,#5c2738,#d98670);overflow:hidden}.feature-wide>.feature-media{height:100%}.double-feature{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-tile{overflow:hidden;border-radius:var(--radius);background:#fff;padding-bottom:20px}.feature-tile .feature-media{aspect-ratio:16/7}.feature-tile h3,.feature-tile p{margin-left:20px;margin-right:20px}.feature-tile h3{margin-top:18px}.timeline{border-left:3px solid var(--red);padding-left:20px;display:grid;gap:12px}.time-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;border:1px solid #e9d7d1;background:white;padding:18px;border-radius:10px}.time-item span{font-size:13px;color:#775a60}.time-item a{color:var(--red);font-weight:700;font-size:14px}.article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.article-tile{display:block;padding:24px;border-radius:var(--radius);background:white;border-top:4px solid var(--yellow);box-shadow:var(--shadow)}.article-tile span{font-size:11px;color:var(--red);font-weight:800}.article-tile h3{margin:10px 0}.article-tile p{font-size:14px}.page-hero{padding:52px 0;background:#fff1d2}.split-hero{display:grid;grid-template-columns:50% 50%;align-items:center;gap:0}.split-hero>div:first-child{padding-right:46px}.split-hero .hero-media{min-height:270px}.lead{font-size:18px;font-weight:500;color:var(--ink)}.reading{max-width:780px}.reading h2{margin-top:28px}.reading>p,.prose p{font-size:17px;line-height:1.8}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.paper{background:#fff;padding:25px;border-radius:var(--radius);border:1px solid #f2e6dd}.paper.rose{background:var(--rose)}.paper.cream{background:var(--apricot)}.step{color:var(--red);font-size:12px;font-weight:800;letter-spacing:.06em}.banner-note{padding:35px 40px;background:var(--wine);border-radius:var(--radius);color:#fff}.banner-note h2{color:white}.banner-note p{color:var(--lightbody)}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.process{background:white;border-radius:var(--radius);padding:20px;border-top:3px solid var(--red)}.process b{font-size:24px;color:var(--red)}.process h3{margin:10px 0}.process p{font-size:14px}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.tag-cloud a,.tag-cloud span{background:white;border:1px solid #e9cfc6;padding:7px 12px;border-radius:100px;font-size:13px;color:var(--wine)}.status-note,.small-note,.unavailable{font-size:13px;color:#6c515d}.character-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.character{background:#fff;border-radius:12px;border-left:3px solid var(--yellow);padding:18px}.character p{font-size:14px;margin:0}.episode-list{display:grid;gap:12px}.episode{display:flex;justify-content:space-between;align-items:center;gap:24px;background:white;border-radius:12px;border:1px solid #e9d8d4;padding:20px}.episode h3{font-size:17px;margin-bottom:6px}.episode p{font-size:14px;margin:0}.unavailable{display:block;background:#f8eee9;padding:8px 12px;border-radius:8px;white-space:nowrap}.search-form{background:white;padding:22px;border-radius:12px;margin-top:20px}.search-form label{display:block;font-weight:700;margin-bottom:8px}.search-form div{display:flex;gap:12px}.search-form input{flex:1;width:100%;min-width:0;border:1px solid #d4b9bb;border-radius:9px;padding:10px 12px;min-height:44px}.result-count{margin-top:24px}.search-results{display:grid;gap:12px;margin:20px 0}.result{display:block;padding:20px;background:white;border-radius:12px;border:1px solid #f0ddd9}.result small{color:var(--red)}.result h2{font-size:20px;margin:5px 0}.result p{font-size:14px;margin:0}.pagination{display:flex;gap:8px}.pagination a{border:1px solid #d9bfc1;padding:7px 13px;border-radius:8px}.pagination a[aria-current]{background:var(--red);color:white}.faq details{background:white;border-radius:10px;margin:8px 0;padding:12px 18px}.faq summary{font-weight:700;cursor:pointer}.missing{min-height:48vh}.footer{background:var(--night);color:var(--lightbody);padding:45px 0 18px}.footer h2,.footer h3{color:var(--light)}.footer h2{margin-bottom:0}.footer small{color:var(--yellow)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid a{display:block;padding:3px 0;font-size:14px}.footer-grid a:hover{color:var(--yellow)}.footer-base{border-top:1px solid #4a3540;margin-top:28px;padding-top:15px;font-size:12px}.mobile-bottom{display:none}body.menu-open{overflow:hidden}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
@media(max-width:1050px){.desktop-nav{display:none}.header-actions{margin-left:auto}.wrap{width:min(100% - 44px,1250px)}.works-grid,.article-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-block:44px}}
@media(max-width:700px){.wrap{width:calc(100% - 34px)}.header-main{min-height:66px;gap:8px}.brand{min-width:0}.brand-mark{width:41px;height:41px}.brand-type strong{font-size:17px}.brand-type small{font-size:8px}.search-link{font-size:13px}.menu-btn{padding:8px;font-size:13px}.header-actions{gap:10px}.theme-links{gap:24px}.section{padding-block:32px}.section-head{align-items:start}.section-head p{font-size:14px}.more-link{font-size:12px}.home-hero-inner{grid-template-columns:1fr}.home-hero-inner>div:first-child{padding:35px 0 25px}.hero-home h1{font-size:30px}.hero-photo{min-height:215px;max-height:255px}.split-hero{grid-template-columns:1fr}.split-hero>div:first-child{padding:0 0 25px}.page-hero{padding:30px 0}.feature-wide{grid-template-columns:1fr}.feature-copy{padding:22px}.feature-media{min-height:180px}.feature-wide>.feature-media{min-height:190px}.double-feature,.editorial-grid,.character-row{grid-template-columns:1fr}.works-grid,.article-grid,.process-grid{grid-template-columns:1fr}.work-card{display:grid;grid-template-columns:37% 63%}.work-art{aspect-ratio:auto;height:100%;min-height:150px}.work-info{padding:13px}.work-info h3{font-size:17px}.work-info p{font-size:13px}.time-item{grid-template-columns:1fr auto;gap:6px}.time-item span{grid-column:1}.episode{flex-direction:column;align-items:flex-start}.search-form div{gap:8px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-grid>div:first-child{grid-column:1/-1}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:29;bottom:0;left:0;right:0;background:white;border-top:1px solid #ead8ce;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 20px rgba(40,20,24,.1)}.mobile-bottom a{text-align:center;font-size:13px;padding:12px 2px;min-height:46px;font-weight:700;color:var(--wine)}body{padding-bottom:calc(53px + env(safe-area-inset-bottom))}.menu-groups{grid-template-columns:1fr}.menu-panel{padding:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.menu-panel{transition:none}}