:root{--dark:#0B0D11;--black:#181D23;--card:#222830;--yellow:#EAC047;--gold:#F4D36C;--paper:#F8F7F2;--cream:#FBF1D8;--text:#1D2429;--sub:#39464C;--line:#d7dbd8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font:16px/1.75 system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:var(--text)}a{color:inherit;text-decoration:none}a:hover{color:#806019}button,input{font:inherit}button{cursor:pointer}.container{width:min(1260px,calc(100% - 60px));margin:auto}.topline{background:#0B0D11;color:#E2E7E8;font-size:12px}.topflex{min-height:30px;display:flex;justify-content:space-between;align-items:center;gap:10px}.topflex a:hover{color:var(--yellow)}.mast{background:var(--black);color:#fafbf8}.mainnav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand small{font-size:10px;letter-spacing:2px;color:#e2e7e8}.brand-mark{font-size:26px;letter-spacing:1px}.brand-mark span{color:var(--yellow)}.brand-img{max-height:38px;max-width:180px;width:auto;height:auto}.desktop-nav{display:flex;gap:clamp(12px,1.5vw,28px);align-items:center}.desktop-nav a{font-size:15px;white-space:nowrap;padding:20px 0;border-bottom:2px solid transparent}.desktop-nav a:hover{border-color:var(--yellow);color:var(--yellow)}.nav-actions{display:flex;align-items:center;gap:15px}.nav-toggle{background:var(--yellow);color:var(--dark);border:0;border-radius:8px;padding:8px 14px;font-weight:700}.icon-link{white-space:nowrap}.topic-strip{background:var(--cream);border-bottom:1px solid #e4dcbf}.strip-inner{display:flex;align-items:center;gap:34px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;padding:9px 0;font-size:14px}.skip{position:absolute;top:-100px;left:10px;z-index:1000;background:var(--yellow);padding:10px}.skip:focus{top:5px}.mega{visibility:hidden;pointer-events:none;position:fixed;z-index:110;right:0;top:0;bottom:0;width:min(840px,88vw);overflow-y:auto;background:#222830;color:#fff;padding:30px;transform:translateX(100%);transition:transform .2s,visibility .2s}.mega.open{visibility:visible;pointer-events:auto;transform:translateX(0)}.menu-overlay{position:fixed;inset:0;background:#0009;z-index:109}.menu-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #56606b;padding-bottom:15px}.close-menu{border:1px solid #fff7;background:none;color:#fff;border-radius:8px;padding:8px 15px}.menu-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.menu-cols a{display:block;border-bottom:1px solid #46505c;padding:9px 0}.menu-cols small{display:block;color:#BAC5C8;font-size:12px;line-height:1.5}.menu-cols b{font-size:15px;color:#F4D36C}.menu-open{overflow:hidden}.hero{background:var(--dark);color:#f9fbf8;border-radius:18px;display:grid;grid-template-columns:44% 56%;overflow:hidden;margin-top:30px;min-height:345px}.hero-copy{padding:45px 40px;align-self:center}.hero h1{font-size:clamp(27px,3vw,39px);line-height:1.28;margin:13px 0 18px}.hero p{color:#E2E7E8}.hero-visual{background:#30363E;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-visual img{max-width:100%;max-height:390px;width:auto;height:auto;object-fit:contain}.eyebrow{font-size:12px;color:#806019;letter-spacing:.09em;font-weight:800}.hero .eyebrow,.dark .eyebrow{color:#F4D36C}.btn{display:inline-block;background:var(--yellow);color:#14191E;font-weight:800;border:0;padding:10px 20px;border-radius:9px;min-height:44px;margin:4px 8px 4px 0}.btn-alt{background:transparent;color:#fff;border:1px solid #bac5c8}.hero-actions{margin-top:20px}.section{padding-top:42px;padding-bottom:30px}.section-header{display:flex;gap:20px;justify-content:space-between;align-items:end;margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:11px}.section h2,h2{font-size:clamp(22px,2vw,27px);line-height:1.35;margin:0 0 15px}.section-header p{max-width:600px;margin:0;color:#53636C}.section-header h2{margin:0}.channel-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.channel{background:#fff;border:1px solid #e4e1d8;border-radius:10px;padding:16px}.channel strong{display:block}.channel small{display:block;font-size:12px;color:#53636c}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.story{background:#fff;border:1px solid #e4e1d8;border-radius:12px;padding:22px;min-width:0}.story h3{font-size:19px;line-height:1.5;margin:9px 0}.story p{color:#39464C;margin:0 0 14px;font-size:14px}.readlink{font-size:13px;color:#806019;font-weight:800}.pair{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}.pair.reverse{grid-template-columns:1fr 1.15fr}.feature{border-radius:13px;padding:24px;background:#fff;border:1px solid #e0e1de}.feature.dark{background:#222830;color:#fff;border-color:#30363e}.feature.dark p{color:#e2e7e8}.feature.cream{background:#FBF1D8}.feature img,.intro-image{width:100%;max-height:270px;object-fit:contain;border-radius:10px;background:#30363e;margin-bottom:12px}.feature h3{font-size:22px;line-height:1.4;margin:10px 0}.feature p{color:#39464C}.tiny-list{list-style:none;padding:0;margin:0}.tiny-list li{padding:13px 0;border-bottom:1px solid #d5d9d7}.tiny-list a{font-weight:700}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.topic-card{background:#fff;border-left:4px solid var(--yellow);padding:19px;border-radius:10px}.topic-card p{color:#53636c;font-size:14px}.bread{font-size:13px;color:#53636c;margin:8px 0 20px}.page-intro{background:#fff;border:1px solid #e1e1db;border-radius:16px;display:grid;grid-template-columns:1fr auto;gap:30px;padding:34px;margin-bottom:35px}.page-intro h1,.article-head h1{font-size:clamp(27px,3vw,37px);line-height:1.3;margin:10px 0}.page-intro p{font-size:17px;color:#39464c}.page-intro .intro-image{max-width:380px;max-height:220px;align-self:center}.reading{max-width:780px;font-size:17px;line-height:1.84}.reading p{margin:14px 0 24px}.reading section{margin:32px 0}.knowledge{background:#FBF1D8;padding:28px;border-radius:14px;margin:35px 0}.linkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.linkgrid a{background:white;padding:14px;border:1px solid #e2e2dc;border-radius:9px}.meta{color:#53636c;font-size:14px}.article-head{max-width:800px}.article-head p{font-size:18px;color:#39464c}.search-form{display:flex;gap:10px;margin:25px 0}.search-form input{border:1px solid #aeb8bf;border-radius:9px;min-height:46px;padding:10px 15px;flex:1;min-width:0}.pagination{display:flex;gap:12px;margin:25px 0}.pagination a,.pagination b{display:block;padding:8px 14px;border:1px solid #d7dbd8;border-radius:8px}.foot{background:#13161B;color:#f9fbf8;margin-top:55px;padding:44px 0 23px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:25px}.footer-grid h3{font-size:15px;color:#F4D36C}.footer-grid h2{font-size:23px}.footer-grid h2 small{display:block;font-size:10px}.footer-grid p{color:#BAC5C8;font-size:14px}.footer-grid a{display:block;font-size:14px;padding:4px 0}.foot-bottom{border-top:1px solid #40444d;margin-top:35px;padding-top:17px;font-size:12px;color:#BAC5C8}.mobile-bottom{display:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d98069;outline-offset:3px}@media(max-width:1024px){.desktop-nav{display:none}.channel-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}.story-grid,.topic-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.container{width:calc(100% - 34px)}.topline{display:none}.mainnav{min-height:63px;gap:10px}.brand small{display:none}.brand-mark{font-size:22px}.nav-actions{gap:8px}.nav-toggle{font-size:13px;padding:8px}.icon-link span{display:none}.strip-inner{gap:24px}.hero{grid-template-columns:1fr;margin-top:15px}.hero-copy{padding:27px 23px}.hero-visual:empty{display:none}.hero-visual img{max-height:240px}.section{padding-top:28px;padding-bottom:16px}.channel-grid{grid-template-columns:repeat(2,1fr)}.channel{padding:12px}.pair,.pair.reverse,.story-grid,.topic-grid,.linkgrid{grid-template-columns:1fr}.page-intro{grid-template-columns:1fr;padding:23px}.page-intro .intro-image{max-width:100%}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>div:first-child{grid-column:span 2}.foot{padding-bottom:85px}.mobile-bottom{position:fixed;z-index:40;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#181D23;color:#fff;padding:8px 0 calc(8px + env(safe-area-inset-bottom));text-align:center;box-shadow:0 -2px 10px #0002}.mobile-bottom a{min-height:36px;font-size:14px}.mega{padding:18px}.menu-cols{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mega{transition:none}}