: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;--wine:#7A2638;--blue-gray:#65798A;--green:#66816F;--text:#202227;--text-2:#555B63;--text-3:#8A9097;--line:rgba(32,34,39,.10);--shadow:0 6px 24px rgba(18,20,24,.10);--radius:10px;--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.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--wrap),calc(100% - 40px));margin:auto}.briefbar{background:var(--black);color:#f4f4f1;font-size:13px;padding:4px 0}.briefbar b{color:var(--gold-2)}.site-header{position:sticky;top:0;z-index:20;background:rgba(241,241,239,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:.2s}.site-header.scrolled{background:rgba(255,255,255,.97);box-shadow:var(--shadow)}.navrow{height:68px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;font-weight:800;font-size:20px;white-space:nowrap}.brand img{width:34px;height:34px;object-fit:contain;margin-right:8px}.desktop-nav{display:flex;gap:16px;font-size:14px;color:var(--text-2);flex:1}.desktop-nav a:hover{color:var(--black)}.navtools{display:flex;gap:12px;font-size:14px}.navtools button{border:1px solid var(--line);background:white;border-radius:8px;padding:7px 10px}.hero{padding:44px 0 30px}.herogrid{display:grid;grid-template-columns:1.55fr 1fr;background:linear-gradient(135deg,#F4F4F1 0%,#E9E9E6 58%,#D9D8D3 100%);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.herocopy{padding:64px}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.12em;color:var(--wine);font-weight:700;text-transform:uppercase}.gold{color:#8c6b2f}.herocopy h1,.pagehero h1,.communityhero h1,.apphero h1{font-size:clamp(34px,5vw,64px);line-height:1.08;margin:14px 0 20px}.herocopy p{font-size:18px;color:var(--text-2);max-width:760px}.heroimg img{width:100%;height:100%;object-fit:cover}.hero-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--text-3);font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-block;border:1px solid rgba(198,161,91,.45);background:white;padding:10px 15px;border-radius:8px}.btn.primary{background:var(--black);color:#fff;border-color:var(--black)}.btn:hover{background:var(--gold);color:var(--black)}.section{padding:56px 0}.section:nth-of-type(even){background:var(--bg-3)}.sectionhead{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.sectionhead h2{font-size:32px;margin:4px 0}.sectionhead p{color:var(--text-2);margin:0;max-width:760px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.imagecard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 4px 14px rgba(18,20,24,.04)}.card h3{margin-top:0}.card a{color:#8c6b2f;font-size:14px}.ranklist article,.flash article,.timeline article{display:grid;grid-template-columns:90px 1fr 110px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.ranklist article b{color:var(--gold);font-size:18px}.flash article:nth-child(2){border-left:3px solid var(--wine);padding-left:14px}.status{font-size:12px;padding:4px 8px;border-radius:999px;background:#efe8d6;width:max-content}.quotegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quotegrid blockquote{margin:0;background:white;border-left:3px solid var(--gold);padding:24px;border-radius:0 12px 12px 0}.compare{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:18px}.compare>div{background:#fff;padding:24px;border-radius:14px;border:1px solid var(--line)}.compare>b{text-align:center;color:var(--gold);font-size:32px}.tagwall,.radar{display:flex;flex-wrap:wrap;gap:12px}.tagwall span,.radar span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px}.calendar,.weekgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.calendar div,.weekgrid article{background:#fff;border:1px solid var(--line);padding:18px;border-radius:12px}.weekgrid{grid-template-columns:repeat(7,1fr)}.relation{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.relation span{padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:12px}.relation i{width:28px;height:1px;background:var(--gold)}.lesson{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0;list-style-position:inside}.lesson li{background:#fff;padding:18px;border-radius:12px;border:1px solid var(--line)}.bars p{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}.bars b{display:block;height:12px;background:linear-gradient(90deg,var(--gold),#d6c39c);border-radius:99px}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.principles article{background:var(--black-2);color:#f4f4f1;border-top:2px solid var(--gold);padding:22px;border-radius:12px}.principles p{color:#c8cbd0}.faq details{background:#fff;border:1px solid var(--line);padding:16px 18px;border-radius:10px;margin:10px 0}.maglist article{display:grid;grid-template-columns:70px 220px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.maglist b{color:var(--gold);font-size:30px}.pagehero,.communityhero,.apphero{padding:70px 0;background:linear-gradient(135deg,#f4f4f1,#e5e5e1)}.communityhero{background:linear-gradient(135deg,#262A30,#17191D);color:#f4f4f1}.communityhero p{color:#c8cbd0}.twocol,.appgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:42px;align-items:center}.twocol img{border-radius:16px;max-height:420px;width:100%;object-fit:cover}.phonewrap{display:grid;grid-template-columns:1fr 1fr;gap:16px}.phonewrap img{max-height:520px;object-fit:contain}.searchform{display:flex;gap:10px;max-width:760px}.searchform input{flex:1;padding:13px;border:1px solid var(--line);border-radius:8px}.searchform input:focus{outline:2px solid rgba(198,161,91,.4)}.footer{background:linear-gradient(135deg,#202329,#17191D);color:#c8cbd0;border-top:1px solid var(--gold);padding:46px 0 24px}.footergrid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footer h3,.footer h4{color:#f4f4f1}.footer a{display:block;margin:7px 0}.footer a:hover{color:var(--gold-2)}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:24px;padding-top:18px}.drawer{position:fixed;right:-320px;top:0;width:300px;height:100vh;background:white;z-index:50;padding:30px;box-shadow:-10px 0 30px rgba(0,0,0,.14);transition:.2s}.drawer.open{right:0}.drawer a,.drawer button{display:block;margin:12px 0}.mobilebar{display:none}.reveal{opacity:.001;transform:translateY(8px);transition:.35s}.reveal.visible{opacity:1;transform:none}#backTop{position:fixed;right:20px;bottom:24px;width:42px;height:42px;border:0;border-radius:50%;background:var(--black);color:white;display:none}.imagecard{padding:0;overflow:hidden}.imagecard h3{padding:0 18px 18px}.imagecard img{height:190px;width:100%;object-fit:cover}@media(max-width:1024px){.desktop-nav{display:none}.herogrid,.twocol,.appgrid{grid-template-columns:1fr}.principles{grid-template-columns:repeat(2,1fr)}.weekgrid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.wrap{width:min(100% - 24px,var(--wrap))}.herocopy{padding:34px 24px}.grid3,.quotegrid,.calendar,.lesson,.footergrid{grid-template-columns:1fr}.ranklist article,.flash article,.timeline article,.maglist article{grid-template-columns:70px 1fr}.ranklist article>span,.flash article>span,.timeline article>span{grid-column:2}.compare{grid-template-columns:1fr}.compare>b{transform:rotate(90deg)}.principles{grid-template-columns:1fr}.weekgrid{grid-template-columns:repeat(2,1fr)}.navtools>a{display:none}.mobilebar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:25;background:white;border-top:1px solid var(--line);padding:10px 4px;text-align:center;font-size:12px}.footer{padding-bottom:80px}.sectionhead{align-items:start;flex-direction:column}.phonewrap{grid-template-columns:1fr}.heroimg img{max-height:360px}}@media(max-width:600px){.herocopy h1,.pagehero h1,.communityhero h1,.apphero h1{font-size:38px}.weekgrid{grid-template-columns:1fr}.briefbar{font-size:11px}.navrow{height:60px}.section{padding:40px 0}}