:root{--blue:#175dde;--deep:#103474;--ink:#172033;--muted:#667085;--line:#dce7f7;--soft:#f4f7fb;--sky:#eaf2ff;--white:#fff;--shadow:0 22px 60px rgba(18,63,126,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans SC",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip-link{position:fixed;left:12px;top:-60px;z-index:999;background:#111;color:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,231,247,.85)}.nav-row{height:76px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand img{border-radius:11px;box-shadow:0 6px 18px rgba(23,93,222,.18)}.brand span{display:grid;line-height:1.1}.brand strong{font-size:16px}.brand small{font-size:16px;letter-spacing:.14em;color:#7d8ca3;margin-top:5px}.nav-links{display:flex;gap:30px;font-size:16px;color:#526279}.nav-links a:hover{color:var(--blue)}.nav-download{padding:11px 18px;border-radius:999px;background:var(--blue);color:#fff;font-size:16px;font-weight:700;box-shadow:0 9px 24px rgba(23,93,222,.22)}.hero{padding:86px 0 58px;background:radial-gradient(circle at 78% 20%,#e8f1ff 0,rgba(232,241,255,0) 37%),linear-gradient(180deg,#fff,#f9fbff)}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:76px}.eyebrow{margin:0 0 18px;color:var(--blue);font-size:16px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow>span{display:inline-block;width:28px;height:2px;background:var(--blue);vertical-align:middle;margin-right:10px}.eyebrow.light{color:#dce8ff}.hero h1,.section-head h2,.privacy-copy h2,.audio-copy h2,.controls-copy h2,.app-copy h2,.download-copy h2,.faq-intro h2{margin:0;font-weight:700;letter-spacing:-.045em;line-height:1.22}.hero h1{font-size:clamp(3rem,4.6vw,4.55rem)}.hero-title-line{white-space:nowrap}.hero h1 em{font-style:normal;color:var(--blue)}.hero-lead{font-size:18px;line-height:1.9;color:#526279;margin:28px 0 0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;font-weight:700;font-size:16px;border:1px solid transparent;transition:.2s ease}.button.primary{background:var(--blue);color:#fff;box-shadow:0 14px 30px rgba(23,93,222,.2)}.button.primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(23,93,222,.26)}.button.large{min-height:58px;padding:0 30px;border-radius:14px;font-size:16px}.text-link{font-size:16px;color:#42516a;font-weight:700}.text-link span{margin-left:6px;color:var(--blue)}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.hero-badges span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#526279;font-size:16px}.hero-visual{position:relative;min-height:560px}.visual-glow{position:absolute;right:4%;top:5%;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,#cfe1ff 0,#eaf2ff 45%,rgba(234,242,255,0) 73%);filter:blur(5px)}.pc-card{position:absolute;left:4%;top:66px;width:88%;background:#fff;border:1px solid #d4e2f7;border-radius:24px;box-shadow:0 28px 70px rgba(16,52,116,.16);overflow:hidden;transform:rotate(-1.2deg)}.pc-topbar{height:48px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#f7f9fc;border-bottom:1px solid #e3ebf7;color:#637189;font-size:16px}.pc-topbar .dot{width:8px;height:8px;border-radius:50%;background:#c8d3e3}.pc-topbar b{margin-left:8px;font-size:16px;font-weight:700;color:#3c4d67}.pc-screen{display:grid;grid-template-columns:1.45fr .72fr;min-height:330px}.preview-pane{padding:20px;background:#102b59;position:relative}.preview-label{position:absolute;left:30px;top:29px;color:#eaf2ff;font-size:16px;z-index:2;background:rgba(8,27,63,.68);padding:6px 9px;border-radius:999px}.live-dot{display:inline-block;width:7px;height:7px;background:#4bd37b;border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px rgba(75,211,123,.12)}.camera-scene{height:100%;min-height:270px;border-radius:13px;background:linear-gradient(145deg,#204f9b,#0f2d62);position:relative;overflow:hidden}.scene-ring{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}.ring-a{width:250px;height:250px;right:-30px;bottom:-40px}.ring-b{width:160px;height:160px;left:35px;top:47px}.phone-lens{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);width:128px;height:186px;border-radius:28px;background:linear-gradient(160deg,#f8fbff,#c8dcff);border:5px solid #fff;box-shadow:0 20px 40px rgba(0,0,0,.2);display:grid;grid-template-columns:repeat(2,1fr);padding:23px 20px;gap:12px}.phone-lens i{display:block;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#5c8be0 0 10%,#0a1c3d 28% 62%,#142d59 64% 100%);box-shadow:inset 0 0 0 4px #dce8f8}.phone-lens i:nth-child(3){grid-column:1/2}.control-pane{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:23px 17px;background:#fff;text-align:center}.mini-title{font-size:16px;color:#7d8ba1;margin-bottom:12px}.qr-mock{width:118px;height:118px;border:8px solid #fff;outline:1px solid #e0e7f2;background:#f4f7fb;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px}.qr-mock i{background:#153f86;border-radius:2px}.qr-mock i:nth-child(2),.qr-mock i:nth-child(5),.qr-mock i:nth-child(7),.qr-mock i:nth-child(12),.qr-mock i:nth-child(14){background:transparent}.control-pane b{font-size:16px;color:#2b3a52;margin-top:15px}.control-pane small{font-size:16px;color:#8a98aa;margin-top:4px}.phone-card{position:absolute;right:-5px;bottom:5px;width:170px;height:355px;border-radius:34px;background:#0c1e3d;border:8px solid #0c1e3d;box-shadow:0 22px 54px rgba(16,52,116,.22);transform:rotate(5deg);z-index:3;overflow:hidden}.phone-notch{position:absolute;left:50%;top:7px;transform:translateX(-50%);width:72px;height:18px;border-radius:0 0 12px 12px;background:#0c1e3d;z-index:2}.phone-ui{height:100%;padding:28px 13px 18px;background:linear-gradient(180deg,#eaf2ff,#cfe1ff);display:flex;flex-direction:column;align-items:center}.phone-camera{margin-top:25px;width:124px;height:184px;border-radius:20px;background:linear-gradient(145deg,#1b4d97,#0d2b5b);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.phone-camera:before,.phone-camera:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.phone-camera:before{width:120px;height:120px;left:-35px;top:25px}.phone-camera:after{width:170px;height:170px;right:-80px;bottom:-55px}.lens-core{width:58px;height:58px;border-radius:50%;border:2px solid #b8d3ff;box-shadow:0 0 0 11px rgba(174,205,255,.12);background:radial-gradient(circle,#93b8f7 0 8%,#0b1d3d 12% 60%,#244a85 61%)}.phone-ui span{font-size:16px;color:#506481;margin-top:14px}.phone-ui strong{font-size:16px;color:#173d7c}.phone-controls{display:flex;gap:10px;margin-top:14px}.phone-controls i{width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid #b8cbe8}.floating-chip{position:absolute;display:grid;grid-template-columns:36px 1fr;column-gap:9px;padding:12px 14px;background:rgba(255,255,255,.96);border:1px solid #dfe8f6;border-radius:16px;box-shadow:0 14px 34px rgba(16,52,116,.13);z-index:4}.floating-chip>span{grid-row:1/3;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eaf2ff;color:var(--blue);font-weight:800}.floating-chip b{font-size:16px;line-height:1.2}.floating-chip small{font-size:16px;color:#7b8aa0}.chip-a{left:-2px;bottom:62px}.chip-b{right:34px;top:14px}.cap-strip{
    display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:12px;margin-bottom:12px;}
