:root{--black:#17191D;--black-2:#1E2126;--black-3:#262A30;--graphite:#31363D;--smoke:#424850;--bg:#F1F1EF;--bg-2:#E9E9E6;--bg-3:#F7F7F5;--surface:#fff;--gold:#C6A15B;--gold-2:#DEC382;--gold-soft:#F3E9D3;--wine:#7A2638;--blue-gray:#65798A;--green:#66816F;--text:#202227;--text-2:#555B63;--text-3:#8A9097;--line:rgba(32,34,39,.10);--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:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{width:min(var(--wrap),calc(100% - 40px));margin:auto}.briefbar{background:var(--black);color:#F4F4F1;font-size:13px}.briefbar .wrap{height:30px;display:flex;gap:20px;align-items:center;overflow:hidden}.briefbar b{color:var(--gold-2);white-space:nowrap}.site-header{height:68px;position:sticky;top:0;z-index:20;background:rgba(241,241,239,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.site-header.scrolled{background:rgba(255,255,255,.97)}.nav-wrap{height:100%;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.brand img{width:34px;height:34px;object-fit:contain}.desktop-nav{display:flex;gap:18px;align-items:center;flex:1}.desktop-nav a{font-size:14px;color:var(--text-2);position:relative;padding:22px 0}.desktop-nav a.active{color:var(--black);font-weight:700}.desktop-nav a.active:after{content:"";position:absolute;left:50%;bottom:10px;width:22px;height:2px;background:var(--gold);transform:translateX(-50%)}.nav-tools{display:flex;gap:13px;align-items:center;font-size:14px}.menu-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 12px}.drawer{position:fixed;right:-320px;top:0;width:300px;height:100vh;background:var(--surface);z-index:50;padding:24px;box-shadow:0 10px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:14px;transition:.25s}.drawer.open{right:0}.drawer-close{align-self:flex-end}.home-hero{padding:56px 0 30px}.hero-grid,.split{display:grid;grid-template-columns:1.5fr 1fr;gap:34px;align-items:center}.hero-copy,.page-hero .split>div:first-child{padding:42px;border-radius:var(--radius-large);background:linear-gradient(135deg,#F4F4F1 0%,#E9E9E6 58%,#D9D8D3 100%);border:1px solid rgba(0,0,0,.06)}.hero-copy h1,.page-hero h1{font-size:clamp(36px,5vw,64px);line-height:1.08;margin:14px 0 20px;letter-spacing:-.04em}.hero-copy p,.page-hero p{font-size:18px;color:var(--text-2)}.hero-image img,.page-hero img{width:100%;height:440px;object-fit:cover;border-radius:var(--radius-large)}.eyebrow{color:#7c6538;font-size:13px;font-weight:800;letter-spacing:.12em}.hero-state{margin:25px 0;padding:18px;border-left:3px solid var(--wine);background:rgba(255,255,255,.55);display:grid;gap:5px}.hero-state small{color:var(--text-3)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;padding:11px 18px;border-radius:9px;background:var(--black);color:white;font-weight:700}.btn:hover{background:var(--gold);color:var(--black)}.btn.ghost{background:#fff;color:var(--black);border:1px solid rgba(198,161,91,.6)}.page-hero{padding:48px 0 18px}.section{padding:52px 0}.section:nth-of-type(even){background:rgba(255,255,255,.35)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:22px}.section-head h2{font-size:32px;margin:5px 0 0}.section-head p{max-width:620px;margin:0;color:var(--text-2)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--surface);padding:22px;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:0 6px 24px rgba(18,20,24,.06)}.card h3{font-size:19px;line-height:1.35}.card p{color:var(--text-2)}.card-meta{display:flex;justify-content:space-between;color:var(--text-3);font-size:12px}.status{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:12px;background:#eee}.status.ok{background:#e4ece7;color:#3e6250}.status.info{background:#e4e9ed;color:#50677a}.status.gold{background:var(--gold-soft);color:#7d622e}.status.pending{background:#eee3c8;color:#725b26}.status.muted{background:#eee;color:#666}.tag-wall{display:flex;gap:12px;flex-wrap:wrap}.tag-wall span{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:999px}.tag-wall span:before{content:"•";color:var(--gold);margin-right:8px}.rank-list{background:#fff;border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--line)}.rank-list a{display:grid;grid-template-columns:70px 1fr 110px;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line);align-items:center}.rank-list a:last-child{border:0}.rank-list b{font-size:24px;color:var(--gold)}.rank-list span{display:grid}.rank-list small{color:var(--text-3)}.rank-list em{font-style:normal;text-align:right;color:var(--wine)}.timeline{display:grid;gap:0}.timeline article{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:0 0 26px;position:relative}.timeline article:before{content:"";position:absolute;left:94px;top:10px;bottom:-10px;width:1px;background:var(--gold)}.timeline time{font-weight:800;color:var(--gold)}.timeline time small{display:block;color:var(--text-3)}.timeline article>div{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:18px}.panel{background:#fff;padding:22px;border-radius:var(--radius-card);border:1px solid var(--line)}.clean-list{display:grid;gap:12px;padding-left:22px}.media-block,.editor-pick{display:grid;grid-template-columns:1fr 1.4fr;gap:26px;background:#fff;padding:20px;border-radius:var(--radius-card);align-items:center}.media-block img,.editor-pick img{height:260px;width:100%;object-fit:cover;border-radius:10px}.verify-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.verify-grid article{background:#fff;border-top:3px solid var(--gold);padding:18px;border-radius:0 0 12px 12px}.compare{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:18px}.compare>div{background:#fff;padding:24px;border-radius:var(--radius-card)}.compare>strong{text-align:center;font-size:30px;color:var(--gold)}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.topic-grid article{background:var(--black-2);color:#F4F4F1;border-radius:var(--radius-card);overflow:hidden}.topic-grid img{height:220px;width:100%;object-fit:cover;filter:grayscale(.3)}.topic-grid article div{padding:20px}.relation{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:40px;background:#fff;border-radius:var(--radius-card)}.relation span{padding:12px 18px;border:1px solid rgba(198,161,91,.6);border-radius:999px}.relation i{color:var(--gold);font-style:normal}.opinion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.opinion-grid blockquote{margin:0;background:#fff;padding:22px;border-left:3px solid var(--gold)}.comments p{background:#fff;padding:16px 18px;border-radius:10px}.week-grid,.calendar-grid,.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.week-grid>div,.calendar-grid>div,.principle-grid>div{background:#fff;padding:18px;border-radius:12px}.lesson-list{counter-reset:item;list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.lesson-list li{background:#fff;padding:18px;border-radius:12px}.lesson-list li:before{counter-increment:item;content:counter(item,decimal-leading-zero);display:block;color:var(--gold);font-size:24px;font-weight:800}.bars{display:grid;gap:14px}.bars div{display:grid;grid-template-columns:120px 1fr 60px;align-items:center;gap:14px}.bars i{height:10px;background:linear-gradient(90deg,var(--gold) var(--v),#ddd var(--v));border-radius:999px}.faq{display:grid;gap:10px}.faq details{background:#fff;border:1px solid var(--line);padding:16px 18px;border-radius:10px}.faq summary{font-weight:700;cursor:pointer}.site-footer{margin-top:48px;background:linear-gradient(135deg,#202329,#17191D);color:#C8CBD0;border-top:1px solid var(--gold);padding:50px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footer-grid h3{color:#F4F4F1}.footer-grid a{display:block;margin:7px 0}.footer-grid a:hover{color:var(--gold-2)}.footer-brand{color:white}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:28px;padding-top:18px;font-size:13px}.mobile-bottom{display:none}.backtop{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border:0;border-radius:50%;background:var(--black);color:#fff;opacity:0;pointer-events:none}.backtop.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(14px);transition:.45s}.reveal.visible{opacity:1;transform:none}@media(max-width:1200px){.desktop-nav{gap:12px}.desktop-nav a{font-size:13px}.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.desktop-nav{display:none}.nav-tools{margin-left:auto}.cards,.verify-grid{grid-template-columns:repeat(2,1fr)}.topic-grid{grid-template-columns:1fr 1fr}.lesson-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.hero-grid,.split{grid-template-columns:1fr}.hero-image img,.page-hero img{height:320px}.week-grid,.calendar-grid,.principle-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.opinion-grid{grid-template-columns:1fr}.media-block,.editor-pick{grid-template-columns:1fr}.section-head{display:block}}@media(max-width:768px){.wrap{width:min(100% - 28px,var(--wrap))}.briefbar span{white-space:nowrap}.cards,.verify-grid,.topic-grid{grid-template-columns:1fr}.rank-list a{grid-template-columns:50px 1fr}.rank-list em{display:none}.compare{grid-template-columns:1fr}.compare>strong{transform:rotate(90deg)}.lesson-list{grid-template-columns:1fr 1fr}.mobile-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:9px}.mobile-bottom a{text-align:center;font-size:12px}.site-footer{padding-bottom:80px}.backtop{bottom:76px}.hero-copy{padding:28px}.hero-copy h1{font-size:42px}}@media(max-width:600px){.nav-tools>a{display:none}.week-grid,.calendar-grid,.principle-grid,.footer-grid{grid-template-columns:1fr}.lesson-list{grid-template-columns:1fr}.timeline article{grid-template-columns:75px 1fr}.timeline article:before{left:66px}.section{padding:38px 0}.section-head h2{font-size:26px}.hero-image img,.page-hero img{height:240px}.bars div{grid-template-columns:90px 1fr 45px}}