
:root{--bg:#07130f;--panel:#0d1c17;--ink:#eaf8f0;--muted:#a8bdb3;--green:#2cf59b;--line:#21352d;--light:#f5faf7;--dark:#07110d}*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#18251f;background:#fff;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1180px,92%);margin:auto}.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #edf2ef}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-weight:900;font-size:22px;display:flex;align-items:center;gap:10px}.brand img{width:48px;height:40px;object-fit:cover;border-radius:9px}.links{display:flex;gap:26px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#052117;font-weight:800;padding:12px 22px;border-radius:12px}.hero{background:var(--bg);color:#fff;padding:72px 0 46px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:42px}.eyebrow{color:var(--green);font-weight:800}.hero h1{font-size:clamp(52px,7vw,92px);line-height:1;margin:12px 0 22px}.hero p{color:#c6d9d0;font-size:18px}.hero img{border-radius:28px;box-shadow:0 28px 90px #0009}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.ghost{border:1px solid #456357;padding:11px 20px;border-radius:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}.stat{border-top:1px solid #284137;padding-top:14px;color:#bcd1c7}.section{padding:76px 0}.section.alt{background:#f4f8f6}.head{max-width:760px;margin-bottom:34px}.head h2{font-size:38px;line-height:1.25;margin:0 0 10px}.head p{color:#63736b}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #e2ebe6;border-radius:20px;padding:26px;background:#fff}.card b{font-size:20px}.card p{color:#687970}.feature-img{border-radius:24px;margin-top:28px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{border:1px solid #e4ebe7;border-radius:18px;overflow:hidden;background:#fff}.article-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.article-card div{padding:18px}.article-card h3{margin:0 0 8px;line-height:1.45}.meta{font-size:13px;color:#75847d}.footer{background:#07110d;color:#c1d2ca;padding:48px 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.footer img{width:180px;border-radius:12px}.article{max-width:880px;margin:56px auto 90px;padding:0 22px}.article h1{font-size:42px;line-height:1.25}.article h2{margin-top:40px}.article .lead{font-size:18px;color:#516159}.article .cover{border-radius:22px;margin:26px 0}.toc{background:#f3f8f5;border-radius:16px;padding:18px 22px}.note{border-left:4px solid var(--green);background:#f4fbf7;padding:16px 20px;margin:24px 0}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related a{border:1px solid #dfe9e4;padding:14px;border-radius:12px}.crumb{font-size:14px;color:#738179;margin-top:24px}@media(max-width:800px){.links{display:none}.hero-grid,.grid3,.articles,.footer-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.hero{padding-top:42px}.article h1{font-size:32px}.related{grid-template-columns:1fr}}

/* Footer and related-content consistency */
footer, .footer { background:#07150f; color:#d9e9e1; margin-top:56px; }
footer .wrap, .footer .wrap { padding-top:42px; padding-bottom:42px; }
footer a, .footer a { color:#d9e9e1; text-decoration:none; }
footer a:hover, .footer a:hover { color:#67f6a8; }
footer .footer-grid, .footer .footer-grid, footer>.wrap { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:42px; }
.related { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:18px 0 8px; }
.related a { display:block; padding:16px 18px; border:1px solid #dfe9e4; border-radius:14px; background:#f8fbf9; color:#10251c; font-weight:600; line-height:1.55; }
.related a:hover { border-color:#77d9a1; transform:translateY(-1px); }
@media(max-width:760px){footer .footer-grid,.footer .footer-grid,footer>.wrap,.related{grid-template-columns:1fr}}
