:root{--ink:#17264a;--muted:#758099;--blue:#315bf5;--purple:#766cf5;--pale:#f5f7ff;--line:#e7ebf5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:'DM Sans','Noto Sans SC','Microsoft YaHei',sans-serif;background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.skip{position:absolute;top:-100px;left:20px;background:#fff;padding:12px;z-index:20}.skip:focus{top:10px}.header{height:78px;position:sticky;top:0;z-index:10;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,229,244,.65)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:15px;letter-spacing:-.04em;line-height:1.1}.brand-light{font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:.19em;color:#9aa5bc;margin-top:5px;font-weight:700}.mark{width:35px;height:32px;display:flex;align-items:center;gap:2px}.mark i{display:block;width:13px;height:26px;background:linear-gradient(145deg,#346cfe,#2b48e3);transform:skew(-25deg);border-radius:5px}.mark i+ i{height:21px;background:linear-gradient(145deg,#b5a5ff,#7e72ef)}nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600;color:#52617d}nav a:hover{color:var(--blue)}nav .nav-cta{color:#fff;background:var(--ink);padding:13px 20px;border-radius:8px;transition:background .2s,transform .2s}nav .nav-cta:hover{color:#fff;background:var(--blue);transform:translateY(-2px)}.nav-cta span{margin-left:12px}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8faff 3%,#f4f6ff 68%,#eef1ff 100%)}.hero:before{content:'';position:absolute;width:620px;height:620px;border-radius:50%;right:-270px;top:-340px;border:1px solid rgba(112,133,236,.14);box-shadow:0 0 0 100px rgba(119,137,235,.025),0 0 0 200px rgba(119,137,235,.025)}.hero-grid{min-height:625px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:30px}.hero-copy{position:relative;z-index:2;padding:45px 0 20px;animation:rise .8s both}.eyebrow,.kicker{font-size:12px;letter-spacing:.12em;color:#8190ac;font-weight:700}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#5d71a1;background:#e9efff;padding:9px 13px;border-radius:99px;letter-spacing:.04em}.dot,.pulse{width:7px;height:7px;background:#5e7cff;border-radius:50%;box-shadow:0 0 0 4px #d9e3ff}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.25vw,61px);line-height:1.35;letter-spacing:-.055em;margin:25px 0 20px;font-weight:800}h1 span,h2 span{color:var(--blue)}.hero-copy>p{font-size:15px;color:#74829b;line-height:2;max-width:470px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.button-primary{background:var(--blue);color:#fff;padding:17px 22px;border-radius:9px;box-shadow:0 12px 24px rgba(49,91,245,.22);transition:transform .25s,box-shadow .25s}.button-primary:hover{transform:translateY(-3px);box-shadow:0 16px 26px rgba(49,91,245,.3)}.button-text{gap:10px;color:#586986}.play{width:31px;height:31px;border:1px solid #cad4eb;border-radius:50%;display:grid;place-items:center;font-size:9px;color:var(--blue)}.hero-note{display:flex;align-items:center;gap:9px;margin-top:65px;font-size:11px;color:#94a0b7}.note-icon{font-size:18px;color:#7e91cc}.hero-visual{position:relative;animation:rise 1s .2s both}.hero-visual img{width:100%;display:block;border-radius:36px;mix-blend-mode:multiply;position:relative;z-index:1;filter:saturate(.92)}.hero-glow{position:absolute;inset:18%;background:#a5b8ff;filter:blur(80px);opacity:.4}.float-badge{position:absolute;z-index:2;background:rgba(255,255,255,.88);border:1px solid #fff;box-shadow:0 20px 45px rgba(78,102,168,.12);border-radius:12px;display:flex;align-items:center;gap:10px;padding:12px 15px;animation:float 5s ease-in-out infinite}.badge-one{left:0;bottom:12%}.badge-two{right:0;top:15%;font-size:11px;color:#70809f;animation-delay:-2s}.badge-icon{display:grid;place-items:center;background:#e5f8f2;color:#37b797;width:32px;height:32px;border-radius:9px}.float-badge strong,.float-badge small{display:block;font-size:11px}.float-badge small{font-size:10px;margin-top:4px;color:#9da8bc}.hero-bottom{height:55px;border-top:1px solid #dfe6f6;display:flex;justify-content:space-between;align-items:center;color:#99a6bc;font-size:10px;letter-spacing:.06em}.down{color:var(--blue);font-size:16px;margin-left:12px}.section{padding:130px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:56px}.kicker{margin-bottom:20px}.kicker span{color:var(--blue);margin-right:15px}.section h2{font-size:clamp(31px,3vw,43px);line-height:1.42;letter-spacing:-.04em;margin-bottom:0}.section-lead{max-width:330px;color:var(--muted);font-size:14px;line-height:2;margin:0 0 4px}.story-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.story-card{min-height:430px;background:#f5f7fe;border-radius:18px;overflow:hidden;position:relative}.main-card{display:flex;align-items:center}.card-copy{position:relative;z-index:2;padding:40px}.card-index{font-size:11px;color:#8593af;letter-spacing:.06em}.card-copy h3{font-size:28px;line-height:1.45;margin:22px 0 14px;letter-spacing:-.04em}.card-copy p{font-size:13px;color:#8792a9;line-height:1.9;max-width:230px}.label{display:inline-block;margin-top:12px;color:#8999bc;font-size:10px;background:#e9eefe;padding:6px 9px;border-radius:5px}.task-window{position:absolute;right:-24px;top:64px;width:53%;min-width:290px;background:white;border:1px solid #edf1fb;border-radius:14px;padding:20px;box-shadow:0 24px 65px rgba(76,99,160,.12);transform:rotate(-3deg)}.window-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f6;padding-bottom:15px;color:#90a0bd}.window-head i{display:inline-block;width:6px;height:6px;background:#d0d9ef;border-radius:50%;margin-right:3px}.window-head small{font-size:10px}.window-title{margin:20px 0 10px;font-size:13px;font-weight:700}.window-title span{font-size:9px;font-weight:400;color:#9caac2;margin-left:5px}.task-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #f2f4f9;padding:12px 0}.task-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px}.blue{background:#e9efff;color:#526fff}.violet{background:#f0edff;color:#9180f6}.green{background:#e7f9f4;color:#5ac3aa}.task-content{flex:1}.task-content strong,.task-content small{display:block;font-size:10px}.task-content small{color:#a8b1c3;margin-top:5px;font-size:9px}.task-row em{font-size:9px;font-style:normal;color:#a9b2c3}.task-row em.active{color:#6f83f7}.task-row em.done{color:#59bda7}.side-card{display:flex;flex-direction:column;justify-content:end;background:#eef1ff}.side-card .card-copy{padding-top:0}.mini-orbit{position:absolute;top:30px;left:50%;width:240px;height:220px;transform:translateX(-50%);display:grid;place-items:center}.orbit{position:absolute;border:1px solid #c8d3fa;border-radius:50%;width:175px;height:175px}.orbit-b{width:225px;height:225px;border-color:#dce4ff}.orbit-center{display:grid;place-items:center;width:76px;height:76px;border-radius:25px;color:#fff;font-size:32px;background:linear-gradient(135deg,#81a0ff,#4c62ed);box-shadow:0 18px 30px #a9b8ed}.orbit-node{position:absolute;width:34px;height:34px;background:#fff;color:#7a8ff3;border-radius:10px;display:grid;place-items:center;box-shadow:0 7px 18px #cbd5f4}.n1{top:25px;left:30px}.n2{right:18px;top:80px}.n3{bottom:20px;left:60px}.scenarios{background:#fafbfe}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.scenario{background:#fff;border:1px solid #eef1f8;border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s}.scenario:hover{transform:translateY(-7px);box-shadow:0 18px 45px rgba(60,82,140,.09)}.scene-art{height:210px;position:relative;overflow:hidden;display:grid;place-items:center;background:#eef3ff}.art-two{background:#f0efff}.art-three{background:#edf8fb}.scene-panel{width:140px;height:145px;border-radius:14px;background:#fff;box-shadow:0 20px 30px #ced9f5;transform:rotate(-7deg);padding:22px}.scene-line{width:60%;height:6px;background:#dce4f9;border-radius:5px;margin-bottom:9px}.scene-line.long{width:80%;background:#9db1fc}.scene-list{display:flex;gap:8px;margin-top:12px;align-items:center}.scene-list span{display:grid;place-items:center;width:16px;height:16px;border-radius:5px;background:#e5ebff;color:#6681ff;font-size:10px}.scene-list i{width:60px;height:5px;background:#e7ecf7;border-radius:5px}.scene-float,.chart-badge{position:absolute;right:25%;bottom:24%;width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#9cb0ff,#5e6cf2);font-size:22px;box-shadow:0 12px 25px #b8c5ed;animation:float 5s ease-in-out infinite}.bubble{position:absolute;display:grid;place-items:center;background:#fff;color:#7b85e9;border-radius:16px;box-shadow:0 15px 30px #d8d5f3}.bubble-a{width:125px;height:69px;transform:rotate(-7deg);left:22%;top:35%;font-size:24px;letter-spacing:5px}.bubble-b{width:55px;height:55px;right:22%;top:22%;background:#7884f4;color:#fff;font-size:22px;animation:float 5s ease-in-out infinite}.bubble-c{width:83px;height:48px;right:21%;bottom:18%;letter-spacing:4px}.chart{width:175px;height:125px;background:#fff;border-radius:15px;box-shadow:0 20px 30px #d0e8ec;transform:rotate(5deg);padding:26px}.chart-bars{height:72px;display:flex;gap:11px;align-items:end;border-bottom:1px solid #e3eef4}.chart-bars i{flex:1;background:linear-gradient(#819ffc,#d5dfff);border-radius:5px 5px 0 0;height:30%}.chart-bars i:nth-child(2){height:48%}.chart-bars i:nth-child(3){height:40%}.chart-bars i:nth-child(4){height:72%}.chart-bars i:nth-child(5){height:90%}.chart-badge{background:linear-gradient(135deg,#83d8dd,#50aec3);right:22%}.scenario-copy{padding:27px}.scenario-copy span{font-size:11px;color:#9aabd0}.scenario-copy h3{margin:13px 0;font-size:19px}.scenario-copy p{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:0}.disclaimer{font-size:11px;color:#a3aec0;margin:24px 0 0}.process-head{text-align:center}.process-head>p:last-child{color:var(--muted);font-size:14px;margin:20px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;gap:20px}.step{text-align:center;position:relative;padding:10px 20px}.step:not(:last-child):after{content:'··············→';position:absolute;left:75%;top:55px;color:#ccd6f1;letter-spacing:4px;width:50%;font-size:14px}.step-no{display:block;color:#a9b6d0;font-size:11px;letter-spacing:.14em}.step-icon{width:78px;height:78px;border-radius:24px;background:#eff3ff;color:var(--blue);font-size:32px;display:grid;place-items:center;margin:20px auto 25px}.step h3{font-size:18px;margin-bottom:10px}.step p{font-size:13px;color:var(--muted);line-height:1.8}.process .disclaimer{text-align:center;margin-top:40px}.faq{background:#f9faff}.faq-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.faq-desc{font-size:14px;line-height:2;color:var(--muted);margin-top:25px}.faq-list details{border-bottom:1px solid #e4e9f3}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:15px;padding:24px 0;cursor:pointer;font-size:15px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--blue);font-size:22px;font-weight:400;line-height:1;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);font-size:13px;line-height:2;padding:0 30px 22px 0;margin:0}.contact{background:#263fb8;color:white;overflow:hidden;position:relative}.contact:before,.contact:after{content:'';position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-80px;top:-220px}.contact:after{width:570px;height:570px;right:-150px;top:-290px}.contact-inner{padding:78px 0;display:flex;justify-content:space-between;align-items:center;gap:40px;position:relative;z-index:1}.contact .kicker{color:#b3c0ff}.contact .kicker span{color:#bac7ff}.contact h2{font-size:35px;line-height:1.45;letter-spacing:-.04em;margin-bottom:14px}.contact p:last-child{color:#c5d0ff;font-size:13px;margin:0}.contact-info{min-width:250px;padding:22px 26px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:14px}.contact-info strong,.contact-info small{display:block}.contact-info strong{font-size:14px;margin:12px 0 8px}.contact-info small{font-size:11px;color:#bdc9ff}.contact-spark{font-size:23px;color:#bdc9ff}footer{background:#152344;color:#fff}.footer-inner{display:flex;align-items:center;gap:40px;padding:38px 0}.footer-brand{color:white}.footer-inner p{font-size:12px;color:#97a6c2;margin:0}.footer-inner>a:last-child{margin-left:auto;color:#aab8d4;font-size:12px}.footer-bottom{border-top:1px solid #30405e;color:#7585a3;padding:18px 0;font-size:10px}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.motion-ready .reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.wrap{width:min(100% - 40px,600px)}.header{height:68px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:12px}.menu-toggle span{width:23px;height:2px;background:#263a62}.nav nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:18px 20px 24px;box-shadow:0 15px 25px #1d31511a;align-items:stretch;gap:0;flex-direction:column}.nav nav.is-open{display:flex}.nav nav a{padding:14px}.nav nav .nav-cta{text-align:center;margin-top:8px}.hero-grid{grid-template-columns:1fr;min-height:0;gap:0}.hero-copy{padding:65px 0 0}h1{font-size:clamp(38px,8vw,54px)}.hero-note{margin-top:35px}.hero-visual{margin:10px -15px 20px}.hero-bottom{height:50px}.section{padding:80px 0}.section-top{display:block;margin-bottom:35px}.section-lead{margin-top:20px}.story-grid{grid-template-columns:1fr}.story-card{min-height:390px}.side-card{min-height:400px}.scenario-grid{grid-template-columns:1fr}.scene-art{height:190px}.steps{gap:0;margin-top:40px}.step{padding:5px}.step:not(:last-child):after{letter-spacing:1px;left:77%;top:50px}.step p{font-size:12px}.step h3{font-size:15px}.step-icon{width:62px;height:62px;border-radius:19px}.faq-grid{grid-template-columns:1fr;gap:20px}.contact-inner{padding:60px 0;align-items:start;flex-direction:column}.contact-info{width:100%}.footer-inner{align-items:start;flex-direction:column;gap:18px}.footer-inner>a:last-child{margin-left:0}.task-window{width:55%}.card-copy{padding:28px}.main-card .card-copy{max-width:50%}.main-card .card-copy h3{font-size:24px}}
@media(max-width:420px){.wrap{width:calc(100% - 32px)}.hero-actions{gap:14px}.button{font-size:12px}.button-primary{gap:15px;padding:15px}.hero-bottom{font-size:9px}.task-window{right:-95px}.main-card .card-copy{max-width:62%}.step:not(:last-child):after{content:'···→';left:84%}.contact h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.motion-ready .reveal{opacity:1;transform:none}}

/* 中文说明：互动控制台采用独立布局，手机端保留完整演示内容。 */
.demo-section{background:#fff}.demo-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.demo-intro>p{width:330px;color:#77849e;font-size:14px;line-height:2;margin:0}.demo-layout{display:grid;grid-template-columns:310px 1fr;gap:28px;align-items:start}.demo-choices{display:grid;gap:10px}.demo-choice{width:100%;text-align:left;border:1px solid #edf0f7;background:#f9faff;border-radius:12px;padding:20px 16px;display:flex;gap:13px;align-items:start;color:#718099;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}.demo-choice:hover{transform:translateX(3px)}.demo-choice.is-selected{background:#eef3ff;border-color:#aabfff;color:#264ad8}.choice-number{font-size:10px;letter-spacing:.06em;margin-top:3px}.choice-copy{flex:1}.choice-copy strong,.choice-copy small{display:block}.choice-copy strong{font-size:14px;color:#273759}.choice-copy small{font-size:11px;color:#97a3ba;margin-top:9px;line-height:1.5}.choice-arrow{font-size:16px}.demo-note{font-size:11px;line-height:1.8;color:#99a4b8;margin:12px 4px}.demo-window{border:1px solid #dfe7f7;border-radius:16px;overflow:hidden;box-shadow:0 25px 70px rgba(64,89,159,.13);background:white}.demo-top{height:58px;border-bottom:1px solid #e9edf6;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.demo-brand{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:700}.demo-brand small{font-size:10px;color:#a0acc0;font-weight:400;margin-left:4px}.demo-logo{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;color:white;background:#3f61f2;font-size:13px}.demo-status{font-size:10px;color:#8290a8}.demo-status i{display:inline-block;width:7px;height:7px;background:#60c7a7;border-radius:50%;margin-right:5px}.demo-body{display:grid;grid-template-columns:145px 1fr;min-height:390px}.demo-side{background:#fafbfe;border-right:1px solid #edf0f6;padding:23px 12px;color:#92a0b8;font-size:11px;display:flex;flex-direction:column;gap:7px}.demo-side>span{padding:10px;border-radius:6px}.demo-side .side-active{background:#eaf0ff;color:#4664df;font-weight:700}.demo-device{margin-top:auto;padding:12px 8px;border-top:1px solid #edf0f6;color:#63718c}.demo-device small{display:block;color:#a7b2c4;margin:6px 0 0 15px}.demo-content{padding:25px 28px 22px}.demo-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.demo-heading small{font-size:10px;color:#a1acc1}.demo-heading h3{font-size:18px;margin:8px 0 0}.demo-badge{border-radius:5px;background:#f0f4ff;color:#6d81cf;font-size:10px;padding:6px 8px}.demo-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:23px}.demo-field small{display:block;font-size:10px;color:#8c9ab1;margin-bottom:8px}.demo-field strong{display:block;font-size:11px;font-weight:500;color:#52617c;border:1px solid #e5eaf3;border-radius:6px;padding:11px 12px;min-height:37px}.demo-field strong span{float:right;color:#a5b1c4}.demo-field.wide{grid-column:1/-1}.demo-field .demo-description{background:#fafbfe;line-height:1.7;color:#79869d}.demo-action-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px}.demo-action-row>span{font-size:10px;color:#a0abc0}.demo-action-row button{border:0;border-radius:7px;background:#3b60f0;color:white;font-size:11px;padding:11px 15px;cursor:pointer}.demo-action-row button:hover{background:#274bdd}.demo-timeline{display:flex;align-items:center;gap:10px;margin-top:20px;padding:12px;background:#f6f8ff;border-radius:7px}.timeline-dot{width:9px;height:9px;border-radius:50%;background:#6785ff;box-shadow:0 0 0 4px #e0e8ff}.demo-timeline div{flex:1}.demo-timeline strong,.demo-timeline small{display:block}.demo-timeline strong{font-size:11px}.demo-timeline small{color:#9da9bc;font-size:10px;margin-top:4px}.timeline-step{font-size:10px;color:#8999b5}.demo-progress{height:3px;background:#e9eeff;margin:8px 2px 0;border-radius:3px;overflow:hidden}.demo-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#536eff,#8d7cfc);transition:width 1s ease}.demo-section .section h2{margin:0}@media(max-width:800px){.demo-intro{display:block}.demo-intro>p{width:auto;margin-top:20px}.demo-layout{grid-template-columns:1fr}.demo-choices{grid-template-columns:repeat(3,1fr);gap:8px}.demo-choice{display:block;padding:13px 10px}.choice-copy strong{margin-top:8px;font-size:12px;line-height:1.5}.choice-copy small{font-size:10px}.choice-arrow{display:none}.demo-note{grid-column:1/-1}.demo-body{grid-template-columns:100px 1fr}.demo-side{font-size:10px;padding:15px 6px}.demo-content{padding:20px 16px}.demo-heading h3{font-size:15px}}@media(max-width:430px){.demo-body{grid-template-columns:1fr}.demo-side{display:none}.demo-form{gap:12px}.demo-heading h3{font-size:14px}.demo-top{padding:0 15px}}