/* HUANGDOU SHORTS - root-only stylesheet */
:root{--bg:#121713;--deep:#0D120F;--nav:#19201B;--card:#222821;--card2:#303529;--gold:#E5BA4B;--pale:#F3D77D;--cream:#FBF7EA;--warm:#F4ECD5;--ink:#242921;--muted:#C4CABF;--coral:#DC8872;--blue:#83B2B2;--green:#82A38A}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.78 system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;color:#E6E3D6;background:var(--bg);overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}img{display:block;max-width:100%;height:auto;object-fit:contain}p{margin:.5em 0 1em}h1,h2,h3{line-height:1.27;letter-spacing:-.015em}h1{font-size:clamp(28px,3.2vw,40px)}h2{font-size:clamp(22px,2.2vw,28px)}h3{font-size:19px}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:12px;z-index:100;background:var(--gold);color:var(--ink);padding:12px}.skip-link:focus{top:12px}.site-header{background:var(--nav);border-bottom:1px solid #434232;position:relative;z-index:5}.header-main{min-height:72px;display:flex;gap:26px;align-items:center}.brand{display:flex;align-items:center;gap:12px;min-width:185px}.brand-image{width:auto;max-width:150px;max-height:38px}.brand-word{font-size:22px;font-weight:850;line-height:1.08;color:#FFF0C1}.brand-word small{display:block;font:700 10px/1.5 system-ui;letter-spacing:.16em;color:var(--gold)}.top-links{display:flex;gap:clamp(8px,1.4vw,22px);margin-left:auto;white-space:nowrap;font-size:14px}.top-links a:hover,.track-scroll a:hover{color:var(--gold)}.header-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.search-icon{font-size:27px;line-height:1}.menu-button{background:#2D3327;border:1px solid #655C3E;color:#FFEDBA;padding:9px 13px;border-radius:10px;white-space:nowrap}.genre-track{border-top:1px solid #2C3028;background:#101711}.track-scroll{display:flex;gap:34px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;font-size:14px}.track-scroll a{padding:10px 0}.menu-overlay{position:fixed;inset:0;background:#000a;z-index:19;opacity:0;transition:opacity .2s}.menu-overlay.is-on{opacity:1}.side-menu{position:fixed;top:0;right:0;height:100dvh;width:min(390px,88vw);background:#1B211A;z-index:20;transform:translateX(105%);visibility:hidden;pointer-events:none;transition:transform .25s,visibility .25s;box-shadow:-18px 0 45px #0005}.side-menu.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #414634}.drawer-head button{background:none;border:0;color:var(--gold);font-size:23px;min-height:44px;min-width:44px}.drawer-scroll{height:calc(100% - 81px);overflow-y:auto;padding:8px 22px 40px}.drawer-scroll h2{font-size:16px;color:var(--gold);margin:23px 0 10px}.drawer-scroll a{display:block;padding:9px 0;border-bottom:1px solid #ffffff18}.drawer-scroll small{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:2px}.hero{padding:38px 0 44px;background:radial-gradient(ellipse at 92% 0%,#4A3D1E 0%,transparent 48%),var(--deep)}.hero-inner{display:grid;grid-template-columns:42fr 58fr;min-height:350px;align-items:center;gap:32px}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--gold);font-weight:800;text-transform:uppercase}.hero h1{margin:15px 0 18px;color:#FFF5CD}.hero p{max-width:510px;font-size:17px;color:#E9E3CE}.hero-media{min-height:275px;border:1px solid #594F2E;border-radius:20px;background:linear-gradient(130deg,#302F20,#3D311B 53%,#1C241C);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-media img{width:100%;max-height:390px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;padding:9px 20px;background:var(--gold);color:#171C17;font-weight:800;border:1px solid var(--gold)}.btn.secondary{color:#F3D77D;background:transparent;border-color:#A48A47}.section{padding:60px 0}.section.light{background:var(--cream);color:var(--ink)}.section.warm{background:var(--warm);color:var(--ink)}.section.dark{background:#192019}.section-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:27px}.section-header h2{margin:5px 0 8px}.section-header p{max-width:730px}.section-header>a{font-weight:800;color:var(--gold);white-space:nowrap}.light .section-header>a,.warm .section-header>a{color:#715112}.genre-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.genre-tile{border:1px solid #d7c89f;border-radius:14px;padding:23px;background:#fffdfa;color:var(--ink)}.genre-tile:nth-child(2n){background:#f4ecd5}.genre-tile span{display:inline-block;color:#85621b;font-size:13px;font-weight:800}.genre-tile h3{margin:10px 0}.genre-tile p{font-size:14px}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}.split.reverse{grid-template-columns:1fr 1.2fr}.split.reverse>:first-child{order:2}.feature-media{min-height:215px;display:grid;place-items:center;background:linear-gradient(135deg,#323822,#665126);border:1px solid #6B6242;border-radius:18px;overflow:hidden}.feature-media img{max-height:270px;width:100%}.light .feature-media,.warm .feature-media{background:#E9D8B8;border-color:#D9C8A5}.feature-copy h2{margin:8px 0 12px}.feature-copy p{font-size:16px}.inline-list{padding:0;list-style:none}.inline-list li{padding:13px 0;border-bottom:1px solid #8884}.inline-list li a{font-weight:750}.editorial-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.editorial-columns section{border-left:3px solid var(--gold);padding:0 22px}.editorial-columns h2{font-size:20px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.work-card{background:var(--card);border-radius:14px;overflow:hidden;border:1px solid #3C4234;min-width:0}.work-thumb{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4D401E,#252C23);min-height:175px;position:relative}.work-thumb img{max-height:230px;width:100%}.thumb-type{position:absolute;left:12px;bottom:12px;background:#181E18ed;border:1px solid #8B7540;color:var(--gold);border-radius:6px;padding:2px 9px;font-size:12px}.card-body{padding:19px}.card-body h3{margin:8px 0}.card-body p{color:#CFD2C6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}.text-link{color:var(--gold);font-weight:800;font-size:14px}.light .work-card,.warm .work-card{background:white;border-color:#E0D5C1;color:var(--ink)}.light .card-body p,.warm .card-body p{color:#454A41}.light .text-link,.warm .text-link{color:#7D5B12}.page-heading{padding:48px 0;background:radial-gradient(ellipse at right,#483919,#161C15 56%)}.page-heading p{max-width:860px;font-size:17px}.breadcrumb{font-size:13px;color:#CFCAA9}.breadcrumb a{text-decoration:underline}.page-pad{padding:50px 0 80px}.section-detail{padding:48px 0}.section-detail:nth-child(even){background:#1B221B}.rich-prose{max-width:780px}.rich-prose p{margin:0 0 20px;line-height:1.86}.rich-prose h2{margin-top:35px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(220px,1fr);gap:42px}.aside-box{padding:21px;background:#242B23;border-radius:12px;align-self:start}.aside-box a{display:block;padding:11px 0;border-bottom:1px solid #ffffff23}.meta-line{display:flex;gap:12px;flex-wrap:wrap;color:var(--pale);font-size:14px}.info-panel{background:#262C23;padding:20px 24px;border-left:3px solid var(--gold);border-radius:8px;margin:22px 0}.episode-list{display:grid;gap:12px}.episode{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px;border:1px solid #4B513D;border-radius:11px;background:#232B22}.episode small{display:block;color:#CACBBD}.status{display:inline-block;padding:3px 10px;background:#384034;color:#E9D49A;border-radius:99px;font-size:13px}.search-form,.filter-form{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.search-form input,.filter-form select{flex:1;min-width:170px;background:#F9F5E9;color:#222921;padding:12px;border:1px solid #B6A77E;border-radius:9px;min-height:44px}.faq-item{padding:16px 0;border-bottom:1px solid #4F533F}.faq-item h2{font-size:19px}.notice-list{padding-left:20px}.notice-list li{margin:13px 0}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mini-panel{padding:24px;border:1px solid #484C37;border-radius:12px;background:#212821}.mini-panel h3{color:var(--pale)}.footer{background:var(--deep);border-top:2px solid #6D5826;padding:57px 0 22px}.footer-main{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:35px}.footer-brand{font-size:24px;font-weight:800;color:var(--pale)}.footer-brand small{display:block;font-size:11px;letter-spacing:.13em}.footer-intro p{font-size:14px;color:var(--muted);max-width:350px}.footer-column h2{font-size:16px;color:var(--pale)}.footer-column a{display:block;font-size:13px;padding:5px 0;color:#CBD0C2}.footer-bottom{display:flex;justify-content:space-between;gap:16px;padding-top:25px;margin-top:35px;border-top:1px solid #ffffff23;font-size:12px;color:#BCBEAF}.mobile-bottom{display:none}.player-box{background:#050806;border:1px solid #565C42;border-radius:14px;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center}.player-box video{width:100%;height:100%;background:#000}.player-box .player-empty{text-align:center;padding:20px;max-width:560px}.player-box .player-empty h2{color:var(--pale)}.step-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step-flow>div{background:#303529;padding:20px;border-top:3px solid var(--gold);border-radius:9px}.step-flow b{color:var(--pale)}@media(max-width:1080px){.top-links{display:none}.header-actions{margin-left:auto}.footer-main{grid-template-columns:repeat(4,1fr)}.footer-intro{grid-column:1/-1}.article-layout{grid-template-columns:1fr}.aside-box{max-width:780px}}@media(max-width:768px){.wrap{width:calc(100% - 40px)}.hero-inner,.split,.split.reverse{grid-template-columns:1fr}.split.reverse>:first-child{order:0}.hero-inner{min-height:0}.hero-media{min-height:195px}.work-grid,.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-flow{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column}.section{padding:43px 0}.editorial-columns{grid-template-columns:1fr}.section-header{align-items:start;flex-direction:column;gap:4px}}@media(max-width:500px){.wrap{width:calc(100% - 34px)}.header-main{min-height:61px}.brand{min-width:0}.brand-word{font-size:18px}.brand-word small{font-size:8px}.brand-image{max-width:100px}.menu-button{font-size:0;padding:8px 12px}.menu-button span{font-size:20px}.track-scroll{gap:24px}.work-grid{grid-template-columns:1fr}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.genre-tile{padding:15px}.genre-tile h3{font-size:17px}.genre-tile p{font-size:13px}.two-up{grid-template-columns:1fr}.step-flow{grid-template-columns:1fr}.hero{padding:24px 0}.hero-media{min-height:145px}.section{padding:37px 0}.episode{align-items:start;flex-direction:column}.footer{padding-bottom:90px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#111812f5;border-top:1px solid #806A36;z-index:10;min-height:58px;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;color:#E7CC82;font-size:20px;line-height:1.2;min-height:56px}.mobile-bottom span{font-size:12px}.page-heading{padding:36px 0}.page-pad{padding:36px 0 75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}