/* 多端设备展示风 · variant 053 */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#143331;font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:root{--accent:#008c88;--accent2:#42d9bb;--soft:#effcf9;--ink:#143331;--radius:12px;--border:2px solid #172033;--shadow:8px 8px 0 rgba(16,34,60,.12)}
.topbar{height:74px;padding:0 max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:color-mix(in srgb,#fff 86%,transparent);backdrop-filter:blur(18px);border-bottom:var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:.02em}.plane{width:36px;height:36px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:calc(var(--radius)/2 + 5px);transform:rotate(-18deg)}nav{display:flex;align-items:center;gap:8px}nav a{padding:9px 13px;font-size:14px;font-weight:650;border-radius:999px}nav a:hover,nav .on{background:var(--soft);color:var(--accent)}nav .nav-cta{background:var(--accent);color:#fff;padding-inline:20px}nav .nav-cta:hover{background:var(--accent2);color:#fff}
.hero{min-height:670px;padding:76px max(24px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;background:repeating-linear-gradient(90deg,transparent 0 39px,rgba(30,50,80,.045) 40px);background-size:auto;overflow:hidden;position:relative}.hero.layout-1,.hero.layout-3{grid-template-columns:.9fr 1.1fr}.hero.layout-2{text-align:center;grid-template-columns:1fr}.hero.layout-2 .hero-art{max-width:720px;margin:auto;order:-1}.hero.layout-4 .hero-copy{order:2}.eyebrow,.section-head>p,.band>div>p,.last-cta p,.platform>div>p{margin:0 0 12px;color:var(--accent);font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}h1{font-size:clamp(42px,6vw,82px);line-height:1.03;letter-spacing:-.055em;margin:0;max-width:900px}.lead{font-size:18px;color:color-mix(in srgb,var(--ink) 66%,#fff);max-width:700px;margin:24px 0 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{min-height:48px;padding:11px 24px;display:inline-flex;align-items:center;justify-content:center;border-radius:calc(var(--radius)/2 + 8px);font-weight:800;transition:.2s;border:1px solid transparent}.button:hover{transform:translateY(-3px)}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 28%,transparent)}.ghost{border-color:color-mix(in srgb,var(--ink) 18%,transparent);background:#fff}.selling{list-style:none;padding:0;margin:28px 0 0;display:flex;gap:10px;flex-wrap:wrap}.selling li{padding:7px 12px;border:var(--border);border-radius:999px;background:color-mix(in srgb,#fff 72%,transparent);font-size:13px}.hero-art{position:relative}.hero-art img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--radius) + 16px);box-shadow:var(--shadow);border:var(--border)}.orbit{position:absolute;border:2px solid var(--accent2);border-radius:50%;opacity:.55}.orbit.one{width:90px;height:90px;right:-30px;top:-30px}.orbit.two{width:35px;height:35px;left:-12px;bottom:20%}
.section{padding:100px max(24px,calc((100vw - 1200px)/2))}.section-head{max-width:760px;margin:0 auto 44px;text-align:left}.section-head h2,.band h2,.last-cta h2,.download-guide h2{font-size:clamp(30px,4vw,50px);line-height:1.12;letter-spacing:-.035em;margin:0 0 14px}.section-head span,.band span,.last-cta span{color:color-mix(in srgb,var(--ink) 64%,#fff)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{border:var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;transition:.25s}.feature:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.feature img{width:100%;height:150px;object-fit:cover}.feature>div{padding:20px}.feature>div>span{font-size:11px;font-weight:900;color:var(--accent)}.feature h3{margin:3px 0 5px;font-size:18px}.feature p{margin:0;color:color-mix(in srgb,var(--ink) 64%,#fff);font-size:14px}
.band{margin:20px max(24px,calc((100vw - 1280px)/2));padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-radius:calc(var(--radius) + 22px);background:linear-gradient(135deg,var(--ink),color-mix(in srgb,var(--accent) 55%,var(--ink)));color:#fff}.band img{border-radius:var(--radius);aspect-ratio:16/10;object-fit:cover;box-shadow:var(--shadow)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-grid article{padding:30px;border:var(--border);border-radius:var(--radius);background:var(--soft)}.news-grid article>span{font-size:11px;color:var(--accent);font-weight:900}.news-grid h3{font-size:22px;margin:10px 0}.news-grid p{color:color-mix(in srgb,var(--ink) 64%,#fff)}.news-grid a,.text-link{color:var(--accent);font-weight:800}.faq-list{display:grid;gap:12px;max-width:900px;margin:auto}details{border:var(--border);border-radius:calc(var(--radius)/2 + 8px);padding:20px 22px;background:#fff}summary{cursor:pointer;font-weight:800}details p{margin:10px 0 0;color:color-mix(in srgb,var(--ink) 66%,#fff)}.center{text-align:center;margin-top:30px}
.last-cta{margin:20px max(24px,calc((100vw - 1200px)/2)) 90px;padding:50px;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;background:linear-gradient(125deg,var(--accent),var(--accent2));color:#fff;border-radius:calc(var(--radius) + 18px);box-shadow:var(--shadow)}.last-cta img{border-radius:var(--radius);aspect-ratio:3/2;object-fit:cover}.last-cta .button{margin-top:25px}.light{background:#fff;color:var(--accent)}.last-cta.compact{display:block;text-align:center;max-width:1000px;margin-inline:auto}
.subhero{padding:100px 24px;text-align:center;background:repeating-linear-gradient(90deg,transparent 0 39px,rgba(30,50,80,.045) 40px);background-size:auto}.subhero h1{margin-inline:auto}.subhero>p:last-child{max-width:700px;margin:20px auto 0;font-size:18px;color:color-mix(in srgb,var(--ink) 65%,#fff)}.platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.platform{padding:32px;display:flex;gap:24px;border:var(--border);border-radius:var(--radius);background:#fff;box-shadow:0 12px 40px rgba(20,40,70,.06)}.platform:last-child{grid-column:1/-1}.platform-icon{width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--accent);font-size:28px}.platform h2{font-size:28px;margin:0}.platform>div>span{display:block;color:color-mix(in srgb,var(--ink) 64%,#fff);margin-bottom:20px}.download-guide{padding:80px max(24px,calc((100vw - 1100px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;background:var(--soft)}.download-guide>img{border-radius:calc(var(--radius) + 10px);box-shadow:var(--shadow)}.download-guide ol{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:15px}.download-guide li{display:flex;gap:16px}.download-guide li>b{color:var(--accent)}.download-guide h3,.download-guide p{margin:0}.download-guide p{color:color-mix(in srgb,var(--ink) 64%,#fff)}
.search{max-width:680px;margin:35px auto 0}.search label{position:absolute;clip:rect(0 0 0 0)}.search input{width:100%;padding:17px 22px;border:var(--border);border-radius:999px;background:#fff;font:inherit;box-shadow:var(--shadow)}.help-layout{display:grid;grid-template-columns:220px 1fr;gap:55px;align-items:start}aside{position:sticky;top:100px;padding:24px;border:var(--border);border-radius:var(--radius);background:var(--soft)}aside>p{font-weight:900;margin-top:0}aside>a:not(.button){display:block;padding:7px 0;color:color-mix(in srgb,var(--ink) 64%,#fff)}aside .button{margin-top:16px;width:100%}.help-content{display:grid;gap:60px}.help-group>header{display:flex;gap:14px;align-items:center;margin-bottom:20px}.help-group>header span{color:var(--accent);font-weight:900}.help-group h2{font-size:30px;margin:0}.report{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;padding:30px;background:var(--soft);border-radius:var(--radius)}.report img{border-radius:calc(var(--radius)/2 + 5px)}.report h2{font-size:30px;margin:0}footer{padding:55px max(24px,calc((100vw - 1200px)/2)) 30px;border-top:var(--border);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start;background:#fff}footer p{color:color-mix(in srgb,var(--ink) 60%,#fff)}.footlinks{display:flex;gap:22px;flex-wrap:wrap}footer small{grid-column:1/-1;color:color-mix(in srgb,var(--ink) 48%,#fff)}
@media(max-width:900px){.hero,.band,.download-guide,.report{grid-template-columns:1fr}.hero-copy{order:0!important}.hero-art{order:1!important}.feature-grid{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:1fr}.help-layout{grid-template-columns:1fr}aside{position:static}}
@media(max-width:640px){.topbar{height:auto;min-height:68px;padding:12px 18px;align-items:flex-start}nav{max-width:68%;overflow:auto}nav a:not(.nav-cta){display:none}.hero,.section,.subhero{padding:64px 20px}h1{font-size:39px}.feature-grid,.platform-grid{grid-template-columns:1fr}.platform:last-child{grid-column:auto}.platform{flex-direction:column}.band,.last-cta{margin:12px 14px 60px;padding:30px;grid-template-columns:1fr}.download-guide{padding:60px 20px}.help-layout{padding-inline:20px}footer{grid-template-columns:1fr;padding-inline:20px}}