@charset "UTF-8";
:root{--blue:#0d4c66;--cyan:#bfeaf1;--paper:#f4f9fa;--ink:#16303a;--muted:#667c83;--line:#d4e2e6;--shell:min(1180px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;background:var(--paper);color:var(--ink)}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.shell{width:var(--shell);margin:auto}
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.nav{height:70px;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:24px}.brand img{max-height:36px;width:auto}.nav nav{display:flex;justify-content:center;gap:24px;font-size:12px;color:#667b82}.nav-cta{background:var(--blue);color:#fff;padding:11px 17px;font-size:12px;font-weight:900}
.hero{padding:62px 0;background:linear-gradient(145deg,#e6f4f6,#d9edf1)}.hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center;min-height:560px}.eyebrow,.section-title span,.steps-copy>span,.workspace-grid>div>span,.faq-title span{display:block;font-size:9px;letter-spacing:.16em;color:#2e7893;font-weight:900;margin-bottom:13px}.hero h1{font-size:clamp(56px,6.8vw,90px);line-height:.9;letter-spacing:-.06em;margin:18px 0 22px}.lead{font-size:17px;line-height:1.85;color:#3d5a64}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.primary,.secondary,.switch-grid a,.dock-center a{font-size:12px;font-weight:900}.primary{background:var(--blue);color:#fff;padding:14px 18px}.secondary{background:#fff;border:1px solid #bdd8df;padding:13px 18px}
.transfer-stage{min-height:500px;display:grid;grid-template-columns:1fr 90px 1fr;gap:14px;align-items:center}.device{background:#fff;border:1px solid var(--line);min-height:390px;padding:22px;display:flex;flex-direction:column}.device>span{font-size:9px;letter-spacing:.14em;color:#648591;margin-bottom:14px}.device img{height:320px;object-fit:contain}.new{background:#102f3b;color:#fff}.transfer-arrow{text-align:center;display:flex;flex-direction:column;gap:8px}.transfer-arrow b{font-size:38px;color:#2e7893}.transfer-arrow span{font-size:8px;letter-spacing:.14em;color:#6b8790}
.switch{padding:88px 0;background:#fff}.section-title{max-width:850px;margin-bottom:32px}.section-title h2,.steps-copy h2,.workspace-grid h2,.faq-title h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.045em;margin:0}.section-title p{font-size:13px;line-height:1.8;color:var(--muted)}.switch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.switch-grid article{background:#f1f7f8;border:1px solid var(--line);min-height:280px;padding:22px;display:flex;flex-direction:column}.switch-grid b{font-size:9px;letter-spacing:.12em;color:#2e7893}.switch-grid h3{font-size:22px;margin:45px 0 9px}.switch-grid p{font-size:12px;line-height:1.75;color:var(--muted)}.switch-grid a{margin-top:auto;background:var(--blue);color:#fff;padding:12px;text-align:center}
.preview{padding:88px 0;background:#eaf4f6}.preview-grid{display:grid;grid-template-columns:.8fr .8fr 1.4fr;gap:12px}.preview-grid figure{margin:0;background:#fff;border:1px solid var(--line);min-height:410px;padding:18px;display:flex;flex-direction:column}.preview-grid img{height:320px;object-fit:contain}.preview-grid figcaption{font-size:11px;color:#6f858c;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.steps{padding:92px 0;background:#fff}.steps-grid{display:grid;grid-template-columns:330px 1fr;gap:80px}.steps-copy p{font-size:13px;line-height:1.85;color:var(--muted)}.steps ol{list-style:none;margin:0;padding:0;border-top:2px solid var(--blue)}.steps li{display:grid;grid-template-columns:50px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.steps li>b{font-size:9px;color:#2e7893}.steps h3{font-size:18px;margin:0 0 5px}.steps li p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
.workspace{padding:92px 0;background:#11313d;color:#fff}.workspace-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.workspace figure{margin:0;background:#091e26;min-height:500px;padding:28px;display:grid;place-items:center;position:relative}.workspace figure img{max-height:420px;width:auto;object-fit:contain}.workspace figcaption{position:absolute;left:15px;bottom:12px;color:#748b94;font-size:10px}.workspace-grid h2{color:#fff}.workspace-grid p{font-size:13px;line-height:1.85;color:#b4c6cb}.workspace-grid dl{border-top:1px solid #355560;margin-top:25px}.workspace-grid dl>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #355560;font-size:11px}.workspace-grid dd{margin:0;color:#a8bbc0}
.faq-section{padding:92px 0;background:#fff}.faq-grid{display:grid;grid-template-columns:330px 1fr;gap:80px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:22px 46px 22px 0;font-weight:900;position:relative}summary::after{content:"+";position:absolute;right:4px;top:16px;color:#2e7893;font-size:24px}details[open] summary::after{content:"−"}details p{margin:0 0 22px;font-size:13px;line-height:1.8;color:var(--muted)}
.device-footer{background:#071b22;color:#fff}.dock{min-height:180px;display:grid;grid-template-columns:1fr 60px 1.1fr 60px 1fr;gap:18px;align-items:center}.dock-device{display:flex;flex-direction:column;text-align:center}.dock-device b{font-size:11px;color:#b8e4e9}.dock-device span{font-size:10px;color:#718b92;margin-top:6px}.dock-arrow{text-align:center;font-size:26px;color:#3d7585}.dock-center{text-align:center}.dock-center img{max-height:36px;width:auto;margin:0 auto 14px}.dock-center a{display:inline-block;background:var(--cyan);color:#09313d;padding:12px 18px}.dock-meta{min-height:70px;border-top:1px solid #1e343b;display:flex;align-items:center;gap:22px;font-size:9px;color:#70878e}.dock-meta span{margin-right:auto;letter-spacing:.12em}.mobile-bar{display:none}
@media(max-width:980px){.hero-grid,.steps-grid,.workspace-grid,.faq-grid{grid-template-columns:1fr}.transfer-stage{grid-template-columns:1fr 60px 1fr}.switch-grid{grid-template-columns:1fr}.dock{grid-template-columns:1fr}.dock-arrow{transform:rotate(90deg)}}
@media(max-width:760px){:root{--shell:min(100% - 28px,1180px)}body{padding-bottom:64px}.nav nav,.nav-cta{display:none}.nav{grid-template-columns:1fr;height:62px}.hero{padding:46px 0}.hero h1{font-size:50px}.lead{font-size:15px}.transfer-stage{grid-template-columns:1fr;gap:10px}.transfer-arrow{transform:rotate(90deg)}.device{min-height:330px}.device img{height:260px}.switch,.preview,.steps,.workspace,.faq-section{padding:66px 0}.preview-grid{display:flex;overflow:auto}.preview-grid figure{min-width:82%;min-height:380px}.preview-grid img{height:285px}.workspace figure{min-height:390px}.dock{padding:30px 0}.dock-meta{flex-wrap:wrap;padding:18px 0 84px}.dock-meta span{width:100%}.mobile-bar{position:fixed;left:0;right:0;bottom:0;height:62px;background:#071b22;display:flex;align-items:center;justify-content:space-between;padding:0 14px;z-index:50;color:#fff}.mobile-bar span{display:flex;flex-direction:column}.mobile-bar b{font-size:12px}.mobile-bar small{font-size:9px;color:#75919a}.mobile-bar a{background:var(--cyan);color:#09313d;padding:9px 16px;font-size:12px;font-weight:900}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}