*{box-sizing:border-box}
body{margin:0;font-family:"Microsoft YaHei",sans-serif;color:#fff;background:#061425}
.nav{height:82px;padding:0 8%;display:flex;align-items:center;justify-content:space-between;background:rgba(4,16,32,.9);position:sticky;top:0;z-index:10}
.brand{font-size:24px;font-weight:700;letter-spacing:.1em}
.nav a{color:#dcecff;text-decoration:none;margin-left:25px}
.hero{min-height:700px;padding:150px 10%;background:
radial-gradient(circle at 80% 20%,rgba(0,190,255,.35),transparent 30%),
linear-gradient(135deg,#061426,#0d3b68)}
.tag{color:#70d9ff;letter-spacing:.3em}
h1{font-size:64px;line-height:1.15}
.hero p{font-size:20px;max-width:650px;line-height:1.8}
button{border:0;padding:16px 45px;border-radius:40px;background:#36c8ff;color:#062033;font-size:16px}
.numbers,.lab,.feature{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:70px 8%}
.numbers div,.lab-card,.feature div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:35px;text-align:center;backdrop-filter:blur(10px);transition:.3s}
.numbers strong{font-size:48px;color:#65dfff;display:block}
.section{padding:40px 8%}
h2{text-align:center;font-size:38px}
.lab{grid-template-columns:repeat(3,1fr)}
.lab-card:hover,.feature div:hover,.numbers div:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgba(0,0,0,.3)}
.dark{background:#091d34}
.flow{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}
.flow span{padding:16px 30px;background:#1166b5;border-radius:30px}
.feature{grid-template-columns:repeat(3,1fr)}
footer{text-align:center;padding:40px;background:#030b16}
@media(max-width:900px){.numbers,.lab,.feature{grid-template-columns:1fr 1fr}h1{font-size:42px}}