*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#121713;color:#e6e3d6;font:16px/1.78 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f3d77d;outline-offset:3px}button{cursor:pointer}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-100px;background:#e5ba4b;color:#171c17;padding:12px;z-index:40}.skip:focus{top:5px}.site-header{background:#19201b;border-bottom:1px solid #404734;position:relative;z-index:15}.head-main{height:74px;display:flex;align-items:center;gap:28px}.brand{min-width:176px;display:flex;flex-direction:column;line-height:1.15}.brand strong{font-size:25px;color:#f3d77d;letter-spacing:2px}.brand img{height:35px;width:auto;max-width:175px;object-fit:contain}.brand small{margin-top:5px;letter-spacing:1.8px;font-size:10px;color:#c4cabf}.desktop-nav{display:flex;align-items:center;gap:20px;flex:1;white-space:nowrap}.desktop-nav a{font-size:14px;padding:23px 0;border-bottom:2px solid transparent}.desktop-nav a.active,.desktop-nav a:hover{border-color:#e5ba4b;color:#f3d77d}.head-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}.head-actions button{background:#303529;border:1px solid #666341;color:#f3d77d;border-radius:10px;padding:8px 14px;min-height:44px}.topic-rail{background:#232920;border-top:1px solid #343d34}.rail-inner{height:44px;display:flex;gap:34px;overflow-x:auto;align-items:center;white-space:nowrap;scrollbar-width:thin;font-size:13px}.rail-inner a:hover{color:#e5ba4b}.drawer-cover{visibility:hidden;pointer-events:none;position:fixed;inset:0;background:#000a;z-index:25;opacity:0;transition:opacity .2s}.drawer{visibility:hidden;pointer-events:none;position:fixed;top:0;right:0;height:100dvh;width:min(390px,88vw);padding:22px;background:#1d251e;overflow-y:auto;transform:translateX(100%);z-index:26;transition:transform .2s}.menu-open .drawer-cover{visibility:visible;pointer-events:auto;opacity:1}.menu-open .drawer{visibility:visible;pointer-events:auto;transform:translateX(0)}body.menu-open{overflow:hidden}.drawer-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.drawer-top button{border:1px solid #716337;background:transparent;color:#fff;padding:8px;border-radius:9px}.drawer-group{margin-top:22px}.drawer-group h2{font-size:16px;color:#e5ba4b;margin:0 0 9px}.drawer-group a{display:inline-block;margin:3px 6px 3px 0;border:1px solid #435045;border-radius:8px;padding:5px 9px;font-size:14px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#e5ba4b;font-size:12px!important;font-weight:700}.hero{display:grid;grid-template-columns:42% 58%;min-height:365px;background:#222821;border-radius:20px;overflow:hidden;margin-block:30px 55px}.hero-copy{padding:45px 42px}.hero h1{font-size:40px;line-height:1.22;margin:10px 0;color:#faf6e9}.hero p,.page-intro p{max-width:620px}.hero-media,.feature-media{position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 60% 35%,#675423,#252b20 70%);min-height:250px}.hero-media img{max-height:390px;max-width:100%;width:100%;height:100%;object-fit:contain}.hero-media:not(:has(img))::after,.feature-media:not(:has(img))::after{content:"HUANGDOU SHORTS";font-weight:800;letter-spacing:.18em;color:#e5ba4b55;font-size:clamp(18px,2.5vw,38px);text-align:center}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-block;border-radius:10px;background:#e5ba4b;color:#171c17;padding:10px 18px;font-weight:750;min-height:44px}.btn.alt{background:transparent;border:1px solid #e5ba4b;color:#f3d77d}.section{padding:54px 0;border-top:1px solid #353b31}.section.light{background:#fbf7ea;color:#242921}.section.light .eyebrow{color:#795c16}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head h2{font-size:28px;line-height:1.3;margin:4px 0}.section-head p{margin:4px 0;color:inherit;opacity:.8}.text-link{color:#e5ba4b;font-weight:700;white-space:nowrap}.light .text-link{color:#715510}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.work-card{background:#222821;border:1px solid #394235;border-radius:15px;overflow:hidden;min-width:0}.light .work-card{background:#fff;color:#242921;border-color:#e8dfc6}.work-art{background:linear-gradient(130deg,#52431e,#212a25);height:162px;position:relative;display:grid;place-items:center}.work-art img{height:100%;width:100%;object-fit:contain}.work-art>span{position:absolute;bottom:11px;left:13px;background:#161b16df;color:#f3d77d;padding:2px 9px;border-radius:5px;font-size:12px}.work-copy{padding:19px}.work-copy h3{font-size:20px;line-height:1.35;margin:6px 0 9px}.work-copy p{font-size:14px;line-height:1.75}.work-copy>.eyebrow{font-size:11px!important}.work-copy .text-link{font-size:14px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.feature-copy h3{font-size:24px;line-height:1.4;margin:9px 0}.feature-copy p{max-width:570px}.feature-media{height:260px;border-radius:15px;overflow:hidden}.feature-media img{width:100%;height:100%;object-fit:contain}.feature-row:nth-child(even) .feature-media{order:-1}.strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.strip a{background:#303529;border:1px solid #5e5936;padding:18px 12px;border-radius:11px;font-size:15px;font-weight:700;text-align:center}.page-intro{display:flex;gap:30px;align-items:center;padding-block:50px 40px}.page-intro>div{flex:1}.page-intro h1{font-size:35px;line-height:1.25;color:#faf6e9}.intro-image{width:300px;max-height:240px;object-fit:contain;border-radius:14px}.page-body{padding-bottom:70px}.prose{max-width:820px;margin:0 auto 36px}.prose h2{color:#f3d77d;font-size:24px;line-height:1.4;margin-top:32px}.prose p{margin:16px 0;line-height:1.85}.page-body .work-grid{margin:30px 0}.crumbs{font-size:13px;color:#c4cabf;padding-top:22px}.crumbs a{color:#f3d77d}.episode-list{display:grid;gap:12px;margin-top:18px}.episode{border:1px solid #4d5543;border-radius:12px;padding:15px 18px;background:#222821}.episode strong{display:block;color:#f3d77d}.episode p{margin:4px 0}.episode a{color:#e5ba4b}.notice{padding:15px 18px;border-left:3px solid #e5ba4b;background:#293128;border-radius:5px}.reader{max-width:780px;margin:auto}.reader p{font-size:17px;line-height:1.85;white-space:pre-line}.select-row{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.select-row select,.search-form input{background:#fbf7ea;color:#242921;border:1px solid #a9a49a;padding:10px;border-radius:9px;min-height:44px}.search-form{display:flex;max-width:760px;gap:12px;margin:30px 0}.search-form input{flex:1;min-width:0}.search-form button{background:#e5ba4b;color:#171c17;border:0;border-radius:9px;padding:10px 22px}.faq details{border-bottom:1px solid #4d5543;padding:16px 0}.faq summary{font-weight:700;cursor:pointer;color:#f3d77d}.faq p{margin:10px 0}.site-footer{background:#0d120f;border-top:1px solid #66532b;margin-top:30px;padding:52px 0 16px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:22px}.footer-grid h2{color:#f3d77d;margin:0}.footer-grid h3{font-size:16px;color:#e5ba4b}.footer-grid p{font-size:14px;line-height:1.8}.footer-grid a{display:block;font-size:13px;margin:7px 0;color:#c4cabf}.footer-grid a:hover{color:#e5ba4b}.copyright{font-size:12px;border-top:1px solid #333c34;margin-top:30px;padding-top:16px;color:#c4cabf}.mobile-bottom{display:none}video{width:100%;height:auto;max-height:65vh;background:#000;border-radius:14px} .empty-media{min-height:220px;display:grid;place-items:center;background:linear-gradient(125deg,#303529,#141915);border:1px solid #4d5543;border-radius:14px;color:#f3d77d;text-align:center;padding:20px}@media(max-width:1100px){.desktop-nav{gap:9px}.desktop-nav a{font-size:13px}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-grid>div:first-child{grid-column:span 3}}@media(max-width:800px){.wrap{width:calc(100% - 36px)}.desktop-nav{display:none}.head-main{justify-content:space-between;height:62px}.brand{min-width:0}.brand strong{font-size:20px}.head-actions{gap:8px}.hero{grid-template-columns:1fr}.hero-copy{padding:28px}.hero h1{font-size:29px}.hero-media{min-height:180px;max-height:280px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.strip{grid-template-columns:repeat(3,1fr)}.feature-row{grid-template-columns:1fr}.feature-row:nth-child(even) .feature-media{order:0}.page-intro{padding-block:30px}.page-intro h1{font-size:28px}.intro-image{width:180px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;display:flex;z-index:18;background:#19201b;border-top:1px solid #6a5727;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{flex:1;text-align:center;padding:13px 0;min-height:56px;font-size:14px}.site-footer{padding-bottom:calc(88px + env(safe-area-inset-bottom))}}@media(max-width:520px){.work-grid{grid-template-columns:1fr}.hero{margin-top:18px;margin-bottom:35px}.section{padding:38px 0}.section-head{align-items:start;flex-direction:column}.section-head h2{font-size:23px}.feature-media{height:190px}.feature-copy h3{font-size:21px}.strip{grid-template-columns:repeat(2,minmax(0,1fr))}.page-intro{display:block}.page-intro h1{font-size:27px}.intro-image{width:100%;max-height:190px;margin-top:20px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid>div:first-child{grid-column:span 2}.head-actions .icon-link{font-size:13px}.head-actions button{font-size:12px;padding:6px 9px}.search-form{flex-wrap:wrap}.search-form button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}