*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#FFF9F1;color:#4A3C42;font:16px/1.78 system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#751A32}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;object-fit:contain}.container{width:min(100% - 40px,1250px);margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#292025;padding:8px;z-index:100}.skip-link:focus{left:8px}.topline{background:#401B29;color:#E9DBDF;font-size:12px}.top-inner{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.top-inner a{color:#FFE6A0}.header{background:#fff;box-shadow:0 2px 16px #19151C10;position:relative;z-index:5}.head-inner{min-height:70px;display:flex;gap:25px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#19151C;font-size:22px;line-height:1.15;font-weight:850;white-space:nowrap}.logo{width:162px;max-height:55px}.brand-icon{background:#F4C53E;color:#19151C;border-radius:12px;padding:9px 12px}.brand-yellow{color:#A2243D}.brand small{display:block;letter-spacing:1.5px;font-size:9px;margin-top:5px;font-weight:700}.desktop-nav{display:flex;gap:23px;align-items:center;font-weight:700;color:#292025;font-size:14px}.desktop-nav a:hover,.genre-inner a:hover{color:#A2243D}.header-actions{display:flex;align-items:center;gap:12px}.search-link{white-space:nowrap}.menu-button,.menu-top button{padding:9px 13px;border:1px solid #dae5f4;background:#FFF1D2;border-radius:10px;color:#5C2738;font-weight:700;min-height:44px}.genre-bar{background:#FFF1D2}.genre-inner{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:42px;font-size:13px;color:#5C2738;font-weight:650}.menu-overlay{position:fixed;inset:0;background:#401B29a8;z-index:30}.mega-menu{position:fixed;right:0;top:0;bottom:0;z-index:31;width:min(560px,94vw);padding:24px;background:white;overflow-y:auto;box-shadow:-10px 0 30px #0002}.menu-top{display:flex;justify-content:space-between;align-items:center;color:#292025;font-size:20px;border-bottom:1px solid #e6edf6;padding-bottom:12px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.menu-grid h3{font-size:16px;color:#5C2738;margin:22px 0 10px}.menu-grid a{display:block;padding:5px 0;font-size:14px}body.menu-active{overflow:hidden}.hero{background:linear-gradient(110deg,#401B29 0%,#19151C 75%,#5C2738 100%);color:#F8F4F3;min-height:375px;overflow:hidden}.hero-grid{min-height:375px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:42px}.hero h1{font-size:clamp(28px,3.2vw,40px);line-height:1.3;color:#F8F4F3;margin:15px 0}.hero p{color:#E9DBDF;font-size:17px;max-width:590px}.hero-label,.eyebrow{font-weight:750;font-size:12px;letter-spacing:.7px;color:#A2243D}.hero-label{color:#FFE6A0}.hero-art,.feature-image,.section-image{background:linear-gradient(145deg,#751A32,#5C2738);border:1px solid #456c9e;border-radius:17px;min-height:230px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-art{min-height:275px}.hero-art img,.feature-image img,.section-image img{width:100%;max-height:100%;object-fit:contain}.hero-art.no-image:after,.feature-image.no-image:after,.section-image.no-image:after{content:'HUANGGUO  /  ORIGINAL STORIES';position:absolute;bottom:20px;left:22px;font-size:12px;color:#FFE6A0;letter-spacing:2px}.hero-art.no-image:before{content:'每一种想象，都有开场的光。';font-size:25px;color:#fff;font-weight:800;text-align:center;padding:30px}.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 20px;border-radius:10px;background:#F4C53E;color:#401B29;font-weight:800}.btn:hover{background:#FFE6A0;color:#401B29}.btn.secondary{background:#751A32;color:#fff}.btn.outline{border:1px solid #92b3db;background:transparent;color:#fff}.section{padding:58px 0}.section.ice{background:#FFF1D2}.section.cream{background:#FFF1D2}.section.deep{background:#19151C;color:#E9DBDF}.section.deep h2,.section.deep h3{color:#F8F4F3}.section.deep .subtitle{color:#E9DBDF}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:23px}.section-title h2{color:#292025;font-size:clamp(22px,2.4vw,27px);line-height:1.4;margin:0}.subtitle{margin:6px 0 0;max-width:820px}.all-link{color:#751A32;font-weight:750;white-space:nowrap}.deep .all-link{color:#FFE6A0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.work-card,.article-card,.tile,.note-card{background:white;border:1px solid #e2ebf4;border-radius:15px;box-shadow:0 5px 18px #5C27380a;overflow:hidden;display:block;transition:transform .15s,box-shadow .15s}.work-card:hover,.article-card:hover,.tile:hover{transform:translateY(-3px);box-shadow:0 10px 25px #5C273820}.card-art{height:150px;background:linear-gradient(125deg,#FFF1D2,#d4e5fa);display:flex;align-items:center;justify-content:center;position:relative}.card-art:before{content:'◆';font-size:54px;color:#7eaddc;opacity:.65}.card-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.art-mark{position:absolute;top:12px;left:12px;background:#F4C53E;color:#401B29;padding:3px 10px;font-size:11px;font-weight:800;border-radius:20px}.card-body{padding:17px}.card-body h3,.article-card h3{font-size:18px;line-height:1.5;color:#292025;margin:5px 0 6px}.card-body p,.article-card p{margin:0;font-size:14px;line-height:1.7}.read-more{color:#751A32;font-size:13px;font-weight:800;display:inline-block;margin-top:13px}.article-card{padding:24px;min-height:190px}.channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tile{padding:25px;min-height:157px}.tile strong{display:block;font-size:21px;color:#292025}.tile p{margin:7px 0;font-size:14px}.feature-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}.feature-copy{padding:8px 0}.feature-copy h3{color:#292025;font-size:24px;margin:10px 0}.feature-image{min-height:270px}.compact-links{display:grid;gap:12px}.compact-links a,.timeline a{display:block;background:white;border:1px solid #e2ebf4;border-radius:12px;padding:14px 18px;color:#292025}.compact-links a span,.timeline a small{display:block;font-size:13px;color:#697e96}.timeline{border-left:3px solid #F4C53E;padding-left:20px;display:grid;gap:11px}.intro-banner{background:linear-gradient(125deg,#19151C,#A2243D);color:white;padding:45px 0}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.intro-banner h1{font-size:clamp(27px,3vw,36px);margin:8px 0;color:#fff}.intro-banner p{color:#E9DBDF}.section-image{min-height:180px}.breadcrumbs{font-size:13px;color:#71859b;padding:20px 0}.breadcrumbs a{color:#751A32}.long-copy{background:#fff;border:1px solid #e4edf6;border-radius:16px;padding:28px;margin:25px 0;line-height:1.9}.long-copy h2{font-size:23px;color:#292025}.long-copy p{margin:0 0 16px}.status{display:inline-block;padding:4px 12px;background:#FFF1D2;border-radius:30px;color:#745100;font-size:12px;font-weight:800}.entry-header{max-width:850px}.entry-header h1{font-size:clamp(28px,3vw,38px);line-height:1.35;color:#292025;margin:12px 0}.entry-grid{display:grid;grid-template-columns:1.65fr .85fr;gap:27px}.aside-box{border:1px solid #dbe6f4;background:#FFF1D2;padding:23px;border-radius:15px;align-self:start}.aside-box h2{font-size:20px;color:#292025;margin-top:0}.episode-list{display:grid;gap:12px}.episode{padding:18px;border-radius:12px;border:1px solid #e2ebf4;background:#fff}.episode h3{margin:0;color:#292025;font-size:17px}.episode p{margin:5px 0}.episode small{color:#677b8f}.episode a{color:#751A32;font-weight:750}.search-form{display:flex;gap:10px;max-width:760px}.search-form input{flex:1;min-width:0;min-height:48px;border:1px solid #a5bbd4;border-radius:10px;padding:0 14px}.search-form button{min-height:48px;background:#751A32;border:0;border-radius:10px;padding:0 24px;color:white;font-weight:800}.results{display:grid;gap:14px;margin:25px 0}.result{display:block;padding:20px;background:white;border:1px solid #e2ebf4;border-radius:12px}.result h2{font-size:20px;color:#292025;margin:0}.result p{margin:5px 0}.footer{background:#401B29;color:#E9DBDF;padding:46px 0 20px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:40px}.footer h2,.footer h3{color:#F8F4F3;margin:0 0 15px}.footer h2{font-size:23px}.footer h2 span{font-size:12px;color:#F4C53E}.footer h3{font-size:16px}.footer a{display:block;margin:6px 0;color:#E9DBDF}.footer a:hover{color:#FFE6A0}.footer p{font-size:13px}.foot-bottom{font-size:12px;padding-top:24px;margin-top:30px;border-top:1px solid #ffffff25}.mobile-tabs{display:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #D98B77;outline-offset:2px}[hidden]{display:none!important}@media(max-width:1050px){.desktop-nav{gap:10px;font-size:12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:740px){body{font-size:16px;padding-bottom:65px}.container{width:min(100% - 28px,1250px)}.top-inner{font-size:10px}.head-inner{min-height:64px}.brand{font-size:18px}.brand small{font-size:8px}.brand-icon{padding:7px 10px}.logo{width:115px}.desktop-nav,.genre-bar,.search-link span{display:none}.menu-button{font-size:12px;padding:7px 10px}.header-actions{gap:8px}.hero,.hero-grid{min-height:0}.hero-grid,.intro-grid,.feature-layout,.entry-grid{grid-template-columns:1fr}.hero-grid{padding:36px 0}.hero h1{font-size:29px}.hero-art{min-height:185px}.hero-art.no-image:before{font-size:20px}.intro-banner{padding:24px 0}.intro-banner .section-image{display:none}.section{padding:36px 0}.section-title{align-items:start}.section-title h2{font-size:22px}.section-title .all-link{font-size:12px}.cards,.cards.three{grid-template-columns:1fr}.cards.two-mobile,.channels{grid-template-columns:repeat(2,minmax(0,1fr))}.channels{gap:10px}.tile{min-height:140px;padding:15px}.tile strong{font-size:16px}.card-art{height:165px}.article-card{min-height:unset}.feature-image{min-height:170px}.foot-grid{grid-template-columns:1fr 1fr;gap:25px}.foot-grid>div:first-child{grid-column:1/-1}.footer{padding:35px 0 24px}.mobile-tabs{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);background:white;border-top:1px solid #d8e6f5;box-shadow:0 -3px 12px #0001}.mobile-tabs a{min-height:60px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:24px;color:#5C2738;line-height:1.2}.mobile-tabs span{font-size:11px}.menu-grid{grid-template-columns:1fr 1fr;gap:12px}.long-copy{padding:19px}.search-form button{padding:0 14px}}@media(max-width:380px){.brand small{display:none}.menu-grid{grid-template-columns:1fr}.channels{grid-template-columns:1fr 1fr}}
/* 黄豆红黄电影杂志主题修饰 */
.hero{background:linear-gradient(115deg,#401B29,#19151C)}.hero-label,.eyebrow{color:#F4C53E}.genre-bar{background:#FFF1D2}.intro-banner{background:linear-gradient(125deg,#401B29,#751A32)}.footer{background:#19151C}.btn.secondary{background:#751A32}.hero-art.no-image{background:linear-gradient(135deg,#5C2738,#A2243D)}.section.deep{background:#401B29}.brand-icon{background:#F4C53E;color:#292025}.section.ice{background:#F9E8E6}