:root{--ink:#181816;--paper:#f4f0e7;--card:#fffdf8;--accent:#e44d2e;--blue:#17355c;--muted:#706d66;--line:#d8d0c1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.6rem;z-index:9}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(244,240,231,.96);position:sticky;top:0;z-index:5}.logo{display:flex;gap:.7rem;align-items:center;font-weight:900;font-size:1.35rem}.logo i{display:grid;place-items:center;width:38px;height:38px;background:var(--accent);color:#fff;font-style:normal;border-radius:8px}.logo small{display:block;font-size:.52rem;letter-spacing:.2em;color:var(--muted)}nav{display:flex;gap:1.3rem;font-weight:700;font-size:.93rem}nav a:hover{color:var(--accent)}main{overflow:hidden}.hero,.page-hero,.detail{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:5vw;padding:72px 4vw;align-items:center}.hero h1,.page-hero h1,.detail h1{font:900 clamp(2.5rem,6vw,5.6rem)/1.04 Georgia,"Microsoft YaHei",serif;margin:.2em 0}.hero>div>p:not(.eyebrow),.page-hero>div>p,.lead{font-size:1.15rem;color:#56534d;max-width:760px}.hero aside,.page-hero img{position:relative}.hero aside img,.page-hero img,.detail-media img{width:100%;aspect-ratio:2/3;border-radius:4px;box-shadow:18px 18px 0 var(--blue)}.hero aside span{position:absolute;bottom:20px;left:-20px;background:var(--accent);color:#fff;font-size:2rem;font-weight:900;padding:.3rem 1rem}.eyebrow,.label{font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.78rem}.search{margin:2rem 0}.search label{display:block;font-weight:800;margin-bottom:.4rem}.search div{display:flex}.search input{width:100%;padding:1rem;border:2px solid var(--ink);background:#fff;font-size:1rem}.search button,.button{border:0;background:var(--ink);color:#fff;padding:1rem 1.35rem;font-weight:800;white-space:nowrap}.hot{display:flex;gap:1rem;flex-wrap:wrap}.hot a,.textlink{color:var(--blue);text-decoration:underline}.metrics{max-width:1160px;margin:0 auto 30px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:white}.metrics div{padding:24px;border-right:1px solid #444}.metrics b{display:block;font-size:2rem;color:#ff765b}.metrics span{color:#bbb}.section{max-width:1160px;margin:auto;padding:70px 3vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:28px}.section-head h2,.section h2{font:900 clamp(2rem,4vw,3.3rem)/1.1 Georgia,"Microsoft YaHei",serif;margin:.1em 0}.section-head>p{max-width:560px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 18px}.card{background:var(--card);border:1px solid var(--line)}.card>div{padding:15px}.card h3{font-size:1.18rem;margin:.15rem 0}.card p{font-size:.91rem;color:#5c5851}.poster{display:block;position:relative}.poster img{aspect-ratio:2/3;width:100%}.poster>b{position:absolute;left:10px;bottom:10px;background:var(--accent);color:white;padding:.2rem .55rem}.play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(20,20,20,.74);color:white;border:2px solid white;padding-left:3px}.dark{max-width:none;background:var(--blue);color:white;padding-left:max(4vw,calc((100vw - 1160px)/2));padding-right:max(4vw,calc((100vw - 1160px)/2))}.dark .section-head>p{color:#c8d3e0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#536780}.feature-grid a{padding:28px;background:#17355c}.feature-grid b{color:#ff765b;font-size:1.8rem}.topics,.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topics article,.about-grid article{padding:28px;background:var(--card);border:1px solid var(--line)}.topics span{color:var(--accent);font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.split dl div,.facts div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:.7rem 0}.rank{background:#fff;padding:28px}.rank>a{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.rank>a>b{font-size:1.5rem;color:var(--accent)}.rank small{display:block;color:var(--muted)}.prose{max-width:900px}.prose p,.prose li{color:#4f4b45}.faq details{border-top:1px solid var(--line);padding:1rem 0}.faq summary{font-weight:800;cursor:pointer}.notice{max-width:1100px;margin:20px auto 80px;padding:24px;background:#fff3d6;border-left:5px solid var(--accent)}.page-hero{padding-bottom:40px}.page-hero h1{font-size:clamp(2.5rem,5vw,4.6rem)}.page-hero img{max-height:540px}.detail{grid-template-columns:.75fr 1.25fr}.detail-media{position:relative}.facts{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.values{max-width:1100px;margin:0 auto 80px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--accent);color:#fff}.values div{padding:25px;border-right:1px solid #ff806a}.values b,.values span{display:block}.values b{font-size:1.7rem}footer{background:#111;color:#ddd;padding:50px 5vw;display:flex;justify-content:space-between;gap:40px}footer>div:first-child{max-width:650px}footer .logo{color:#fff}.footnav{display:flex;gap:1.1rem;flex-wrap:wrap;align-content:start}@media(max-width:900px){header{height:auto;align-items:flex-start;padding:16px 4vw}nav{max-width:65%;flex-wrap:wrap;gap:.55rem 1rem}.hero,.page-hero,.detail,.split{grid-template-columns:1fr}.hero aside,.page-hero img{max-width:420px}.grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.metrics,.values{grid-template-columns:repeat(2,1fr)}.topics,.about-grid{grid-template-columns:1fr}.section-head{display:block}}@media(max-width:560px){nav{display:none}.hero,.page-hero,.detail{padding-top:42px}.grid{grid-template-columns:1fr 1fr;gap:12px}.card>div{padding:10px}.card>div>p:not(.label){display:none}.metrics{grid-template-columns:1fr 1fr;margin:0 14px}.feature-grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr}footer{display:block}.footnav{margin-top:25px}}
/* Keep the core search task visible before scrolling on desktop. */
.hero{align-items:start}.hero aside img{max-height:640px}
.jump-nav{max-width:1160px;margin:28px auto 0;padding:12px 18px;display:flex;gap:8px;flex-wrap:wrap;border:1px solid var(--line);background:var(--card);position:sticky;top:94px;z-index:4}.jump-nav a{padding:.45rem .8rem;border-radius:999px;font-size:.88rem;font-weight:800;color:var(--blue)}.jump-nav a:hover{background:var(--blue);color:#fff}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.scenario-grid article{padding:30px;border-top:4px solid var(--accent);background:var(--card);box-shadow:0 12px 35px rgba(26,31,39,.06)}.scenario-grid b{color:var(--accent);font-size:.82rem;letter-spacing:.12em}.scenario-grid h3{font-size:1.35rem;margin:.65rem 0}.scenario-grid p{color:var(--muted)}.scenario-grid a{font-weight:900;color:var(--blue);text-decoration:underline}.comparison{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:start}.compare-table{border:1px solid var(--line);background:var(--card)}.compare-table>div{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.compare-table>div:first-child{background:var(--blue);color:white}.compare-table>div:last-child{border-bottom:0}.compare-table a{color:var(--accent);font-weight:900}.about-jump{position:static;margin-bottom:0}.mission{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:start}.mission aside{background:var(--blue);color:white;padding:30px}.mission aside h3{margin-top:0;font-size:1.4rem}.mission aside li{margin:.7rem 0;color:#dce7f4}.workflow ol{padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;list-style:none}.workflow li{display:flex;gap:18px;padding:22px;background:var(--card);border:1px solid var(--line)}.workflow li>b{color:var(--accent);font-size:1.5rem}.workflow h3{margin:0}.workflow p{margin:.35rem 0 0;color:var(--muted)}
@media(max-width:900px){.jump-nav{position:static;margin:18px 4vw 0}.scenario-grid,.comparison,.mission{grid-template-columns:1fr}.workflow ol{grid-template-columns:1fr}.compare-table{overflow:auto}}
@media(max-width:560px){.jump-nav{flex-wrap:nowrap;overflow-x:auto}.jump-nav a{white-space:nowrap}.scenario-grid{grid-template-columns:1fr}.compare-table>div{min-width:560px}}