*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#121713;color:#e6e3d6;font:16px/1.76 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:#f3d77d}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e5ba4b;outline-offset:3px}.shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:-9999px;z-index:100}.skip:focus{left:20px;top:5px;background:#fff;color:#111;padding:12px}.head{background:#19201b;border-bottom:1px solid #4d4a32;position:relative;z-index:15}.head-row{height:74px;display:flex;align-items:center;gap:22px}.brand{display:flex;gap:9px;align-items:center;font-weight:800;color:#f3d77d;flex-shrink:0;font-size:23px;line-height:1.2}.brand img{max-width:130px;max-height:39px;object-fit:contain}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#d2c8a2}.nav-main{display:flex;align-items:center;gap:16px;flex:1;justify-content:center;font-size:14px}.nav-main a:hover{text-decoration:underline;text-decoration-color:#e5ba4b;text-underline-offset:8px}.head-actions{display:flex;align-items:center;gap:15px;white-space:nowrap;font-size:14px}.menu-btn{border:1px solid #a48a49;color:#f5deb0;background:#303529;border-radius:9px;padding:9px 13px}.channel-rail{background:#24291f;border-top:1px solid #373b2b}.rail-items{display:flex;align-items:center;gap:28px;white-space:nowrap;overflow-x:auto;scrollbar-width:none;font-size:13px;height:45px}.rail-items::-webkit-scrollbar{display:none}.rail-items a{color:#d4d4c6}.eyebrow{color:#e5ba4b;letter-spacing:2px;font-size:12px;font-weight:800;text-transform:uppercase}.hero,.page-lead{display:grid;grid-template-columns:42% 58%;gap:0;min-height:345px;align-items:stretch;background:#222821;border:1px solid #3d4130;border-radius:20px;overflow:hidden;margin-top:32px}.hero-copy,.page-lead>div:first-child{padding:42px;align-self:center}.hero h1{font-size:clamp(29px,3vw,40px);line-height:1.25;color:#faf6e9;margin:10px 0 19px}.hero p,.page-lead p{color:#d5d3c7}.hero-art,.lead-art{min-height:305px;background:radial-gradient(ellipse at 74% 25%,#b68a20 0%,#514521 29%,#252e27 62%,#151c17 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-art::before,.lead-art::before{content:'黄豆短剧';font-size:clamp(32px,5vw,72px);font-weight:900;color:#f3d77d;opacity:.12;letter-spacing:7px;transform:rotate(-12deg)}.hero-art:has(img)::before,.lead-art:has(img)::before{display:none}.hero-art img,.lead-art img{width:100%;height:100%;max-height:390px;object-fit:contain}.page-lead{grid-template-columns:53% 47%;min-height:250px;margin:0 0 28px}.page-lead h1{font-size:clamp(28px,3vw,38px);line-height:1.25;color:#faf6e9;margin:8px 0}.lead-art{min-height:240px}.lead-art img{max-height:300px}.btns{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;background:#e5ba4b;color:#171c17;font-weight:800;border-radius:10px}.btn:hover{background:#f3d77d;color:#171c17}.btn.secondary{background:transparent;border:1px solid #e5ba4b;color:#f3d77d}.crumb{display:flex;gap:10px;color:#bbc4b8;margin:24px 0;font-size:14px}.section{margin:58px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:22px}.section h2{font-size:clamp(22px,2.4vw,28px);color:#faf6e9;margin:0 0 8px}.section-head p{margin:0;color:#c4cabf;max-width:780px}.quiet-link{font-size:14px;color:#f3d77d;font-weight:700}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.genre-card{background:#f4ecd5;color:#242921;padding:20px;border-radius:13px;min-height:145px}.genre-card h3{margin:0 0 5px;font-size:19px}.genre-card p{font-size:14px;color:#3b413b;margin:0}.genre-card:nth-child(2n){background:#fff1c5}.genre-card:nth-child(3n){background:#d7e4da}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.feature{background:#303529;border-radius:16px;padding:24px}.feature.alt{background:#f4ecd5;color:#242921}.feature.alt h2,.feature.alt h3{color:#242921}.feature h3{font-size:23px;margin:8px 0;color:#faf6e9}.feature p{margin:8px 0 18px}.feature-art{height:240px;border-radius:12px;background:linear-gradient(120deg,#384639,#756128);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#eedda4;font-weight:800;letter-spacing:3px}.feature-art img{width:100%;height:100%;object-fit:contain}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.work-card{display:flex;background:#222821;border:1px solid #3c443a;border-radius:14px;overflow:hidden;min-width:0}.work-icon{display:grid;place-items:center;width:92px;min-width:92px;background:linear-gradient(140deg,#9b7831,#3f4932);font-size:36px;color:#fff0c6;font-weight:700}.work-body{padding:17px;min-width:0}.work-card h3{font-size:18px;margin:2px 0;color:#faf6e9}.work-card p{font-size:13px;color:#c4cabf;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.work-meta{color:#f3d77d;font-size:12px}.state{display:block;color:#adc7b5;font-size:12px;margin:8px 0}.chapter-list{display:grid;gap:10px}.chapter-list li{padding:13px 16px;border-radius:10px;background:#303529;list-style:none}.chapter-list a{color:#f3d77d}.longread{background:#f4ecd5;color:#242921;padding:26px 32px;border-radius:16px;line-height:1.95}.longread h2,.longread h3{color:#242921}.longread p{margin:12px 0 18px}.longread li{margin:9px 0}.pill-list{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.pill{border:1px solid #968452;border-radius:99px;padding:3px 13px;color:inherit;font-size:13px}.filters{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:24px}.filters input,.filters select{min-height:46px;border-radius:9px;border:1px solid #8b947e;background:#fdf9eb;color:#171c17;padding:10px 12px;max-width:100%;flex:1}.filters button{border:0}.notice{padding:15px;border-left:3px solid #e5ba4b;background:#303529;border-radius:8px;color:#d9e1d9;margin:16px 0}.detail-head h1{font-size:clamp(30px,4vw,43px);color:#faf6e9;line-height:1.2}.detail-columns{display:grid;grid-template-columns:2fr 1fr;gap:24px}.side-info{padding:22px;background:#303529;border-radius:15px}.episode{padding:15px 0;border-bottom:1px solid #575e4f}.episode h3{margin:0}.episode p{font-size:14px;margin:5px 0}.player{width:100%;aspect-ratio:16/9;background:#0d120f;border:1px solid #4f4e35;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.player video{width:100%;height:100%;max-height:70vh;background:black}.player-empty{text-align:center;padding:25px}.player-empty strong{display:block;font-size:23px;color:#e5ba4b}.footer{background:#0d120f;margin-top:65px;border-top:1px solid #947329;padding:40px 0 17px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:25px}.footer section{display:flex;flex-direction:column;gap:7px}.footer h2{font-size:15px;color:#f3d77d;margin:0 0 8px}.footer a{font-size:13px;color:#ccd2c8}.footer p{font-size:14px;color:#c4cabf}.footbrand{color:#f3d77d;font-size:23px}.footer small{font-size:10px;letter-spacing:2px}.copyright{border-top:1px solid #2d352e;margin-top:32px;padding-top:13px;font-size:12px;color:#aeb9ad}.shade{position:fixed;inset:0;background:#000a;z-index:30}.drawer{position:fixed;right:0;top:0;height:100dvh;width:min(390px,88vw);background:#19201b;z-index:31;transform:translateX(100%);transition:transform .22s;visibility:hidden;pointer-events:none;display:flex;flex-direction:column;box-shadow:-10px 0 40px #0006}.drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{padding:17px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #485044;color:#f3d77d}.drawer-head button{background:transparent;color:white;border:1px solid #929b85;padding:5px 12px;border-radius:8px}.drawer-content{overflow:auto;padding:18px 23px}.drawer h2{font-size:14px;color:#e5ba4b;margin:14px 0 8px}.drawer section a{display:block;padding:10px 0;border-bottom:1px solid #343f35}.drawer small{display:block;color:#b5c0b2;font-size:12px}.mobile-tabs{display:none}.faq details{padding:13px 2px;border-bottom:1px solid #c3b48a}.faq summary{cursor:pointer;font-weight:750}.timeline{border-left:2px solid #b68a20;padding-left:24px}.timeline article{position:relative;margin-bottom:22px}.timeline article::before{content:'';width:11px;height:11px;position:absolute;left:-30px;top:9px;background:#e5ba4b;border-radius:50%}@media(max-width:1080px){.nav-main{gap:10px;font-size:12px}.head-actions>a{display:none}.footer-grid{grid-template-columns:repeat(3,1fr)}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.shell{width:calc(100% - 34px)}.nav-main{display:none}.head-row{height:65px;justify-content:space-between}.brand{font-size:20px}.brand img{max-width:105px}.hero,.page-lead,.split,.detail-columns{grid-template-columns:1fr}.hero,.page-lead{margin-top:18px}.hero-copy,.page-lead>div:first-child{padding:25px 22px}.hero-art,.lead-art{min-height:190px;max-height:300px}.genre-grid,.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{margin:36px 0}.section-head{align-items:start}.feature-art{height:195px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid section:first-child{grid-column:1/-1}.mobile-tabs{position:fixed;bottom:0;left:0;right:0;z-index:22;display:grid;grid-template-columns:repeat(4,1fr);background:#19201b;border-top:1px solid #b68a20;padding-bottom:env(safe-area-inset-bottom);height:calc(59px + env(safe-area-inset-bottom))}.mobile-tabs a{display:grid;place-items:center;font-size:14px;min-height:55px}.footer{padding-bottom:88px}.longread{padding:20px}.section-head{display:block}.section-head>a{display:inline-block;margin-top:8px}}@media(max-width:400px){.genre-grid,.work-grid{grid-template-columns:1fr}.work-icon{width:84px;min-width:84px}.btns{flex-direction:column;align-items:stretch}.hero h1{font-size:28px}.head-actions{gap:4px}.menu-btn{padding:7px 10px}.footer-grid{gap:14px}}