*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#f3f5f7;color:#1c2430;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
a{color:inherit;text-decoration:none}
.z-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px;padding:0 36px;background:#0e1b22}
.z-logo{display:flex;align-items:center;gap:12px;color:#fff;font-size:18px;font-weight:700;letter-spacing:.04em;white-space:nowrap}
.z-logo img{height:36px;width:auto;display:block}
.z-nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.z-nav a{color:#fff;font-size:16px;line-height:76px;padding:0 14px}
.z-nav a:hover,.z-nav a.is-on{color:#fe7445}
.z-hero{background:linear-gradient(120deg,#12343c,#0e1b22 55%,#1d4c57);color:#fff;padding:54px 36px 46px}
.z-hero .inner{max-width:1080px;margin:0 auto}
.z-hero p{margin:8px 0 0;color:#9ad7de;letter-spacing:.12em;font-size:14px}
.z-hero h1{margin:6px 0 0;font-size:40px;font-weight:700}
.z-wrap{max-width:1080px;margin:-28px auto 48px;padding:0 20px}
.z-card{background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(15,23,42,.06);padding:32px 36px 40px}
.z-card p{margin:0 0 16px;font-size:16px;line-height:1.85;color:#243040}
.z-card ul{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.z-card li a{display:inline-block;padding:8px 14px;border-radius:999px;background:#f4f7f8;color:#0e1b22;font-size:14px}
.z-card li a:hover{background:#12343c;color:#fff}
.z-foot{background:#0e1b22;color:#b7c3c8;text-align:center;padding:28px 16px 36px;font-size:14px;line-height:1.8}
.z-foot a{color:#d5e4e8;margin:0 10px}
.z-foot a:hover{color:#fe7445}