:root{font-family:"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;color:#142343;background:#f8faff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#0b1c42 0 72px,#f8faff 72px 100%);line-height:1.65}a{color:inherit;text-decoration:none}.site-header,main,footer{width:min(1180px,92vw);margin:auto}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;color:#fff}.brand,.footer-brand{display:inline-flex;align-items:center;gap:11px;font-size:21px;font-weight:850;letter-spacing:-.35px}.brand img{width:40px;height:40px;border-radius:10px;box-shadow:0 7px 16px #0003}.brand b{font-size:14px;font-weight:700;color:#cfdbf6;letter-spacing:0}.site-header nav{display:flex;gap:30px;font-size:14px;color:#e3ebfc}.site-header nav a{padding:6px 0;border-bottom:2px solid transparent}.site-header nav a:hover{border-bottom-color:#55bfff;color:#fff}.hero{position:relative;display:grid;grid-template-columns:minmax(310px,.88fr) minmax(500px,1.2fr);align-items:center;gap:52px;min-height:548px;padding:55px 0 42px}.hero:before{content:"";position:absolute;z-index:-1;width:780px;height:530px;right:-235px;top:-75px;background:radial-gradient(circle,#c7e6ff 0,rgba(219,239,255,.75) 32%,transparent 68%);pointer-events:none}.hero h1{margin:0;color:#10224b;font-size:clamp(42px,5vw,64px);line-height:1.12;letter-spacing:-3px}.hero-lead{margin:12px 0 20px;color:#28416f;font-size:27px;font-weight:800;letter-spacing:-1px}.hero-copy>p:not(.hero-lead){max-width:470px;margin:0;color:#5a6c89;font-size:16px}.actions{display:flex;gap:12px;margin:30px 0 11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;border:1px solid transparent;border-radius:9px;font-weight:850;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,#1966e8,#0d57d8);box-shadow:0 12px 23px #175fc333;color:#fff}.primary span{font-size:22px;line-height:1}.secondary{border-color:#2c69d6;background:#fff;color:#1c59c7}.hero small,.optical small{color:#7485a2;font-size:13px}.hero small a{color:#2164d2;text-decoration:underline;text-underline-offset:3px}.app-shot{overflow:hidden;border:1px solid #c2d2e7;border-radius:13px;background:#eff5fb;box-shadow:0 22px 43px #21385d2b}.app-shot img{display:block;width:100%;height:auto}.workflow{padding:48px 0 40px;border-top:1px solid #dbe4f1}.section-intro{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.section-intro h2,.optical h2{margin:0;color:#13264f;font-size:clamp(27px,3vw,36px);line-height:1.22;letter-spacing:-1.3px}.section-intro p{max-width:490px;margin:0;color:#687b99;font-size:15px}.workflow-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin:32px 0 0;padding:0;list-style:none}.workflow-rail li{position:relative;display:flex;gap:14px;min-width:0}.workflow-rail li:not(:last-child):after{content:"";position:absolute;top:31px;left:calc(100% - 17px);width:35px;height:1px;background:#b9cce6}.step-icon{flex:0 0 62px;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:linear-gradient(145deg,#ecf3ff,#cfdef9);color:#1764d9;font-size:29px;font-weight:900;box-shadow:inset 0 1px #fff}.workflow-rail li:nth-child(3) .step-icon{background:linear-gradient(145deg,#dff8f5,#bde8e6);color:#149c9e}.workflow-rail li:nth-child(4) .step-icon{background:linear-gradient(145deg,#f0edff,#dcd8fa);color:#6654d8}.workflow-rail b{display:block;margin:3px 0 5px;color:#1d3158;font-size:14px}.workflow-rail p{margin:0;color:#71819b;font-size:13px;line-height:1.55}.feature-band{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;padding:42px 0;border-top:1px solid #dbe4f1}.feature-band .section-intro{display:block}.feature-band .section-intro p{margin-top:12px}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.feature-list article{padding-left:16px;border-left:2px solid #bdd5fb}.feature-list span{display:block;color:#1a3262;font-size:17px;font-weight:850}.feature-list p{margin:7px 0 0;color:#6b7c97;font-size:14px;line-height:1.7}.optical{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:58px;margin:22px 0 60px;padding:52px 56px;border:1px solid #d4e0ef;border-radius:18px;background:linear-gradient(120deg,#f2f8ff,#eef8ff 58%,#f8fbff);box-shadow:0 16px 32px #1a426111}.optical-copy p{margin:16px 0;color:#617493;font-size:16px}.text-link{display:inline-flex;gap:8px;align-items:center;color:#125bd0;font-weight:850}.text-link span{font-size:20px}.optical small{display:block;margin-top:14px}.optical-art{display:flex;align-items:center;justify-content:center;gap:20px}.laptop{position:relative;width:270px}.laptop-screen{padding:12px;border:6px solid #18243a;border-bottom-width:8px;border-radius:12px 12px 5px 5px;background:#fff;box-shadow:0 13px 23px #14335223;text-align:center}.laptop-screen span{display:block;margin-bottom:8px;color:#27456d;font-size:10px;font-weight:800}.laptop-screen img{display:block;width:100%;border-radius:5px}.laptop>i{display:block;width:114%;height:9px;margin-left:-7%;border-radius:2px 2px 13px 13px;background:linear-gradient(#d8e1ea,#9facbc)}.transfer-link{display:grid;justify-items:center;gap:5px;color:#2874df}.transfer-link span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#dcecff;font-size:15px}.transfer-link i{width:52px;border-top:2px dashed #94b4e4}.phone{width:143px;padding:9px 8px 12px;border:6px solid #15233a;border-radius:25px;background:#0d1930;box-shadow:0 14px 25px #0e244826;color:#eef6ff;text-align:center}.phone-bar{display:flex;justify-content:space-between;color:#a8b9d4;font-size:8px}.phone-bar b{color:#fff;font-size:9px}.phone>strong{display:block;margin:9px 0;color:#f5f8ff;font-size:12px}.scanner{position:relative;overflow:hidden;padding:7px;background:#edf8ff;border-radius:5px}.scanner img{display:block;width:100%;filter:contrast(1.1)}.scanner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,#39c9efc9 49%,#b7f6ff 50%,#39c9efc9 52%,transparent 59%);animation:scan 2.5s ease-in-out infinite}.scanner i{position:absolute;inset:7px;border:2px solid #2cd0ee;z-index:1}.phone small{display:block;margin:8px 0 0;color:#a9c8e5;font-size:9px}.updates{padding:3px 0 44px}.update-list{margin-top:18px;border-top:1px solid #dbe4f1}.update-list article{display:grid;grid-template-columns:92px minmax(0,1fr) 110px;gap:22px;align-items:center;padding:17px 10px;border-bottom:1px solid #dbe4f1}.update-list b{color:#1a3b78;font-size:14px}.update-list p{margin:0;color:#5e718f;font-size:14px}.update-list time{color:#7d8ca2;font-size:13px;text-align:right}footer{display:flex;align-items:center;gap:22px;padding:23px 0 36px;border-top:1px solid #d7e2f0;color:#71819b;font-size:13px}.footer-brand{color:#2a4066;font-size:14px}.footer-brand img{width:25px;height:25px;border-radius:6px}.footer-note{margin-left:auto}@keyframes scan{0%,100%{transform:translateY(-45%)}50%{transform:translateY(45%)}}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:32px;padding-top:44px}.hero-copy{max-width:620px}.app-shot{max-width:720px}.workflow-rail{grid-template-columns:1fr 1fr;gap:28px}.workflow-rail li:nth-child(2):after{display:none}.feature-band{grid-template-columns:1fr;gap:28px}.optical{grid-template-columns:1fr;gap:35px;padding:42px}.optical-art{justify-content:flex-start}}@media(max-width:620px){body{background:linear-gradient(180deg,#0b1c42 0 64px,#f8faff 64px 100%)}.site-header{height:64px}.brand{font-size:17px}.brand img{width:34px;height:34px}.brand b{font-size:11px}.site-header nav{display:none}.hero{min-height:0;padding:42px 0 38px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-lead{font-size:23px}.actions{flex-direction:column;align-items:stretch}.workflow{padding:35px 0}.section-intro{display:block}.section-intro p{margin-top:10px}.workflow-rail{grid-template-columns:1fr;gap:19px}.workflow-rail li:after{display:none}.feature-band{padding:35px 0}.feature-list{grid-template-columns:1fr;gap:17px}.optical{margin-bottom:42px;padding:32px 22px}.optical-art{gap:9px}.laptop{width:54%}.transfer-link{display:none}.phone{width:39%}.update-list article{grid-template-columns:70px 1fr;gap:9px}.update-list time{grid-column:2;text-align:left}.footer-note{display:none}footer{justify-content:space-between;gap:10px}}