.cap-strip article{
    display:flex;
    gap:15px;
    padding:27px 20px;
    border-right:1px solid var(--line)
}
.cap-strip article:last-child{border-right:0}
.cap-strip>article>span{font-size:16px;color:var(--blue);font-weight:800;padding-top:3px}
.cap-strip h2{font-size:20px;margin:0 0 5px}
.cap-strip p{font-size:16px;color:#718096;margin:0;line-height:1.65}
.section{padding:96px 0}
.section-head.split{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:42px}
.section-head h2,.privacy-copy h2,.audio-copy h2,.controls-copy h2,.app-copy h2,.faq-intro h2{font-size:clamp(2.2rem,3.6vw,3rem)}
.section-head>p{color:#526279;max-width:430px;margin:0 0 6px;font-size:16px;line-height:1.9}.how-section{background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.steps article{position:relative;padding:31px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fff,#f9fbff);min-height:310px}.step-no{position:absolute;right:24px;top:22px;color:#a6b6cc;font-size:16px;font-weight:800}.step-icon{width:76px;height:76px;border-radius:20px;background:#eaf2ff;margin-bottom:28px;position:relative}.pc-icon:before{content:"";position:absolute;left:15px;top:17px;width:46px;height:31px;border:3px solid var(--blue);border-radius:5px}.pc-icon:after{content:"";position:absolute;left:33px;top:50px;width:12px;height:9px;border-bottom:3px solid var(--blue)}.qr-icon{display:grid;grid-template-columns:repeat(2,18px);gap:8px;padding:16px}.qr-icon i{border:4px solid var(--blue);border-radius:3px}.qr-icon i:last-child{border:0;background:repeating-linear-gradient(45deg,var(--blue),var(--blue) 3px,transparent 3px,transparent 6px)}.live-icon:before{content:"";position:absolute;left:19px;top:20px;width:38px;height:28px;border:3px solid var(--blue);border-radius:6px}.live-icon:after{content:"";position:absolute;right:12px;top:28px;border-left:12px solid var(--blue);border-top:8px solid transparent;border-bottom:8px solid transparent}
.steps h3{
    /* font-size:20px; */
    margin:0 0 10px；
}
.steps p{margin:0;color:#667085;font-size:16px;line-height:1.8}
.feature-section{background:#f3f6fa}
.feature-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.feature-tabs button{border:1px solid #d7e2f2;background:#fff;color:#53637a;padding:10px 18px;border-radius:999px;cursor:pointer;font-size:16px;font-weight:700}
.feature-tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.feature-stage{display:grid;grid-template-columns:1fr 1fr;min-height:590px;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 18px 52px rgba(30,63,109,.08)}
.feature-visual{position:relative;background:linear-gradient(145deg,#153f86,#0d2b5b);overflow:hidden}
.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}
.resolution-card{position:absolute;left:36px;top:36px;color:#fff}
.resolution-card span{display:block;font-size:16px;letter-spacing:.16em;color:#bcd1f6}
.resolution-card strong{display:block;font-size:40px;letter-spacing:-.04em;margin-top:4px}
.resolution-card small{color:#cbdcf8}
.visual-phone{position:absolute;width:230px;height:410px;right:65px;bottom:-60px;padding:10px;border:2px solid rgba(255,255,255,.32);border-radius:38px;background:rgba(255,255,255,.08);transform:rotate(7deg);box-shadow:0 28px 50px rgba(0,0,0,.18)}
.visual-phone-screen{height:100%;border-radius:28px;background:linear-gradient(160deg,#5a88d8,#112f62);position:relative;overflow:hidden}
.visual-phone-screen:before,.visual-phone-screen:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.2)}
.visual-phone-screen:before{width:250px;height:250px;left:-80px;top:80px}
.visual-phone-screen:after{width:180px;height:180px;right:-80px;bottom:60px}
.visual-phone-screen span{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:radial-gradient(circle,#9dc1ff 0 8%,#06162f 11% 58%,#234b89 61%);box-shadow:0 0 0 14px rgba(192,215,255,.08)}
.visual-phone-screen b{position:absolute;left:50%;top:14px;transform:translateX(-50%);width:78px;height:18px;border-radius:0 0 12px 12px;background:#0b244d}.feature-copy{padding:62px 58px;display:flex;flex-direction:column;justify-content:center}.feature-kicker{font-size:16px;color:var(--blue);font-weight:800;letter-spacing:.12em;margin:0 0 18px}
.feature-copy h3{font-size:30px;line-height:1.35;margin:0 0 20px;letter-spacing:-.035em}
.feature-copy>p:not(.feature-kicker){color:#5b6b82;margin:0;font-size:16px;line-height:1.9}
.feature-copy ul{list-style:none;padding:0;margin:31px 0 0;border-top:1px solid var(--line)}
.feature-copy li{display:grid;grid-template-columns:145px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}
.feature-copy li b{font-size:16px}
.feature-copy li span{font-size:16px;color:#6b7a90}
.privacy-section{background:linear-gradient(135deg,#153f86,#0b2a5b);color:#fff}
.privacy-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}
.privacy-copy p:not(.eyebrow){color:#d4e2fa;font-size:16px;line-height:1.9;max-width:530px}
.privacy-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}
.privacy-points span{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);padding:8px 11px;border-radius:999px;font-size:16px}
.network-diagram{position:relative;min-height:330px;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center}
.device-node{padding:24px 15px;text-align:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:20px}
.device-node strong,.device-node span{display:block}
.device-node strong{font-size:16px}
.device-node span{font-size:16px;color:#c8d8f2;margin-top:4px}
.node-icon{height:65px;margin:0 auto 14px;position:relative}
.phone-shape{width:40px;border:3px solid #fff;border-radius:10px}
.phone-shape:after{content:"";position:absolute;width:12px;height:2px;background:#fff;bottom:7px;left:11px}
.monitor-shape{width:76px;height:49px;border:3px solid #fff;border-radius:7px;margin-top:8px}
.monitor-shape:before{content:"";position:absolute;left:33px;bottom:-13px;width:5px;height:13px;background:#fff}
.monitor-shape:after{content:"";position:absolute;left:22px;bottom:-16px;width:28px;height:3px;background:#fff;border-radius:3px}
.network-line{height:1px;background:rgba(255,255,255,.33);position:relative;margin:0 20px;text-align:center}.network-line i{position:absolute;left:0;top:-2px;width:55%;height:5px;border-radius:6px;background:#74a7ff;box-shadow:0 0 16px rgba(116,167,255,.8);animation:flow 2.6s ease-in-out infinite alternate}.network-line b,.network-line small{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.network-line b{top:-31px;font-size:16px;letter-spacing:.14em;color:#aac7f6}.network-line small{top:12px;font-size:16px;color:#d7e5fb}@keyframes flow{to{left:45%}}.cloud-muted{position:absolute;right:44%;bottom:2px;color:#87a6d5;text-align:center;font-size:16px}.cloud-muted span{display:block;font-size:25px}.audio-section{background:#fff}.audio-grid{display:grid;grid-template-columns:1fr .92fr;gap:75px;align-items:center}.audio-board{border:1px solid var(--line);border-radius:25px;padding:26px;background:#f8faff;box-shadow:var(--shadow)}.board-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;color:#65758b}.board-top span{font-size:16px;letter-spacing:.14em}.board-top b{font-size:16px;color:#263650}.sound-toggle,.sound-choice{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.sound-toggle>div,.sound-choice>div{display:grid}.sound-toggle strong,.sound-choice strong{font-size:20px}.sound-toggle small,.sound-choice small{font-size:16px;color:#7b8a9f}.switch{margin-left:auto;width:42px;height:24px;border-radius:999px;background:#ccd6e4;padding:3px}.switch i{display:block;width:18px;height:18px;border-radius:50%;background:#fff}.switch.on{background:var(--blue)}.switch.on i{margin-left:18px}.sound-choice{padding:16px 13px;margin-top:12px;border:1px solid #e0e8f5;border-radius:14px;background:#fff}.sound-choice.selected{border-color:#9fc0fa;background:#eef5ff}.radio{width:18px;height:18px;border:2px solid #b9c7da;border-radius:50%}.selected .radio{border:5px solid var(--blue)}.sound-choice em{margin-left:auto;font-style:normal;font-size:16px;color:var(--blue);background:#dceaff;padding:4px 7px;border-radius:999px}.level-row{display:grid;grid-template-columns:48px 1fr 42px;gap:12px;align-items:center;margin-top:20px;font-size:16px;color:#66768b}.meter{height:8px;border-radius:999px;background:#dfe7f3;overflow:hidden}.meter i{display:block;height:100%;width:72%;background:linear-gradient(90deg,#4c86ea,#175dde);border-radius:999px}.audio-copy>p:not(.eyebrow),.controls-copy>p:not(.eyebrow),.app-copy>p:not(.eyebrow){color:#5f6f85;font-size:16px;line-height:1.9}.check-list{list-style:none;padding:0;margin:29px 0 0}.check-list li{position:relative;padding:12px 0 12px 32px;border-bottom:1px solid var(--line);font-size:16px}.check-list li:before{content:"✓";position:absolute;left:0;top:12px;width:21px;height:21px;border-radius:50%;background:#e5efff;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900}.controls-section{background:#f4f7fb}.controls-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.control-panel{padding:30px 32px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 15px 45px rgba(17,55,110,.08)}.control-row{display:grid;grid-template-columns:70px 1fr 66px;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid #edf1f7}.control-row>span{font-size:16px;font-weight:700}.control-row>em{font-style:normal;text-align:right;color:#607089;font-size:16px}.range{height:6px;border-radius:999px;background:#dfe6f1;position:relative}.range i{display:block;height:100%;background:var(--blue);border-radius:999px}.range b{position:absolute;top:50%;transform:translate(-50%,-50%);width:17px;height:17px;border-radius:50%;background:#fff;border:5px solid var(--blue);box-shadow:0 2px 8px rgba(23,93,222,.2)}.control-chips{display:flex;flex-wrap:wrap;gap:9px;padding-top:20px}.control-chips span{padding:7px 10px;border-radius:999px;background:#eef4ff;color:#315eac;font-size:16px}.app-section{background:linear-gradient(135deg,#103474,#0b2b5c);color:#fff}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.app-copy p:not(.eyebrow){color:#cfdef5}.app-list{display:grid;gap:12px}.app-list article{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.08)}.app-list>article>span{width:64px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;color:#123e83;font-weight:900;font-size:16px}.app-list div{display:grid}.app-list strong{font-size:20px}.app-list small{font-size:16px;color:#c8d7ed}.download-section{background:#fff}.download-card{display:grid;grid-template-columns:116px 1fr auto;align-items:center;gap:28px;padding:38px 42px;border:1px solid #cfe0fa;border-radius:28px;background:linear-gradient(135deg,#f7faff,#eaf2ff);box-shadow:0 24px 58px rgba(17,67,145,.1)}.download-mark{width:96px;height:96px;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 12px 32px rgba(23,93,222,.16)}.download-mark img{width:100%;height:100%;object-fit:cover}.download-copy h2{font-size:31px}.download-copy>p{margin:9px 0 0;color:#607188}.download-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.download-meta span{font-size:16px;color:#4f6687;background:#fff;border:1px solid #d9e5f6;border-radius:999px;padding:6px 9px}.download-action{display:flex;flex-direction:column;align-items:center;gap:9px}.download-action small{font-size:16px;color:#7a8aa1}.download-action code{font-family:Consolas,monospace}.faq-section{background:#f4f7fb}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px}.faq-list details{border-top:1px solid #d9e3f1;padding:0}.faq-list details:last-child{border-bottom:1px solid #d9e3f1}.faq-list summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-weight:700;font-size:16px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--blue);font-size:22px;font-weight:400;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-4px 45px 20px 0;color:#66768c;font-size:16px;line-height:1.85}footer{padding:34px 0 40px;background:#0d2349;color:#d8e4f7}.footer-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{border-radius:12px}.footer-brand div{display:grid}.footer-brand strong{font-size:16px}.footer-brand span{font-size:16px;color:#99afd1}.footer-links{display:flex;gap:22px;font-size:16px}.footer-grid>p{grid-column:1/-1;margin:0;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:16px;color:#88a1c6}
@media(max-width:1050px){.nav-links{display:none}.hero-grid{gap:30px}.hero-visual{min-height:520px}.phone-card{right:-12px}.cap-strip{grid-template-columns:repeat(2,1fr)}.cap-strip article:nth-child(2){border-right:0}.cap-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}.privacy-grid,.audio-grid,.controls-grid,.app-grid{gap:40px}.download-card{grid-template-columns:96px 1fr}.download-action{grid-column:2;align-items:flex-start}.feature-stage{min-height:520px}.feature-copy{padding:45px 38px}}
@media(max-width:800px){.wrap{width:min(100% - 32px,720px)}.site-header{position:relative}.nav-row{height:68px}.brand strong{font-size:16px}.brand small{display:none}.nav-download{padding:9px 14px}.hero{padding:54px 0 40px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero h1{font-size:3.05rem}.hero-lead{font-size:16px}.hero-actions,.hero-badges{justify-content:center}.hero-visual{min-height:500px;max-width:620px;width:100%;margin:auto}.pc-card{left:1%;width:91%}.phone-card{right:0}.chip-a{left:2%}.cap-strip{margin-top:0}.section{padding:72px 0}.section-head.split{display:block;text-align:center}.section-head .eyebrow{margin-bottom:14px}.section-head>p{margin:18px auto 0}.steps{grid-template-columns:1fr}.steps article{min-height:0}.feature-stage{grid-template-columns:1fr}.feature-visual{min-height:420px}.feature-copy{padding:38px 32px}.privacy-grid,.audio-grid,.controls-grid,.app-grid{grid-template-columns:1fr}.privacy-copy,.audio-copy,.controls-copy,.app-copy{text-align:center}.privacy-copy p:not(.eyebrow),.audio-copy>p:not(.eyebrow),.controls-copy>p:not(.eyebrow),.app-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.privacy-points{justify-content:center}.audio-board{order:2}.control-panel{order:2}.app-list{margin-top:5px}.download-card{grid-template-columns:80px 1fr;padding:30px}.download-mark{width:80px;height:80px}.download-action{grid-column:1/-1;align-items:stretch}.download-action .button{width:100%}.faq-grid{grid-template-columns:1fr;gap:32px}.faq-intro{text-align:center}.faq-intro h2 br{display:none}.footer-grid{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.desktop{display:none}}
@media(max-width:560px){.wrap{width:calc(100% - 26px)}.brand img{width:38px;height:38px}.nav-download{font-size:16px}.hero h1{font-size:2.45rem}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;gap:14px}.hero-visual{min-height:440px}.pc-card{top:58px;width:96%;left:0}.pc-topbar{height:40px}.pc-screen{grid-template-columns:1fr}.control-pane{display:none}.preview-pane{min-height:280px}.phone-card{width:128px;height:270px;border-radius:27px;right:-4px;bottom:12px}.phone-ui{padding:24px 9px 12px}.phone-camera{width:94px;height:142px}.floating-chip{padding:10px 11px;grid-template-columns:30px 1fr}.floating-chip>span{width:30px;height:30px}.chip-b{right:10px;top:16px}.chip-a{bottom:23px}.cap-strip{grid-template-columns:1fr}.cap-strip article{border-right:0!important;border-bottom:1px solid var(--line)!important}.cap-strip article:last-child{border-bottom:0!important}.section-head h2,.privacy-copy h2,.audio-copy h2,.controls-copy h2,.app-copy h2,.faq-intro h2{font-size:2.25rem}.feature-tabs{justify-content:center}.feature-stage{border-radius:20px}.feature-visual{min-height:350px}.resolution-card{left:24px;top:24px}.resolution-card strong{font-size:29px}.visual-phone{width:160px;height:310px;right:26px}.feature-copy{padding:31px 24px}.feature-copy h3{font-size:27px}.feature-copy li{grid-template-columns:1fr;gap:3px}.network-diagram{min-height:285px}.device-node{padding:17px 8px}.network-line{margin:0 8px}.cloud-muted{right:40%;bottom:0}.control-panel{padding:24px 18px}.control-row{grid-template-columns:55px 1fr 50px;gap:9px}.download-card{display:block;text-align:center}.download-mark{margin:0 auto 18px}.download-copy h2{font-size:27px}.download-meta{justify-content:center}.download-action{margin-top:24px}.footer-brand{justify-content:center}.footer-links{justify-content:center}.footer-grid>p{text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.network-line i{animation:none}.button,.faq-list summary span{transition:none}}

/* 可替换图片：按比例完整显示，不拉伸、不裁切。 */
.hero-visual.hero-image-wrap{min-height:0;display:flex;align-items:center;justify-content:center}
.hero-image{display:block;width:100%;height:auto;object-fit:contain}
.visual-phone.feature-image-wrap{padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;height:auto;bottom:30px}
.feature-phone-image{
    display:block;
    height:auto;
    object-fit:contain;
    margin-left:-120px ;
    width: 460px;
    margin-bottom: -30px;
}
@media(max-width:800px){.hero-visual.hero-image-wrap{max-width:620px}}
@media(max-width:560px){.visual-phone.feature-image-wrap{bottom:20px}}

/* v06：基础小字至少 16px；Banner 教程按钮。 */
body{font-size:16px}
small{font-size:16px}
code{font-size:inherit}
.hero-actions{flex-wrap:wrap}
.tutorial-button{background:#fff;color:var(--blue);border:1px solid var(--blue);box-shadow:0 6px 18px rgba(23,93,222,.08)}
.tutorial-button:hover{background:#eaf2ff}
.tutorial-button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}

/* 产品导航下的锚点滚动位置。 */
.compatibility-section{background:linear-gradient(180deg,#f4f8ff,#f4f8ff)}
.compatibility-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.compatibility-platforms article{display:flex;align-items:center;gap:20px;padding:30px 26px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(18,63,126,.05)}
.platform-mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:64px;height:64px;border-radius:18px;background:var(--sky);color:var(--blue);font-size:32px;font-weight:800}
.compatibility-platforms h3{margin:0 0 5px;font-size:24px}
.compatibility-platforms p{margin:0;color:var(--muted);font-size:16px}
.compatibility-devices{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:24px;padding:28px 32px;border-radius:20px;background:var(--sky)}
.compatibility-devices h3{margin:0 0 8px;font-size:22px}
.compatibility-devices p{margin:0;color:#5f6f85;font-size:16px}
.compatibility-devices ul{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0;margin:0;padding:0;list-style:none}
.compatibility-devices li{padding:10px 18px;border:1px solid #cfe0fa;border-radius:999px;background:#fff;color:#315eac;font-size:16px;font-weight:700}

@media(max-width:1050px){.compatibility-platforms article{gap:14px;padding:24px 20px}.platform-mark{width:50px;height:50px}.compatibility-devices{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){.compatibility-platforms{grid-template-columns:1fr}.compatibility-platforms article{padding:24px}.compatibility-devices{align-items:center;text-align:center;padding:26px 24px}.compatibility-devices ul{justify-content:center}}
#top,.section[id]{scroll-margin-top:92px}
@media(max-width:800px){#top,.section[id]{scroll-margin-top:16px}}

/* 系统卡片图片，可直接同名替换 assets/platforms/ 中的 PNG。 */
.platform-mark img{display:block;width:44px;height:44px;object-fit:contain}
@media(max-width:1050px){.platform-mark img{width:34px;height:34px}}

/* 设备图标。 */
.compatibility-devices{flex-wrap:wrap}
.compatibility-devices>div:first-child{flex:1 1 300px}
.compatibility-device-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:18px}
.compatibility-devices li{display:inline-flex;align-items:center;gap:8px}
.device-icon{display:block;width:22px;height:22px;flex-shrink:0}
@media(max-width:1050px){.compatibility-devices>div:first-child{flex:initial}.compatibility-device-actions{justify-content:flex-start}}
@media(max-width:800px){.compatibility-device-actions{justify-content:center}}

/* 首屏免费标记。 */
.hero-free-badge{display:inline-flex;align-items:center;gap:12px;margin:20px 0 0;padding:12px 22px;border:1px solid #a7dec5;border-radius:16px;background:linear-gradient(135deg,#e4f8ed,#f1fcf6);color:#14814e;box-shadow:0 8px 22px rgba(20,129,78,.09)}
.hero-free-badge svg{display:block;width:30px;height:30px;flex-shrink:0}
.hero-free-badge strong{font-size:26px;line-height:1.3;letter-spacing:.04em}
@media(max-width:560px){.hero-free-badge{margin-top:18px;padding:10px 18px}.hero-free-badge strong{font-size:24px}.hero-free-badge svg{width:28px;height:28px}}

/* 顶部联系我们二维码。 */
.nav-contact{position:relative;flex-shrink:0}
.nav-contact-trigger{display:flex;align-items:center;gap:6px;border:0;background:none;color:#526279;font:inherit;font-size:16px;padding:12px 0;white-space:nowrap;cursor:pointer}
.nav-contact-trigger:hover,.nav-contact-trigger[aria-expanded="true"]{color:var(--blue)}
.nav-contact-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:4px}
.contact-panel{position:absolute;right:0;top:calc(100% + 12px);width:320px;max-width:calc(100vw - 32px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 42px rgba(18,63,126,.18);z-index:110}
.contact-panel[hidden]{display:none}
.contact-panel:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.contact-qr{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.contact-qr img{display:block;width:100%;max-width:128px;height:auto;aspect-ratio:1;object-fit:contain;background:white}
.contact-qr strong{font-size:16px;color:var(--ink)}
.contact-panel p{grid-column:1/-1;text-align:center;margin:0;color:var(--muted);font-size:16px}
@media(max-width:800px){.nav-row{gap:16px;position:relative}.nav-contact{position:static}.contact-panel{right:0;top:calc(100% + 8px)}}
@media(max-width:560px){.nav-row{gap:10px;flex-wrap:wrap;height:auto;min-height:68px;padding:12px 0}.brand{min-width:0}.brand strong{font-size:16px}.brand span{min-width:0}.nav-contact-trigger{padding:8px 0}.nav-download{font-size:16px}}