*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F6F9FD;color:#3D5167;font:16px/1.78 system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#245CB2}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:#15273F;padding:8px;z-index:100}.skip-link:focus{left:8px}.topline{background:#0D1931;color:#DEE9F6;font-size:12px}.top-inner{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.top-inner a{color:#FFE69A}.header{background:#fff;box-shadow:0 2px 16px #102B5310;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:#102B53;font-size:22px;line-height:1.15;font-weight:850;white-space:nowrap}.logo{width:162px;max-height:55px}.brand-icon{background:#F6C946;color:#102B53;border-radius:12px;padding:9px 12px}.brand-yellow{color:#2466C1}.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:#15273F;font-size:14px}.desktop-nav a:hover,.genre-inner a:hover{color:#2466C1}.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:#E9F2FF;border-radius:10px;color:#153968;font-weight:700;min-height:44px}.genre-bar{background:#E9F2FF}.genre-inner{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:42px;font-size:13px;color:#153968;font-weight:650}.menu-overlay{position:fixed;inset:0;background:#0D1931a8;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:#15273F;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:#153968;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,#0D1931 0%,#102B53 75%,#153968 100%);color:#F9FCFF;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:#F9FCFF;margin:15px 0}.hero p{color:#DEE9F6;font-size:17px;max-width:590px}.hero-label,.eyebrow{font-weight:750;font-size:12px;letter-spacing:.7px;color:#2466C1}.hero-label{color:#FFE69A}.hero-art,.feature-image,.section-image{background:linear-gradient(145deg,#245CB2,#153968);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:#FFE69A;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:#F6C946;color:#0D1931;font-weight:800}.btn:hover{background:#FFE69A;color:#0D1931}.btn.secondary{background:#245CB2;color:#fff}.btn.outline{border:1px solid #92b3db;background:transparent;color:#fff}.section{padding:58px 0}.section.ice{background:#E9F2FF}.section.cream{background:#FFF7DF}.section.deep{background:#102B53;color:#DEE9F6}.section.deep h2,.section.deep h3{color:#F9FCFF}.section.deep .subtitle{color:#DEE9F6}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:23px}.section-title h2{color:#15273F;font-size:clamp(22px,2.4vw,27px);line-height:1.4;margin:0}.subtitle{margin:6px 0 0;max-width:820px}.all-link{color:#245CB2;font-weight:750;white-space:nowrap}.deep .all-link{color:#FFE69A}.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 #1539680a;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 #15396820}.card-art{height:150px;background:linear-gradient(125deg,#E9F2FF,#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:#F6C946;color:#0D1931;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:#15273F;margin:5px 0 6px}.card-body p,.article-card p{margin:0;font-size:14px;line-height:1.7}.read-more{color:#245CB2;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:#15273F}.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:#15273F;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:#15273F}.compact-links a span,.timeline a small{display:block;font-size:13px;color:#697e96}.timeline{border-left:3px solid #F6C946;padding-left:20px;display:grid;gap:11px}.intro-banner{background:linear-gradient(125deg,#102B53,#2466C1);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:#DEE9F6}.section-image{min-height:180px}.breadcrumbs{font-size:13px;color:#71859b;padding:20px 0}.breadcrumbs a{color:#245CB2}.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:#15273F}.long-copy p{margin:0 0 16px}.status{display:inline-block;padding:4px 12px;background:#FFF7DF;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:#15273F;margin:12px 0}.entry-grid{display:grid;grid-template-columns:1.65fr .85fr;gap:27px}.aside-box{border:1px solid #dbe6f4;background:#E9F2FF;padding:23px;border-radius:15px;align-self:start}.aside-box h2{font-size:20px;color:#15273F;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:#15273F;font-size:17px}.episode p{margin:5px 0}.episode small{color:#677b8f}.episode a{color:#245CB2;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:#245CB2;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:#15273F;margin:0}.result p{margin:5px 0}.footer{background:#0D1931;color:#DEE9F6;padding:46px 0 20px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:40px}.footer h2,.footer h3{color:#F9FCFF;margin:0 0 15px}.footer h2{font-size:23px}.footer h2 span{font-size:12px;color:#F6C946}.footer h3{font-size:16px}.footer a{display:block;margin:6px 0;color:#DEE9F6}.footer a:hover{color:#FFE69A}.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:#153968;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}}