:root{--ink:#0f2a3a;--muted:#5a7380;--line:#c9dde6;--paper:#eef6f8;--sea:#b9d7e2;--land:#dceee8;--pin:#c23a2b;--max:1180px}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(var(--max),calc(100% - 36px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid var(--line)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;flex-wrap:wrap}
.brand{font-weight:900}
.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:.14em}
.nav{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid transparent;font-weight:800;font-size:14px;cursor:pointer}
.btn-pin{background:var(--pin);color:#fff}
.btn-ink{background:var(--ink);color:#fff}
.btn-ghost{background:#fff;border-color:var(--line)}
section{padding:52px 0;scroll-margin-top:70px}
.kicker{display:block;font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--pin);margin-bottom:8px}
.section-head h2{font-size:clamp(24px,3.2vw,36px);line-height:1.2;margin-bottom:10px}
.section-head p{color:var(--muted);max-width:640px}
.map-view{height:420px;overflow:hidden;border:1px solid var(--line);background:var(--sea);cursor:grab;user-select:none;position:relative}
.map-view:active{cursor:grabbing}
.map-world{position:absolute;width:1800px;height:900px;left:-180px;top:-120px}
.land{position:absolute;background:var(--land);border:1px solid #b7d0c8}
.l-na{width:280px;height:180px;left:180px;top:140px}
.l-sa{width:140px;height:200px;left:280px;top:340px}
.l-eu{width:160px;height:120px;left:560px;top:150px}
.l-af{width:180px;height:220px;left:580px;top:280px}
.l-as{width:360px;height:240px;left:780px;top:140px}
.l-oc{width:140px;height:100px;left:1180px;top:420px}
.pin{position:absolute;width:14px;height:14px;margin-left:-7px;margin-top:-7px;background:var(--pin);border:2px solid #fff;border-radius:50%;cursor:pointer}
.pin span{position:absolute;left:18px;top:-6px;white-space:nowrap;background:#fff;border:1px solid var(--line);padding:2px 8px;font-size:11px;font-weight:800}
.map-hint{position:absolute;left:12px;bottom:12px;background:#fff;padding:6px 10px;font-size:12px;font-weight:700;border:1px solid var(--line);z-index:2}
.footer{padding:48px 0 22px;background:var(--ink);color:#c5d6de}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:24px}
.footer h3,.footer h4{margin-bottom:12px;font-size:16px;color:#fff}
.footer p,.footer a,.footer li{color:#8aa3ae;font-size:14px}
.footer ul{list-style:none;display:grid;gap:8px}
.copyright{margin-top:28px;padding-top:16px;border-top:1px solid #2a4552;font-size:12px}
@media(max-width:720px){.nav{display:none}.footer-grid{grid-template-columns:1fr}.map-view{height:320px}}
img[data-src]{min-height:120px;background:rgba(128,128,128,.08)}
.below-fold{content-visibility:auto;contain-intrinsic-size:auto 480px}