:root{--bg:#10191d;--deep:#0c1418;--wine:#251219;--redcard:#381d29;--teal:#0b3035;--tealcard:#123d43;--panel:#1d2a30;--red:#922d47;--rose:#ee8397;--cyan:#73d7d2;--tealbtn:#08686e;--cream:#f9f5f1;--white:#fff;--mint:#eaf5f2;--pink:#f8e9eb;--gold:#d9b181;--ink:#1d2c31;--copy:#34464a;--night:#fcf7f5;--nightcopy:#e4ebe9;--width:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--nightcopy);font:16px/1.78 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;object-fit:contain;object-position:center;display:block}.wrap{max-width:var(--width);margin:auto;padding-inline:32px}.skip{position:absolute;left:0;top:-100px;z-index:150;background:white;color:#172f35;padding:9px}.skip:focus{top:0}.eyebrow{background:var(--teal);font-size:13px}.eyebrow-inner{min-height:29px;display:flex;align-items:center;gap:18px}.eyebrow-inner span{margin-right:auto}.topbar{background:var(--wine);border-bottom:1px solid #663a46}.mainnav{display:flex;align-items:center;gap:26px;min-height:74px}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0;text-decoration:none!important}.brand-img{max-width:123px;max-height:54px}.brand-word{color:white;font-weight:900;font-size:27px;letter-spacing:-1px;line-height:1.1}.brand-word span{color:var(--rose)}.brand-word small{display:block;font-size:10px;color:var(--cyan);letter-spacing:3px}.nav-primary{display:flex;align-items:center;gap:21px;margin-left:auto;white-space:nowrap}.nav-primary a{font-size:14px;padding:23px 0 17px;border-bottom:3px solid transparent}.nav-primary .active{border-color:var(--cyan);font-weight:800}.nav-actions{display:flex;align-items:center;gap:10px}.search-action,.menu-open{border:1px solid #997e83;border-radius:9px;color:#fff;background:#592c3a;padding:8px 14px;white-space:nowrap;min-height:44px;font-size:14px}.search-action{background:var(--tealbtn);border-color:#398d91}.channels{background:var(--teal);border-bottom:1px solid #31585a}.channel-scroll{display:flex;align-items:center;gap:26px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;min-height:44px}.channel-scroll a{font-size:14px}.channel-scroll .selected{color:var(--cyan);font-weight:800}.menu-overlay{position:fixed;inset:0;background:#0009;z-index:79}.menu-overlay[hidden]{display:none}.all-menu{position:fixed;top:0;right:0;bottom:0;width:min(700px,88vw);z-index:80;background:#f9f5f1;color:#1d2c31;overflow:auto;transform:translateX(105%);visibility:hidden;transition:transform .22s,visibility .22s;box-shadow:-14px 0 40px #0006}.all-menu.open{transform:translateX(0);visibility:visible}.menu-visible{overflow:hidden}.menu-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;background:var(--teal);color:white}.menu-heading small{font-size:12px;color:var(--cyan);margin-left:12px}.menu-heading button{background:#fff;color:#193036;border:0;border-radius:9px;width:44px;height:44px;font-size:29px}.menu-grid{padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 26px}.menu-grid h2{font-size:17px;color:#802c42;margin:0 0 8px}.menu-grid section a{display:inline-block;padding:6px 12px 6px 0;font-size:14px}.main-section{padding:50px 0}.light{background:var(--cream);color:var(--copy)}.mint{background:var(--mint);color:var(--copy)}.pink{background:var(--pink);color:var(--copy)}.dark{background:var(--bg);color:var(--nightcopy)}.wine{background:var(--wine);color:var(--nightcopy)}.teal{background:var(--teal);color:var(--nightcopy)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:23px}.kicker{display:block;letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:800;color:var(--rose);margin-bottom:5px}.light .kicker,.mint .kicker,.pink .kicker{color:#8c2845}.section-head h2,.page-head h1{margin:0;color:inherit}.section-head h2{font-size:27px;line-height:1.35}.section-head .more{font-size:14px;font-weight:700;border-bottom:2px solid currentColor;white-space:nowrap}.hero{background:linear-gradient(125deg,#251219 0%,#321e2a 50%,#0b3035 100%);padding:48px 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(275px,1fr);gap:26px;align-items:stretch}.hero-copy h1{font-size:40px;line-height:1.25;margin:8px 0}.hero-copy h1 b{color:var(--cyan)}.hero-copy .lead{font-size:18px;max-width:700px}.hero-art{max-height:390px;width:100%;border-radius:18px;margin:20px 0 16px;background:#462c37}.hero-grid .story{background:#fff;color:var(--copy)}.hero-aside{display:grid;grid-template-rows:1fr 1fr;gap:18px}.hero-aside h3{color:var(--ink)}.pill-link,.primary-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:white;border-radius:9px;padding:9px 19px;min-height:46px;font-weight:700}.primary-btn.tealbtn{background:var(--tealbtn)}.story{border-radius:13px;padding:23px;background:var(--panel);color:var(--nightcopy);min-width:0;border:1px solid #ffffff12}.story h3{font-size:19px;line-height:1.48;margin:8px 0}.story p{font-size:15px;line-height:1.72;margin:8px 0 15px}.story-label{font-size:13px;font-weight:800;color:var(--cyan)}.source{font-size:13px;opacity:.8}.light .story,.mint .story,.pink .story{background:white;color:var(--copy);border-color:#d8e1e0}.light .story-label,.mint .story-label,.pink .story-label{color:#8b2944}.light .story h3,.mint .story h3,.pink .story h3{color:var(--ink)}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-list{display:grid;gap:11px}.story-list .story{padding:15px 19px}.story-list .story h3{font-size:17px}.story-list .story p{margin:6px 0}.split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:27px;align-items:center}.split.reverse{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.frame{border-radius:17px;min-height:215px;padding:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#492234,#135056);overflow:hidden}.frame img{max-height:320px;width:100%}.frame.tall img{max-height:440px}.frame:empty:before{content:"51 GUAGUA · 文化观察";color:#fffc;letter-spacing:3px;font-size:clamp(17px,2vw,28px);text-align:center}.tiles4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tile{display:flex;flex-direction:column;justify-content:space-between;padding:25px 19px;border-radius:14px;min-height:178px;color:white}.tile:nth-child(4n+1){background:#381d29}.tile:nth-child(4n+2){background:#f8e9eb;color:#1d2c31}.tile:nth-child(4n+3){background:#123d43}.tile:nth-child(4n){background:#eaf5f2;color:#1d2c31}.tile h3{font-size:20px;margin:0}.tile p{font-size:14px;margin:8px 0}.tile span{font-size:14px;font-weight:800}.timeline{border-left:3px solid var(--cyan);margin:20px 0;padding-left:27px;display:grid;gap:17px}.timeline .story{position:relative}.timeline .story:before{content:"";width:12px;height:12px;background:var(--cyan);border-radius:50%;position:absolute;left:-35px;top:24px}.topic-links{display:flex;flex-wrap:wrap;gap:10px;margin:21px 0}.topic-links a{border:1px solid #a7c9c7;border-radius:99px;padding:8px 14px;font-size:14px;background:#ffffff15}.service-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.service-links a{padding:8px 13px;border:1px solid #88b6b3;border-radius:9px;font-size:14px}.page-head{background:linear-gradient(105deg,var(--wine),var(--teal));padding:44px 0 49px}.page-head h1{font-size:36px}.page-head p{font-size:17px;max-width:750px}.breadcrumb{font-size:13px;opacity:.9;margin-bottom:16px}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:29px}.article-prose{font-size:17px;line-height:1.86;background:#fff;color:var(--copy);padding:33px;border-radius:14px}.article-prose h2{font-size:24px;color:var(--ink);margin-top:27px}.article-prose p{margin:0 0 19px}.article-meta{font-size:14px;color:#607375;margin-bottom:22px}.sidebar{align-self:start}.sidebar h2{font-size:18px}.sidebar a{display:block;border-bottom:1px solid #b7c9ca;padding:10px 0}.search-form{display:flex;gap:10px;max-width:850px}.search-form input{flex:1;min-width:0;padding:11px 15px;border:2px solid #bad0ce;border-radius:9px;color:var(--ink);background:#fff;font-size:16px}.search-form button{min-width:100px;border:0;background:var(--red);color:white;border-radius:9px;font-weight:800;min-height:48px}.notice{padding:20px;background:#fff;color:var(--copy);border-radius:11px;border-left:4px solid var(--tealbtn)}.content-block{background:#fff;color:var(--copy);padding:24px;border-radius:12px;margin-bottom:18px}.content-block h2{font-size:22px;color:var(--ink);margin:0 0 10px}.content-block p{margin:0 0 13px}.footer{background:#071d21;color:#e4ebe9;border-top:3px solid var(--red);padding:50px 0 15px}.footer-intro{border-bottom:1px solid #613745;padding-bottom:25px}.footer-brand{font-weight:900;font-size:27px;color:#fff}.footer-brand em{font-size:12px;font-style:normal;color:var(--cyan);margin-left:13px}.footer-intro p{font-size:14px;max-width:500px}.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:22px 0}.footer-links h2{font-size:16px;color:var(--cyan)}.footer-links a{display:block;font-size:14px;margin:7px 0}.footer-bottom{border-top:1px solid #613745;padding-top:14px;display:flex;justify-content:space-between;font-size:13px}.mobile-bottom{display:none}.card-intro{border-radius:15px;background:#fff;padding:27px;color:var(--copy);margin-bottom:20px}.card-intro h2{color:var(--ink);margin:0 0 10px}.muted{opacity:.8}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
@media(max-width:1050px){.nav-primary{gap:12px}.nav-primary a{font-size:13px}.wrap{padding-inline:24px}.mainnav{gap:15px}.tiles4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.nav-primary{display:none}.nav-actions{margin-left:auto}.hero-grid,.split,.split.reverse,.page-layout{grid-template-columns:1fr}.hero-aside{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-grid{grid-template-columns:1fr}.all-menu{width:min(400px,88vw)}.frame{min-height:180px}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){body{font-size:16px;padding-bottom:calc(65px + env(safe-area-inset-bottom))}.wrap{padding-inline:17px}.eyebrow{font-size:11px}.eyebrow-inner{gap:9px}.eyebrow-inner a:first-of-type{display:none}.mainnav{min-height:67px}.brand-word{font-size:23px}.brand-img{max-width:72px;max-height:40px}.search-action{display:none}.menu-open{padding:8px 11px}.hero{padding:31px 0}.hero-copy h1{font-size:30px}.hero-copy .lead{font-size:16px}.hero-aside,.story-grid,.tiles4{grid-template-columns:1fr}.main-section{padding:36px 0}.section-head h2{font-size:23px}.tile{min-height:130px}.frame img{max-height:270px}.page-head h1{font-size:29px}.article-prose{padding:23px 19px;font-size:16px}.search-form button{min-width:79px}.footer-links{gap:9px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:60;bottom:0;left:0;right:0;background:#112e34;border-top:1px solid #426b6c;padding-bottom:env(safe-area-inset-bottom);min-height:56px}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;font-size:25px;line-height:1.05;color:#f7f5f1}.mobile-bottom span{font-size:12px;padding-top:4px}.footer-bottom{gap:15px}}