:root{font-family:"Microsoft YaHei","PingFang SC",Inter,system-ui,sans-serif;color:#0b1f44;background:#fff;font-synthesis:none;--blue:#155eef;--navy:#0b1f44;--muted:#647491;--line:#d7e1ef;--pale:#eef7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}.site-header{height:76px;padding:0 max(32px,calc((100vw - 1320px)/2));display:flex;align-items:center;border-bottom:1px solid #e8eef6;position:sticky;top:0;background:rgba(255,255,255,.96);z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:24px;letter-spacing:-.04em}.brand img{width:38px;height:38px}.brand span{font-size:.72em;margin-left:4px}.site-header nav{display:flex;gap:44px;margin:auto;font-weight:700;font-size:15px}.site-header nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border:1px solid var(--blue);border-radius:8px;background:var(--blue);color:#fff;font-weight:800}.secondary{color:var(--blue);background:#fff}.text-link{color:var(--blue);font-weight:750}.menu{display:none}.hero{max-width:1440px;margin:auto;min-height:740px;padding:78px 60px 56px;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:56px}.hero h1{font-size:58px;line-height:1.28;letter-spacing:-.055em;margin:0 0 26px}.hero-copy>p{font-size:20px;line-height:1.8;color:#526482;max-width:590px;margin:0 0 36px}.actions{display:flex;gap:14px}.product-preview{border:1px solid #d7e1ef;border-radius:18px;box-shadow:0 22px 56px rgba(30,72,130,.1);overflow:hidden;background:#fff}.preview-top{height:58px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4ebf5;font-size:12px;color:#6c7d98}.mini-brand{display:flex;align-items:center;gap:8px;color:var(--navy);font-weight:900}.mini-brand img{width:25px}.preview-body{display:grid;grid-template-columns:130px 1fr;min-height:440px}.preview-body aside{padding:24px 14px;border-right:1px solid #e4ebf5;display:flex;flex-direction:column;gap:12px}.preview-body aside b{padding:10px;color:#647491;font-size:12px}.preview-body aside .selected{background:#eaf2ff;color:var(--blue);border-radius:7px}.preview-main{padding:28px}.preview-main h2{font-size:21px;margin:0 0 24px}.flow{display:flex;align-items:center;justify-content:space-between;color:#345070;font-size:10px;font-weight:800}.flow i{flex:1;height:1px;background:#87b2fb;margin:0 8px}.preview-columns{display:grid;grid-template-columns:1fr 1.2fr .9fr;gap:10px;margin-top:28px}.preview-columns section{border:1px solid #dbe4f1;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px;font-size:11px}.preview-columns strong{font-size:12px}.preview-columns span,.preview-columns p{color:#697a94;margin:0}.preview-columns a{color:var(--blue)}.method,.guide{max-width:1320px;margin:auto;padding:100px 40px}.section-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:start}.section-heading h2,.platforms h2{font-size:42px;line-height:1.3;letter-spacing:-.04em;margin:0}.section-heading>p,.platforms>div>p{color:#63748f;font-size:17px;line-height:1.8;margin:12px 0}.method-rail{list-style:none;margin:70px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.method-rail:before{content:"";position:absolute;left:0;right:0;top:60px;height:2px;background:#8bb5fb}.method-rail li{position:relative;padding-right:40px}.method-rail li:after{content:"";display:block;position:absolute;top:53px;left:0;width:13px;height:13px;border:2px solid var(--blue);background:#fff;border-radius:50%}.method-rail b{font-size:30px;color:var(--blue)}.method-rail h3{margin:52px 0 8px;font-size:20px}.method-rail p{margin:0;color:#62738d;line-height:1.6}.platforms{padding:94px max(40px,calc((100vw - 1240px)/2));background:var(--pale);display:grid;grid-template-columns:1fr 360px;gap:90px;align-items:end}.platforms table{width:100%;border-collapse:collapse;margin-top:38px}.platforms th,.platforms td{text-align:left;border-bottom:1px solid #bcd4f2;padding:14px 0}.platforms th{color:#62738d;font-size:13px}.platforms small{display:block;margin-top:18px;color:#526884}.sail-line{height:250px;border-bottom:2px solid #9fc7ff;position:relative;transform:skewY(-8deg)}.sail-line img{width:150px;position:absolute;right:15%;bottom:-2px;transform:skewY(8deg);opacity:.92}.guide-layout{margin-top:54px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.guide ol{list-style:none;padding:0;margin:0}.guide li{display:flex;align-items:center;gap:28px;padding:24px 0;border-bottom:1px solid #dce5f1}.guide li>b{font-size:50px;color:var(--blue);min-width:54px}.guide h3{margin:0 0 7px;font-size:20px}.guide li p{margin:0;color:#62738d}.guide-preview{border:1px solid #cddbec;border-radius:14px;padding:28px;box-shadow:0 16px 40px rgba(39,77,129,.08);display:grid;gap:14px}.guide-preview>span{color:var(--blue);font-size:13px}.guide-preview strong{font-size:24px}.guide-preview label{color:#53647f;font-size:13px}.guide-preview input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #ccd8e8;border-radius:7px;color:#71819a;background:#fff}.guide-preview button{justify-self:start;background:var(--blue);border:0;color:#fff;padding:12px 22px;border-radius:7px;font-weight:800}.boundary{margin-top:50px;padding:22px 28px;background:#f3f7fc;color:#516684;border-radius:9px}.closing{padding:78px max(40px,calc((100vw - 1320px)/2));background:#071b3c;color:#fff;display:flex;align-items:center;justify-content:space-between;min-height:330px}.closing h2{font-size:40px;margin:0 0 14px;letter-spacing:-.035em}.closing p{color:#b9c8dd;font-size:17px}.closing img{width:230px;color:#fff;filter:brightness(0) invert(1);opacity:.35}.dark-secondary{background:transparent;color:#fff;border-color:#fff}footer{min-height:110px;padding:26px max(32px,calc((100vw - 1320px)/2));display:flex;align-items:center;gap:40px;border-top:1px solid #dce4ef}.footer-brand{font-size:18px}.footer-brand img{width:30px}footer nav{display:flex;gap:22px;margin-left:auto;font-size:13px;color:#53647f}footer small{color:#7a899f}
@media(max-width:800px){.site-header{height:64px;padding:0 18px}.brand{font-size:20px}.brand img{width:32px}.site-header nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 14px 25px rgba(20,40,80,.12);flex-direction:column;gap:18px}.site-header nav.open{display:flex}.header-actions{margin-left:auto}.header-actions .text-link{display:none}.header-actions .button{min-height:40px;padding:0 16px}.menu{display:block;margin-left:10px;background:#fff;border:1px solid #ccd8e8;border-radius:7px;padding:9px}.hero{min-height:auto;padding:54px 20px 68px;grid-template-columns:1fr;gap:42px}.hero h1{font-size:38px;line-height:1.3}.hero-copy>p{font-size:17px}.actions{flex-wrap:wrap}.button{min-height:46px;padding:0 20px}.product-preview{border-radius:12px}.preview-body{grid-template-columns:1fr;min-height:390px}.preview-body aside{display:none}.preview-main{padding:20px 14px}.flow{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:11px}.flow i{display:none}.preview-columns{grid-template-columns:1fr}.preview-columns section:nth-child(3){display:none}.method,.guide{padding:70px 20px}.section-heading{grid-template-columns:1fr;gap:18px}.section-heading h2,.platforms h2{font-size:31px}.method-rail{grid-template-columns:1fr;margin-top:38px}.method-rail:before{left:12px;top:12px;bottom:20px;width:2px;height:auto}.method-rail li{padding:0 0 28px 52px}.method-rail li:after{top:7px;left:6px}.method-rail h3{margin:5px 0}.platforms{padding:70px 20px;grid-template-columns:1fr}.platforms td:first-child{padding-right:18px}.sail-line{display:none}.guide-layout{grid-template-columns:1fr;gap:40px}.guide li{align-items:flex-start}.boundary{padding:18px;line-height:1.7}.closing{padding:60px 20px;min-height:360px}.closing h2{font-size:32px}.closing img{display:none}footer{padding:30px 20px;display:block}footer nav{margin:24px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}}