:root{color-scheme:light;--blue:#3370ff;--blue-dark:#245be1;--ink:#17232e;--muted:#65717c;--line:#dfe4e9;--soft:#f5f6f7;--selected:#e1eaff;--white:#fff;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:4px}.page-wrap,.header-inner{width:min(100% - 3rem,76rem);margin-inline:auto}.skip-link{position:absolute;top:-4rem;left:1rem;z-index:20;background:var(--ink);color:#fff;padding:.75rem 1rem}.skip-link:focus{top:1rem}
.site-header{height:4.625rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97)}.header-inner{height:100%;display:flex;align-items:center;gap:2.25rem}.brand{display:inline-flex;align-items:center;gap:.65rem;white-space:nowrap;font-size:1.12rem;font-weight:760;letter-spacing:-.04em}.brand img{width:2.05rem;height:2.05rem;object-fit:contain}.brand em{font-style:normal;font-weight:560;letter-spacing:-.02em;color:#596574}.site-header nav{display:flex;align-items:center;gap:2.1rem;margin-left:auto;font-size:.88rem;font-weight:600;color:#4c5966}.site-header nav a:hover,.text-link:hover,.site-footer a:hover{color:var(--blue)}.header-cta{display:inline-flex;align-items:center;gap:.6rem;border:1px solid var(--ink);border-radius:.55rem;padding:.68rem .9rem;font-size:.84rem;font-weight:700}.header-cta:hover{background:var(--ink);color:#fff}
.hero{min-height:42rem;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(2rem,5vw,5.5rem);padding-block:5.3rem 5.8rem}.hero-copy{max-width:34.5rem}.eyebrow,.section-label{margin:0;color:var(--blue-dark);font-size:.76rem;font-weight:760;letter-spacing:.09em}.eyebrow{display:flex;align-items:center;gap:.55rem}.status-dot{width:.48rem;height:.48rem;background:var(--blue);border-radius:50%;box-shadow:0 0 0 .24rem var(--selected)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.065em}h1{font-size:clamp(2.75rem,4.5vw,4.8rem);line-height:1.23;font-weight:760;margin:1.7rem 0 1.6rem}h1 span{color:var(--blue)}.hero-description{font-size:1.04rem;line-height:1.95;color:#4c5966;max-width:30rem;margin-bottom:2.15rem}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.65rem}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:12.4rem;gap:1rem;padding:.93rem 1.2rem;border-radius:.55rem;font-size:.93rem;font-weight:720}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-dark)}.text-link{font-size:.89rem;font-weight:700}.text-link span{margin-left:.35rem}.hero-note{font-size:.77rem;color:#78838d;margin:1.55rem 0 0;line-height:1.6}
.hero-visual{align-self:center;position:relative;padding-bottom:1.8rem}.visual-top,.visual-body{border:1px solid #cfd8e4}.visual-top{height:2.5rem;background:#f7f9fc;border-radius:.75rem .75rem 0 0;display:flex;align-items:center;gap:.6rem;padding:0 1.1rem;color:#5a6673;font-size:.72rem;font-weight:700}.visual-window-dot{width:.46rem;height:.46rem;background:var(--blue);border-radius:50%}.visual-top-end{margin-left:auto;color:#909ba6;font-weight:500}.visual-body{border-top:0;display:grid;grid-template-columns:22% 43% 35%;height:24.5rem;border-radius:0 0 .75rem .75rem;overflow:hidden;background:#fff}.visual-sidebar{background:var(--soft);border-right:1px solid var(--line);padding:1.3rem .72rem;display:flex;flex-direction:column;gap:.5rem;color:#7d8995;font-size:.66rem}.visual-sidebar-brand{display:flex;align-items:center;gap:.38rem;color:var(--ink);font-weight:760;font-size:.78rem;margin:.1rem .3rem 1.2rem}.visual-sidebar-brand img{width:1.15rem;height:1.15rem;object-fit:contain}.visual-sidebar>span{display:block;padding:.65rem .55rem;border-radius:.36rem;white-space:nowrap}.visual-sidebar-active{background:#e7edf5;color:#223143;font-weight:700}.visual-sidebar>span:last-child{margin-top:auto}.visual-chat{padding:1.35rem .95rem;position:relative}.visual-chat-title{font-size:.7rem;color:#8c97a2;padding-bottom:.85rem;border-bottom:1px solid #edf0f3}.visual-user{background:#202832;color:#fff;border-radius:.8rem .8rem .2rem .8rem;padding:.7rem .8rem;font-size:.64rem;line-height:1.5;width:max-content;max-width:94%;margin:1.8rem 0 1.6rem auto}.visual-reply{font-size:.65rem;line-height:1.7;color:#45515e;position:relative}.visual-reply-mark{display:block;width:1rem;height:.15rem;background:var(--blue);border-radius:9rem;margin-bottom:.72rem}.visual-reply p{margin-bottom:.85rem}.visual-reply-lines{display:grid;gap:.47rem}.visual-reply-lines i{height:.36rem;width:100%;background:#edf0f3;border-radius:1rem}.visual-reply-lines i:nth-child(2){width:83%}.visual-reply-lines i:nth-child(3){width:61%}.visual-compose{position:absolute;bottom:1.05rem;left:.85rem;right:.85rem;border:1px solid #dbe2e9;border-radius:.68rem;padding:.67rem .7rem;color:#9ca7b1;font-size:.65rem;display:flex;justify-content:space-between;align-items:center}.visual-compose span{background:#202832;color:#fff;width:1.25rem;height:1.25rem;border-radius:50%;display:grid;place-items:center;font-weight:700}.visual-browser{border-left:1px solid var(--line);background:#f8fbff}.visual-browser-bar{height:2.5rem;border-bottom:1px solid #dfe8f2;display:flex;justify-content:space-between;align-items:center;padding:0 .68rem;font-size:.63rem;color:#66788b}.visual-browser-bar span:last-child{color:var(--blue);font-weight:700}.visual-browser-content{margin:.8rem;background:#fff;border:1px solid #e3ebf4;border-radius:.42rem;height:calc(100% - 4.2rem);padding:1.05rem .7rem}.visual-browser-label{display:block;color:#7b8b99;font-size:.58rem;margin-bottom:1.6rem}.visual-browser-content strong{font-size:clamp(.83rem,1.5vw,1.18rem);line-height:1.6;letter-spacing:-.045em}.visual-browser-line{height:.37rem;background:#dce9ff;width:80%;border-radius:1rem;margin:1.4rem 0 .7rem}.visual-browser-row{display:flex;gap:.45rem;margin-bottom:.5rem}.visual-browser-row i{height:2.3rem;background:#eef3f9;border-radius:.24rem;flex:1}.visual-browser-row i:first-child{flex:1.25;background:#e5edfc}.visual-browser-row.second i{height:1.4rem}.visual-caption{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:.6rem;color:#7b8895;font-size:.67rem}.caption-line{width:1.4rem;height:1px;background:var(--blue)}
.principle-band{background:var(--soft);border-block:1px solid var(--line)}.principle-inner{min-height:5rem;display:flex;align-items:center;justify-content:center;gap:clamp(1rem,4vw,3.6rem)}.principle-inner p{margin:0;font-size:.86rem;font-weight:650;white-space:nowrap}.principle-inner>span{color:var(--blue);font-size:1.1rem}
.how{padding-block:7rem 7.4rem;display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(3rem,8vw,8rem)}.section-intro h2,.download-heading h2{font-size:clamp(2.2rem,3.5vw,3.4rem);line-height:1.32;margin:1.3rem 0 1.25rem;font-weight:750}.section-intro>p:last-child,.download-heading>p{max-width:28rem;color:var(--muted);font-size:.91rem;line-height:1.9}.how-list{border-top:1px solid var(--line)}.how-list article{display:grid;grid-template-columns:3.2rem 1fr;gap:1.3rem;padding:1.55rem .25rem 1.65rem;border-bottom:1px solid var(--line)}.how-list article>span{font-family:Arial,sans-serif;color:var(--blue);font-weight:730;font-size:.81rem;padding-top:.25rem}.how-list h3{font-size:1.03rem;margin-bottom:.55rem}.how-list p{color:var(--muted);line-height:1.85;font-size:.86rem;margin-bottom:0;max-width:29rem}
.download-section{background:#f5f7fb;border-top:1px solid #e8edf3;padding-block:6.3rem 6rem}.download-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:2.2rem}.download-heading h2{margin-bottom:0}.download-heading>p{max-width:20rem;margin:0 0 .25rem}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.download-card{background:#fff;border:1px solid #dce4ee;border-radius:.78rem;padding:1.8rem;min-height:17rem;display:flex;flex-direction:column}.card-heading{display:flex;align-items:center;gap:.65rem;color:#88949f;font-size:.72rem}.platform-icon{font-family:Arial,sans-serif;color:var(--blue);font-size:1.8rem;line-height:1}.apple-icon{font-size:1.2rem;line-height:1.8rem}.download-card h3{font-family:Arial,"PingFang SC",sans-serif;font-size:1.8rem;letter-spacing:-.04em;margin:1rem 0 .35rem}.download-card>p{font-size:.82rem;color:var(--muted);margin-bottom:1.9rem}.download-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:2.8rem;background:var(--ink);color:#fff;border-radius:.48rem;font-size:.86rem;font-weight:700;margin-top:auto}.download-button:hover{background:var(--blue)}.download-button.is-disabled{background:#e8ecf1;color:#7e8995;cursor:not-allowed;pointer-events:none}.version-label{display:block;color:#8a97a2;font-size:.72rem;margin-top:.65rem;min-height:1.15rem}.download-footnote{font-size:.77rem;color:#7c8995;margin:1rem 0 0;line-height:1.7}
.site-footer{border-top:1px solid var(--line);padding:2.3rem 0}.footer-inner{display:flex;align-items:center;gap:2rem}.footer-brand{font-size:.93rem}.footer-brand img{width:1.7rem;height:1.7rem}.footer-inner p{color:#87939e;font-size:.75rem;margin:0 auto 0 0}.footer-inner>a{font-size:.75rem;font-weight:700}
.download-section .download-card{width:min(100%,34rem);min-height:16.5rem}
@media(max-width:960px){.hero{grid-template-columns:1fr;padding-block:4.7rem 5rem;gap:3.5rem}.hero-copy{max-width:43rem}.hero-visual{width:min(100%,45rem);justify-self:center}.how{gap:3rem}.visual-body{height:24rem}}
@media(max-width:680px){.page-wrap,.header-inner{width:min(100% - 2rem,76rem)}.site-header{height:4rem}.header-inner{gap:1rem}.site-header nav{display:none}.header-cta{margin-left:auto;padding:.55rem .7rem;font-size:.75rem}.brand{font-size:.98rem}.brand img{width:1.7rem;height:1.7rem}.hero{padding-block:3.8rem 4rem;gap:3rem;min-height:auto}h1{font-size:clamp(2.6rem,11vw,3.8rem);margin:1.3rem 0}.hero-description{font-size:.95rem}.hero-actions{gap:1.1rem}.hero-note{font-size:.72rem}.visual-body{height:17.5rem;grid-template-columns:21% 45% 34%}.visual-sidebar{padding:.75rem .35rem;font-size:.46rem}.visual-sidebar-brand{font-size:.58rem;margin:.1rem .15rem .55rem}.visual-sidebar-brand img{width:.9rem;height:.9rem}.visual-sidebar>span{padding:.4rem .25rem}.visual-chat{padding:.7rem .4rem}.visual-chat-title,.visual-user,.visual-reply,.visual-compose,.visual-browser-bar{font-size:.45rem}.visual-user{margin:1rem 0 1rem auto;padding:.4rem}.visual-reply-mark{margin-bottom:.4rem}.visual-compose{left:.4rem;right:.4rem;bottom:.55rem;padding:.35rem}.visual-browser-bar{padding:0 .3rem;height:1.8rem}.visual-browser-content{margin:.4rem;height:calc(100% - 2.6rem);padding:.55rem .35rem}.visual-browser-label{font-size:.4rem;margin-bottom:.8rem}.visual-browser-content strong{font-size:.63rem}.visual-browser-line{margin:.8rem 0 .35rem}.visual-browser-row i{height:1.5rem}.visual-browser-row.second i{height:.9rem}.visual-caption{font-size:.55rem}.principle-inner{min-height:4.5rem;gap:.4rem}.principle-inner p{font-size:.6rem;white-space:normal;text-align:center;max-width:6.4rem}.principle-inner>span{font-size:.75rem}.how{display:block;padding-block:5.2rem}.section-intro{margin-bottom:2rem}.how-list article{gap:.7rem;grid-template-columns:2rem 1fr}.download-section{padding-block:4.7rem}.download-heading{display:block}.download-heading>p{margin:1rem 0 0}.download-grid{grid-template-columns:1fr}.download-card{min-height:15.5rem;padding:1.4rem}.footer-inner{flex-wrap:wrap;gap:.9rem}.footer-inner p{order:3;width:100%}}
@media(max-width:680px){h1{font-size:clamp(2rem,8.4vw,2.9rem)}}
@media(prefers-reduced-motion:no-preference){
  .motion-ready .motion-enter{opacity:.94;transform:translateY(.8rem);transition:opacity .68s ease,transform .68s cubic-bezier(.2,.75,.2,1)}
  .motion-ready .motion-enter.is-visible{opacity:1;transform:translateY(0)}
  .motion-ready .hero-visual{transition-delay:.14s}
  .motion-ready .how-list article:nth-child(2){transition-delay:.08s}
  .motion-ready .how-list article:nth-child(3){transition-delay:.16s}
  .status-dot{animation:status-breathe 3.8s ease-in-out infinite}
  .visual-bridge{position:absolute;top:51%;left:61.5%;width:3.2rem;height:1px;background:linear-gradient(90deg,transparent,#78a1ff,transparent);pointer-events:none}
  .visual-bridge::after{content:"";position:absolute;left:0;top:-.26rem;width:.54rem;height:.54rem;border-radius:50%;background:var(--blue);box-shadow:0 0 0 .27rem rgba(51,112,255,.12);animation:bridge-travel 5.5s ease-in-out infinite}
  .visual-reply-mark{animation:reply-signal 5.5s ease-in-out infinite}
  .visual-browser-row i:first-child{animation:browser-signal 5.5s ease-in-out infinite}
  .button-primary span,.header-cta span,.text-link span{transition:transform .22s ease}
  .button-primary:hover span{transform:translateY(.2rem)}
  .header-cta:hover span,.text-link:hover span{transform:translate(.15rem,-.15rem)}
  @keyframes status-breathe{0%,100%{box-shadow:0 0 0 .24rem var(--selected)}50%{box-shadow:0 0 0 .39rem rgba(51,112,255,.08)}}
  @keyframes bridge-travel{0%,20%{transform:translateX(0);opacity:0}30%{opacity:1}58%{transform:translateX(2.6rem);opacity:1}69%,100%{transform:translateX(2.6rem);opacity:0}}
  @keyframes reply-signal{0%,15%,70%,100%{background:var(--blue)}30%,45%{background:#8eaaff}}
  @keyframes browser-signal{0%,48%,100%{background:#e5edfc}63%,77%{background:#bbd0ff}}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-enter{opacity:1!important;transform:none!important}.visual-bridge{display:none}}