:root{--black:#17191D;--black-2:#1E2126;--black-3:#262A30;--graphite:#31363D;--smoke:#424850;--bg:#F1F1EF;--bg-2:#E9E9E6;--bg-3:#F7F7F5;--surface:#FFFFFF;--surface-dark:#202329;--surface-dark-2:#292D34;--gold:#C6A15B;--gold-2:#DEC382;--gold-soft:#F3E9D3;--wine:#7A2638;--wine-2:#96344A;--blue-gray:#65798A;--green:#66816F;--text:#202227;--text-2:#555B63;--text-3:#8A9097;--text-light:#F4F4F1;--text-light-2:#C8CBD0;--line:rgba(32,34,39,.10);--line-dark:rgba(255,255,255,.08);--line-gold:rgba(198,161,91,.32);--shadow:0 6px 24px rgba(18,20,24,.10);--shadow-dark:0 16px 40px rgba(0,0,0,.24);--radius:10px;--radius-card:14px;--radius-large:20px;--wrap:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;object-fit:cover}.wrap{width:min(calc(100% - 40px),var(--wrap));margin:auto}.briefbar{background:var(--black);color:var(--text-light);font-size:13px}.briefbar .wrap{height:30px;display:flex;align-items:center;gap:24px;overflow:hidden;white-space:nowrap}.briefbar strong{color:var(--gold-2)}.site-header{position:sticky;top:0;z-index:50;background:rgba(241,241,239,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);transition:.2s}.site-header.scrolled{background:rgba(255,255,255,.97);box-shadow:var(--shadow)}.header-inner{height:68px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;white-space:nowrap}.brand img{width:34px;height:34px;border-radius:50%}.main-nav{display:flex;gap:20px;flex:1}.main-nav a{color:var(--text-2);font-size:14px;position:relative;padding:23px 0}.main-nav a:hover,.main-nav a.active{color:var(--black)}.main-nav a.active:after{content:"";height:2px;background:var(--gold);position:absolute;left:25%;right:25%;bottom:12px}.header-actions{display:flex;align-items:center;gap:14px;font-size:13px}.menu-btn{border:0;background:var(--black);color:white;padding:9px 12px;border-radius:8px}.drawer{position:fixed;right:-340px;top:0;width:320px;height:100%;z-index:90;background:var(--surface-dark);color:white;padding:30px;display:flex;flex-direction:column;gap:12px;transition:.25s}.drawer.open{right:0}.drawer button{align-self:flex-end;background:none;border:0;color:white}.hero{display:grid;grid-template-columns:60% 40%;min-height:520px;margin-top:34px;border-radius:var(--radius-large);overflow:hidden;background:linear-gradient(135deg,#F4F4F1 0%,#E9E9E6 58%,#D9D8D3 100%);box-shadow:var(--shadow)}.hero-copy{padding:70px}.hero h1,.inner-hero h1,.app-hero h1{font-size:clamp(36px,5vw,68px);line-height:1.08;margin:18px 0}.hero-copy>p{font-size:18px;color:var(--text-2);max-width:720px}.hero-media img{width:100%;height:100%}.badge,.status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px}.badge.gold{background:var(--black);color:var(--gold-2)}.badge.blue,.status.reply{background:#E6EDF1;color:#4F6677}.status.ok{background:#E7EFEA;color:#52705E}.status.pending{background:#F4EEDC;color:#7A652E}.status.hot{background:#F5E5E9;color:var(--wine)}.status.neutral{background:#ECEDEE;color:var(--text-2)}.meta-row,.cta-row,.filter-row,.principles,.project-strip,.tag-wall{display:flex;gap:10px;flex-wrap:wrap}.meta-row{margin:22px 0;color:var(--text-3);font-size:13px}.btn{display:inline-flex;padding:12px 18px;border-radius:9px;background:var(--black);color:white;border:1px solid var(--black);font-weight:700}.btn:hover{background:var(--gold);border-color:var(--gold);color:var(--black)}.btn.secondary{background:white;color:var(--black);border-color:var(--line-gold)}.section{padding:70px 0}.section+.section{border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr minmax(280px,520px);gap:30px;align-items:end;margin-bottom:28px}.section-head h2{font-size:clamp(28px,4vw,44px);margin:4px 0}.section-head p{color:var(--text-2);margin:0}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--wine);font-weight:800}.tag-wall button,.tag-wall a,.filter-row a,.principles span,.project-strip span{background:white;border:1px solid var(--line);padding:11px 14px;border-radius:999px}.rank-list{background:white;border-radius:var(--radius-card);overflow:hidden}.rank-list article{display:grid;grid-template-columns:90px 1fr auto 80px;gap:18px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.rank{font-size:18px;color:var(--gold)}.rank-list h3,.flash-list h3{margin:0 0 4px}.rank-list p,.flash-list p{margin:0;color:var(--text-2)}.rank-list em{font-style:normal;text-align:right}.flash-list{background:var(--bg-3);border-top:2px solid var(--black)}.flash-list article{display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.flash-list article:nth-child(2n){border-left:3px solid var(--wine)}.split-cards,.magazine-grid,.response-grid,.verify-grid,.archive-grid,.comment-grid,.people-grid,.week-grid,.calendar-grid,.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.split-cards article,.magazine-grid article,.response-grid article,.verify-grid article,.archive-grid article,.content-panel,.oldnews,.comment-grid article,.people-grid article,.week-grid article,.calendar-grid article,.lesson-grid article{background:white;border:1px solid var(--line);border-radius:var(--radius-card);padding:22px}.timeline{display:flex;gap:18px;overflow:auto;padding-bottom:10px}.timeline article{min-width:230px;background:var(--surface-dark);color:var(--text-light);padding:22px;border-radius:var(--radius-card);position:relative}.timeline article:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--gold);position:absolute;top:22px;right:22px}.timeline time{display:block;color:var(--gold-2);font-size:12px}.timeline.vertical{display:grid;overflow:visible}.timeline.vertical article{min-width:0}.editorial-list article{display:grid;grid-template-columns:1fr 2fr;gap:25px;padding:18px 0;border-bottom:1px solid var(--line)}.media-split{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--surface-dark);color:white;border-radius:var(--radius-large);overflow:hidden}.media-split.reverse{background:white;color:var(--text)}.media-split>img{width:100%;height:100%;min-height:340px}.media-split>div{padding:50px}.text-link{color:var(--wine);font-weight:700}.note-panel{background:linear-gradient(135deg,var(--surface-dark),var(--black));color:white;padding:45px;border-left:4px solid var(--gold);border-radius:var(--radius-card)}.glossary{display:grid;grid-template-columns:1fr 1fr;gap:18px}.glossary>div{background:white;padding:22px;border-radius:var(--radius-card)}.glossary dt{font-size:20px;font-weight:bold}.before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}.before-after>div{background:white;padding:28px;border-radius:var(--radius-card)}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-grid article{background:var(--black);color:white;border-radius:var(--radius-card);overflow:hidden}.topic-grid img{aspect-ratio:16/9;width:100%}.topic-grid article div{padding:22px}.archive-ledger{display:grid;grid-template-columns:1fr 1fr;gap:18px}.archive-ledger article{border-top:3px solid var(--gold);background:white;padding:30px}.archive-ledger b{color:var(--wine)}.works-list article,.recommend-list article{display:grid;grid-template-columns:1.2fr .4fr 2fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.relation-map{background:white;min-height:180px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;border-radius:var(--radius-card)}.relation-map span{padding:16px;background:var(--bg-2);border:1px solid var(--line-gold);border-radius:10px}.relation-map i{color:var(--gold);font-size:24px}.comment-stack blockquote{margin:0 0 14px;padding:14px 18px;background:var(--bg);border-left:3px solid var(--gold)}.comment-grid img{width:42px;height:42px;border-radius:50%;margin-bottom:12px}.like-btn{border:1px solid var(--line);background:white;border-radius:999px;padding:6px 10px}.trend-bars>div{display:grid;grid-template-columns:160px 1fr 60px;gap:16px;align-items:center;margin:14px 0}.trend-bars i{height:10px;background:linear-gradient(90deg,var(--black) var(--w),var(--bg-2) var(--w));border-radius:999px}.faq-list details{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;margin-bottom:10px}.faq-list summary{font-weight:800;cursor:pointer}.faq-list.wide details{padding:24px}.inner-hero{padding:72px 0;background:linear-gradient(135deg,#F4F4F1,#E4E3DF)}.inner-hero-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:center}.inner-hero-grid>img{border-radius:var(--radius-large);max-height:360px;width:100%}.app-hero{background:linear-gradient(135deg,var(--black-3),var(--black));color:white;padding:80px 0}.app-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.phone-stack{display:flex;align-items:center;justify-content:center;gap:18px;filter:drop-shadow(0 0 34px rgba(198,161,91,.18))}.phone-stack img{max-height:500px;width:auto;border-radius:20px}.search-form{display:flex;gap:10px;max-width:760px}.search-form input{flex:1;border:1px solid var(--line);background:white;padding:14px;border-radius:8px;font-size:16px}.search-form input:focus{outline:2px solid var(--gold)}.site-footer{margin-top:50px;background:linear-gradient(135deg,#202329,#17191D);color:var(--text-light-2);border-top:1px solid var(--gold);padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-grid h3{color:white}.footer-grid a{display:block;margin:8px 0}.footer-grid a:hover{color:var(--gold-2)}.footer-brand{color:white}.footer-bottom{border-top:1px solid var(--line-dark);margin-top:35px;padding-top:18px;font-size:13px}.mobile-nav{display:none}.to-top{position:fixed;right:24px;bottom:24px;width:42px;height:42px;border:0;border-radius:50%;background:var(--black);color:white;opacity:0;pointer-events:none}.to-top.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(16px);transition:.5s}.reveal.visible{opacity:1;transform:none}@media(max-width:1200px){.main-nav{gap:12px}.header-actions a:nth-child(-n+2){display:none}}@media(max-width:1024px){.main-nav{display:none}.hero{grid-template-columns:1fr}.hero-media{max-height:420px}.split-cards,.response-grid,.verify-grid,.archive-grid,.comment-grid,.people-grid,.week-grid,.calendar-grid,.lesson-grid{grid-template-columns:repeat(2,1fr)}.topic-grid{grid-template-columns:1fr 1fr}.app-grid,.inner-hero-grid{grid-template-columns:1fr}}@media(max-width:900px){.section-head{grid-template-columns:1fr}.media-split{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.works-list article,.recommend-list article,.editorial-list article{grid-template-columns:1fr}.hero-copy{padding:48px}}@media(max-width:768px){.wrap{width:min(calc(100% - 26px),var(--wrap))}.briefbar .wrap{gap:16px}.hero{margin-top:18px}.hero-copy{padding:34px 24px}.section{padding:48px 0}.split-cards,.magazine-grid,.response-grid,.verify-grid,.archive-grid,.comment-grid,.week-grid,.calendar-grid,.lesson-grid,.topic-grid,.glossary,.archive-ledger{grid-template-columns:1fr}.people-grid{grid-template-columns:repeat(2,1fr)}.before-after{grid-template-columns:1fr}.before-after>b{transform:rotate(90deg);text-align:center}.footer-grid{grid-template-columns:1fr}.mobile-nav{position:fixed;z-index:60;display:flex;left:0;right:0;bottom:0;height:58px;background:rgba(255,255,255,.97);border-top:1px solid var(--line);justify-content:space-around;align-items:center;font-size:12px}.site-footer{padding-bottom:85px}.to-top{bottom:74px}.trend-bars>div{grid-template-columns:100px 1fr 45px}}@media(max-width:600px){.header-inner{height:60px}.header-actions a{display:none}.hero h1,.inner-hero h1,.app-hero h1{font-size:38px}.people-grid{grid-template-columns:1fr}.rank-list article{grid-template-columns:58px 1fr}.rank-list article .status,.rank-list article em{grid-column:2}.flash-list article{grid-template-columns:56px 1fr}.flash-list .status{grid-column:2}.phone-stack{flex-direction:column}.app-hero{padding:50px 0}.meta-row{display:grid}.relation-map{padding:20px}}