*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,var(--font-noto-sc),"Microsoft YaHei","PingFang SC",sans-serif;color:#14223d;margin:0}a{color:inherit;text-decoration:none}.wrap{max-width:1280px;margin:auto;padding:0 30px}.header{z-index:5;background:#fff;border-bottom:1px solid #eef3fb;height:76px;position:relative}.nav{justify-content:space-between;align-items:center;gap:25px;height:100%;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand b{font-size:19px;display:block}.brand small{color:#8796ab;margin-top:3px;font-size:10px;display:block}.logo{color:#fff;background:linear-gradient(140deg,#28b3ff,#1264ed 65%,#8447fc);border-radius:12px;place-items:center;width:43px;height:43px;font-size:22px;font-weight:900;display:grid;box-shadow:0 5px 13px #2776f333}.nav nav{color:#53617a;align-items:center;gap:38px;font-size:14px;display:flex}.nav nav a:hover,.nav nav .active{color:#1375fa}.nav-cta{color:#1175ff;background:#eff6ff;border-radius:30px;padding:12px 19px;font-size:13px;font-weight:700}.hero{background:linear-gradient(125deg,#f3f8ff 4%,#e8f4ff 48%,#d9eeff 100%);min-height:565px;position:relative;overflow:hidden}.hero-sheen{background:#fff2;border:1px solid #ffffff80;border-radius:50%;width:1000px;height:500px;position:absolute;top:-170px;right:-260px;transform:rotate(-12deg)}.hero-grid{grid-template-columns:45% 55%;align-items:center;min-height:565px;display:grid;position:relative}.hero-copy{z-index:2;padding:45px 0}.version{color:#1277f9;background:#ffffffb5;border:1px solid #a9d0ff;border-radius:30px;align-items:center;gap:14px;padding:8px 13px;font-size:13px;font-weight:700;display:inline-flex}.version b{color:#fff;background:#1478ff;border-radius:20px;margin:-6px -10px -6px 0;padding:5px 12px}h1{letter-spacing:-1.7px;margin:27px 0 18px;font-size:clamp(36px,3.6vw,54px);line-height:1.28}h1 em{color:#0879ff;font-style:normal}.subtitle{color:#5c718e;margin:0 0 28px;font-size:18px;line-height:1.85}.mini-features{flex-wrap:wrap;gap:10px;margin-bottom:32px;display:flex}.mini-features span{color:#46729d;background:#ffffffae;border-radius:9px;padding:9px 11px;font-size:12px}.download{color:#fff;background:linear-gradient(110deg,#1686ff,#0060ed);border-radius:12px;justify-content:center;align-items:center;gap:13px;padding:18px 28px;font-size:18px;font-weight:700;transition:transform .2s;display:inline-flex;box-shadow:0 14px 25px #1377ed36}.download:hover{transform:translateY(-3px)}.windows{font-size:25px;line-height:1}.download-note{color:#8395ad;margin-top:17px;font-size:12px}.hero-visual{height:500px;position:relative}.orb{background:linear-gradient(140deg,#bcecff,#c4c4ff80);border-radius:50%;position:absolute}.orb-a{width:110px;height:110px;top:18%;right:2%}.orb-b{opacity:.5;width:250px;height:250px;bottom:5%;left:8%}.monitor{filter:drop-shadow(0 22px 30px #367bce32);width:89%;position:absolute;top:70px;right:0;transform:perspective(1100px)rotateY(-8deg)rotateX(2deg)}.screen{background:#fff;border:11px solid #193b7d;border-radius:15px 15px 8px 8px;height:320px;overflow:hidden}.screen-top{color:#fff;background:linear-gradient(90deg,#0761ec,#1b9afa);justify-content:space-between;align-items:center;height:43px;padding:0 15px;font-size:10px;display:flex}.screen-top b{font-size:13px}.screen-body{grid-template-columns:25% 75%;height:calc(100% - 43px);display:grid}.screen-body aside{background:#f3f8ff;flex-direction:column;gap:6px;padding:12px 5px;display:flex}.screen-body aside span{color:#7690b4;padding:8px 7px;font-size:10px}.screen-body aside .selected{color:#0878ff;background:#e0edff;border-radius:5px}.screen-body section{padding:18px}.device-heading{font-size:16px;font-weight:700}.device-heading small{color:#08a97a;background:#dcfff1;border-radius:20px;margin-left:10px;padding:4px 8px;font-size:9px}.device-layout{align-items:center;gap:26px;padding-top:14px;display:flex}.phone{background:linear-gradient(155deg,#090d29,#3c3d9a 40%,#8db4fa 70%,#121d4e);border:5px solid #1a2648;border-radius:19px;width:98px;height:167px;position:relative;overflow:hidden;box-shadow:4px 8px 14px #23366a36}.phone-island{background:#060c24;border-radius:0 0 9px 9px;width:35%;height:8px;position:absolute;top:0;left:32%}.phone-glow{border:13px solid #b3d7ff99;border-radius:50%;width:140%;height:75%;position:absolute;top:45%;left:-15%;transform:rotate(-20deg)}.specs{flex:1}.specs h4{margin:0 0 10px;font-size:14px}.specs p{color:#7890aa;margin:8px 0;font-size:10px}.progress{background:#eaf2ff;border-radius:8px;height:7px;margin:15px 0}.progress i{background:linear-gradient(90deg,#0af,#496cff);border-radius:8px;width:65%;height:100%;display:block}.quick{gap:7px;display:flex}.quick span{color:#2182e9;background:#e8f3ff;border-radius:6px;padding:8px 12px;font-size:10px}.stand{clip-path:polygon(35% 0,65% 0,75% 75%,100% 90%,100% 100%,0 100%,0 90%,25% 75%);background:linear-gradient(#b4d7f7,#7db4e9);width:130px;height:65px;margin:auto}.foreground-phone{background:linear-gradient(160deg,#0d1739,#2974d9 50%,#0d1c4a);border:6px solid #334c77;border-radius:22px;width:105px;height:203px;position:absolute;bottom:23px;left:1%;overflow:hidden;transform:rotate(10deg);box-shadow:0 20px 25px #1554b338}.floating-icon{z-index:3;color:#fff;border-radius:19px;place-items:center;width:67px;height:67px;font-size:37px;display:grid;position:absolute;transform:rotate(-10deg);box-shadow:0 15px 25px #2467c43b}.floating-icon.app{background:linear-gradient(140deg,#2bc3ff,#2773f7);top:25px;left:7%}.floating-icon.music{background:linear-gradient(135deg,#b674ff,#7a3afa);top:100px;right:0}.floating-icon.tool{background:linear-gradient(130deg,#ffb44d,#ff6b27);bottom:43px;right:2%}.feature-strip{background:#fff;border-bottom:1px solid #f0f4fa;padding:35px 0}.strip-grid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.strip-item{align-items:flex-start;gap:15px;display:flex}.feature-icon{color:#fff;background:linear-gradient(135deg,#48b5ff,#146af8);border-radius:13px;flex:none;place-items:center;width:50px;height:50px;font-size:27px;display:grid}.feature-icon.green{background:linear-gradient(135deg,#5be9a2,#04bf70)}.feature-icon.purple{background:linear-gradient(135deg,#ce8cff,#863bf0)}.feature-icon.orange{background:linear-gradient(135deg,#ffbb5c,#ff6c27)}.strip-item h3{margin:1px 0 8px;font-size:15px}.strip-item p{color:#7b8ca3;margin:0 0 8px;font-size:12px;line-height:1.6}.strip-item a{color:#117aff;font-size:12px}.advantages{background:linear-gradient(#f6faff,#fff);padding:70px 0 85px}.section-heading{text-align:center;margin-bottom:38px}.section-heading span{color:#1479fa;letter-spacing:2px;font-size:11px;font-weight:700}.section-heading h2{margin:14px 0 8px;font-size:30px}.section-heading p{color:#8594aa;font-size:14px}.adv-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.adv-grid article{background:#fff;border:1px solid #eaf0fa;border-radius:16px;padding:30px 24px;box-shadow:0 12px 35px #367ac90d}.adv-symbol{color:#1887ff;background:#e4f2ff;border-radius:14px;place-items:center;width:54px;height:54px;font-size:30px;display:grid}.adv-symbol.green{color:#00b974;background:#ddfff0}.adv-symbol.violet{color:#9647ee;background:#f0e3ff}.adv-symbol.amber{color:#fa9225;background:#fff1df}.adv-grid h3{margin:20px 0 10px;font-size:16px}.adv-grid p{color:#7c8ca3;margin:0;font-size:13px;line-height:1.8}.final-cta{text-align:center;background:linear-gradient(120deg,#e8f5ff,#f4f9ff);padding:65px 0 70px}.final-cta h2{margin:18px 0 10px;font-size:30px}.final-cta p{color:#788ba4;font-size:14px}.download.small{margin-top:16px;padding:15px 24px;font-size:15px}footer{background:#fff;padding:25px 0}.footer-inner{color:#8997a8;justify-content:space-between;gap:15px;font-size:12px;display:flex}.footer-inner a{color:#147aff}@media (max-width:1000px){.hero-grid{grid-template-columns:1fr 1fr}.hero-visual{transform-origin:50%;transform:scale(.83)}.nav nav{gap:16px}.strip-grid,.adv-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.header{height:67px}.nav nav{display:none}.nav-cta{font-size:11px}.wrap{padding:0 20px}.hero-grid{flex-direction:column;align-items:stretch;display:flex}.hero-copy{padding:55px 0 5px}h1{font-size:36px}.subtitle{font-size:15px}.hero-visual{transform-origin:0 0;width:130%;height:350px;margin-top:10px;transform:scale(.75)}.monitor{top:30px}.feature-strip{padding:28px 0}.strip-grid{gap:25px}.strip-item{flex-direction:column}.adv-grid{grid-template-columns:1fr 1fr}.advantages{padding:55px 0}.section-heading h2,.final-cta h2{font-size:25px}.footer-inner{flex-direction:column}}@media (max-width:450px){.adv-grid{grid-template-columns:1fr}.hero-visual{width:155%;height:270px;transform:scale(.62)}.mini-features span{font-size:11px}}