:root{--navy:#16815d;--cyan:#16815d;--ink:#203d33;--muted:#60796e;--line:#dbe9e1;--paper:#f3faf6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.bar,main,footer{max-width:1080px;margin:auto}.bar{height:104px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{color:var(--ink);display:flex;align-items:center;gap:13px;font-size:22px;font-weight:700;letter-spacing:2px}.brand:hover{text-decoration:none}.brand img{object-fit:contain;border-radius:12px;background:#fff;padding:4px}.brand small{display:block;font-size:10px;color:var(--muted);font-weight:450;letter-spacing:2px;margin-top:-1px}.nav{font-size:13px}.hero{padding:55px 0 34px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted)}h1{font-size:43px;line-height:1.35;letter-spacing:-1.5px;font-weight:650;margin:17px 0 13px}h1 span{color:var(--navy)}.hero p{color:var(--muted);margin:0;font-size:15px}.connection{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px 25px;margin-bottom:36px}.label{display:block;font-size:11px;color:var(--muted);letter-spacing:.5px;margin-bottom:7px}.copy-box{display:flex;align-items:center;gap:24px}.copy-box code{font:500 20px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--navy)}button{font:inherit;cursor:pointer}.copy-box button{background:#edf6f0;color:var(--navy);border:1px solid var(--line);border-radius:5px;font-size:12px;padding:6px 12px;white-space:nowrap}.copy-box button:hover{border-color:var(--cyan)}.copy-status{display:block;font-size:11px;color:var(--navy)}.copy-status:not(:empty){margin-top:5px}.connection-note{font-size:12px;margin:0;color:var(--navy);text-align:right}.connection-note span{color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:16px}.section-head h2{font-size:20px;font-weight:600;margin:0}.section-head>span{font-size:11px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 25px -5px #16452c09,0 8px 10px -6px #16452c09;padding:23px 24px 18px;transition:border-color .15s}.card:hover{border-color:#9acbb2}.card h3{font-size:23px;font-weight:600;letter-spacing:-.4px;margin:0}.card p{font-size:12px;color:var(--muted);margin:3px 0 20px}.primary{display:block;text-align:center;background:var(--navy);color:#fff;padding:12px 10px;border-radius:8px;font-size:13px;font-weight:600}.primary:hover{background:#106a4c;text-decoration:none}.more{display:flex;justify-content:center;gap:18px;margin-top:13px;font-size:11px}.guide{margin-top:39px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;list-style:none;margin:22px 0 0;padding:0}.step{font:500 12px/1.5 ui-monospace,monospace;color:var(--navy)}.steps h3{font-size:15px;margin:7px 0}.steps p{font-size:12px;color:var(--muted);margin:0;line-height:1.9}.steps b{font-weight:550;color:var(--ink)}.help{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:32px;font-size:12px}.help summary{cursor:pointer;padding:17px 0;color:var(--muted)}.help>div{padding:0 0 20px;max-width:740px;color:var(--muted)}.help h3{font-size:13px;color:var(--ink);margin:15px 0 5px}.help p{margin:0}footer{padding:25px 0 30px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}@media(min-width:1450px){.hero{padding-top:68px}h1{font-size:48px}}@media(max-width:1150px){.bar,main,footer{margin-left:32px;margin-right:32px}.copy-box code{font-size:18px}.copy-box{gap:16px}}@media(max-width:760px){.connection{align-items:start;flex-direction:column;gap:12px}.connection-note{text-align:left}.connection-note br{display:none}.connection-note span{margin-left:10px}.cards{gap:12px}.card{padding:18px 14px}.more{gap:10px}.steps{gap:22px}h1{font-size:36px}}@media(max-width:580px){.bar,main,footer{margin-left:22px;margin-right:22px}.bar{height:88px}.brand{font-size:20px;gap:9px}.brand img{width:45px;height:45px}.brand small{font-size:9px}.hero{padding:34px 0 27px}h1{font-size:33px;letter-spacing:-1px}h1 span{display:block}.hero p{font-size:13px}.connection{padding:17px 15px;margin-bottom:28px}.copy-box{flex-wrap:wrap;gap:8px}.copy-box code{font-size:16px;overflow-wrap:anywhere}.connection-note{font-size:11px}.section-head h2{font-size:18px}.section-head>span{font-size:10px}.cards{grid-template-columns:1fr;gap:13px}.card{padding:21px}.card p{margin-bottom:15px}.primary{font-size:14px}.more{font-size:12px;gap:20px}.guide{margin-top:30px}.steps{grid-template-columns:1fr;gap:22px;margin-top:19px}.steps li{position:relative;padding-left:35px}.step{position:absolute;left:0;top:3px}.steps h3{margin:0 0 5px}.steps p{font-size:13px}.help{margin-top:25px}footer{font-size:10px;gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

.fingerprint{overflow-wrap:anywhere;font:11px/1.8 ui-monospace,monospace;background:#fff;padding:10px!important;margin-top:12px!important}.cert-steps{padding-left:19px}.cert-steps li{margin:10px 0}.cert-steps code{overflow-wrap:anywhere;font-size:11px}

.connection-note .certificate-download{display:inline-flex;align-items:center;gap:4px;margin-left:3px;padding:5px 10px;border:1px solid #9acbb2;border-radius:6px;background:#e4f3ea;color:#106a4c;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.connection-note .certificate-download:hover{background:#d2ecde;border-color:#16815d}.connection-note .certificate-download span{color:inherit;margin-left:0}

/* 本地镜像：附加平台下载链接自动换行 */
.more{flex-wrap:wrap;gap:8px 14px}.more a{white-space:nowrap}

/* Same visual language as the service portal. */
:root{--navy:#167f7c;--cyan:#167f7c;--ink:#10243e;--muted:#667b8d;--line:#dcebe6;--paper:#f7fbfa}body{background:var(--paper)}.bar{height:86px;border-bottom:none}.brand{color:#10243e}.brand img{border-radius:0;background:none;padding:0}.hero{margin:0;padding:60px max(28px,calc((100vw - 1080px)/2));min-height:350px;background:linear-gradient(90deg,#f5faf9ec 0%,#f5faf970 65%,#edf7f660),url('/hero.webp') center/cover}.hero h1{font-weight:750;line-height:1.4;font-size:clamp(32px,3.5vw,48px);letter-spacing:1px;max-width:650px}.hero .eyebrow{font-size:12px;letter-spacing:3px;color:#6e8e92}.hero p{font-size:16px;color:#667b8d}.connection{margin-top:28px;box-shadow:0 8px 30px #183d4b08;border-radius:14px}.card{border-radius:14px;box-shadow:0 8px 30px #183d4b08}.primary{background:#167f7c}.primary:hover{background:#116a67}.more{flex-wrap:wrap;gap:8px 14px}.more a{white-space:nowrap}@media(max-width:1150px){.hero{margin:0;padding-left:32px;padding-right:32px}}@media(max-width:580px){.hero{margin:0;padding:34px 22px;min-height:285px}.hero h1{font-size:32px;letter-spacing:0}.hero p{font-size:14px}.bar{height:80px}.connection{margin-top:20px}}

/* Center the mountain focal point (79% of the original panorama), not its empty margins. */
.hero{position:relative;isolation:isolate;overflow:hidden;background:#eef7f5}
.hero::before{content:"";position:absolute;z-index:-1;inset-block:0;left:50%;width:max(100%,1050px);transform:translateX(-79%);background:url('hero.webp') center/cover no-repeat;opacity:.62;mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 90%,transparent 100%)}
.hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f5faf9eb 0%,#f5faf960 42%,transparent 65%);pointer-events:none}
@media(max-width:580px){.hero::before{width:855px}.hero::after{background:linear-gradient(90deg,#f5faf9e6,#f5faf980 60%,#f5faf930)}}

/* Mobile client download cards share the existing company style. */
.cards{grid-template-columns:repeat(6,minmax(0,1fr))}.card{grid-column:span 2}.mobile-card{grid-column:span 3}.platform-title{display:flex;align-items:center;gap:12px}.platform-icon{width:28px;height:28px;flex:none;color:#167f7c}.android-icon{color:#278a62}.mobile-note{font-size:13px;line-height:1.6;color:#64748b}
@media(max-width:580px){.cards{grid-template-columns:1fr}.card,.mobile-card{grid-column:auto}}