*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg,#080e14);color:#f3f2ed;font-family:"Microsoft YaHei",Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block;height:auto}.wrap{width:min(1200px,90%);margin:auto}.header{position:absolute;top:0;left:0;width:100%;z-index:5;border-bottom:1px solid #ffffff29;background:#060b12aa}.header .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;height:85px}.brand img{width:110px;height:auto}.header nav{display:flex;gap:30px;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;padding:13px 25px;background:var(--accent);color:#071016;font-weight:800;border:1px solid var(--accent);transition:filter .2s}.button:hover{filter:brightness(1.15)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:5px}.hero{min-height:820px;position:relative;display:flex;align-items:center;isolation:isolate}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,#050b12a0 40%,#050b1215 75%),linear-gradient(0deg,var(--bg),transparent 40%);z-index:-2}.hero-content{padding-top:125px;padding-bottom:90px}.eyebrow{font-size:12px;letter-spacing:.22em;color:var(--accent);font-weight:700}.hero h1{font-size:clamp(45px,6vw,86px);line-height:1.18;letter-spacing:-.04em;margin:24px 0}.hero h1 small{display:block;font-size:17px;letter-spacing:.2em;margin-top:20px;color:var(--accent)}.tag{font-size:21px;font-weight:bold;max-width:650px}.description{max-width:520px;color:#c2c6ce}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px}.note{font-size:12px;color:#a7adb7;max-width:580px;margin-top:20px}.ribbon{display:flex;justify-content:space-around;gap:20px;padding:24px 0;border-top:1px solid var(--accent);border-bottom:1px solid #ffffff22;color:var(--accent);letter-spacing:.15em}.section{padding:95px 0}.heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}h2{font-size:clamp(28px,3.2vw,47px);line-height:1.3;margin:10px 0 25px}.heading p{max-width:330px;color:#adb8c5}.story{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:55px}.story figure{margin:0;position:relative}.story img{width:100%;aspect-ratio:4/3;object-fit:cover}.story figcaption{position:absolute;bottom:15px;left:20px;font-size:12px;text-shadow:0 1px 4px #000}.story p{color:#b2bdc9}.story .button{margin-top:15px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gallery button{border:0;padding:0;position:relative;background:#111b25;color:#fff;cursor:zoom-in;overflow:hidden;text-align:left}.gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .35s}.gallery button:hover img{transform:scale(1.035)}.gallery span{position:absolute;bottom:0;left:0;width:100%;padding:35px 20px 17px;background:linear-gradient(transparent,#000c)}.gallery span b{float:right;color:var(--accent)}.connection{background:linear-gradient(135deg,#ffffff08,#ffffff00);border-block:1px solid #ffffff20}.compare{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:10px}.ping{padding:30px;border:1px solid #ffffff27}.ping:last-child{border-color:var(--accent)}.ping strong{display:block;font-size:clamp(65px,8vw,110px);line-height:1.35;font-family:Arial,sans-serif}.ping small{font-size:23px;margin-left:8px}.ping:last-child strong{color:var(--accent)}.arrow{font-size:40px;text-align:center;color:var(--accent)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.steps article{border-top:1px solid var(--accent);padding-top:20px}.steps b{font:42px Arial;color:var(--accent)}.steps p{color:#adb8c5;font-size:14px}.faq{max-width:850px}details{border-bottom:1px solid #ffffff25;padding:23px 0}summary{font-weight:bold;cursor:pointer}details p{color:#b2bdc9}.cta{text-align:center;padding:85px 5%;background:radial-gradient(ellipse at bottom,#ffffff16,transparent 65%);border-top:1px solid #ffffff22}.cta p{color:#b2bdc9}.footer{padding:45px 0 30px;color:#8d99a8;font-size:12px}.footer-nav{display:flex;gap:25px;flex-wrap:wrap;font-size:14px;margin-bottom:20px}dialog{padding:0;background:#090d14;color:#fff;border:1px solid var(--accent);max-width:95vw;width:1200px;max-height:94vh}dialog::backdrop{background:#000d}dialog img{width:100%;max-height:78vh;object-fit:contain}.caption{padding:0 20px}.close{position:absolute;right:10px;top:10px;border:1px solid #fff;background:#000c;color:white;font-size:27px;width:42px;height:42px;cursor:pointer}.mobile-download{display:none}@media(max-width:800px){.header nav{gap:14px}.header .button{display:none}.hero{min-height:760px}.hero:after{background:linear-gradient(90deg,#050b12dc,#050b1255),linear-gradient(0deg,var(--bg),transparent 65%)}.hero-content{padding-top:150px}.story{grid-template-columns:1fr;gap:30px}.heading{display:block}.section{padding:65px 0}.steps{gap:20px}.mobile-download{display:flex;position:fixed;bottom:0;left:0;width:100%;background:#080e14f5;justify-content:space-between;align-items:center;padding:10px 5%;z-index:9;font-size:12px;border-top:1px solid #ffffff40}.mobile-download .button{padding:9px 15px}body{padding-bottom:65px}}@media(max-width:480px){.header .wrap{gap:12px}.brand img{width:85px}.header nav{font-size:12px;gap:12px}.header nav a:last-child{display:none}.hero{min-height:730px}.tag{font-size:18px}.ribbon{font-size:11px;letter-spacing:0;gap:10px}.gallery{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:25px}.compare{grid-template-columns:1fr 25px 1fr;gap:5px}.ping{padding:13px}.ping strong{font-size:55px}.ping small{font-size:15px;margin-left:3px}.ping p{font-size:12px}.arrow{font-size:22px}.note{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}