/* 宣传站独立样式：沿用品牌素材，不改动 App DesignToken。 */
:root{color-scheme:dark;--bg:#070b12;--panel:#101824;--line:#263242;--text:#f1f5fa;--muted:#a4b1c3;--cyan:#76e4f4;--blue:#81abff;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}img{max-width:100%;height:auto;display:block}figure,h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2;letter-spacing:-.04em}p{color:var(--muted)}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;background:var(--cyan);color:#04121c;padding:12px;z-index:100}.skip:focus{top:12px}.header{position:sticky;top:0;z-index:50;background:rgb(7 11 18 / .91);border-bottom:1px solid #ffffff0d;backdrop-filter:blur(18px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:22px;letter-spacing:-.7px;white-space:nowrap}.brand img{border-radius:9px}.brand b{font-weight:400}.desktop-nav{display:flex;gap:30px;color:#bfcbda;font-size:13px}.desktop-nav a:hover,.text-link:hover,.footer a:hover{color:var(--cyan)}.nav-cta{font-size:13px;border:1px solid #475566;border-radius:6px;padding:10px 17px;white-space:nowrap}.nav-cta span{margin-left:12px}.mobile-menu{display:none}.hero{position:relative;isolation:isolate;overflow:hidden}.hero-background{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#070b12 0%,#070b12ed 34%,#070b1266 70%),linear-gradient(0deg,#070b12 0%,transparent 45%),url('assets/background.webp') center 35%/cover no-repeat;opacity:.7}.hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:746px;gap:20px;padding-top:22px}.eyebrow{font-size:11px;letter-spacing:2.1px;color:var(--cyan);font-weight:600;display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;background:#7ce6d0;border-radius:50%;box-shadow:0 0 12px #7ce6d080;display:inline-block;flex-shrink:0}.hero h1{font-size:clamp(52px,5.6vw,78px);letter-spacing:-3px;line-height:1.15;margin:23px 0 25px;font-weight:650}.hero h1>span{background:linear-gradient(110deg,#8ed5fd,#abacff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:23px;color:#dde6f2;line-height:1.6;font-weight:450}.hero-sub{font-size:14px;line-height:1.9;margin-top:17px;color:#a5b1c2}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:48px;padding:13px 23px;border-radius:6px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:#b1ecf7;color:#08151f;box-shadow:0 0 28px #76e4f415}.primary:hover{background:#d1f7ff}.text-link{font-size:13px;display:flex;align-items:center;gap:9px}.play-icon{font-size:9px;width:25px;height:25px;border:1px solid #526174;border-radius:50%;display:grid;place-items:center}.hero-meta{display:flex;gap:15px;margin-top:32px;font-size:11px;color:#99a7bb}.hero-meta span+span{padding-left:15px;border-left:1px solid #425064}.hero-stage{height:680px;position:relative;margin:0;min-width:0;perspective:1200px}.phone{background:#070b12;padding:6px;border:1px solid #607084;border-radius:37px;overflow:hidden;box-shadow:0 35px 60px #0009,inset 0 0 0 2px #283443}.phone img{border-radius:30px;width:100%;height:auto}.phone-front{width:256px;position:absolute;left:40px;top:76px;transform:rotate(-7deg);z-index:3}.phone-back{width:235px;position:absolute;right:9px;top:37px;transform:rotate(10deg);filter:brightness(.88);z-index:2}.stage-label{position:absolute;top:12px;left:64px;color:#a0baca;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:9px}.orbit{position:absolute;width:590px;height:230px;border:1px solid #80dbff30;border-radius:50%;left:-12px;top:235px;transform:rotate(-27deg);z-index:0;box-shadow:0 0 45px #7bdbff06}.orbit-two{transform:rotate(-27deg);width:690px;height:310px;top:200px;left:-68px}.floating-label{position:absolute;bottom:56px;right:10px;z-index:4;padding:16px 24px;background:#0c1828e8;border:1px solid #41556d;border-radius:10px;box-shadow:0 10px 30px #0008;display:flex;align-items:center;gap:15px;font-size:13px}.floating-label small{display:block;color:#a7b5c9;font-size:11px;margin-top:2px}.small-cross{font-size:30px;color:var(--cyan)}.hero-stage figcaption{position:absolute;bottom:18px;left:65px;color:#91a0b6;font-size:11px;letter-spacing:.4px}.benefit-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #41526860;border-bottom:1px solid #41526860;padding:25px 0 29px;margin-bottom:8px}.benefit-strip>a{padding:0 36px;border-right:1px solid #41526860}.benefit-strip>a:first-child{padding-left:0}.benefit-strip>a:last-child{border:0}.benefit-strip a>span{font-size:10px;letter-spacing:1px;color:#98a8bd}.benefit-strip strong{display:flex;justify-content:space-between;font-size:18px;font-weight:500;margin-top:7px}.benefit-strip strong span{color:var(--cyan);font-size:20px;font-weight:300}.section{padding-top:112px;padding-bottom:110px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-heading h2,h2{font-size:44px;font-weight:600;margin-top:14px}.section-heading>p{font-size:14px;line-height:1.8}.feature-panel{border:1px solid var(--line);border-radius:16px;background:linear-gradient(125deg,#101923,#0c111a);overflow:hidden}.monitor{display:grid;grid-template-columns:1fr 1fr;min-height:530px}.feature-copy{padding:56px 54px}.section-number{font-family:ui-monospace,"PingFang SC",monospace;font-size:10px;letter-spacing:1.6px;color:var(--cyan)}.feature-copy h3{font-size:36px;font-weight:550;margin:22px 0}.feature-copy>p{font-size:14px;line-height:1.95}.check-list{list-style:none;margin:27px 0 30px;padding:0;color:#c1cedc;font-size:12px}.check-list li{margin:12px 0;padding-left:22px;position:relative}.check-list li:before{content:'↗';position:absolute;left:0;color:var(--cyan)}.micro-label{font-size:10px;letter-spacing:1px;color:#8497ae}.monitor-art{position:relative;height:530px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#203b56,transparent 65%);padding:42px 34px 0}.art-top{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:1px;color:#9bb8cd;margin-bottom:24px}.monitor-art>img{width:350px;margin:0 auto;border:1px solid #3a4c63;border-radius:23px;transform:rotate(-3deg);box-shadow:0 5px 45px #0007}.art-bottom{position:absolute;bottom:0;left:0;right:0;padding:72px 0 30px;background:linear-gradient(transparent,#0d141f 60%);text-align:center;font-size:12px;color:#b5c8dc}.scan-line{position:absolute;left:25%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#76e4f4,transparent);top:15%;z-index:2;box-shadow:0 0 25px #76e4f4;animation:scan 8s ease-in-out infinite}.files-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin-top:46px}.files-art{height:540px;background:linear-gradient(140deg,#0d1822,#111c29);border-radius:16px;border:1px solid var(--line);overflow:hidden;position:relative}.art-caption{position:absolute;top:30px;left:32px;font:9px ui-monospace,monospace;letter-spacing:1.5px;color:#9cb4cb}.file-phone{width:280px;position:absolute;left:24%;top:75px;border:1px solid #4a5b72;border-radius:26px;transform:rotate(7deg);overflow:hidden;box-shadow:0 20px 40px #0008}.file-chip{position:absolute;border:1px solid #4b6077;background:#162334e8;box-shadow:0 8px 32px #0008;padding:14px 20px;border-radius:9px;font-size:13px;color:#d5e9f4}.chip-one{top:165px;left:35px;transform:rotate(-5deg);width:130px}.chip-one span{float:right;color:var(--cyan)}.chip-two{bottom:95px;right:22px;transform:rotate(-5deg)}.image-note{position:absolute;bottom:0;left:0;right:0;padding:40px 24px 20px;background:linear-gradient(transparent,#0c131e 55%);font-size:10px;color:#91a3b8}.files-row .feature-copy{padding-right:20px;padding-left:36px}.file-benefits{margin-top:24px;border-top:1px solid var(--line)}.file-benefits>div{display:flex;gap:24px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.file-benefits strong{font-weight:500;color:#dce8f5;white-space:nowrap}.file-benefits span{color:#a5b3c5}.small-note{font-size:11px!important;line-height:1.9!important;margin-top:24px;color:#93a2b7}.media-section{background:radial-gradient(ellipse at 78% 50%,#193144,#0b121c 65%);border-block:1px solid #263242;overflow:hidden}.media-inner{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:45px;padding-block:92px}.media-copy h2{font-size:48px;line-height:1.25;margin-block:20px}.media-intro{font-size:15px;color:#c9d6e4}.media-feature{display:flex;gap:20px;margin-top:34px;max-width:440px}.media-symbol{font-size:27px;color:var(--cyan);line-height:1;width:25px;flex-shrink:0}.media-feature h3{font-size:19px;font-weight:500;margin-bottom:9px}.media-feature p{font-size:13px;line-height:1.9}.music-art{height:610px;position:relative;margin:0}.music-phone{width:250px;position:absolute;left:25px;top:10px;transform:rotate(-6deg);z-index:2}.vinyl{position:absolute;width:370px;height:370px;right:-70px;top:130px;border-radius:50%;background:repeating-radial-gradient(circle,#101c29 0px,#142333 2px,#0d1722 4px,#142333 5px);box-shadow:20px 20px 70px #0007;border:1px solid #2f465b;display:grid;place-items:center}.vinyl div{width:125px;height:125px;border-radius:50%;background:radial-gradient(circle,#080f19 0 8px,#99dbe4 9px 11px,#517585 12px,#182b3a 65%);border:1px solid #536c7c}.music-art figcaption{position:absolute;bottom:0;left:60px;font-size:11px;color:#92a6bb}.sound-wave{position:absolute;right:0;bottom:90px;display:flex;align-items:center;gap:5px;height:40px}.sound-wave i{width:3px;height:20px;background:#88d8e8;border-radius:3px;animation:wave 1.8s ease-in-out infinite alternate}.sound-wave i:nth-child(3n){height:40px;animation-delay:-.8s}.sound-wave i:nth-child(2n){height:30px;animation-delay:-.4s}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.container-card{height:540px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(ellipse at 80% 80%,#183048,#0e1621 75%);overflow:hidden;position:relative;padding:38px}.container-card h3{font-size:28px;margin:17px 0}.container-card p{font-size:13px;line-height:1.9}.container-card>img{position:absolute;width:245px;top:205px;right:35px;transform:rotate(-9deg);border:1px solid #4b5b71;border-radius:24px;box-shadow:0 20px 30px #0009}.advanced-stack{display:flex;flex-direction:column;justify-content:space-between}.advanced-stack article{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:26px 15px 32px}.advanced-stack article:last-child{border-bottom:0}.line-icon{width:45px;height:45px;border:1px solid #43546a;border-radius:12px;display:grid;place-items:center;color:var(--cyan);font-size:27px;flex-shrink:0}.advanced-stack h3{font-size:21px;font-weight:500;margin:13px 0}.advanced-stack p{font-size:13px;max-width:350px}.privacy-section{background:#0c141d;border-block:1px solid var(--line);padding:86px 0}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.privacy-grid h2{line-height:1.25;margin-bottom:26px}.privacy-grid p:not(.eyebrow){font-size:13px;line-height:1.9}.connection-diagram{display:flex;justify-content:center;align-items:center;gap:12px}.connection-node{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:100px}.connection-node>span{font-size:74px;line-height:1;color:#b2cfe1}.connection-node strong{font-size:13px;font-weight:500}.connection-node small{font-size:10px;color:#8fa6bb}.connection-path{width:150px;text-align:center;color:#83c9d7;font-size:10px}.connection-path i{display:block;height:1px;background:linear-gradient(90deg,#496376,#82e1ef,#496376);position:relative;margin:13px 0}.connection-path i:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#b1f2ff;top:-2px;left:50%;box-shadow:0 0 12px #b1f2ff}.connection-path small{font-size:10px;color:#8c9fb6}.nas-drawing{display:flex;gap:5px;padding:12px 8px;border:1px solid #7391a8;border-radius:8px;background:linear-gradient(130deg,#2a3d4e,#111e2a);margin:7px 0 9px;box-shadow:7px 3px 0 #1e2d3a}.nas-drawing i{width:13px;height:33px;border:1px solid #6d889b;border-radius:2px;position:relative}.nas-drawing i:after{content:'';width:3px;height:3px;background:#80dbc7;position:absolute;bottom:4px;left:4px;border-radius:50%}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.faq-section h2{line-height:1.3;margin-bottom:24px}.muted{font-size:13px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;font-size:14px;padding:23px 0;color:#d9e5f0}.faq-list summary::-webkit-details-marker,.mobile-menu summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--cyan);font-size:20px;transition:transform .2s;flex-shrink:0}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details>p{font-size:13px;line-height:1.9;padding:0 27px 24px 0}.get-section{position:relative;overflow:hidden;text-align:center;border-block:1px solid var(--line);background:radial-gradient(ellipse at 50% 115%,#204253,#0a111b 65%)}.get-content{padding:75px 0 80px;position:relative;z-index:1}.get-content>img{margin:0 auto 25px;border-radius:18px;box-shadow:0 0 60px #74cfff1c}.get-content .eyebrow{justify-content:center}.get-content h2{font-size:50px;margin:17px 0 23px;line-height:1.2}.get-content>p:not(.eyebrow){font-size:14px}.get-actions{display:flex;justify-content:center;gap:14px;margin:30px 0 22px}.secondary{border:1px solid #405367;background:#111e2b;color:#d1dfed}.availability{font-size:12px!important;color:#95a7bd;max-width:90%;margin:auto}.get-orbit{position:absolute;width:1000px;height:350px;border:1px solid #76e4f425;border-radius:50%;bottom:-220px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 60px #76e4f405,0 0 0 120px #76e4f404}.footer{padding-block:35px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:25px}.footer .brand{font-size:18px}.footer>p,.footer>a:not(.brand){font-size:11px}.footer>small{width:100%;font-size:11px;color:#7f91a8;border-top:1px solid #202c3b;padding-top:20px}.hero-stage,.feature-panel,.files-art,.music-art,.container-card{contain:layout paint}
@keyframes scan{0%,100%{top:15%;opacity:.2}50%{top:80%;opacity:.7}}@keyframes wave{to{transform:scaleY(.45)}}
@media(min-width:1440px){.hero-inner{min-height:780px}.hero-stage{height:700px}.phone-front{width:270px}.phone-back{width:245px;right:10px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.desktop-nav{gap:18px}.hero h1{font-size:59px}.hero-stage{height:600px}.phone-front{width:225px;left:8px;top:85px}.phone-back{width:202px;right:0;top:45px}.stage-label{left:20px}.floating-label{right:0;bottom:48px;padding:13px 15px}.hero-stage figcaption{left:20px;bottom:12px}.hero-inner{min-height:680px}.hero-meta{gap:10px}.hero-meta span+span{padding-left:10px}.feature-copy{padding:42px 32px}.feature-copy h3{font-size:32px}.monitor-art{padding-inline:20px}.files-row .feature-copy{padding-left:18px}.file-phone{left:18%}.media-copy h2{font-size:40px}.vinyl{width:320px;height:320px;right:-80px}.music-phone{left:12px;width:230px}.privacy-grid{gap:30px}.faq-section{gap:60px}.container-card{padding:30px}.hero-actions{gap:18px}}
@media(max-width:800px){.desktop-nav{display:none}.mobile-menu{display:block;position:relative;font-size:13px}.mobile-menu summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}.mobile-menu nav{position:absolute;right:0;top:54px;min-width:190px;padding:10px;background:#111e2b;border:1px solid #43556c;border-radius:8px;box-shadow:0 15px 40px #0009}.mobile-menu nav a{display:block;padding:12px 16px}.nav-cta{margin-left:auto}.nav{height:72px;gap:22px}.hero-inner{grid-template-columns:1fr;gap:0;padding-top:54px}.hero-copy{max-width:580px}.hero h1{font-size:64px}.hero-stage{height:650px;width:570px;max-width:100%;margin:35px auto 0}.phone-front{width:250px;left:15%;top:45px}.phone-back{width:226px;right:6%;top:10px}.stage-label{left:10%;top:0}.floating-label{right:5%;bottom:32px}.hero-stage figcaption{left:10%;bottom:0}.hero-background{background-position:70% 30%;opacity:.55}.benefit-strip>a{padding-inline:20px}.benefit-strip strong{font-size:16px}.section{padding-block:78px}.section-heading h2,h2{font-size:36px}.section-heading>p{font-size:12px}.monitor{grid-template-columns:1fr 1fr;min-height:480px}.feature-copy{padding:35px 25px}.feature-copy h3{font-size:29px}.feature-copy>p{font-size:12px}.check-list{font-size:11px}.monitor-art{height:480px;padding:30px 15px}.files-row{gap:16px}.files-art{height:480px}.file-phone{width:230px;left:22%}.file-chip{font-size:11px;padding:10px 14px}.chip-one{left:15px;width:110px}.chip-two{right:12px;bottom:70px}.file-benefits>div{gap:14px;font-size:11px}.media-inner{gap:25px;padding-block:65px}.media-copy h2{font-size:34px}.music-art{height:540px}.music-phone{width:208px;left:8px}.vinyl{width:250px;height:250px;top:120px;right:-85px}.music-art figcaption{left:20px}.media-feature{gap:12px}.media-feature h3{font-size:17px}.media-feature p{font-size:12px}.media-intro{font-size:13px}.sound-wave{bottom:50px}.advanced-grid{gap:20px}.container-card{padding:25px;height:550px}.container-card>img{right:15px;width:220px;top:230px}.container-card h3{font-size:25px}.advanced-stack article{gap:15px;padding-inline:5px}.advanced-stack h3{font-size:18px}.advanced-stack p{font-size:12px}.privacy-grid{grid-template-columns:1fr;gap:45px}.connection-diagram{padding:20px 0}.connection-path{width:200px}.faq-section{gap:30px;grid-template-columns:.8fr 1.2fr}.faq-section h2{font-size:30px}.faq-list summary{font-size:13px}.footer{gap:20px}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.nav{height:66px;gap:14px}.brand{font-size:20px;gap:9px}.brand img{width:31px;height:31px}.nav-cta{display:none}.mobile-menu{margin-left:auto}.hero-inner{padding-top:42px}.eyebrow{font-size:11px;letter-spacing:1.4px}.hero h1{font-size:clamp(44px,12.8vw,67px);letter-spacing:-2px;margin:22px 0}.hero-description{font-size:19px}.hero-sub{font-size:12px;line-height:1.9;margin-top:14px}.desktop-break{display:none}.hero-actions{gap:18px;margin-top:25px}.button{padding:12px 17px;gap:20px;font-size:12px;min-height:46px}.text-link{font-size:11px;gap:7px}.hero-meta{font-size:11px;margin-top:23px;gap:10px}.hero-meta span+span{padding-left:10px}.hero-stage{height:535px;margin-top:36px;overflow:visible;contain:layout}.phone-front{width:58%;max-width:230px;left:5%;top:40px;border-radius:30px;padding:5px}.phone-front img{border-radius:24px}.phone-back{width:49%;max-width:205px;right:3%;top:18px;border-radius:26px;padding:5px}.phone-back img{border-radius:21px}.stage-label{left:4%;font-size:8px;letter-spacing:1.4px;top:-4px}.orbit{width:430px;height:180px;left:-45px;top:190px}.orbit-two{width:500px;height:230px;left:-75px;top:170px}.floating-label{bottom:43px;right:0;padding:11px 14px;font-size:11px;gap:12px}.floating-label small{font-size:11px}.hero-stage figcaption{left:4%;bottom:13px;font-size:11px}.benefit-strip{padding:20px 0;margin-top:0;gap:0}.benefit-strip>a{padding:0 13px}.benefit-strip a>span{font-size:10px;letter-spacing:.2px;white-space:nowrap}.benefit-strip strong{font-size:13px;margin-top:5px;gap:2px}.benefit-strip strong span{font-size:13px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:28px}.section-heading h2,h2{font-size:31px;margin-top:13px}.section-heading>p{margin-top:18px;font-size:13px}.monitor{grid-template-columns:1fr}.feature-copy{padding:32px 26px}.feature-copy h3{font-size:31px;margin:18px 0}.feature-copy>p{font-size:13px}.check-list{font-size:11px;margin:22px 0}.monitor-art{height:385px;padding:10px 25px 0}.monitor-art>img{width:285px}.art-top{margin-bottom:15px}.art-bottom{font-size:11px;padding-bottom:22px}.files-row{display:flex;flex-direction:column-reverse;gap:25px;margin-top:32px}.files-row .feature-copy{padding:20px 4px;width:100%}.files-art{width:100%;height:430px}.file-phone{width:240px;top:65px;left:23%}.file-chip{font-size:12px}.chip-one{top:130px;left:15px}.chip-two{bottom:75px}.file-benefits>div{font-size:12px;gap:25px}.small-note{font-size:11px!important;margin-top:20px}.media-inner{grid-template-columns:1fr;padding-block:60px;gap:35px}.media-copy h2{font-size:36px}.media-feature{gap:17px;margin-top:28px}.media-feature h3{font-size:18px}.media-feature p{font-size:13px}.music-art{height:565px;width:100%;overflow:visible;contain:layout}.music-phone{width:233px;left:7%;top:10px}.vinyl{width:270px;height:270px;right:-65px;top:145px}.music-art figcaption{left:8%;bottom:0;font-size:11px}.sound-wave{right:0;bottom:55px}.advanced-grid{grid-template-columns:1fr;gap:15px}.container-card{height:460px;padding:27px}.container-card h3{font-size:28px}.container-card>img{width:220px;top:205px;right:20px}.advanced-stack article{padding:26px 3px;gap:20px}.advanced-stack h3{font-size:20px}.advanced-stack p{font-size:13px}.privacy-section{padding-block:60px}.privacy-grid h2{font-size:35px}.privacy-grid p:not(.eyebrow){font-size:12px}.connection-diagram{gap:5px}.connection-node{min-width:85px}.connection-node strong{font-size:12px}.connection-path{width:75px}.connection-path small{font-size:10px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-section h2{font-size:32px}.faq-list summary{padding:21px 0;font-size:13px}.faq-list details>p{font-size:12px}.get-content{padding-block:60px}.get-content h2{font-size:38px}.get-content>img{width:62px;height:62px;border-radius:15px}.get-content>p:not(.eyebrow){font-size:13px}.get-actions{gap:12px}.availability{font-size:12px!important;line-height:1.9}.footer{padding-block:28px;gap:20px}.footer>p{order:3;width:100%}.footer>small{order:4;font-size:11px;line-height:1.9}.footer>a:not(.brand){margin-left:auto}.media-section{overflow:hidden}}
@media(max-width:375px){.wrap{width:calc(100% - 32px)}.hero-actions{gap:12px}.button{padding-inline:14px;gap:15px}.hero-stage{height:465px}.floating-label{bottom:34px}.hero-meta{gap:7px;font-size:11px}.hero-meta span+span{padding-left:7px}.benefit-strip>a{padding-inline:9px}.benefit-strip strong{font-size:12px}.file-phone{left:17%}.music-phone{left:0;width:220px}.music-art{height:530px}.feature-copy{padding:27px 20px}.check-list{font-size:11px}}
/* 2026-10-29 视觉修订：双机使用正常网格流，避免绝对定位叠放与边缘裁切。 */
.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;min-height:760px;padding-block:58px}
.hero-background{background:radial-gradient(ellipse at 78% 42%,#19334488 0%,#10233133 35%,#070b1200 68%);opacity:1}
.hero-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'label label' 'dashboard music' 'caption caption' 'note note';align-items:start;gap:22px;height:auto;width:100%;max-width:550px;margin:0 auto;padding:16px 8px;perspective:none;contain:layout;overflow:visible}
.stage-label{grid-area:label;position:static;justify-content:center;font-size:9px;letter-spacing:1.8px;margin-bottom:4px}
.hero-stage .phone{position:static;width:100%;max-width:none;transform:none;filter:none;min-width:0;border-radius:30px;padding:5px;border-color:#455369;box-shadow:0 20px 45px #0006,inset 0 0 0 1px #263242}
.hero-stage .phone img{border-radius:24px}
.phone-front{grid-area:dashboard}.phone-back{grid-area:music}
.hero-stage .orbit{display:none}
.hero-stage figcaption{grid-area:caption;position:static;text-align:center;font-size:11px;line-height:1.8;color:#a6b5c8;margin:0}
.floating-label{grid-area:note;position:static;justify-content:center;padding:16px 0 0;margin:0;border:0;border-top:1px solid #33415566;border-radius:0;background:none;box-shadow:none;text-align:center;font-size:12px}
.floating-label small{font-size:11px;margin-top:4px}.floating-label .small-cross{display:none}
/* 所有产品界面保持垂直；素材比例不变，去掉斜置标签和唱片叠层。 */
.monitor-art>img,.file-phone,.file-chip,.music-phone,.container-card>img{transform:none}
.file-phone{left:50%;translate:-50% 0}.file-chip{box-shadow:0 8px 24px #0004}
.music-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;height:auto;min-height:590px;contain:layout;overflow:visible}
.music-phone{position:static;width:min(270px,80%);margin:0 auto;box-shadow:0 25px 65px #0005}
.music-art figcaption{position:static;text-align:center;font-size:11px}.vinyl,.sound-wave{display:none}
.container-card>img{right:38px}.monitor-art .scan-line{display:none}
/* 连续、低对比的柔光替代有硬边的同心圆与扩散阴影。 */
.get-section{background:#0a111b;isolation:isolate}
.get-orbit{inset:0;width:auto;height:auto;transform:none;border:0;border-radius:0;box-shadow:none;background:radial-gradient(ellipse at 50% 85%,#21405266 0%,#172d3b33 35%,#0a111b00 72%);pointer-events:none}
@media(max-width:1100px){.hero-inner{gap:30px;min-height:660px;padding-block:44px}.hero-stage{gap:18px;padding-inline:4px}.hero h1{font-size:55px}.hero-stage .phone{border-radius:25px;padding:4px}.hero-stage .phone img{border-radius:20px}.music-phone{width:min(250px,80%)}.music-art{min-height:550px}}
@media(max-width:800px){.hero-inner{grid-template-columns:1fr;gap:44px;padding-block:48px 36px}.hero-copy{max-width:620px;width:100%;margin-inline:auto;text-align:center}.hero-copy .eyebrow,.hero-actions,.hero-meta{justify-content:center}.hero h1{font-size:64px}.hero-sub{max-width:490px;margin-inline:auto}.hero-stage{max-width:510px;gap:20px;margin:0 auto;padding:8px 12px}.music-art{min-height:0}.music-phone{width:min(230px,90%)}.container-card>img{right:24px}}
@media(max-width:560px){.hero-inner{padding-top:36px;padding-bottom:26px;gap:34px}.hero h1{font-size:clamp(42px,12vw,62px);letter-spacing:-1.8px}.hero-description{font-size:18px}.hero-sub{max-width:330px;font-size:12px}.hero-actions{flex-wrap:wrap;gap:16px}.hero-copy .eyebrow{letter-spacing:1px;font-size:11px}.hero-meta{flex-wrap:wrap;row-gap:8px}.hero-stage{max-width:390px;gap:16px 12px;padding:4px 0}.stage-label{font-size:8px;letter-spacing:1.3px}.hero-stage .phone{border-radius:21px;padding:3px}.hero-stage .phone img{border-radius:17px}.hero-stage figcaption{font-size:11px}.floating-label{font-size:11px;padding-top:13px}.floating-label small{font-size:11px}.file-phone{left:50%;width:230px}.chip-one{top:125px;left:12px}.chip-two{right:12px;bottom:65px}.music-art{height:auto;min-height:0;width:100%;gap:20px;padding:6px 0}.music-phone{width:min(245px,76%)}.container-card>img{right:24px}.get-content{padding-block:64px}.get-orbit{background:radial-gradient(ellipse at 50% 75%,#21405255 0%,#172d3b22 40%,#0a111b00 76%)}}
@media(max-width:375px){.hero-stage{height:auto;gap:14px 10px}.hero-stage .phone{border-radius:18px}.hero-stage .phone img{border-radius:14px}.hero-actions{gap:14px}.hero-meta{font-size:11px}.music-art{height:auto}.music-phone{width:220px;max-width:80%}}
/* 微动效仅增强视觉：默认内容可见，无脚本、无旋转、不改变版式。 */
.filing{padding:0 0 28px;text-align:center;font-size:11px;color:#a4b1c3}.filing a{display:inline-flex;align-items:center;gap:8px;min-height:44px}.filing a:hover{color:var(--cyan)}
@keyframes pilot-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes pilot-light{from{opacity:.55}to{opacity:1}}
@keyframes pilot-signal{from{left:12%;opacity:.3}50%{opacity:1}to{left:88%;opacity:.3}}
@media(prefers-reduced-motion:no-preference){
 .hero-copy>*{animation:pilot-enter .7s cubic-bezier(.22,1,.36,1) both}
 .hero-copy h1{animation-delay:.08s}.hero-description{animation-delay:.16s}.hero-sub{animation-delay:.22s}.hero-actions{animation-delay:.28s}.hero-meta{animation-delay:.34s}
 .hero-stage .phone{animation:pilot-enter .9s cubic-bezier(.22,1,.36,1) both}.hero-stage .phone-front{animation-delay:.16s}.hero-stage .phone-back{animation-delay:.28s}
 .hero-background{animation:pilot-light 2s ease-out both}
 .connection-diagram:is(:hover,:active) .connection-path i:after{animation:pilot-signal 1.5s ease-in-out 2}
 .faq-list details[open]>p{animation:pilot-enter .25s ease-out both}
 .button,.nav-cta,.feature-panel,.files-art,.container-card,.advanced-stack article,.connection-node{transition:transform .28s ease,translate .28s ease,border-color .28s ease,box-shadow .28s ease,background-color .28s ease}
 .button span,.nav-cta span,.benefit-strip strong span,.filing span{display:inline-block;transition:transform .25s ease}
 .desktop-nav a{position:relative}.desktop-nav a:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
 .desktop-nav a:is(:hover,:focus-visible):after{transform:scaleX(1)}
 .button:is(:hover,:focus-visible) span,.nav-cta:is(:hover,:focus-visible) span,.benefit-strip a:is(:hover,:focus-visible) strong span,.filing a:is(:hover,:focus-visible) span{transform:translate(2px,-2px)}
 .button:active{transform:translateY(1px)}
 /* 不支持滚动时间线的浏览器直接展示静态内容，不隐藏任何区块。 */
 @supports(animation-timeline:view()){
  .section-heading,.monitor,.files-row,.media-inner,.advanced-grid,.privacy-grid,.faq-section,.get-content{animation:pilot-enter linear both;animation-timeline:view();animation-range:entry 0% entry 18%}
 }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .feature-panel:hover,.files-art:hover,.container-card:hover{border-color:#557086;box-shadow:0 18px 48px #0003;translate:0 -3px}
 .advanced-stack article:hover{background-color:#10202c66;transform:translateX(3px)}
 .connection-node:hover{transform:translateY(-3px)}
 .primary:hover{box-shadow:0 0 26px #76e4f426}
}
/* 关闭非必要动画，保证减少动态效果设置下的可读性。 */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}