:root{--ink:#252b3b;--muted:#757985;--accent:#ff5d72;--accent-dark:#ec435e;--line:#ebecef;--pink:#fff2f1;--font:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;color:var(--ink);font:15px/1.7 var(--font);background:#fff;min-width:1040px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #795de3;outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.container{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}.header{height:88px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid #f0f0f2;backdrop-filter:blur(16px)}.header-inner{height:100%;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700;letter-spacing:-.6px;white-space:nowrap}.brand img{display:block}.header nav{display:flex;align-items:center;gap:36px;font-size:14px}.header nav a{transition:color .15s}.header nav a:hover{color:var(--accent-dark)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);border:1px solid var(--accent);padding:15px 25px;border-radius:9px;color:white;font-size:16px;font-weight:600;min-height:58px;box-shadow:0 8px 18px #ff5d7220;transition:background .15s,transform .15s}.button:hover{background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-2px)}.button-small{min-height:43px;padding:10px 19px;font-size:14px;gap:8px;box-shadow:none}.button-small svg{width:17px;height:17px}.button .download-icon{width:18px;height:18px;margin-left:9px}.hero{position:relative;background:linear-gradient(120deg,#fff 27%,#fff9f7 70%,#fff0f0);overflow:hidden}.hero-grid{padding-top:91px;padding-bottom:92px;display:grid;grid-template-columns:41% 59%;align-items:center;gap:0}.hero-copy{position:relative;z-index:2}.hero-note{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;margin:0 0 23px;color:#7b6470}.record-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #ff5d7210;flex-shrink:0}h1{font-size:clamp(48px,4.15vw,64px);line-height:1.28;letter-spacing:-2.5px;margin:0 0 25px;font-weight:800}h2{font-size:34px;line-height:1.45;letter-spacing:-1.2px;margin:0;font-weight:700}h3{margin:0;font-size:18px;line-height:1.6}p{margin:0}.hero-description{color:#787c89;font-size:16px;line-height:1.95}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:33px}.text-button{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:14px;font-weight:500}.play-circle{width:32px;height:32px;border-radius:50%;border:1px solid #d9d8de;display:flex;align-items:center;justify-content:center}.play-circle svg{width:13px;height:13px;margin-left:2px;fill:var(--ink);stroke-width:0}.text-button:hover{color:var(--accent-dark)}.hero-platform{font-size:11px;color:#9c9ca5;margin-top:19px;display:flex;gap:12px;align-items:center}.hero-platform span{width:3px;height:3px;border-radius:50%;background:#b6b5bb}.hero-visual{position:relative;margin-left:24px;transform:rotate(-1deg);padding:20px 0 0}.hero-visual:before{content:"";position:absolute;inset:-32px -28px -32px 20px;border-radius:130px 35px 70px 40px;background:#ffdeda75;transform:rotate(5deg)}.visual-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;position:relative;padding:0 6px;font-size:11px;color:#96767b}.visual-heading>span{display:flex;align-items:center;gap:7px}.visual-heading i{width:5px;height:5px;background:#ff8a98;border-radius:50%}.visual-heading>svg{width:20px;height:20px;color:#f397a2}.hero-image-frame{position:relative;box-shadow:0 25px 50px -20px #583c5555;border-radius:9px;padding:6px;background:#fff;z-index:1}.image-button{display:block;width:100%;background:transparent;border:0;padding:0;line-height:0;cursor:zoom-in}.image-button img{display:block;width:100%;height:auto}.hero-image{border-radius:5px}.selection-corner{position:absolute;width:15px;height:15px;border:2px solid var(--accent);pointer-events:none}.top-left{top:-11px;left:-11px;border-right:0;border-bottom:0}.top-right{top:-11px;right:-11px;border-left:0;border-bottom:0}.bottom-left{bottom:-11px;left:-11px;border-right:0;border-top:0}.bottom-right{bottom:-11px;right:-11px;border-left:0;border-top:0}.floating-record{position:absolute;right:27px;bottom:22px;z-index:2;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #f2e9eb;border-radius:9px;padding:13px 18px;box-shadow:0 9px 25px #57405115;transform:rotate(1deg);font-size:12px}.floating-record strong{font-weight:500}.floating-time{color:#afb0b8;border-left:1px solid #ebe9ed;padding-left:14px;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:1px}.visual-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;padding-top:19px;color:#a8848a;font-size:10px}.visual-bottom>span:last-child{display:flex;align-items:center;gap:8px}.visual-bottom svg{width:14px;height:14px}.hero-footer{border-top:1px solid #eee4e5;display:flex;align-items:center;justify-content:space-between;height:79px;font-size:12px;color:#a3a0a6}.hero-footer>div{display:flex;gap:40px;color:#7b727d;font-size:13px}.hero-footer>div span{display:flex;gap:9px;align-items:center}.hero-footer>div span:before{content:"";width:4px;height:4px;border:1px solid #c5acb2;border-radius:50%}.section{padding-top:92px;padding-bottom:92px;scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-note{font-size:13px;color:var(--accent-dark);margin-bottom:12px;font-weight:500}.section-heading>p{color:#92949d;font-size:13px;line-height:1.9;text-align:right;margin-bottom:4px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.feature-grid article{padding:29px 25px 23px;border-right:1px solid var(--line)}.feature-grid article:last-child{border:0}.feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff0f1;color:var(--accent-dark);margin-bottom:22px}.feature-icon svg{width:22px;height:22px}.feature-grid h3{font-size:16px;margin-bottom:11px}.feature-grid p{color:#8b8e99;font-size:12px;line-height:1.9}.feature-illustration{margin-top:29px;height:70px;background:#f8f9fb;border-radius:6px;overflow:hidden}.range-illustration{display:flex;align-items:center;gap:12px;padding:11px;font-size:9px;color:#a2a5b0}.mini-screen{width:63px;height:43px;border:1px solid #d2d7e1;border-radius:4px;padding:5px;background:#fff;position:relative}.mini-screen:after{content:"";position:absolute;bottom:-7px;left:24px;width:14px;border-top:1px solid #d2d7e1}.mini-screen span{display:block;width:42px;height:26px;border:1px dashed #ff8696;border-radius:2px;background:#fff0f2}.mini-screen i{position:absolute;right:6px;bottom:7px;width:10px;height:12px;background:var(--accent);clip-path:polygon(0 0,100% 70%,60% 72%,55% 100%)}.sound-illustration{padding:12px}.sound-illustration>div{display:flex;align-items:center;gap:11px;font-size:9px;color:#939aa8;margin-bottom:10px}.sound-illustration>div>span{width:40px}.sound-illustration i{flex:1;height:3px;border-radius:2px;background:#e4e7ed;position:relative}.sound-illustration i:before{content:"";position:absolute;left:0;top:0;bottom:0;width:70%;background:#ff8998}.sound-illustration b{position:absolute;top:-3px;left:70%;width:9px;height:9px;border-radius:50%;background:#ff7488}.sound-illustration>div:last-child i:before{width:52%}.sound-illustration>div:last-child b{left:52%}.task-illustration{display:flex;align-items:center;padding:16px;gap:8px;font-size:11px;color:#808896}.task-illustration svg{width:19px;height:19px;color:#b5bfcc}.task-tag{margin-left:auto;font-size:9px;color:#a48a93;background:#fce7ed;padding:3px 6px;border-radius:3px}.files-illustration{padding:9px 14px}.files-illustration>span{display:flex;align-items:center;gap:9px;font-size:8px;color:#a2a9b6;margin-bottom:6px}.files-illustration i{width:22px;height:20px;border-radius:3px;background:#e4e9f6}.files-illustration b{width:85px;height:4px;border-radius:3px;background:#e2e6ed}.files-illustration em{font-style:normal;margin-left:auto}.showcase{background:#f7f8fb;border-top:1px solid #eff0f4;border-bottom:1px solid #eff0f4}.showcase-heading>p{font-size:11px}.showcase-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:52px;align-items:start}.showcase-tabs{display:flex;flex-direction:column;gap:10px}.showcase-tab{display:flex;align-items:center;gap:14px;text-align:left;padding:18px 17px;border:1px solid transparent;border-radius:9px;background:transparent}.showcase-tab>svg{width:23px;height:23px;color:#939ba9}.showcase-tab strong{font-size:15px;display:block;font-weight:600}.showcase-tab small{color:#a1a5af;font-size:10px;display:block;margin-top:3px}.showcase-tab .tab-arrow{margin-left:auto;width:16px;height:16px;opacity:0}.showcase-tab.active{background:#fff;border-color:#ececf0;box-shadow:0 5px 13px #242b3b04}.showcase-tab.active>svg{color:var(--accent)}.showcase-tab.active .tab-arrow{opacity:1}.showcase-tab:hover{background:#fff}.showcase-description{margin:28px 17px 0;padding-top:22px;border-top:1px solid #e4e6ec}.showcase-description h3{font-size:14px;margin-bottom:10px}.showcase-description p{font-size:12px;color:#8c929e;line-height:1.95}.showcase-description>span{margin-top:17px;display:flex;align-items:center;gap:6px;font-size:10px;color:#768994}.showcase-description>span svg{width:14px;height:14px;color:#63a295}.showcase-panels{min-width:0}.showcase-panels figure{margin:0}.showcase-panels img{border:5px solid #fff;border-radius:9px;box-shadow:0 20px 38px -20px #242b3b44}.showcase-panels figcaption{font-size:11px;color:#9a9faa;display:flex;align-items:center;justify-content:space-between;padding-top:18px}.showcase-panels figcaption>span:last-child{display:flex;align-items:center;gap:8px}.showcase-panels figcaption svg{width:13px;height:13px}.text-link{display:flex;align-items:center;gap:10px;font-size:13px;color:#818594;padding-bottom:4px}.text-link svg{width:18px;height:18px}.text-link:hover{color:var(--accent-dark)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.steps article{padding:26px 29px 29px;background:#fafafb;border-radius:10px}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.step-top>span{font-size:26px;font-weight:600;color:#d9dce3;letter-spacing:-1px}.step-top svg{color:#a3abb8;width:22px;height:22px}.steps h3{font-size:18px;margin-bottom:11px}.steps p{color:#8a909c;font-size:12px;line-height:1.95}.step-choice,.step-sound,.step-record{height:44px;margin-top:24px;display:flex;align-items:center;gap:8px;font-size:11px;background:#fff;border:1px solid #e9eaf0;border-radius:6px;padding:5px;color:#a2a6b0}.step-choice span{flex:1;text-align:center;padding:5px}.step-choice span.selected{border:1px solid #f7cad1;background:#fff1f3;color:var(--accent-dark);border-radius:4px}.step-sound{padding:12px;gap:11px}.step-sound svg{width:16px;height:16px;color:#a2abb9}.step-sound i{height:3px;background:#f1e5ea;flex:1;position:relative;border-radius:2px}.step-sound i:before{content:"";width:75%;height:3px;background:#ff8393;position:absolute}.step-sound b{width:8px;height:8px;border-radius:50%;background:#ff8393;position:absolute;top:-2.5px;left:75%}.step-sound>span{font-size:10px;margin-left:3px}.step-record{padding:12px;color:var(--accent-dark);gap:8px;border-color:#f5dfe3}.step-record>span:last-child{margin-left:auto;color:#bbb7bf;font-size:12px;letter-spacing:.5px}.step-record .record-dot{width:7px;height:7px;box-shadow:none}.scenes{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:54px;padding-bottom:54px;display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}.scene-intro h2{font-size:31px;margin-bottom:18px}.scene-intro p{color:#9398a3;font-size:13px;line-height:1.9}.scene-list article{display:flex;gap:21px;padding:19px 0}.scene-list article+article{border-top:1px solid #f0f1f4}.scene-symbol{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #f0dde1;background:#fff6f7;border-radius:11px;color:#d98193;font-size:17px;flex-shrink:0}.scene-list h3{font-size:15px;margin-bottom:4px}.scene-list p{font-size:12px;color:#969ba7}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:85px}.faq-heading h2{font-size:31px}.faq-heading>p:last-child{margin-top:22px;font-size:13px;color:#969aa4}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;font-size:14px;font-weight:500}summary::-webkit-details-marker{display:none}summary>span{width:18px;height:18px;position:relative;flex-shrink:0}summary>span:before,summary>span:after{content:"";position:absolute;background:#b0b4be;left:3px;right:3px;top:8px;height:1px}summary>span:after{transform:rotate(90deg)}details[open] summary>span:after{transform:rotate(0deg)}details[open] summary>span:before{background:var(--accent)}details p{font-size:12px;color:#8f95a1;line-height:1.95;padding:0 35px 23px 0}.bottom-cta{display:flex;align-items:center;justify-content:space-between;padding:48px 66px;position:relative;border-radius:16px;background:#fff1f1;overflow:hidden;margin-bottom:58px;min-height:282px}.bottom-cta>div:first-child{position:relative;z-index:1}.cta-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:#ffdee4;color:#ef6d84;margin-bottom:18px}.cta-icon svg{width:22px;height:22px}.bottom-cta h2{font-size:35px;line-height:1.4}.bottom-cta p{font-size:12px;color:#a1858f;margin-top:17px}.cta-action{display:flex;align-items:center;flex-direction:column;gap:16px;position:relative;z-index:1;margin-right:13px}.cta-action>span{color:#ae8e97;font-size:11px}.cta-decoration{position:absolute;right:-70px;top:-110px;width:430px;height:430px;border:70px solid #ffe1e4;border-radius:50%;opacity:.75}.footer{height:96px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#a2a6ae;font-size:11px}.footer .brand{font-size:14px;color:#565c6b;gap:9px}.footer>span:first-of-type{margin-right:auto;margin-left:33px}.modal-open{overflow:hidden}dialog{border:1px solid #eeedf0;padding:0;border-radius:14px;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#161d30aa;backdrop-filter:blur(6px)}.image-dialog{width:min(1280px,94vw);max-width:94vw;max-height:94vh;background:#fafafb;padding:0 18px 12px}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:14px}.icon-button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:0;background:#eeeff3;border-radius:50%;color:#838895}.icon-button:hover{background:#e2e4ea;color:#333}.icon-button svg{width:17px;height:17px}.image-dialog>img{display:block;width:100%;max-height:calc(94vh - 105px);object-fit:contain;border-radius:6px}.image-dialog>p{text-align:center;font-size:10px;color:#9a9eaa;padding-top:11px}.download-dialog{width:440px;padding:40px;background:#fff;text-align:center}.download-close{position:absolute;right:15px;top:15px}.download-dialog>img{margin-bottom:16px}.download-dialog h2{font-size:23px;letter-spacing:-.5px;margin-bottom:9px}.download-dialog>p{font-size:12px;color:#9399a5}.download-platform{display:flex;align-items:center;gap:15px;background:#f7f8fb;border:1px solid #edeef2;border-radius:8px;margin:25px 0 20px;padding:17px;text-align:left}.download-platform>svg{width:28px;height:28px;color:#8392a9}.download-platform strong{display:block;font-size:13px;font-weight:500}.download-platform span{display:block;font-size:10px;color:#989daa;margin-top:5px}.download-dialog>.button{width:100%;min-height:49px;font-size:14px}.button:disabled{background:#ebecef;border-color:#ebecef;color:#a3a7b1;box-shadow:none;transform:none}.download-dialog>.download-help{margin-top:20px;font-size:11px}.download-help a{color:var(--accent-dark);margin-left:7px}@media(min-width:1600px){.hero-grid{padding-top:110px;padding-bottom:110px}}@media(max-width:1200px){.container{width:calc(100% - 80px)}.hero-grid{grid-template-columns:42% 58%;padding-top:75px;padding-bottom:75px}.hero-visual{margin-left:15px}.hero-actions{gap:16px}.hero-actions .button{padding:14px 17px;font-size:14px}.hero-actions .button .download-icon{margin-left:2px}.hero-description{font-size:14px}.hero-footer>div{gap:26px}.header nav{gap:24px}.showcase-layout{gap:34px;grid-template-columns:240px minmax(0,1fr)}.feature-grid article{padding-inline:18px}.feature-grid h3{font-size:15px}.range-illustration{gap:8px;padding:9px}.task-illustration{padding:12px;gap:6px}.steps article{padding-inline:23px}.section-heading h2{font-size:30px}.faq{gap:60px}.showcase-description{margin-top:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.site-footer .footer{width:100%;margin:0}.support-link{color:var(--accent-dark);font-size:12px;margin-right:28px}.support-link:hover{text-decoration:underline}.footer-info{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;border-top:1px solid var(--line);padding:22px 0 30px;color:var(--muted);font-size:12px;line-height:1.9}.footer-info span:empty{display:none}.floating-support{position:fixed;right:24px;bottom:30px;z-index:25;display:flex;flex-direction:column;align-items:center;gap:7px;padding:16px 13px;border:1px solid #f4d5db;border-radius:12px;background:#fff;color:var(--accent-dark);box-shadow:0 8px 28px #583c5518;font-size:12px}.floating-support:hover{background:var(--pink)}.floating-support svg{width:26px;height:26px}.toast{position:fixed;left:50%;bottom:40px;transform:translate(-50%,12px);z-index:100;padding:12px 24px;border-radius:9px;background:var(--ink);color:#fff;font-size:14px;box-shadow:0 8px 24px #252b3b25;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}