:root{--console-bg:#eef4f7;--console-paper:#f9fcfd;--console-white:#fff;--console-ink:#13283b;--console-muted:#607486;--console-line:#cbd9e2;--console-blue:#1769e0;--console-blue-deep:#0c47a6;--console-mint:#27c6a1;--console-orange:#f39843;--console-shadow:0 28px 70px rgba(31,65,92,.13)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100dvh;color:var(--console-ink);background:var(--console-bg);font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;line-height:1.72}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,summary{font:inherit}
.console-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.console-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(184,202,213,.75);background:rgba(249,252,253,.88);backdrop-filter:blur(18px)}
.console-nav{min-height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:36px}
.console-brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:900;letter-spacing:.03em;white-space:nowrap}.console-brand img{display:block;width:34px;height:34px;object-fit:contain}
.console-links{display:flex;justify-content:center;gap:clamp(20px,3vw,38px);color:var(--console-muted);font-size:14px;font-weight:700}.console-links a:hover{color:var(--console-blue)}
.console-button{display:inline-flex;align-items:center;justify-content:center;min-width:160px;min-height:52px;padding:0 24px;border:1px solid var(--console-blue);border-radius:8px;color:#fff;background:var(--console-blue);box-shadow:0 10px 24px rgba(23,105,224,.2);font-weight:900;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;transition:transform .2s ease,background .2s ease}.console-button:hover{background:var(--console-blue-deep);transform:translateY(-2px)}.console-button--small{min-width:128px;min-height:44px;padding-inline:18px}
.console-text-link{color:var(--console-blue);font-weight:800}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--console-orange);outline-offset:4px}
.workbench-hero{padding:clamp(56px,7vw,96px) 0 70px;background:linear-gradient(180deg,#f9fcfd 0,#eaf2f6 100%);overflow:hidden}
.workbench-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,8vw,110px);align-items:end;margin-bottom:52px}.workbench-intro>.console-label{grid-column:1/3}.console-label{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:var(--console-blue);font:800 11px/1.4 "Segoe UI","Microsoft YaHei UI",sans-serif;letter-spacing:.16em;text-transform:uppercase}.console-label span{width:20px;height:3px;background:var(--console-mint)}
.workbench-intro h1{margin:0;font-family:"Arial Narrow","Microsoft YaHei UI",sans-serif;font-size:clamp(48px,6.6vw,88px);line-height:.98;letter-spacing:-.05em;text-wrap:balance}.workbench-copy>p{margin:0 0 26px;color:var(--console-muted);font-size:clamp(16px,1.5vw,19px)}.workbench-copy>div{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.connection-workbench{display:grid;grid-template-columns:220px minmax(0,1fr) 285px;grid-template-rows:54px auto;border:1px solid #bccdd8;border-radius:14px;background:var(--console-white);box-shadow:var(--console-shadow);overflow:hidden}
.workbench-bar{grid-column:1/4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 18px;border-bottom:1px solid var(--console-line);background:#f5f9fb;font-size:12px}.workbench-bar div{display:flex;align-items:center;gap:9px}.workbench-bar i{width:9px;height:9px;border-radius:50%;background:var(--console-mint);box-shadow:0 0 0 5px rgba(39,198,161,.12)}.workbench-bar span{color:var(--console-muted)}.workbench-bar>b{justify-self:end;padding:6px 10px;border-radius:5px;color:#83501f;background:#fff0df;font-size:11px}
.region-selector{padding:18px 12px;border-right:1px solid var(--console-line);background:#f7fafc}.panel-caption{margin:0 0 12px;color:#8194a4;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.region-option{width:100%;display:grid;grid-template-columns:44px 1fr;gap:2px 10px;margin:0 0 7px;padding:12px;border:1px solid transparent;border-radius:8px;color:var(--console-ink);background:transparent;text-align:left;cursor:default}.region-option span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:7px;color:var(--console-blue);background:#e7f0fd;font-size:10px;font-weight:900}.region-option b{font-size:13px}.region-option small{color:var(--console-muted)}.region-option.is-selected{border-color:#b8cff1;background:#fff;box-shadow:0 8px 18px rgba(40,76,102,.08)}.region-option.is-selected span{color:#fff;background:var(--console-blue)}.region-foot{margin:22px 10px 0;padding-top:16px;border-top:1px solid var(--console-line);color:var(--console-muted);font-size:11px}
.measurement-board{min-width:0;padding:22px 24px}.measurement-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:16px}.measurement-head h2{margin:0;font-size:23px}.measurement-head span{padding:6px 9px;border:1px solid #b9d7d1;border-radius:5px;color:#147b67;background:#edfaf6;font-size:10px;font-weight:800}
.measure-row{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(120px,.9fr) 76px;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid #e0e9ee}.measure-row>div:first-child b,.measure-row>div:first-child small{display:block}.measure-row>div:first-child b{font-size:13px}.measure-row>div:first-child small{color:var(--console-muted);font-size:10px}.measure-row>strong{text-align:right;color:#536b7d;font-size:11px}.qualitative-meter{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.qualitative-meter i{height:7px;border-radius:4px;background:#b9d4f8}.qualitative-meter i:nth-child(n+3){background:#e5edf2}.qualitative-meter.muted i{background:#d7e5ed}.qualitative-meter.muted i:nth-child(n+2){background:#edf2f5}.recommend-line{position:relative;height:7px;border-radius:5px;background:#deebe8}.recommend-line span{position:absolute;inset:0 38% 0 0;border-radius:5px;background:var(--console-mint)}.decision-footer{display:grid;grid-template-columns:1fr 1.3fr auto;gap:16px;align-items:end;padding-top:18px}.decision-footer p{margin:0}.decision-footer p span,.decision-footer p b{display:block}.decision-footer p span{color:var(--console-muted);font-size:9px}.decision-footer p b{font-size:11px}.decision-footer a{padding:10px 12px;border-radius:6px;color:#fff;background:var(--console-blue);font-size:11px;font-weight:800}
.device-inspector{display:flex;min-width:0;flex-direction:column;align-self:stretch;height:auto;margin:0;padding:18px;border-left:1px solid var(--console-line);background:#f3f7fa;overflow:visible;transform:none}.device-inspector figcaption{display:flex;justify-content:space-between;margin-bottom:10px;font-size:11px}.device-inspector figcaption span{color:var(--console-muted)}.device-inspector img{display:block;width:100%;height:auto;min-height:0;max-height:300px;margin:auto;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none}.device-inspector p{margin:10px 0 0;color:var(--console-muted);font-size:10px}
.reading-strip{border-top:1px solid var(--console-line);border-bottom:1px solid var(--console-line);background:#fff}.reading-line{display:grid;grid-template-columns:repeat(4,1fr)}.reading-line p{margin:0;padding:22px;border-right:1px solid var(--console-line)}.reading-line p:last-child{border-right:0}.reading-line span,.reading-line b,.reading-line small{display:block}.reading-line span{color:var(--console-blue);font-size:10px;font-weight:900;letter-spacing:.1em}.reading-line b{margin:5px 0 2px;font-size:15px}.reading-line small{color:var(--console-muted)}
.selection-section{padding:clamp(94px,12vw,158px) 0;background:#f8fbfc}.selection-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(50px,8vw,118px);align-items:start}.selection-heading{position:sticky;top:118px}.selection-heading h2,.regional-copy h2,.dock-heading h2,.diagnostic-layout h2,.guide-heading h2,.faq-layout h2,.download-layout h2{margin:0;font-family:"Arial Narrow","Microsoft YaHei UI",sans-serif;font-size:clamp(38px,5vw,66px);line-height:1.04;letter-spacing:-.045em;text-wrap:balance}.selection-heading>p:last-child,.regional-copy>p{color:var(--console-muted)}
.selection-table{border:1px solid var(--console-line);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 18px 50px rgba(31,65,92,.08)}.table-head,.selection-table article{display:grid;grid-template-columns:.5fr 1.1fr .65fr;gap:24px;align-items:start;padding:20px 22px}.table-head{color:#6e8190;background:#edf4f7;font-size:10px;font-weight:900;letter-spacing:.1em}.selection-table article{border-top:1px solid var(--console-line)}.selection-table article b,.selection-table article p,.selection-table article strong{margin:0}.selection-table article b{font-size:15px}.selection-table article p{color:var(--console-muted);font-size:13px}.selection-table article strong{color:var(--console-blue);font-size:12px}
.regional-section{padding:clamp(88px,11vw,146px) 0;background:#dfeaf0}.regional-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(50px,8vw,110px);align-items:center}.regional-map{border:1px solid #b9cbd6;border-radius:14px;background:#fff;box-shadow:var(--console-shadow);overflow:hidden}.map-toolbar{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--console-line);background:#f5f9fb;font-size:12px}.map-toolbar b{color:var(--console-blue)}.map-rows{padding:10px}.map-rows p{display:grid;grid-template-columns:14px .8fr 1fr auto;gap:14px;align-items:center;margin:0;padding:14px;border-bottom:1px solid #e2eaef}.map-rows p:last-child{border-bottom:0}.map-rows i{width:9px;height:9px;border:2px solid #8ea5b5;border-radius:50%}.map-rows span{font-weight:800}.map-rows b{color:var(--console-muted);font-size:12px}.map-rows small{color:var(--console-blue);font-weight:800}.map-rows .is-active{border-radius:8px;background:#edf5ff}.map-rows .is-active i{border-color:var(--console-blue);background:var(--console-blue);box-shadow:0 0 0 4px rgba(23,105,224,.12)}.map-status{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;padding:18px 24px;color:#fff;background:#18344c}.map-status span{font-size:10px;color:#aac0cf}.map-status strong{font-size:16px}.map-status span:nth-child(3),.map-status strong:nth-child(4){grid-column:2}.map-status span:nth-child(3){grid-row:1}.map-status strong:nth-child(4){grid-row:2}
.regional-copy ul{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid #b5c9d3}.regional-copy li{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #b5c9d3}.regional-copy li span{color:var(--console-muted)}
.device-dock{padding:clamp(92px,11vw,150px) 0;background:#fff}.dock-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end;margin-bottom:48px}.dock-heading>p{margin:0;color:var(--console-muted)}.dock-stage{display:grid;grid-template-columns:1fr 210px;border:1px solid var(--console-line);border-radius:14px;overflow:hidden;background:#f3f7fa}.dock-stage figure{align-self:center;height:auto;margin:0;padding:32px;overflow:visible;transform:none}.dock-stage figure img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none}.platform-switcher{display:flex;flex-direction:column;border-left:1px solid var(--console-line);background:#fff}.platform-switcher a{flex:1;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--console-line);transition:background .2s ease,color .2s ease}.platform-switcher a:last-child{border-bottom:0}.platform-switcher a:hover{color:#fff;background:var(--console-blue)}.platform-switcher span{color:var(--console-muted);font-size:10px}.platform-switcher a:hover span{color:#dbe9ff}
.diagnostic-section{padding:clamp(90px,11vw,146px) 0;color:#f3f8fb;background:#173047}.diagnostic-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(50px,8vw,110px)}.diagnostic-layout header{grid-row:1/3}.diagnostic-layout .console-label{color:#67dfc2}.diagnostic-layout h2{font-size:clamp(38px,4.8vw,64px)}.diagnostic-sequence{list-style:none;margin:0;padding:0;border-top:1px solid #476075}.diagnostic-sequence li{display:grid;grid-template-columns:90px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid #476075}.diagnostic-sequence li>span{color:#67dfc2;font-size:11px;font-weight:900}.diagnostic-sequence h3,.diagnostic-sequence p{margin:0}.diagnostic-sequence h3{font-size:19px}.diagnostic-sequence p{color:#aebfca;font-size:13px}.diagnostic-layout>a{grid-column:2;color:#67dfc2}
.guide-section{padding:clamp(90px,11vw,146px) 0;background:#eaf1f4}.guide-heading{display:grid;grid-template-columns:.4fr 1.6fr;gap:40px;margin-bottom:52px}.guide-heading h2{max-width:16ch}.guide-timeline{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--console-blue)}.guide-timeline article{position:relative;padding:30px 28px 0 0;border-right:1px solid var(--console-line)}.guide-timeline article+article{padding-left:28px}.guide-timeline article::before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;border-radius:50%;background:var(--console-blue);box-shadow:0 0 0 6px #eaf1f4}.guide-timeline article+article::before{left:28px}.guide-timeline time{display:block;margin-bottom:52px;color:var(--console-blue);font-size:11px;font-weight:900}.guide-timeline h3{margin:0 0 10px;font-size:21px}.guide-timeline p{color:var(--console-muted)}.guide-timeline a{color:var(--console-blue);font-weight:800}
.console-faq{padding:clamp(90px,11vw,146px) 0;background:#fff}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,8vw,110px)}.faq-layout header{position:sticky;top:118px;align-self:start}.faq-list{border-top:1px solid var(--console-line)}.faq-list details{border-bottom:1px solid var(--console-line)}.faq-list summary{padding:24px 42px 24px 0;cursor:pointer;list-style:none;font-size:18px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{margin:0 0 24px;color:var(--console-muted)}
.download-console{padding:clamp(60px,8vw,100px) 0;background:var(--console-mint)}.download-layout{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}.download-layout .console-label{color:#07594c}.download-layout h2{max-width:18ch}.console-button--dark{border-color:#13283b;color:#fff;background:#13283b;box-shadow:none}.console-button--dark:hover{background:#0b1d2c}
.console-footer{padding:54px 0 24px;color:#eaf2f6;background:#0f2130}.footer-layout{display:grid;grid-template-columns:1.4fr .6fr .6fr;gap:48px}.footer-layout h3{margin:0 0 12px;color:#65dfc2;font-size:13px}.footer-layout>div>a:not(.console-brand){display:block;margin:7px 0;color:#a9bac6}.footer-layout>div:first-child p{max-width:390px;color:#a9bac6}.console-copyright{grid-column:1/4;margin:20px 0 0;padding-top:18px;border-top:1px solid #344a5b;color:#879ca9;font-size:11px}
@media(max-width:980px){.connection-workbench{grid-template-columns:190px 1fr}.workbench-bar{grid-column:1/3}.device-inspector{grid-column:1/3;display:grid;grid-template-columns:1fr 230px 1fr;align-items:center;border-top:1px solid var(--console-line);border-left:0}.device-inspector img{max-height:220px}.selection-layout,.regional-layout,.diagnostic-layout,.faq-layout{grid-template-columns:1fr}.selection-heading,.faq-layout header{position:static}.diagnostic-layout header{grid-row:auto}.diagnostic-layout>a{grid-column:auto}.dock-heading{grid-template-columns:1fr}.guide-heading{grid-template-columns:1fr}}
@media(max-width:700px){.console-shell{width:min(100% - 24px,1240px)}.console-nav{grid-template-columns:auto auto;gap:12px}.console-links{grid-column:1/3;grid-row:2;justify-content:flex-start;overflow-x:auto;padding:12px 0;border-top:1px solid var(--console-line)}.console-nav>.console-button{display:none}.workbench-intro{grid-template-columns:1fr}.workbench-intro>.console-label{grid-column:auto}.workbench-intro h1{font-size:clamp(42px,13vw,60px)}.workbench-copy>div{display:grid}.workbench-copy .console-button{width:100%}.connection-workbench{grid-template-columns:1fr}.workbench-bar{grid-column:auto;grid-template-columns:1fr auto}.workbench-bar span{display:none}.region-selector{border-right:0;border-bottom:1px solid var(--console-line)}.region-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.region-selector>.panel-caption,.region-foot{grid-column:1/4}.region-option{grid-template-columns:1fr;text-align:center}.region-option span{grid-row:auto;margin:auto}.region-option small{display:none}.measurement-board{padding:18px 14px}.measure-row{grid-template-columns:1fr 76px}.measure-row>div:first-child{grid-column:1/3}.decision-footer{grid-template-columns:1fr 1fr}.decision-footer a{grid-column:1/3;text-align:center}.device-inspector{grid-column:auto;grid-template-columns:1fr}.reading-line{grid-template-columns:1fr 1fr}.reading-line p:nth-child(2){border-right:0}.reading-line p{border-bottom:1px solid var(--console-line)}.table-head{display:none}.selection-table article{grid-template-columns:1fr;gap:8px}.regional-copy li{grid-template-columns:1fr}.dock-stage{grid-template-columns:1fr}.platform-switcher{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--console-line);border-left:0}.platform-switcher a{border-right:1px solid var(--console-line)}.diagnostic-sequence li{grid-template-columns:70px 1fr}.guide-timeline{grid-template-columns:1fr;border-top:0;border-left:2px solid var(--console-blue);padding-left:22px}.guide-timeline article,.guide-timeline article+article{padding:0 0 42px 22px;border-right:0}.guide-timeline article::before,.guide-timeline article+article::before{top:7px;left:-30px}.guide-timeline time{margin-bottom:8px}.download-layout{grid-template-columns:1fr}.download-layout .console-button{width:100%}.footer-layout{grid-template-columns:1fr 1fr}.footer-layout>div:first-child{grid-column:1/3}.console-copyright{grid-column:1/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.console-button,.platform-switcher a{transition:none}}
.device-inspector,.dock-stage figure{align-self:center;height:auto;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;overflow:visible;transform:none}.device-inspector img,.dock-stage figure img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none}