:root{--blue:#2864ef;--blue-dark:#194fda;--ink:#182b48;--muted:#6f7d91;--line:#e6ecf4;--pale:#f2f7ff;--white:#fff;--radius:14px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:102px}body{margin:0;min-width:1180px;background:var(--white);font-size:14px;line-height:1.7}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #82b2ff;outline-offset:5px}img{max-width:100%;display:block}svg{width:24px;height:24px;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}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{line-height:1.45}ul,ol{margin:0;padding:0}.container{width:1240px;max-width:calc(100% - 100px);margin:0 auto}.section{padding:100px 0}.site-header{height:86px;background:#fffffff5;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf2f8;backdrop-filter:blur(14px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;font-weight:700;font-size:18px;letter-spacing:-.5px}.site-header nav{display:flex;gap:32px;margin-left:auto;margin-right:20px;font-size:14px;color:#4d5b6e}.site-header nav a:hover,.site-footer a:hover{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--blue);color:white;border:1px solid transparent;border-radius:7px;font-size:15px;font-weight:700;padding:14px 25px;line-height:1.5;transition:background .18s,box-shadow .18s}.button:hover{background:var(--blue-dark);box-shadow:0 5px 16px #2864ef24}.button svg{width:20px;height:20px}.button-small{padding:10px 21px;font-size:14px}.button-large{padding:17px 25px;font-size:17px;min-height:61px}.button-ghost{background:white;color:#3e526e;border-color:#d9e4f5}.button-ghost:hover{background:#f6f9ff;box-shadow:none}.button-ghost svg{width:19px;height:19px;fill:currentColor;stroke:none}.hero{background:linear-gradient(110deg,#f2f8ff 0%,#ecf5ff 62%,#e7f1ff 100%);padding:68px 0 64px;overflow:hidden;position:relative}.hero-layout{display:grid;grid-template-columns:450px minmax(0,1fr);gap:38px;align-items:center;position:relative;z-index:1}.hero-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#3862a4;margin-bottom:20px}.hero-label>span{width:7px;height:7px;background:#4c85f5;border-radius:50%;box-shadow:0 0 0 5px #dceaff;margin-right:5px}.hero h1{font-size:57px;font-weight:800;letter-spacing:1px;line-height:1.35;color:#153461;margin-bottom:23px}.hero-description{font-size:16px;line-height:1.95;color:#62758f}.hero-actions{display:flex;gap:13px;margin-top:31px}.system-note{display:flex;align-items:center;gap:7px;font-size:12px;color:#7d8da5;margin-top:15px}.system-note svg{width:15px;height:15px;stroke:none}.hero-benefits{display:flex;align-items:center;gap:27px;border-top:1px solid #dbe6f5;padding-top:23px;margin-top:26px;width:390px;color:#526d91;font-size:13px}.hero-benefits span{display:flex;gap:6px;align-items:center}.hero-benefits svg{width:16px;height:16px;color:#2c7dec;stroke-width:2.4}.hero-visual{position:relative;margin-top:11px;min-width:0}.visual-topline{display:flex;align-items:center;justify-content:space-between;color:#6e82a0;font-size:11px;padding:0 3px 13px}.visual-topline>span:first-child{display:flex;gap:7px;align-items:center;font-size:12px;color:#547093}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#30bb89}.hero-screen{display:block;overflow:hidden;width:100%;background:white;border:5px solid white;border-radius:11px;box-shadow:0 24px 60px -18px #3c71b750,0 0 0 1px #d5e4f8;padding:0;position:relative;transform:perspective(1600px) rotateY(-3deg);transform-origin:center}.hero-screen img{width:100%;height:auto}.zoom-trigger{cursor:zoom-in;position:relative}.zoom-hint{position:absolute;right:13px;bottom:12px;display:flex;align-items:center;gap:5px;color:#3564a0;background:#fffffff0;padding:5px 9px;border:1px solid #e0eafa;border-radius:4px;font-size:11px;opacity:0;transition:opacity .18s}.zoom-hint svg{width:14px;height:14px}.zoom-trigger:hover .zoom-hint,.zoom-trigger:focus-visible .zoom-hint{opacity:1}.visual-bottomline{display:flex;align-items:center;gap:7px;margin-top:21px;font-size:12px;color:#6380a3}.visual-bottomline svg{width:17px;height:17px;color:#4d81d0}.visual-note{margin-left:auto;font-size:10px;color:#8a9db6}.scenario-bar{border-bottom:1px solid var(--line);background:white}.scenario-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.scenario-intro{color:#7d8796;font-size:13px;border-right:1px solid var(--line);padding-right:30px}.scenario-inner a{display:flex;align-items:center;gap:10px;color:#51647d;font-size:14px}.scenario-inner a:hover{color:var(--blue)}.scenario-inner svg{color:#728cac;width:23px;height:23px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-kicker{font-size:14px;color:var(--blue);margin-bottom:13px;font-weight:600}h2{font-size:34px;line-height:1.5;font-weight:750;letter-spacing:-.5px}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.9;padding-bottom:8px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card{padding:28px 22px 23px;border:1px solid #e1e8f1;border-radius:11px;position:relative;background:#fff;overflow:hidden}.feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;color:#3674ef;background:#edf3ff;margin-bottom:25px}.feature-icon svg{width:27px;height:27px}.purple{color:#8270dc;background:#f3f0ff}.teal{color:#29a797;background:#eaf8f5}.amber{color:#d69b37;background:#fff6e7}.feature-tag{position:absolute;right:22px;top:39px;font-size:11px;color:#8b99ac}.feature-card h3{font-size:19px;margin-bottom:11px;letter-spacing:-.4px}.feature-card>p{font-size:13px;line-height:1.9;color:#79869a;min-height:74px}.example-label{font-size:10px;color:#9aa6b7;margin:16px 0 7px}.error-example{font-size:11px;color:#6d7c93;display:flex;gap:7px;align-items:center;padding:11px 8px;background:#f7f9fc;border-radius:5px;white-space:nowrap}.error-example>span{display:flex;align-items:center;justify-content:center;line-height:1;background:#fff1dc;color:#de9b38;border:1px solid #f2d8a7;width:15px;height:15px;border-radius:50%;font-size:11px}.text-button{border:0;padding:0;display:inline-flex;align-items:center;gap:9px;background:transparent;color:var(--blue);font-size:13px;font-weight:600}.text-button:hover{color:#123d9e}.text-button svg{width:17px;height:17px}.feature-card .text-button{margin-top:24px}.preview-section{background:#f5f8fd;padding-top:88px;padding-bottom:83px}.center-heading{text-align:center}.center-heading h2{margin-bottom:12px}.center-heading>p:last-child{color:var(--muted);font-size:14px}.preview-tabs{display:flex;justify-content:center;gap:10px;margin:33px auto 39px}.preview-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 33px;font-size:15px;border-radius:7px;border:1px solid transparent;background:transparent;color:#70809a}.preview-tabs button svg{width:21px;height:21px}.preview-tabs button[aria-selected="true"]{background:var(--blue);color:white;box-shadow:0 6px 16px #2864ef24}.preview-tabs button:not([aria-selected="true"]):hover{background:#e7effc;color:var(--blue)}.preview-panel{display:grid;grid-template-columns:315px minmax(0,1fr);gap:65px;align-items:center}.preview-description{padding-left:10px}.preview-count{font-size:11px;color:#8b9bb1;letter-spacing:.6px}.preview-description h3{font-size:29px;line-height:1.55;margin:18px 0}.preview-description>p{color:#718099;font-size:14px;line-height:1.9;min-height:80px}.preview-description ul{list-style:none;color:#526781;font-size:13px;margin-top:20px}.preview-description li{display:flex;align-items:center;gap:9px;margin:11px 0}.preview-description li:before{content:"✓";color:var(--blue);font-size:13px}.preview-description>.text-button{margin-top:28px}.preview-figure{min-width:0}.preview-figure button{display:block;width:100%;border:5px solid white;padding:0;border-radius:9px;background:#edf5ff;overflow:hidden;box-shadow:0 12px 38px #375b8c13}.preview-figure img{width:100%;height:auto;aspect-ratio:1236 / 880}.preview-figure figcaption{font-size:10px;color:#95a2b5;text-align:center;margin-top:13px}.service-section{padding:97px 0}.service-layout{display:grid;grid-template-columns:1fr 565px;gap:90px;align-items:center}.service-copy h2{font-size:36px;margin-bottom:21px}.service-copy>p:not(.section-kicker){font-size:14px;color:var(--muted);line-height:2}.service-hours{display:flex;align-items:center;gap:10px;font-size:12px;color:#8191a4;margin-top:25px;margin-bottom:24px}.service-hours strong{color:#435b7d;font-size:13px;font-weight:500;margin-left:3px}.service-copy>.button{padding:13px 24px}.service-note{display:block;font-size:11px;color:#96a1b2;margin-top:13px}.support-board{border:1px solid #dde7f5;background:#fff;border-radius:15px;box-shadow:0 15px 45px #335d9010;overflow:hidden}.support-board-head{display:flex;align-items:center;gap:14px;padding:24px 29px;background:#f0f6ff;border-bottom:1px solid #e5edf9}.support-avatar{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:#dfeaff;color:#3679ed}.support-avatar svg{width:27px;height:27px}.support-board-head h3{font-size:17px}.support-board-head p{font-size:11px;color:#8497b1;margin-top:3px}.support-label{font-size:10px;color:#6489bd;margin-left:auto;border:1px solid #cddff9;border-radius:4px;padding:3px 8px;white-space:nowrap}.support-steps{list-style:none;padding:26px 32px 9px}.support-steps li{display:flex;gap:17px;position:relative;padding-bottom:28px}.support-steps li:not(:last-child):after{content:"";position:absolute;top:34px;bottom:4px;left:14px;width:1px;background:#dce6f4}.support-steps li>span{width:29px;height:29px;flex-shrink:0;display:grid;place-items:center;background:#eef4ff;color:#4c7fd3;font-size:12px;border-radius:50%;margin-top:2px}.support-steps h4{font-size:14px;font-weight:600;margin-bottom:4px}.support-steps p{color:#8a97a9;font-size:12px}.support-foot{background:#fafbfd;border-top:1px solid #edf1f7;display:flex;align-items:center;gap:8px;font-size:10px;color:#8b9bb0;padding:14px 28px}.support-foot svg{width:15px;height:15px}.getting-started{padding:67px 0;background:#f7f9fc}.getting-started h2{font-size:28px}.start-steps{display:flex;align-items:center;justify-content:space-between;margin-top:42px}.start-steps>div{display:flex;align-items:center;gap:17px}.step-number{font-family:"Segoe UI",sans-serif;font-weight:300;font-size:42px;line-height:1;color:#bbd0f1}.start-steps h3{font-size:16px;margin-bottom:7px}.start-steps p{color:#8591a4;font-size:12px}.step-line{width:53px;height:1px;background:#dce5f2;margin:0 20px}.faq-section{padding:87px 0 96px}.faq-layout{display:grid;grid-template-columns:330px 1fr;gap:83px}.faq-layout h2{margin-bottom:18px}.faq-layout>div>p:last-child{font-size:13px;line-height:2;color:#8492a5}.faq-layout>div>p>a{color:var(--blue);display:inline-flex;align-items:center;gap:10px;margin-top:8px}.faq-layout>div>p>a svg{width:16px;height:16px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-size:14px;font-weight:500;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}summary::-webkit-details-marker{display:none}summary svg{width:17px;height:17px;color:#8e9eb3;transition:transform .2s}details[open] summary{color:var(--blue)}details[open] summary svg{transform:rotate(45deg);color:var(--blue)}details>p{font-size:13px;color:#8590a2;line-height:1.9;padding:0 35px 20px 0}.final-cta{background:#2864ef;color:white;padding:43px 0;position:relative;overflow:hidden}.final-cta:after{content:"";position:absolute;width:480px;height:480px;right:16%;top:-220px;border:70px solid #ffffff06;border-radius:50%;pointer-events:none}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.final-brand{display:flex;gap:23px;align-items:center}.final-brand img{border:1px solid #ffffff5c;border-radius:16px}.final-brand h2{font-size:27px;letter-spacing:0;margin-bottom:7px}.final-brand p{font-size:13px;color:#c8d9ff}.button-white{background:white;color:var(--blue);box-shadow:0 5px 16px #0a369e24}.button-white:hover{background:#eff5ff}.site-footer{padding:35px 0 24px;color:#93a0b3;background:#fff;font-size:11px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #edf1f6}.footer-top .brand{font-size:14px;color:#62738b;font-weight:500;letter-spacing:0;gap:9px}.footer-top>div{display:flex;gap:29px;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;margin-top:20px;font-size:10px}.company-info{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;font-size:10px;color:#a0aabc;margin-top:12px}.company-info[hidden]{display:none}.floating-service{position:fixed;right:20px;bottom:34px;z-index:15;display:flex;flex-direction:column;align-items:center;gap:6px;background:white;border:1px solid #e1eafa;border-radius:11px;padding:14px 9px;color:var(--blue);box-shadow:0 5px 22px #3663a317;font-size:10px}.floating-service svg{width:27px;height:27px}.floating-service:hover{background:#eef5ff}.image-dialog{border:0;border-radius:14px;box-shadow:0 25px 90px #102c5c40;color:var(--ink)}dialog::backdrop{background:#10223eaa;backdrop-filter:blur(5px)}.image-dialog{padding:0 15px 12px;width:min(1150px,91vw);max-width:95vw;max-height:95vh;overflow:auto}.image-dialog-top{display:flex;align-items:center;justify-content:space-between;padding:13px 3px}.image-dialog-top p{font-size:14px;font-weight:600}.icon-button{display:grid;place-items:center;width:34px;height:34px;border:0;background:#f2f5fa;border-radius:50%;color:#71829c}.icon-button:hover{color:var(--blue);background:#e4eeff}.icon-button svg{width:18px;height:18px}.image-dialog>img{width:100%;height:auto;border-radius:5px}.image-disclaimer{font-size:11px;color:#8c9bb0;text-align:center;margin-top:10px}
@media(min-width:1600px){.hero{padding-top:82px;padding-bottom:78px}.hero-layout{grid-template-columns:465px minmax(0,1fr);gap:40px}.container{width:1280px}.hero h1{font-size:60px}}
@media(max-width:1250px){.container{max-width:calc(100% - 76px)}.header-inner{gap:22px}.site-header nav{gap:23px;margin-right:0}.brand{font-size:16px}.hero-layout{grid-template-columns:420px minmax(0,1fr);gap:25px}.hero h1{font-size:53px}.hero-actions{gap:10px}.hero-actions .button-large{font-size:15px;padding:16px 20px}.visual-note{display:none}.feature-grid{gap:14px}.feature-card{padding:25px 17px 21px}.feature-tag{right:17px;font-size:10px}.feature-card h3{font-size:17px}.error-example{font-size:10px}.service-layout{gap:50px;grid-template-columns:1fr 520px}.preview-panel{gap:40px;grid-template-columns:290px minmax(0,1fr)}.start-steps{gap:5px}.start-steps>div{gap:10px}.step-line{width:30px;margin:0 12px}.start-steps p{font-size:11px}.floating-service{right:10px;padding:12px 6px}}
.toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);z-index:50;padding:12px 23px;border-radius:8px;background:#182b48;color:#fff;font-size:13px;box-shadow:0 6px 25px #182b4826;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,visibility .18s}.toast.visible{opacity:1;visibility:visible}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}