:root { --white:#fff; --blue:#174b7c; --overlay:rgba(11,35,59,.43); }
* { box-sizing:border-box; }
html,body { min-height:100%; margin:0; }
body { color:var(--white); background:#163f6b; font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.coming-soon { position:relative; display:grid; min-height:100svh; overflow:hidden; isolation:isolate; place-items:center; background:var(--blue) url("./assets/背景.png") center/cover no-repeat; }
.coming-overlay { position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,rgba(13,52,91,.34),var(--overlay) 55%,rgba(7,28,47,.58)); }
.coming-content { display:grid; justify-items:center; gap:clamp(22px,3vw,42px); margin-top:-4vh; transform:translateY(-18vh); text-align:center; text-shadow:0 2px 18px rgba(0,0,0,.2); }
.coming-logo { display:block; width:min(315px, 56vw); line-height:0; }
.coming-logo img, h1 img { display:block; width:100%; height:auto; }
h1 { width:min(410px, 68vw); margin:0; line-height:0; }
.coming-footer { position:absolute; right:clamp(24px,5vw,88px); bottom:clamp(22px,4vw,54px); left:clamp(24px,5vw,88px); display:flex; flex-wrap:wrap; justify-content:center; gap:8px 24px; color:var(--white); font-size:13px; letter-spacing:.03em; text-align:center; text-shadow:0 1px 8px rgba(0,0,0,.35); }
.coming-footer a { color:inherit; text-decoration:none; }
.coming-footer a:hover,.coming-footer a:focus-visible { text-decoration:underline; }
@media (max-width:640px) { .coming-soon { background-position:58% center; } .coming-content { margin-top:-8vh; transform:translateY(-12vh); } .coming-footer { font-size:12px; } }