:root{color-scheme:light;--bg:#faf9fd;--surface:#ffffff;--border:#e5dfed;--text:#292435;--muted:#696274;--purple:#744bc6;--accent:#8966f5;--pink:#dca6d4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:1060px;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #7954d1;outline-offset:5px}h1,h2,h3,p{margin:0}img{display:block;max-width:100%;height:auto}.container{width:calc(100% - 112px);max-width:1200px;margin-inline:auto}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.button{color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid #8969ee;background:#7856da;border-radius:9px;padding:14px 22px;font-weight:600;line-height:1.4;transition:background .18s,box-shadow .18s}.button:hover{background:#8c6bea;box-shadow:0 5px 25px #7856da35}.button-primary{background:linear-gradient(110deg,#8057dc,#6d46c8);border:1px solid #ac8aff66;box-shadow:0 7px 28px #7252dc26}.button-small{font-size:13px;padding:10px 17px;gap:8px}.button-small .icon{width:17px;height:17px}.site-header{height:84px;border-bottom:1px solid #e8e2f0;position:sticky;top:0;z-index:30;background:#ffffffed;backdrop-filter:blur(18px)}.header-inner{max-width:1320px;width:calc(100% - 96px);margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700;white-space:nowrap}.site-header nav{display:flex;gap:36px;font-size:14px;color:#625b70}.site-header nav a:hover{color:var(--purple)}.hero{background:linear-gradient(115deg,#fff 20%,#f4effc);position:relative;overflow:hidden;border-bottom:1px solid #e8e2f0}.hero-glow{position:absolute;width:940px;height:720px;background:radial-gradient(ellipse,#ae8be522,transparent 66%);top:-80px;right:-50px;pointer-events:none}.hero-inner{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:610px;padding-top:27px;padding-bottom:22px;position:relative}.hero-copy{position:relative;z-index:2;padding-bottom:8px}.hero-label{color:#7451b1;font-size:13px;display:flex;align-items:center;gap:9px;margin-bottom:26px}.status-dot{width:6px;height:6px;background:#aa8afe;border-radius:50%;box-shadow:0 0 12px #9471fa}.hero h1{font-size:62px;letter-spacing:-2.3px;line-height:1.25;font-weight:800;margin-bottom:25px}.hero-copy>p{font-size:16px;color:#696274;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.hero-actions .button{font-size:15px;padding:16px 22px}.preview-link{display:flex;align-items:center;gap:9px;font-size:14px;color:#625078}.preview-link .icon{width:18px;height:18px}.preview-link:hover{color:var(--purple)}.hero-note{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:11px;color:#777080}.hero-note .icon{width:13px;height:13px;stroke-width:1.3}.hero-note>span{height:3px;width:3px;background:#aca0bc;border-radius:50%;margin:0 2px}.hero-visual{position:relative;margin-left:5px;margin-right:-35px;padding-bottom:15px;perspective:1500px}.sound-lines{display:flex;align-items:center;justify-content:center;gap:6px;position:absolute;left:-75px;right:-75px;top:-100px;height:430px;opacity:.26;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.sound-lines>i{width:4px;background:linear-gradient(#bca1ff,#6952a4);border-radius:3px;flex-shrink:0}.product-window{position:relative;border:1px solid #d6c7ec;border-radius:13px;overflow:hidden;background:#ffffff;box-shadow:0 30px 100px #4b276c20,0 0 60px #7758c514;transform:rotateY(-7deg) rotateX(2deg) rotateZ(-1deg);transform-origin:center}.window-caption{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;font-size:10px;color:#776c88;background:#f4f0fa}.window-caption>span:first-child{display:flex;align-items:center;gap:7px;color:#665477}.window-caption i{background:#a189df;width:5px;height:5px;border-radius:50%}.screenshot-button{display:block;padding:0;border:0;background:#0b1017;width:100%;position:relative;text-align:left}.screenshot-button img{width:100%;height:auto}.image-hint{display:flex;align-items:center;gap:6px;position:absolute;bottom:14px;right:14px;padding:8px 11px;border:1px solid #b5a0ea45;background:#151225db;border-radius:6px;font-size:11px;color:#ddd3f3;opacity:0;transition:opacity .18s}.image-hint .icon{width:14px;height:14px}.screenshot-button:hover .image-hint,.screenshot-button:focus-visible .image-hint{opacity:1}.floating-note{position:absolute;bottom:-12px;left:22px;display:flex;align-items:center;gap:13px;border:1px solid #e0d3ee;background:#ffffffed;backdrop-filter:blur(15px);border-radius:12px;padding:16px 20px;box-shadow:0 12px 30px #59357b16}.floating-icon{display:grid;place-items:center;width:40px;height:40px;background:#8b67f526;border-radius:10px;color:#7854bf}.floating-note strong{display:block;font-size:13px;font-weight:600;letter-spacing:.3px}.floating-note small{display:block;margin-top:6px;font-size:10px;color:#73667f}.note-check{width:21px;height:21px;border-radius:50%;background:#8771ae22;color:#8062af;display:grid;place-items:center;margin-left:22px}.note-check .icon{width:13px;height:13px}.hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0 36px;position:relative}.hero-benefits>div{display:flex;align-items:center;gap:16px;padding-left:27px;border-left:1px solid #e1daeb}.hero-benefits>div:first-child{border:0;padding-left:0}.hero-benefits .icon{width:28px;height:28px;color:#9074b4}.hero-benefits strong{display:block;font-size:13px;font-weight:500;color:#4c405e}.hero-benefits small{display:block;font-size:11px;color:#766d83;margin-top:7px}.section{padding-top:94px;padding-bottom:88px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.section-label{font-size:12px;color:#7a55b2;letter-spacing:1px;margin-bottom:13px}h2{font-size:32px;line-height:1.4;letter-spacing:-.6px;font-weight:700}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.9;padding-bottom:3px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:29px 29px 25px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(130deg,#ffffff,#f9f7fd)}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#9474e915;color:#7853bf;margin-bottom:21px}.feature-icon .icon{width:23px;height:23px}.feature-card h3{font-size:18px;margin-bottom:13px;letter-spacing:.2px}.feature-card p{font-size:13px;line-height:1.9;color:var(--muted);max-width:340px}.mini-timeline{position:relative;margin-top:29px;margin-bottom:2px;height:66px;border:1px solid #e0d4ee;overflow:hidden;border-radius:5px;background:linear-gradient(90deg,#f5f1fa 20%,#e5d8fa 20%,#e5d8fa 78%,#f5f1fa 78%)}.mini-timeline>div{display:flex;align-items:center;justify-content:space-evenly;gap:3px;height:44px;overflow:hidden}.mini-timeline>div i{width:3px;background:#9678d5;flex-shrink:0;opacity:.7}.mini-timeline>i{position:absolute;height:43px;border-left:1px solid #b18af5;top:0;left:20%}.mini-timeline>i:nth-of-type(2){left:78%}.mini-timeline>span{font-size:9px;color:#73519e;position:absolute;bottom:4px;left:37%}.format-demo{height:66px;display:flex;align-items:center;justify-content:center;gap:25px;margin-top:29px}.format-demo span{font-size:15px;font-weight:600;letter-spacing:1px;border:1px solid #e1d4ee;border-radius:9px;background:#9474e90a;padding:13px 19px;color:#795ca8}.format-demo span:last-child{background:#9c70ef20;border-color:#d4b7ef;color:#7442ae}.format-demo .icon{color:#82728f}.noise-demo{height:66px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:29px}.noise-demo>span{font-size:10px;color:#7e728a}.noise-demo>span:last-child{color:#7955aa}.noise-demo>div{display:flex;align-items:center;gap:3px;height:48px}.noise-demo i{width:3px;background:#b0a6ba;border-radius:2px}.noise-demo>div:nth-of-type(2) i{background:#9570cc}.noise-demo>.icon{margin:0 5px;color:#84718f;width:19px}.compact{display:flex;gap:18px;padding:27px 25px}.compact .feature-icon{margin:0;flex-shrink:0;width:37px;height:37px}.compact h3{font-size:16px;margin-bottom:9px}.compact p{font-size:12px;line-height:1.85}.formats{display:flex;align-items:center;justify-content:space-between;margin-top:35px;font-size:11px;color:#776c86}.formats>div{display:flex;gap:21px;color:#62556e}.formats b{font-weight:500;font-size:12px;letter-spacing:.5px}.formats>span:last-child{font-size:10px}.product-section{background:linear-gradient(#f3effa,#f9f7fd);border-block:1px solid #e8dff1;padding-top:87px}.center-heading{text-align:center}.center-heading>p:last-child{font-size:13px;color:var(--muted);margin-top:17px;line-height:1.8}.product-tabs{display:flex;justify-content:center;gap:6px;border:1px solid #dfd2ec;background:#ede5f6;width:max-content;margin:32px auto 29px;padding:5px;border-radius:9px}.product-tabs button{border:1px solid transparent;background:transparent;border-radius:6px;padding:10px 25px;display:flex;align-items:center;gap:9px;color:#756781;font-size:13px}.product-tabs .icon{width:17px;height:17px}.product-tabs button[aria-selected=true]{color:#6f459b;border-color:#decdee;background:#ffffff}.product-tabs button:hover{color:#6f459b}.showcase-panel{max-width:1030px;margin:auto;border:1px solid #d8cce5;border-radius:12px;overflow:hidden;box-shadow:0 25px 70px #5d387414}.showcase-panel[hidden]{display:none}.showcase-caption{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;background:#ffffff;font-size:12px;color:#73647e}.showcase-caption strong{color:#4f3a61;font-size:13px;margin-right:17px;font-weight:500}.caption-label{font-size:10px;padding:4px 7px;border:1px solid #e1d5eb;border-radius:4px;color:#796986}.product-details{display:flex;justify-content:center;gap:49px;margin-top:28px;font-size:11px;color:#746580}.product-details>span{display:flex;align-items:center;gap:8px}.product-details .icon{color:#8b6cac;width:15px;height:15px}.text-link{display:flex;align-items:center;gap:9px;font-size:12px;color:#7852aa;padding-bottom:4px}.text-link .icon{width:17px;height:17px}.text-link:hover{color:#5f338f}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;position:relative;padding-top:5px}.step-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #e1d8eb;margin-bottom:23px}.step-top>span{color:#9270be;font-size:33px;letter-spacing:-1px;font-weight:500}.step-top .icon{color:#9b85b2;width:29px;height:29px}.steps h3{font-size:18px;margin-bottom:13px}.steps p{color:var(--muted);font-size:13px;line-height:1.95}.guide{padding-bottom:78px}.faq-section{display:grid;grid-template-columns:32% 68%;border-top:1px solid #e5ddec;padding-top:76px;padding-bottom:84px}.faq-intro>p:nth-of-type(2){font-size:13px;line-height:1.9;color:var(--muted);margin-top:18px}.faq-wave{width:100px;height:65px;color:#8c6abc36;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1;margin-top:32px}.faq-list details{border-bottom:1px solid #e5ddec;padding:0 0 21px;margin-bottom:21px}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#4e405c;line-height:1.7}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:18px;height:18px;color:#8e76a7;transition:transform .18s}.faq-list details[open] summary .icon{transform:rotate(45deg)}.faq-list details p{margin-top:15px;color:#756b80;font-size:12px;line-height:2;padding-right:45px}.download-section{position:relative;overflow:hidden;border:1px solid #e0d0ee;background:radial-gradient(ellipse at 50% 100%,#b492df22,transparent 70%),#f3edfb;border-radius:18px;text-align:center;padding:45px 0 46px;margin-bottom:56px}.download-section>div:last-child{position:relative;z-index:1}.download-section img{margin:auto auto 18px}.download-section h2{font-size:29px}.download-section p{color:#776389;font-size:13px;margin-top:13px}.download-section .button{margin-top:25px;padding:13px 32px;font-size:14px}.download-section small{display:block;margin-top:12px;font-size:10px;color:#80718d}.download-wave{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:8px;opacity:.14;mask-image:linear-gradient(90deg,#000,transparent 35%,transparent 65%,#000)}.download-wave i{width:3px;background:#a183da;border-radius:2px;flex-shrink:0}.site-footer{padding:0 0 31px;display:flex;align-items:center;gap:25px;color:#82748e;font-size:11px}.site-footer .brand{font-size:14px;color:#62516f;gap:9px}.site-footer>span{margin-left:auto;font-size:10px}.site-footer>p{padding-left:25px;border-left:1px solid #e3d8ec;font-size:10px}dialog{color:var(--text);border:1px solid #e0d2ed;border-radius:14px;background:#ffffff;box-shadow:0 25px 100px #38244730;padding:0}dialog::backdrop{background:#29203380;backdrop-filter:blur(7px)}.image-dialog{max-width:min(1280px,94vw);width:94vw;max-height:94vh;overflow:auto}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:10px 17px;color:#6c577e;font-size:13px}.image-dialog>img{width:100%;height:auto;max-height:calc(94vh - 54px);object-fit:contain;background:#090e16}.icon-button{display:grid;place-items:center;width:34px;height:34px;padding:0;background:transparent;color:#7b5c98;border:0;border-radius:6px}.icon-button:hover{background:#a088c421}.icon-button .icon{width:20px;height:20px}.download-dialog{text-align:center;padding:43px 40px 36px;width:460px;max-width:90vw}.download-dialog>img{margin:0 auto 22px}.download-dialog h2{font-size:23px}.download-dialog p{font-size:13px;line-height:1.9;color:#776587;margin-top:15px}.download-dialog>.button{margin-top:28px;font-size:13px;min-width:150px}.dialog-close{position:absolute;right:10px;top:10px}
@media(min-width:1500px){.hero-inner{min-height:660px}.hero h1{font-size:68px}.hero-visual{margin-right:-50px}.hero-copy>p{font-size:17px}.hero-benefits{padding-bottom:42px}}
@media(max-width:1180px){.container{width:calc(100% - 80px)}.hero h1{font-size:53px}.hero-visual{margin-right:-15px}.hero-actions{gap:18px}.hero-actions .button{padding:15px 17px;font-size:14px}.hero-inner{min-height:560px}.floating-note{left:10px;bottom:-30px}.hero-benefits>div{padding-left:17px;gap:12px}.hero-benefits strong{font-size:12px}.hero-benefits small{font-size:10px}.site-header nav{gap:24px}.formats>div{gap:15px}.feature-card{padding-inline:23px}.product-details{gap:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.site-footer{display:block;padding-bottom:28px}.footer-main{display:flex;align-items:center;gap:25px;padding-bottom:25px}.footer-main>p{padding-left:25px;border-left:1px solid var(--border);font-size:10px}.footer-main>span{margin-left:auto;font-size:10px}.support-link{margin-left:auto;color:var(--purple);font-size:12px}.support-link:hover{text-decoration:underline}.footer-main>.support-link+span{margin-left:0}.footer-info{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;border-top:1px solid var(--border);padding-top:22px;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 var(--border);border-radius:12px;background:var(--surface);color:var(--purple);box-shadow:0 8px 28px #62516f18;font-size:12px}.floating-support:hover{background:#f1ecfb}.floating-support .icon{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(--text);color:#fff;font-size:14px;box-shadow:0 8px 24px #29243525;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}