/* HUANGDOU SHORTS · responsive editorial magazine */
:root{--bg:#FFF9F1;--card:#fff;--cream:#FFF1D2;--rose:#F9E8E6;--ink:#292025;--body:#4A3C42;--deep:#19151C;--wine:#401B29;--wine2:#5C2738;--red:#A2243D;--bright:#C3324C;--button:#751A32;--yellow:#F4C53E;--softyellow:#FFE6A0;--coral:#D98670;--teal:#206E68;--muted:#6E9BB2;--purple:#A895BC;--line:#E7DCD6;--r:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--body);font-family:system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:3px}img{max-width:100%;height:auto}button,input{font:inherit}button{cursor:pointer}.container{max-width:1250px;margin:auto;padding-left:32px;padding-right:32px}.skip-link{position:absolute;top:-100px;left:1rem;z-index:80;background:#fff;padding:.5rem 1rem}.skip-link:focus{top:1rem}.header-line{background:#FFFDF8;border-bottom:1px solid var(--line)}.site-header{position:relative;z-index:20}.nav-row{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:22px}.brand{display:flex;align-items:center;gap:12px;color:var(--wine);min-width:195px}.brand-logo{width:184px;max-height:58px;object-fit:contain}.brand-mark{width:44px;height:44px;display:grid;place-items:center;background:var(--wine);color:var(--yellow);font-weight:900;letter-spacing:-2px;border-radius:12px}.brand-word{font-size:19px;font-weight:850;line-height:1.15}.brand-word small{display:block;letter-spacing:1.1px;font-size:10px;font-weight:600;margin-top:5px}.main-nav{display:flex;gap:20px;align-items:center}.main-nav a{font-weight:700;font-size:14px;white-space:nowrap;border-bottom:3px solid transparent;padding:22px 0 18px}.main-nav a.active,.main-nav a:hover{border-color:var(--red);color:var(--red)}.head-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.search-link{font-weight:700;font-size:14px}.menu-trigger{border:1px solid #D6B2B8;background:#fff;color:var(--wine);padding:10px 13px;min-height:44px;border-radius:10px;font-weight:800}.topic-nav{background:var(--cream);border-bottom:1px solid #F0DDAE}.topic-row{display:flex;align-items:center;gap:30px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.topic-row a{padding:10px 0;font-size:14px;font-weight:700}.drawer-mask{position:fixed;inset:0;background:#12090dad;z-index:45}.drawer{position:fixed;z-index:46;right:0;top:0;height:100dvh;width:min(560px,88vw);background:#FFF9F1;box-shadow:-12px 0 48px #0003;transform:translateX(101%);transition:transform .22s;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-head{padding:18px 26px;background:var(--wine);color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:21px}.drawer-head button{font-size:30px;line-height:1;border:0;background:transparent;color:#fff;min-width:44px;min-height:44px}.drawer-scroll{overflow:auto;padding:20px 26px 34px}.drawer-group{margin-bottom:25px}.drawer-group h2{font-size:16px;color:var(--red);margin:0 0 10px}.drawer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px}.drawer-links a{padding:7px 0;border-bottom:1px solid var(--line);font-size:15px}body.drawer-open{overflow:hidden}.home{padding-bottom:70px}.home-hero{margin-top:30px;display:grid;grid-template-columns:44% 56%;min-height:355px;background:linear-gradient(135deg,#421C2B,#24151E);border-radius:18px;overflow:hidden;color:#F8F4F3}.hero-copy{padding:46px 42px;align-self:center}.eyebrow,.section-index{display:block;font-size:12px;letter-spacing:2px;font-weight:900;text-transform:uppercase;color:var(--red);margin-bottom:10px}.home-hero .eyebrow,.mystery .section-index{color:var(--yellow)}h1,h2,h3{color:var(--ink);line-height:1.32}h1{font-size:38px;letter-spacing:-.7px;margin:6px 0 18px}h2{font-size:26px;margin:6px 0 14px}h3{font-size:18px;margin:0 0 8px}.home-hero h1{color:#fff;font-size:39px}.home-hero h1 em{font-style:normal;color:var(--yellow);display:block}.home-hero p{color:#E9DBDF;margin:0 0 18px;max-width:480px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:10px;background:var(--button);color:#fff;border:1px solid transparent;font-weight:800;font-size:14px}.btn:hover{background:var(--red);color:#fff}.btn-yellow{background:var(--yellow);color:#271C1E}.btn-yellow:hover{background:#FFE6A0;color:#271C1E}.btn-ghost{background:transparent;border:1px solid #D8C6CB;color:#fff}.btn-ghost:hover{background:#fff2;color:#fff}.btn-outline{background:transparent;border-color:var(--button);color:var(--button)}.btn-outline:hover{color:#fff}.hero-notice{font-size:12px!important;opacity:.9}.hero-art,.feature-art{min-width:0;display:flex;align-items:center;justify-content:center}.hero-art .media-img,.hero-art .media-fallback{width:100%;height:100%;max-height:410px;object-fit:contain}.media-fallback{display:grid;place-items:center;min-height:180px;padding:20px;background:linear-gradient(135deg,#B87373 0%,#5C2738 56%,#401B29 100%);color:#FFE6A0;text-align:center;font-weight:850;letter-spacing:.1em;border-radius:12px;line-height:1.45}.hero-art .media-fallback{border-radius:0;background:linear-gradient(145deg,#632333 0%,#3D1C27 70%);font-size:25px}.home-block,.feature-band{margin-top:56px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:0 0 20px}.section-head h2{margin-bottom:0}.section-head>a{font-size:14px;font-weight:800;color:var(--button)}.work-grid,.focus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.work-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 8px 22px #47262408}.work-card-art{aspect-ratio:16/10;background:var(--rose)}.work-card-art img,.work-card-art .media-fallback{width:100%;height:100%;min-height:0;object-fit:contain;border-radius:0}.work-card-text{padding:18px}.work-card .eyebrow{font-size:10px;letter-spacing:.6px;margin:0 0 6px}.work-card p{font-size:14px;line-height:1.6;margin:0 0 12px}.text-link{color:var(--button);font-size:14px;font-weight:850}.feature-band{border-radius:18px;background:var(--cream);display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;min-height:310px}.feature-band.rose{background:var(--rose)}.feature-band.paper{background:#fff;border:1px solid var(--line)}.feature-band.cream{background:#FFF3D4}.feature-copy{padding:42px 52px;align-self:center}.feature-copy p{max-width:560px;margin:0 0 25px}.feature-art{padding:20px}.feature-art .media-fallback,.feature-art img{width:100%;height:100%;max-height:265px;object-fit:contain}.split-editor{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center}.split-editor>div:first-child{padding:30px 12px}.split-image .media-fallback,.split-image img{width:100%;height:245px;object-fit:contain}.timeline{border-left:3px solid var(--red);margin:8px 0 0 15px}.timeline-entry{display:flex;gap:18px;padding:14px 22px;border-bottom:1px solid var(--line)}.timeline-no{background:var(--wine);color:var(--yellow);border-radius:8px;padding:3px 10px;font-weight:800;height:fit-content}.timeline-entry p{margin:0 0 5px}.hint{font-size:13px;color:#77676C}.mystery{background:var(--wine);color:#E9DBDF;border-radius:18px;padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.mystery h2{color:#fff}.mystery .media-fallback,.mystery img{width:100%;height:245px;object-fit:contain}.duo-block{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.duo-block>div{background:#fff;border:1px solid var(--line);padding:22px;border-radius:var(--r)}.duo-block img,.duo-block .media-fallback{width:100%;height:235px;object-fit:contain;margin:6px 0 10px}.duo-block p{margin:0 0 10px}.character-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.character-strip>div{text-align:center;padding:25px 12px;background:var(--rose);border-radius:var(--r)}.character-monogram{display:grid;place-items:center;width:74px;height:74px;background:var(--wine);color:var(--yellow);border-radius:50%;margin:0 auto 14px;font-size:32px;font-weight:900}.character-strip p{margin:0 0 12px}.character-strip a{font-size:13px;color:var(--button);font-weight:800}.process{background:var(--wine);border-radius:18px;padding:34px}.process h2{color:#fff}.process .section-index{color:var(--yellow)}.process .section-head>a{color:var(--yellow)}.process-steps{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.process-steps>div{background:#fff1;border:1px solid #ffffff38;display:flex;flex-direction:column;gap:16px;padding:15px 8px;border-radius:10px;color:#fff;font-size:13px;text-align:center}.process-steps span{color:var(--yellow);font-size:20px;font-weight:900}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.article-item{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:23px}.article-item p{margin:4px 0 14px}.mobile-cta{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:35px;background:var(--cream);padding:34px;border-radius:18px}.mobile-cta img,.mobile-cta .media-fallback{width:100%;height:210px;object-fit:contain}.inline-links{display:flex;gap:14px;flex-wrap:wrap}.inline-links a{color:var(--button);font-weight:800;background:#fff;padding:9px 12px;border-radius:8px;border:1px solid var(--line)}.inner-page{padding-top:24px;padding-bottom:74px}.crumb{font-size:13px;color:#75626A;margin:10px 0 26px}.crumb a{color:var(--button)}.page-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;padding:32px 38px;background:#fff;border:1px solid var(--line);border-radius:18px;min-height:300px}.page-hero .lead,.detail-copy .lead,.reading-page .lead{font-size:20px;color:var(--wine);font-weight:700;line-height:1.65}.page-hero p{max-width:690px}.page-visual img,.page-visual .media-fallback{height:258px;width:100%;object-fit:contain}.editor-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.editor-note{background:var(--cream);border-radius:14px;padding:26px 30px}.editor-note:nth-child(2){background:var(--rose)}.editor-note p{margin-bottom:0}.collection{margin-top:48px}.collection h2{margin-bottom:16px}.next-steps{background:#fff;border:1px solid var(--line);padding:30px 34px;border-radius:var(--r);margin-top:45px}.next-steps p{margin-top:0}.empty{background:#FFF1D2;padding:18px 22px;border-radius:10px}.detail-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:35px;align-items:center}.detail-art .media-fallback,.detail-art img{width:100%;height:375px;object-fit:contain}.detail-copy h1{margin-top:6px}.status-note{padding:12px 15px;background:var(--cream);color:#533F23;border-left:4px solid var(--yellow)}.tags{display:flex;gap:9px;flex-wrap:wrap}.tags span{background:var(--rose);padding:5px 10px;font-size:13px;border-radius:100px}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.role-card{background:#fff;border:1px solid var(--line);padding:25px;border-radius:var(--r)}.role-card span{color:var(--red);font-size:12px;font-weight:800}.role-card p{margin-bottom:0}.episodes{border-top:1px solid var(--line)}.episode{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 10px;border-bottom:1px solid var(--line)}.episode p{margin:5px 0 0}.episode-off{font-size:13px;color:#6B6063;background:#EBE4E1;border-radius:9px;padding:9px 13px;white-space:nowrap}.reading-page{max-width:850px;padding-top:28px;padding-bottom:70px}.reading-page h1{font-size:37px}.reading-body{font-size:17px;line-height:1.9;border-top:1px solid var(--line);padding-top:20px}.reading-body p{margin-bottom:22px}.reading-body h2{font-size:23px;margin-top:30px}.search-hero{background:var(--rose);border-radius:18px;padding:32px 40px;margin-bottom:30px}.search-form{margin-top:24px}.search-form label{display:block;font-size:14px;font-weight:800;margin-bottom:6px}.search-form>div{display:flex;gap:10px}.search-form input{flex:1;min-width:0;border:1px solid #CCADB4;background:#fff;border-radius:10px;padding:10px 14px;min-height:46px}.video-player{width:100%;max-height:65vh;background:#18131B;border-radius:12px}.notfound{text-align:center;padding:90px 20px}.footer{background:var(--deep);color:#E9DBDF;padding-top:48px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:42px}.foot-grid h2{font-size:16px;color:#FFF;font-weight:800}.foot-grid a{display:block;font-size:14px;margin:8px 0}.foot-grid a:hover{color:var(--yellow)}.foot-logo{color:#fff;font-size:22px}.foot-logo small{display:block;color:var(--yellow);font-size:11px;letter-spacing:1.4px}.foot-grid p{font-size:14px;max-width:500px}.foot-bottom{border-top:1px solid #ffffff24;margin-top:28px;padding-top:18px;padding-bottom:22px;display:flex;justify-content:space-between;gap:10px;font-size:13px}.mobile-tabs{display:none}@media(max-width:1120px){.main-nav{gap:11px}.main-nav a{font-size:13px}.brand{min-width:150px}.brand-word{font-size:16px}.container{padding-left:23px;padding-right:23px}.hero-copy{padding:34px}.home-hero h1{font-size:35px}.work-grid,.focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-steps{grid-template-columns:repeat(4,1fr)}}@media(max-width:830px){.main-nav{display:none}.home-hero{grid-template-columns:1fr 1fr}.home-hero h1{font-size:32px}.hero-copy{padding:28px}.feature-copy{padding:28px}.feature-band{min-height:270px}.feature-art .media-fallback,.feature-art img{max-height:230px}.character-strip{grid-template-columns:repeat(2,1fr)}.page-hero{padding:26px}.page-hero h1{font-size:33px}}@media(max-width:640px){body{padding-bottom:64px;font-size:16px}.container{padding-left:17px;padding-right:17px}.nav-row{min-height:66px;gap:10px}.brand{min-width:auto}.brand-word{font-size:16px}.brand-word small{font-size:9px}.brand-mark{width:40px;height:40px}.search-link{display:none}.menu-trigger{padding:7px 9px;font-size:12px}.topic-row{gap:23px}.home-hero{margin-top:16px;grid-template-columns:1fr}.hero-copy{padding:30px 25px}.hero-art{min-height:200px;max-height:220px}.home-hero h1{font-size:29px}.home-block,.feature-band{margin-top:34px}.section-head{align-items:start}.section-head h2{font-size:22px}.section-head>a{white-space:nowrap;font-size:12px}.work-grid,.focus-grid,.duo-block,.editor-columns,.article-list,.page-hero,.detail-layout,.role-grid,.split-editor,.mobile-cta{grid-template-columns:1fr}.feature-band{grid-template-columns:1fr}.feature-copy{padding:26px 24px}.feature-art{padding:0 18px 18px}.feature-art img,.feature-art .media-fallback{max-height:190px}.split-editor>div:first-child{padding:10px}.mystery{grid-template-columns:1fr;padding:25px;gap:14px}.process{padding:22px 17px}.process-steps{grid-template-columns:repeat(2,1fr)}.character-strip{gap:10px}.character-strip>div{padding:18px 6px}.character-monogram{width:58px;height:58px}.character-strip h3{font-size:15px}.character-strip a{font-size:12px}.page-hero{padding:22px}.page-hero h1{font-size:30px}.page-visual img,.page-visual .media-fallback{height:180px}.editor-note{padding:22px}.inner-page{padding-top:14px}.detail-art img,.detail-art .media-fallback{height:220px}.reading-page h1{font-size:29px}.search-hero{padding:24px 21px}.episode{align-items:start;flex-direction:column}.foot-grid{grid-template-columns:1fr 1fr;gap:22px}.foot-grid>div:first-child{grid-column:span 2}.foot-bottom{display:block}.foot-bottom span{display:block}.mobile-tabs{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#FFFDF8;border-top:1px solid var(--line);z-index:30;padding:6px 0 max(6px,env(safe-area-inset-bottom));box-shadow:0 -5px 18px #0001}.mobile-tabs a{text-align:center;font-weight:800;font-size:14px;min-height:44px;display:grid;place-items:center}.footer{padding-top:34px}.feature-copy h2{font-size:23px}.duo-block img,.duo-block .media-fallback{height:190px}.timeline-entry{padding-left:15px}.home-hero .hero-art .media-fallback{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drawer{transition:none}}