
:root{--ink:#10243b;--navy:#10395f;--navy2:#091f35;--red:#c52d35;--teal:#0c7a84;--gold:#b28b45;--muted:#62758a;--line:#dfe7ee;--bg:#f8fafc;--soft:#edf5f5;--cream:#f5f1e9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,"Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}
.en{display:none}body.lang-en .zh{display:none}body.lang-en .en{display:inline}
a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:1220px;margin:auto;padding:0 28px}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.topbar{min-height:78px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto;min-width:265px}.crest{width:52px;height:52px;border-radius:10px;object-fit:cover}.brand b{display:block;font-size:14px;letter-spacing:.04em}.brand small{display:block;color:#8593a1;margin-top:3px;font-size:11px}
nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}nav a{text-decoration:none;color:#526579;font-size:12px}nav a:hover{color:var(--red)}.nav-cta{background:var(--navy);color:white!important;padding:9px 12px;border-radius:999px}.lang{border:1px solid #c7d3de;background:white;border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:700}
.hero{position:relative;overflow:hidden;padding:105px 0 88px;background:radial-gradient(circle at 80% 15%,#d9eef3 0,transparent 28%),radial-gradient(circle at 12% 85%,#f0e6da 0,transparent 24%),linear-gradient(135deg,#fff,#edf5f8)}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:58px;align-items:center}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--red)}
h1{font-size:clamp(54px,6.5vw,87px);line-height:1;letter-spacing:-.05em;margin:16px 0 20px}h2{font-size:clamp(34px,4vw,54px);line-height:1.06;letter-spacing:-.035em;margin:12px 0 26px}h3{margin:0 0 9px}
.lead{font-size:19px;line-height:1.75;color:var(--muted);max-width:820px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:27px}.btn{display:inline-block;padding:13px 18px;border-radius:10px;text-decoration:none;font-weight:800;font-size:14px}.primary{background:var(--navy);color:white}.secondary{background:white;border:1px solid #c6d1db;color:var(--navy)}.danger{background:var(--red);color:white}
.hero-card{background:linear-gradient(145deg,#123e67,#0b2c4b);color:white;border-radius:28px;padding:38px;box-shadow:0 30px 80px #10243b2c}.hero-card .big{font-size:62px;font-weight:900;letter-spacing:-.04em}.hero-card .label{font-size:16px;opacity:.86}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:30px}.metric{border-top:1px solid #ffffff42;padding-top:13px}.metric b{display:block;font-size:25px}.metric small{opacity:.67}
section{padding:80px 0}.section-head{max-width:900px;margin-bottom:31px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 8px 30px #10243b0c}.card p,.card li,.muted{color:var(--muted);line-height:1.7}.num{font-size:11px;color:var(--red);font-weight:900;letter-spacing:.13em;margin-bottom:9px}
.soft{background:var(--soft)}.cream{background:var(--cream)}.dark{background:var(--navy2);color:white}.dark .card{background:#113858;border-color:#2a5070}.dark .card p,.dark .card li{color:#d0dbe4}
.logo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.logo-card{min-height:140px;background:white;border:1px solid var(--line);border-radius:17px;padding:18px;display:flex;align-items:center;justify-content:center}.logo-card img{max-height:96px;object-fit:contain}
.photo-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.photo{position:relative;min-height:320px;border-radius:22px;overflow:hidden;background:#dbe5ea}.photo img{width:100%;height:100%;object-fit:cover}.photo .cap{position:absolute;left:0;right:0;bottom:0;padding:24px;color:white;background:linear-gradient(transparent,rgba(7,25,43,.9))}
.path{padding:34px;border-radius:23px;background:linear-gradient(135deg,#123d64,#0b7c83);color:white;font-size:21px;line-height:2}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{background:white;border:1px solid var(--line);border-radius:999px;padding:10px 13px;color:#516479;font-size:13px}
.citygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.city{background:white;border:1px solid var(--line);border-radius:17px;padding:24px}.city span{display:block;color:var(--muted);font-weight:normal;font-size:13px;line-height:1.55;margin-top:8px}
.table{width:100%;border-collapse:collapse;background:white;border-radius:15px;overflow:hidden}.table th,.table td{padding:14px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}.table th{background:#edf3f7}.notice{font-size:12px;color:#7c8a98;margin-top:17px}
.banner{padding:47px 0;background:linear-gradient(135deg,#c62e36,#921d2a);color:white}.banner-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px}.banner .secondary{border:0}
.contact{background:var(--navy2);color:white}.contact a{color:white}.contact .email{font-size:27px}.linkrow{display:flex;gap:10px;flex-wrap:wrap}.pill{display:inline-block;border:1px solid #ffffff38;padding:8px 11px;border-radius:999px;color:#d8e2ea;font-size:12px}
.subhero{padding:72px 0 54px;background:linear-gradient(135deg,#fff,#edf5f7)}.subhero h1{font-size:clamp(44px,5vw,69px)}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}ul.clean{padding-left:20px;line-height:1.8;color:var(--muted)}.mini-photo{width:100%;height:190px;object-fit:cover;border-radius:13px;margin-bottom:15px}
footer{background:#061727;color:#9dafbf;padding:24px 0}
@media(max-width:1050px){nav{display:none}.hero-grid,.photo-grid,.split,.banner-grid{grid-template-columns:1fr}.grid,.grid.four,.logo-grid,.citygrid{grid-template-columns:1fr 1fr}.brand{min-width:auto}}
@media(max-width:650px){.wrap{padding:0 18px}.grid,.grid.four,.logo-grid,.citygrid{grid-template-columns:1fr}.hero{padding-top:65px}h1{font-size:48px}.hero-card .big{font-size:47px}.metrics{grid-template-columns:1fr 1fr}.brand span:last-child{display:none}}
