/* 黄豆短剧 / HUANGDOU VIDEO */
:root{--cream:#FCFAF2;--paper:#fff;--soft:#FFF4D2;--sand:#F7EFE2;--ink:#151A1B;--ink2:#222A2B;--ink3:#303A3B;--yellow:#F2C438;--button:#F4C646;--teal:#246C68;--orange:#CF7545;--muted:#566568;--border:#e7e4d9;--radius:15px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:#394749;font:16px/1.78 system-ui,-apple-system,BlinkMacSystemFont,"Microsoft YaHei","PingFang SC",sans-serif;overflow-x:hidden}body.menu-on{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35;color:#1C2527}h1{font-size:clamp(28px,3.6vw,40px);letter-spacing:-.02em}h2{font-size:clamp(22px,2.35vw,28px)}h3{font-size:19px}.wrap{width:min(1260px,calc(100% - 64px));margin-inline:auto}.eyebrow{background:var(--soft);color:#27312d;font-size:12px}.eye-inner{display:flex;justify-content:space-between;gap:16px;min-height:30px;align-items:center}.eye-inner a{text-decoration:underline}.site-header{background:var(--ink);color:#fcfbf6;position:relative;z-index:10}.head-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:22px;font-weight:850;color:white}.brand-logo{height:35px;width:auto;max-width:120px;object-fit:contain}.top-links{display:flex;align-items:center;gap:clamp(10px,1.9vw,25px);font-size:15px;white-space:nowrap}.top-links a{padding:20px 0 17px;border-bottom:3px solid transparent}.top-links a.active,.top-links a:hover{border-bottom-color:var(--yellow);color:#F8D970;text-decoration:none}.header-actions{display:flex;gap:12px;align-items:center;white-space:nowrap;font-size:14px}.header-actions button{border:1px solid #596164;color:white;background:var(--ink2);border-radius:10px;min-height:44px;padding:0 12px}.channel-rail{background:#262e2e;color:#ebeee9}.rail-inner{display:flex;align-items:center;gap:27px;overflow:auto;white-space:nowrap;min-height:44px;scrollbar-width:none}.rail-inner::-webkit-scrollbar{display:none}.rail-inner a{font-size:14px}.rail-emphasis{color:#F8D970;font-weight:800}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:90;visibility:hidden;pointer-events:none}.menu-overlay.shown{visibility:visible;pointer-events:auto}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(390px,88vw);background:#fcfaf2;z-index:100;transform:translateX(101%);visibility:hidden;pointer-events:none;transition:transform .22s,visibility .22s;box-shadow:-15px 0 45px #0003;display:flex;flex-direction:column}.drawer.shown{visibility:visible;pointer-events:auto;transform:translateX(0)}.drawer-head{padding:18px 22px;background:var(--ink);color:white;display:flex;justify-content:space-between;align-items:center;font-size:22px}.drawer-head button{min-height:44px;min-width:44px;background:#343a3b;color:white;border:0;border-radius:9px}.drawer-body{padding:18px 24px 35px;overflow:auto}.drawer-body h2{font-size:18px;border-left:4px solid var(--yellow);padding-left:10px;margin:22px 0 12px}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawer-links a{font-size:14px;padding:9px;background:#f1eee4;border-radius:7px}.section{padding-block:55px}.section.alt{background:var(--sand)}.section.soft{background:var(--soft)}.section.dark{background:var(--ink);color:#E5EAE5}.section.dark h1,.section.dark h2,.section.dark h3{color:#FCFBF6}.section.dark .section-head p{color:#BDC9C8}.section.dark .feature-copy .tag{color:#F8D970}.section-head{margin-bottom:22px;display:flex;gap:24px;align-items:flex-end;justify-content:space-between}.section-head p{max-width:610px;color:var(--muted);margin-bottom:0}.hero{background:var(--ink);color:#E5EAE5;padding:43px 0 52px}.hero h1{color:#FCFBF6}.hero-grid{display:grid;grid-template-columns:44% 1fr;align-items:center;gap:36px}.hero-intro{max-width:530px}.hero-intro .eyetext{color:#F8D970;font-weight:800;letter-spacing:.07em}.hero-visual,.feature-visual{background:linear-gradient(135deg,#333a32,#252d2f 57%,#5c512a);border-radius:19px;display:flex;align-items:center;justify-content:center;min-height:225px;overflow:hidden}.hero-visual img,.feature-visual img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain}.hero-visual .no-photo,.feature-visual .no-photo{font-size:30px;font-weight:800;letter-spacing:.08em;color:#F8D970;text-align:center;padding:25px}.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:9px 22px;background:var(--button);color:#1C2527;border-radius:10px;font-weight:800;border:0}.btn.dark{color:#fff;background:var(--ink)}.btn.outline{background:transparent;border:1px solid #d9d9c6;color:inherit}.hero .btn.outline{color:#fff}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.work-card,.simple-card{background:white;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-width:0}.card-hit{display:block;height:100%;text-decoration:none!important}.card-image{height:190px;background:#242a2a;display:flex;align-items:center;justify-content:center}.card-image img{width:100%;height:100%;object-fit:contain}.card-art{min-height:120px;background:linear-gradient(130deg,#1d2828,#394a41);color:#F8D970;display:flex;align-items:end;padding:20px;letter-spacing:.06em;font-weight:700}.card-copy{padding:19px 21px}.card-copy small,.article-index small,.muted{font-size:13px;color:var(--muted)}.card-copy h3{margin:7px 0 9px}.card-copy p{font-size:14px;line-height:1.75;margin-bottom:12px}.read-more{font-size:14px;font-weight:800;color:#246C68}.simple-card{padding:22px;display:block}.simple-card h3{margin-bottom:7px}.simple-card p{font-size:14px;margin-bottom:0}.feature-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:24px;align-items:center}.feature-grid.reverse{grid-template-columns:1fr 1.18fr}.feature-grid.reverse .feature-visual{order:2}.feature-copy{padding:10px 2px}.feature-copy .tag{color:#9A6C11;font-weight:800;letter-spacing:.08em;font-size:13px}.feature-copy h2{margin:13px 0 15px}.feature-copy p{max-width:590px}.link-list{display:grid;gap:12px}.link-list a{display:block;background:#fff;padding:14px 18px;border:1px solid var(--border);border-radius:10px;font-weight:700}.section.dark .link-list a{background:var(--ink2);border-color:#414a4a;color:white}.article-index{border-bottom:1px solid var(--border);padding:17px 0}.article-index h3{margin:5px 0}.article-index p{margin-bottom:3px;font-size:14px}.page-intro{background:#fff;border-bottom:1px solid var(--border);padding:46px 0}.page-intro .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}.page-intro .feature-visual{min-height:160px;max-height:260px}.page-intro p{max-width:790px}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:12px}.prose{max-width:860px;margin-inline:auto;padding-block:38px 60px}.prose h2{margin-top:35px}.prose p{margin-bottom:18px}.prose ul{padding-left:24px}.content-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px}.aside-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;height:max-content}.aside-box a{display:block;padding:10px 0;border-bottom:1px solid var(--border)}.notice{padding:15px 18px;background:#fff4d2;border-left:4px solid var(--yellow);border-radius:7px;margin:18px 0}.pill{display:inline-block;padding:4px 10px;border-radius:30px;background:#e6eee9;color:#1f5d52;font-size:13px;margin:0 8px 8px 0}.episode{padding:18px 0;border-bottom:1px solid var(--border)}.episode h3{margin:0 0 5px}.episode p{margin:0 0 7px}.video-player{display:block;background:#090c0d;width:100%;max-height:68vh;aspect-ratio:16/9;border-radius:12px}.search-form{display:flex;gap:10px;margin:25px 0;max-width:720px}.search-form input{min-width:0;flex:1;border:1px solid #b8c5c0;border-radius:9px;min-height:48px;padding:8px 15px}.filter-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:25px 0}.filter-form label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:700}.filter-form select{border:1px solid #bac4c1;background:white;padding:10px;border-radius:8px;min-height:44px}.site-footer{background:#0D1112;color:#E5EAE5;padding:50px 0 22px}.footer-brand{display:inline-flex;align-items:center;gap:12px;font-size:22px}.footer-logo{height:36px;max-width:120px;object-fit:contain}.footer-lead{border-bottom:1px solid #8b682b;padding-bottom:25px}.footer-lead>span{display:block;color:#F8D970;font-size:13px}.footer-lead p{font-size:14px;color:#BDC9C8;margin:9px 0 0}.foot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:30px 0}.foot-grid h2{font-size:16px;color:#F8D970}.foot-grid a{display:block;font-size:14px;margin:7px 0;color:#E5EAE5}.footer-bottom{display:flex;gap:20px;flex-wrap:wrap;color:#BDC9C8;border-top:1px solid #3b4140;padding-top:19px;font-size:13px}.mobile-bottom{display:none}.narrow{max-width:800px}.faq-item{border-bottom:1px solid var(--border);padding:20px 0}.faq-item h2{font-size:19px}.faq-item p{margin:0}
@media(max-width:1080px){.top-links{gap:12px;font-size:13px}.header-actions .desktop-only{display:none}.content-columns{grid-template-columns:minmax(0,1fr) 230px}.grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.wrap{width:calc(100% - 42px)}.top-links{display:none}.head-inner{min-height:62px}.section{padding-block:37px}.hero-grid,.feature-grid,.feature-grid.reverse,.page-intro .wrap,.content-columns{grid-template-columns:1fr}.feature-grid.reverse .feature-visual{order:0}.hero{padding:35px 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{display:block}.section-head p{margin-top:9px}.foot-grid{grid-template-columns:repeat(2,1fr)}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#151A1B;color:white;z-index:20;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 18px #0003}.mobile-bottom a{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.1;font-size:23px;height:56px}.mobile-bottom span{font-size:11px;margin-top:3px}.site-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}
@media(max-width:520px){.wrap{width:calc(100% - 34px)}.eyebrow .eye-inner{font-size:11px}.eye-inner span{display:none}.brand{font-size:19px}.brand-logo{max-width:90px;height:30px}.header-actions{gap:7px}.header-actions button{font-size:12px;padding:0 8px}.hero-visual,.feature-visual{min-height:140px}.hero-visual .no-photo{font-size:24px}.grid,.grid.two,.grid.four{grid-template-columns:1fr}.grid.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-image{height:180px}.page-intro{padding:32px 0}.search-form{flex-direction:column}.search-form .btn{width:100%}.foot-grid{gap:10px 24px}.head-search{font-size:12px}.footer-bottom{display:block}.footer-bottom a{margin-left:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}