:root{--ink:#060b14;--blue:#146cff;--cyan:#52caff;--paper:#f4f7fb;--muted:#67758b;--line:#dce4ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}.top{position:sticky;top:0;z-index:20;height:78px;background:#060b14ed;backdrop-filter:blur(16px);color:#fff;padding:0 clamp(20px,6vw,96px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}.brand{font-weight:900;letter-spacing:.11em;font-size:23px}.brand i{font-style:normal;color:#287cff}.top nav{display:flex;gap:24px;font-size:14px}.top nav a:hover{color:#75afff}.hero{min-height:620px;padding:110px clamp(22px,8vw,128px) 80px;background:radial-gradient(circle at 82% 24%,#1268ff66 0,transparent 26%),radial-gradient(circle at 65% 62%,#00cfff1f 0,transparent 27%),linear-gradient(135deg,#050a13,#0a162c);color:#fff;position:relative;overflow:hidden}.hero>*{position:relative;z-index:1}.hero:after{content:"SHANGHAI";position:absolute;right:-2vw;bottom:-3vw;font-size:clamp(80px,17vw,260px);font-weight:900;color:#ffffff05;letter-spacing:-.05em;pointer-events:none}.kicker{font-size:11px;letter-spacing:.24em;color:#69a9ff;font-weight:800}.hero h1{font-size:clamp(48px,8vw,102px);line-height:1.02;margin:28px 0;max-width:1050px;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:#6cb0ff}.hero p{max-width:760px;color:#aebbd0;font-size:19px;line-height:1.85}.hero-actions,.contact-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:6px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{background:#0057dc;transform:translateY(-2px)}.btn.ghost{background:transparent;border:1px solid #ffffff44}.btn.ghost:hover{background:#ffffff12}.section{padding:100px clamp(22px,8vw,128px)}.section.dark{background:#07101f;color:#fff}.head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:50px}.head h2{font-size:clamp(34px,5vw,64px);line-height:1.12;margin:10px 0 0}.head p{max-width:520px;color:var(--muted);line-height:1.8}.dark .head p{color:#9aabc1}.region-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff1f;border-left:1px solid #ffffff1f}.region{min-height:290px;padding:27px;display:flex;flex-direction:column;border-right:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;background:linear-gradient(145deg,#ffffff08,transparent);transition:.25s}.region:hover{background:#12366f;transform:translateY(-4px)}.region small{color:#72aaff;letter-spacing:.15em}.region h3{font-size:27px;margin:42px 0 15px}.region p{color:#a6b3c7;line-height:1.7;font-size:14px}.region b{margin-top:auto;color:#89baff}.ability{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ability article{background:#fff;border:1px solid var(--line);padding:30px;min-height:260px}.ability span{color:var(--blue);font-weight:900}.ability h3{font-size:23px;margin:40px 0 14px}.ability p{color:var(--muted);line-height:1.75}.local-hero{padding:92px clamp(22px,8vw,128px);background:linear-gradient(125deg,#050a13,#0b2452);color:#fff}.crumb{font-size:13px;color:#88a3c9}.local-hero h1{font-size:clamp(44px,7vw,84px);margin:30px 0 24px;max-width:960px}.local-hero p{max-width:820px;color:#b0bed2;font-size:19px;line-height:1.8}.proof{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.panel{background:#fff;border:1px solid var(--line);padding:clamp(28px,4vw,52px)}.panel h2{font-size:clamp(28px,4vw,45px);margin-top:0}.panel p,.panel li{color:#44536a;line-height:1.9}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scene{padding:25px;background:#09162b;color:#fff;min-height:170px}.scene small{color:#5ea0ff}.faq{display:grid;gap:10px}.faq details{background:#fff;border:1px solid var(--line);padding:20px 24px}.faq summary{font-size:18px;font-weight:800;cursor:pointer}.faq p{color:var(--muted);line-height:1.8}.related{display:flex;flex-wrap:wrap;gap:10px}.related a{padding:11px 14px;background:#fff;border:1px solid var(--line);color:#174a92;font-weight:700}.contact{padding:80px clamp(22px,8vw,128px);background:#0b2e68;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{font-size:clamp(30px,4vw,54px);margin:0}.contact .contact-actions{margin-top:0}.footer{background:#040911;color:#94a2b7;padding:60px clamp(22px,6vw,96px);display:grid;grid-template-columns:1fr 1fr;gap:28px;line-height:1.9}.footer strong{color:#fff}.footer a{color:#91bbff}.footer small{grid-column:1/-1;border-top:1px solid #1e2939;padding-top:20px}.sitemap-link{font-family:monospace}.city-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.city-facts article{padding:28px;background:#fff;border:1px solid var(--line)}.city-facts b{font-size:28px}.city-facts p{color:var(--muted);line-height:1.7}@media(max-width:1000px){.region-grid,.ability{grid-template-columns:repeat(2,1fr)}.proof{grid-template-columns:1fr}}@media(max-width:700px){.top nav{display:none}.hero{min-height:auto;padding-top:80px}.head{display:block}.region-grid,.ability,.scene-grid,.city-facts{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.contact{align-items:flex-start;flex-direction:column}.contact .contact-actions{margin-top:8px}}