@charset "UTF-8";
:root{--ink:#242238;--muted:#7a788b;--purple:#6155f5;--light:#f5f4ff;--line:#eae9f2;--font:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9b8dff;outline-offset:5px}button:disabled{cursor:wait}.container{width:min(1240px,calc(100% - 100px));margin-inline:auto}.header{height:88px;border-bottom:1px solid #eeeef6;background:#ffffffee;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:20px;font-weight:700;letter-spacing:-.6px;white-space:nowrap}.brand-light{font-size:17px;font-weight:500;margin-left:4px}.nav nav{display:flex;gap:36px;margin-left:45px;color:#686577;font-size:14px}.nav nav a:hover,.footer a:hover{color:var(--purple)}.button{border:0;border-radius:9px;background:var(--purple);color:white;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:600;padding:16px 25px;transition:background .2s,transform .2s}.button:hover{background:#4e42df;transform:translateY(-2px)}.button-small{padding:12px 21px;font-size:14px;border-radius:7px}.button-small svg{width:17px;height:17px}.button-large{min-height:59px;padding:17px 24px;box-shadow:0 8px 20px #6155f51a}.button-large svg{width:20px;height:20px}.button .download-end{margin-left:14px;width:18px}.hero{overflow:hidden;background:radial-gradient(ellipse at 78% 37%,#e9e6ff 0,transparent 54%),linear-gradient(120deg,#fff 30%,#f7f7ff);position:relative}.hero-layout{min-height:650px;display:grid;grid-template-columns:42% 58%;align-items:center;padding-top:20px}.hero-copy{position:relative;z-index:2;padding-bottom:8px}.hero-label{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:#7161bc;letter-spacing:1px;background:#eeeaff;padding:8px 12px;border-radius:5px}.hero-label>span{height:6px;width:6px;background:#7662ed;border-radius:50%}h1{font-size:76px;line-height:1.21;letter-spacing:-4px;margin:26px 0 23px;font-weight:800}.headline-dot{color:var(--purple)}.hero-copy>p{color:#767286;font-size:17px;line-height:1.95;letter-spacing:.5px;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:22px}.text-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#666073}.text-link:hover{color:var(--purple)}.text-link svg{width:17px}.hero-points{display:flex;gap:22px;margin-top:23px;color:#868195;font-size:12px}.hero-points>span{display:flex;align-items:center;gap:4px}.hero-points svg{width:14px;height:14px;color:#8778d1}.hero-art{position:relative;margin-left:4px;margin-right:-64px;margin-top:20px;padding:57px 0 65px;isolation:isolate}.hero-screen{position:relative;width:100%;padding:8px;background:#ffffffb5;border:1px solid white;border-radius:15px;box-shadow:0 25px 70px #4d43892b;transform:perspective(1400px) rotateY(-6deg) rotateX(2deg) rotateZ(-1.5deg);z-index:2;display:block;overflow:hidden}.hero-screen>img{width:100%;height:auto;display:block;border-radius:8px}.expand-hint{position:absolute;right:17px;bottom:18px;border:1px solid #ffffff40;color:#fff;background:#1d1d329c;backdrop-filter:blur(8px);padding:8px 11px;display:flex;align-items:center;gap:6px;font-size:11px;border-radius:7px;opacity:0;transition:opacity .2s}.expand-hint svg{width:14px;height:14px}.screenshot-open:hover .expand-hint,.screenshot-open:focus-visible .expand-hint{opacity:1}.voice-bubble{position:absolute;left:40px;top:3px;z-index:3;background:#fff;border-radius:13px 13px 13px 0;box-shadow:0 9px 25px #5c4ec612;display:flex;align-items:center;gap:12px;padding:14px 20px;transform:rotate(-4deg);color:#575079;font-size:14px}.voice-bubble svg{color:var(--purple);width:25px;height:25px}.voice-bubble i{width:6px;height:6px;background:#aea2f5;border-radius:50%;margin-left:10px}.orbit{position:absolute;border:1px solid #cecaee;border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{width:640px;height:520px;transform:rotate(-25deg);top:15px;left:70px}.orbit-two{width:600px;height:560px;transform:rotate(25deg);top:0;left:80px;border-style:dashed;opacity:.65}.voice-palette{position:absolute;z-index:4;left:80px;right:30px;bottom:11px;background:#fff;border:1px solid #eceaf9;border-radius:14px;box-shadow:0 15px 40px #4d438914;display:flex;align-items:center;justify-content:space-between;padding:17px 23px 32px;gap:14px;transform:rotate(1deg)}.palette-caption{max-width:72px;font-size:12px;line-height:1.7;color:#817a96;padding-top:12px}.voice-avatar{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:700;flex-shrink:0}.voice-avatar>span{position:absolute;top:52px;font-size:9px;font-weight:400;white-space:nowrap;color:#8a839b}.violet{background:#ebe5ff;color:#8570d6}.coral{background:#ffede6;color:#e39077}.blue{background:#e4f0ff;color:#6992d3}.mint{background:#e0f4ee;color:#69a797}.palette-wave{display:flex;align-items:center;gap:3px;height:38px;margin-left:5px}.palette-wave i{width:3px;background:#b5a5fc;border-radius:3px;height:13px}.palette-wave i:nth-child(3n){height:35px}.palette-wave i:nth-child(2n){height:24px}.hero-bottom{border-top:1px solid #e5e2f1;display:flex;align-items:center;justify-content:space-between;padding:23px 0;color:#928b9f;font-size:12px}.hero-bottom>a{display:flex;align-items:center;gap:20px}.hero-bottom>a span{color:#625879;font-size:20px}.product-section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.section-kicker{margin:0 0 13px;font-size:13px;color:var(--purple);letter-spacing:1px}h2{font-size:34px;line-height:1.45;margin:0;letter-spacing:-1px;font-weight:700}.section-heading>p{line-height:1.9;font-size:13px;color:#8c8699;margin:0 0 5px}.showcase{background:#f5f4fb;border-radius:18px;padding:10px;border:1px solid #eeecf6}.feature-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 0 10px}.feature-tab{border:1px solid transparent;background:transparent;border-radius:10px;display:flex;align-items:center;text-align:left;padding:20px;gap:14px}.feature-tab.active{background:white;box-shadow:0 3px 12px #33234d06;border-color:#e9e6f8}.tab-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e2dff1;border-radius:11px;color:#9690a9;background:#f0eef8}.active .tab-icon{background:#eeeaff;border-color:#e4ddff;color:var(--purple)}.feature-tab strong{display:block;font-size:16px;margin-bottom:6px;font-weight:600}.feature-tab small{font-size:11px;color:#948c9f}.tab-arrow{margin-left:auto;color:#aaa2b7;font-size:19px}.active .tab-arrow{color:var(--purple)}.feature-content{padding:35px 40px 0;background:#fff;border-radius:11px;overflow:hidden}.feature-description{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.feature-description>div{max-width:730px}#feature-tag{color:#9284bd;font-size:11px}h3{font-size:22px;margin:12px 0;font-weight:600;letter-spacing:-.5px}.feature-description p{font-size:13px;line-height:1.9;color:#8a8296;margin:0 0 27px;max-width:660px}.screenshot-label{display:flex;align-items:center;gap:7px;color:#9b93a8;font-size:10px;white-space:nowrap;margin-top:4px}.screenshot-label i{width:5px;height:5px;background:#96b9a6;border-radius:50%}.feature-screen{display:block;position:relative;padding:0;width:100%;background:#191a23;border:5px solid #e6e3ef;border-bottom:0;border-radius:11px 11px 0 0;overflow:hidden;max-height:540px}.image-wrap{display:block;position:relative;width:100%}.image-wrap img{width:100%;height:auto;display:block}.library-caption{position:absolute;top:22.9%;left:24.4%;height:2.7%;width:35%;background:#191a22;color:#85869b;font-size:clamp(6px,.7vw,12px);text-align:left;line-height:1.5;white-space:nowrap}.library-caption[hidden]{display:none}.scene-section{background:#fafafd;border-block:1px solid #f0eff7;padding:85px 0 68px}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.scene{background:#fff;border:1px solid #eeecf4;border-radius:13px;overflow:hidden}.scene-drawing{height:168px;position:relative;display:flex;align-items:center;justify-content:center;gap:12px;overflow:hidden;background:#eeebfc}.scene-drawing>svg{width:86px;height:86px;stroke-width:1.1;color:#8d7bdb;transform:rotate(-12deg);padding:12px;background:#e2dafb;border:1px solid #d6c9f9;border-radius:24px;box-shadow:8px 10px 0 #e9e3fa}.scene-message{position:relative;font-size:13px;background:white;border:1px solid #e3ddf2;padding:11px 14px;border-radius:10px 10px 10px 0;transform:translateY(-15px) rotate(4deg);color:#8b7cbb}.small-spark{position:absolute;font-size:23px;color:#bfb1e7;bottom:25px;right:40px}.scene-live .scene-drawing{background:#fff0e9}.scene-live .scene-drawing>svg{background:#ffe4d5;color:#d99e84;border-color:#f6d7c6;box-shadow:8px 10px 0 #f9e9de;transform:rotate(9deg)}.scene-live .scene-message{color:#be937a;border-color:#f4e3d8;transform:translateY(-15px) rotate(-4deg)}.scene-live .small-spark{color:#e9c1a8}.scene-chat .scene-drawing{background:#eaf2ff}.scene-chat .scene-drawing>svg{color:#7a9ccd;background:#dce8fc;border-color:#cbddf5;box-shadow:8px 10px 0 #e3ecfb}.scene-chat .scene-message{color:#7e98bf;border-color:#d8e4f4}.scene-chat .small-spark{color:#b4c8e5}.scene-body{padding:26px 27px 29px}.scene-body>span{font-size:11px;color:#a095b8}.scene h3{font-size:18px;margin:10px 0 13px}.scene p{font-size:12px;line-height:1.9;color:#92899d;margin:0}.scene-note{font-size:11px;color:#a59eaf;text-align:center;margin:27px 0 0}.guide-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:100px;padding-bottom:96px}.guide-intro h2{font-size:36px;line-height:1.6;margin-bottom:33px}.guide-intro .text-link{color:#8c819e}.steps{padding:0;margin:2px 0 0;list-style:none}.steps li{display:flex;gap:25px;position:relative;padding:0 0 33px}.steps li:last-child{padding-bottom:0}.steps li:not(:last-child):after{content:"";position:absolute;width:1px;left:19px;top:46px;bottom:9px;background:#e9e4f4}.step-number{height:40px;width:40px;display:grid;place-items:center;border-radius:50%;background:#f1edff;color:#8b7ac9;font-size:16px;flex-shrink:0}.steps h3{font-size:17px;margin:5px 0 10px}.steps p{font-size:13px;line-height:1.9;color:#948c9f;margin:0}.faq-section{padding-top:70px;padding-bottom:90px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:65px}.faq-section h2{font-size:29px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{font-size:14px;font-weight:500;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:25px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{width:14px;height:14px;position:relative;flex-shrink:0}.faq-list summary>span:before,.faq-list summary>span:after{content:"";position:absolute;width:12px;height:1px;top:6px;background:#9a8eaf}.faq-list summary>span:after{transform:rotate(90deg)}.faq-list details[open] summary>span:after{transform:rotate(0)}.faq-list details[open] summary{color:var(--purple)}.faq-list details p{color:#91889e;line-height:1.9;font-size:12px;margin:0 30px 24px 0}.download-section{padding-bottom:62px}.download-banner{overflow:hidden;position:relative;min-height:292px;background:#6a5aea;border-radius:17px;display:flex;justify-content:space-between;align-items:center;padding:49px 65px;color:white;isolation:isolate}.download-copy h2{font-size:34px;font-weight:600;letter-spacing:0;line-height:1.6}.download-copy p{color:#dbd5ff;font-size:12px;margin-bottom:0}.button-white{background:white;color:#6d5cdb;box-shadow:0 8px 25px #30217915}.button-white:hover{background:#eeeaff}.download-action{display:flex;flex-direction:column;gap:17px;align-items:center;position:relative;z-index:1}.download-action>span{font-size:11px;color:#d5cdff}.banner-wave{display:flex;align-items:center;gap:15px;position:absolute;left:43%;top:0;height:100%;z-index:-1;opacity:.1;transform:rotate(24deg)}.banner-wave i{height:100px;width:20px;border-radius:20px;background:white}.banner-wave i:nth-child(2n){height:190px}.banner-wave i:nth-child(3n){height:270px}.footer{padding-top:0;padding-bottom:38px;display:flex;align-items:center;justify-content:space-between;gap:50px}.footer .brand{font-size:15px;gap:9px}.footer p{font-size:11px;color:#a29aaa;margin:14px 0 0}.footer-right{text-align:right}.footer nav{display:flex;gap:25px;font-size:12px;color:#8c8199}.lightbox{width:min(1400px,94vw);max-width:none;padding:15px 18px 5px;border:1px solid #ffffff26;background:#242333;border-radius:14px;color:#ddd;max-height:94vh}.lightbox::backdrop,.download-dialog::backdrop{background:#151322c9;backdrop-filter:blur(8px)}.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px}.close-dialog{border:0;background:transparent;color:inherit;font-size:30px;line-height:1;padding:0 5px;border-radius:4px}.lightbox .image-wrap{width:auto;max-width:100%;margin:auto}.lightbox .image-wrap>img{width:100%;max-height:calc(94vh - 100px);object-fit:contain}.lightbox:has(.library-caption:not([hidden])) .image-wrap{aspect-ratio:1538/952;width:min(100%,calc((94vh - 100px) * 1.6155))}.lightbox>p{text-align:center;font-size:11px;color:#a199ad;margin:12px 0}.download-dialog{border:1px solid #eee9f8;padding:45px;text-align:center;border-radius:20px;width:430px;box-shadow:0 20px 60px #0003}.download-dialog>.close-dialog{position:absolute;top:13px;right:15px;color:#9a90a9}.download-dialog h2{font-size:23px;letter-spacing:0;margin:23px 0 10px}.download-dialog p{font-size:14px;color:#948a9f;margin:0 0 28px}.close-download{width:100%}
@media(min-width:1600px){.hero-layout{min-height:710px}.hero-art{margin-right:-95px}.hero-copy h1{font-size:84px}}@media(max-width:1150px){.container{width:calc(100% - 64px)}.nav nav{margin-left:0;gap:23px}.brand{font-size:18px}.brand-light{font-size:15px}h1{font-size:65px}.hero-layout{grid-template-columns:43% 57%;min-height:610px}.hero-art{margin-right:-30px}.hero-copy>p{font-size:15px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-actions .text-link{font-size:12px}.voice-palette{left:25px;right:0;padding-inline:16px;gap:12px}.palette-wave{display:none}.voice-avatar{width:37px;height:37px}.voice-avatar>span{top:45px}.hero-bottom{margin-top:10px}.feature-tab{padding:17px 13px;gap:10px}.feature-tab small{font-size:10px}.scene-grid{gap:17px}.scene h3{font-size:16px}.scene-body{padding:24px 21px}.scene-drawing{gap:8px}.scene-drawing>svg{width:68px;height:68px}.scene-message{font-size:11px;padding:9px 11px}.faq-section{gap:30px}.faq-section h2{font-size:25px}.download-banner{padding:40px}.section-heading h2{font-size:30px}.voice-bubble{left:20px}.orbit-one{width:530px}.orbit-two{width:500px}}
@media(min-width:1151px) and (max-width:1599px){.hero-art{margin-right:-16px}}
.lightbox{max-height:96vh;padding-bottom:12px}
.faq-section>.section-heading{align-items:flex-start;margin-bottom:0}
.footer{flex-wrap:wrap;row-gap:24px}
.company-info{flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:11px;line-height:1.8}
.company-info[hidden],.company-info>span:empty{display:none}
.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%,12px);padding:13px 22px;border-radius:9px;background:#242238;color:white;font-size:13px;box-shadow:0 6px 25px #24223826;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;z-index:50;pointer-events:none}
.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
body:has(dialog[open]){overflow:hidden}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}