:root{--paper:#f7f6f2;--white:#fff;--ink:#203a32;--text:#293c36;--muted:#7a827b;--line:#e3e6de;--green:#305c4b;--soft:#edf2e9;--orange:#cf874d;--sans:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #dc9e58;outline-offset:4px}button{color:inherit}button,a{touch-action:manipulation}[hidden]{display:none!important}.wrap{width:min(1160px,calc(100% - 88px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;left:20px;top:-100px;background:var(--ink);color:#fff;padding:12px;z-index:10}.skip:focus{top:10px}.header{height:98px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:750;letter-spacing:-1.3px}.brand-light{font-weight:400;margin-left:-4px;color:#7a887c}.bagel{display:inline-block;position:relative;width:29px;height:29px;border:9px solid #ce9259;border-radius:48% 52% 51% 49%;transform:rotate(-18deg);box-shadow:inset 1px 1px 0 #855b361f,2px 2px 0 #a76b3420}.bagel:before,.bagel:after{content:"";position:absolute;width:2px;height:5px;background:#f9dfb0;border-radius:2px;top:-6px;left:5px;transform:rotate(25deg)}.bagel:after{left:-6px;top:8px;transform:rotate(80deg)}.bagel.small{width:24px;height:24px;border-width:7px}.header nav{display:flex;gap:35px;font-size:13px;color:#627168}.header nav a:hover{color:var(--ink)}.top-note{font-size:11px;letter-spacing:.4px;color:#6f7b72;display:flex;align-items:center;gap:8px}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#609279;flex:none}.tiny-dot.muted{background:#b3b9af}.tiny-dot.warning{background:var(--orange)}.hero{padding-block:81px 83px;display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#718078;display:flex;align-items:center;gap:10px}.line{height:1px;width:22px;background:var(--orange)}h1{font-size:clamp(38px,4.1vw,56px);line-height:1.34;letter-spacing:-2px;font-weight:650;margin:24px 0 23px;color:#203c31}.highlight{position:relative;z-index:0}.highlight:after{content:"";position:absolute;height:10px;left:2px;right:0;bottom:2px;background:#e6bd8f80;z-index:-1;transform:rotate(-2deg)}.intro{color:#7b837d;line-height:1.95;font-size:14px}.hero-actions{display:flex;align-items:center;gap:29px;margin:29px 0 27px}.button{border:0;border-radius:5px;padding:13px 20px;font-size:12px;display:inline-flex;gap:32px;align-items:center}.dark{background:#254b3e;color:white}.dark:hover{background:#376753}.text-link{font-size:12px;background:none;border:0;padding:0;display:inline-flex;align-items:center;gap:13px}.text-link:hover{color:var(--orange)}.hero-tags{display:flex;flex-wrap:wrap;gap:19px;font-size:10px;color:#8a908a}.hero-tags span{display:flex;align-items:center;gap:6px}.hero-tags span:before{content:"✓";font-size:10px;color:#859e87}.network{border:1px solid #dfe4d8;border-radius:10px;padding:23px 28px 0;background:radial-gradient(circle at 80% 25%,#e6eddd66,transparent 60%),#f0f2eb;min-height:349px;box-shadow:0 7px 25px #24372f03;position:relative}.diagram-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.4px;color:#8c9688}.diagram-number{font-family:monospace;letter-spacing:0}.network-origin{margin:28px auto 19px;display:flex;gap:12px;align-items:center;justify-content:center;font-size:11px;position:relative;padding-bottom:23px}.origin-icon{width:29px;height:29px;border:1px solid #c8d0c2;border-radius:7px;display:grid;place-content:center;font-size:18px;color:#778b7b;background:#f8faf5}.network small{display:block;font-size:9px;font-weight:400;color:#8b9587;margin-top:5px}.flow-arrow{position:absolute;bottom:0;left:50%;font-size:16px;color:#8c9e87}.resolver-node{display:flex;justify-content:center;gap:15px;align-items:center;border:1px solid #c6d2bf;background:#fbfcf8;border-radius:7px;padding:18px 15px;box-shadow:0 3px 7px #24372f04;font-weight:700;font-size:16px;position:relative}.resolver-node small{font-size:9px;letter-spacing:.2px}.node-indicator{width:5px;height:5px;background:#5a8f6a;border-radius:50%;position:absolute;right:16px;top:16px}.fork{height:31px;position:relative;margin:0 21%}.fork:before{content:"";position:absolute;left:50%;height:15px;border-left:1px solid #b9c8b1}.fork span{position:absolute;top:15px;left:0;right:0;border:1px solid #b9c8b1;border-bottom:0;border-radius:5px 5px 0 0;height:16px}.network-destinations{display:grid;grid-template-columns:1fr 1fr;gap:15px;text-align:center}.network-destinations>div{font-size:10px}.network-destinations strong{display:block;font-size:10px;margin-top:7px;font-weight:500}.network-destinations small{font-size:8px;letter-spacing:0;margin-top:5px}.route-badge{display:inline-block;padding:3px 8px;border-radius:3px;font-size:8px;font-family:monospace;letter-spacing:.7px}.route-badge.cn{background:#e7e0d0;color:#a77a41}.route-badge.global{background:#dfe8de;color:#658168}.diagram-footer{border-top:1px solid #dfe4d8;margin:21px -28px 0;padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:7px;color:#91978c;font-size:9px}.diagram-footer .tiny-dot{width:4px;height:4px}.statistics{padding-block:15px 68px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}h2{font-size:28px;letter-spacing:-1px;line-height:1.5;margin:10px 0 0;font-weight:600;color:var(--ink)}.period{color:var(--orange)}.sync{display:flex;align-items:center;gap:7px;font-size:10px;color:#889085;padding-bottom:7px}.icon-button{border:1px solid var(--line);background:transparent;border-radius:50%;font-size:16px;width:26px;height:26px;margin-left:5px;line-height:20px;display:grid;place-items:center}.icon-button:hover{background:#e9ede4}.icon-button.loading{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stats-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:11px}.subtle{color:#a0a59c;font-size:10px;margin-left:9px}.date-control{border:1px solid #dce2d5;border-radius:4px;background:#f9faf6;padding:5px 9px}.date-control input{border:0;background:transparent;font-size:11px;color:#73816e;max-width:145px;min-height:24px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{background:#fbfbf8;border:1px solid var(--line);border-radius:7px;padding:23px 23px 19px;min-width:0}.kpi.featured{background:#eaf0e4;border-color:#dbe5d0}.kpi-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#788471}.metric-icon{font-size:17px;color:#8c9c82}.kpi strong{display:block;font-size:37px;font-weight:550;letter-spacing:-1.2px;margin:17px 0 13px;font-variant-numeric:tabular-nums}.kpi strong small{font-size:19px;letter-spacing:0;margin-left:2px;color:#7c8976}.kpi p{font-size:9px;color:#9a9f93;margin:0;line-height:1.5}.panel{background:#fbfbf8;border:1px solid var(--line);border-radius:8px;margin-top:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 26px 16px;gap:14px}h3{font-size:14px;font-weight:600;margin:0;color:#3f5546}.panel-heading p{font-size:10px;color:#9a9f93;margin:8px 0 0;line-height:1.7}.chart-legend{font-size:10px;display:flex;align-items:center;gap:7px;color:#879280;white-space:nowrap}.chart-legend i{width:7px;height:7px;background:#829b70;border-radius:2px}.chart{height:160px;margin:15px 26px 0;display:flex;align-items:stretch;gap:7px;background:repeating-linear-gradient(to top,transparent,transparent 39px,#e8ebe3 39px,#e8ebe3 40px);border-bottom:1px solid #dfe5d9;position:relative}.chart .bar{border:0;position:relative;background:transparent;padding:0;flex:1;min-width:0;display:flex;align-items:end;height:100%}.bar i{background:#9bac8a;display:block;min-height:2px;width:100%;border-radius:3px 3px 0 0;transition:height .4s,background .2s}.bar:nth-child(3n) i{background:#b2bea0}.bar.selected i{background:#426a4e}.bar.zero i{background:#d3dacc}.bar:hover i,.bar:focus-visible i{background:#cf995e}.bar-tooltip{position:absolute;bottom:calc(var(--height) + 9px);left:50%;transform:translateX(-50%);padding:7px 10px;background:#203e30;color:#fff;border-radius:4px;font-size:9px;white-space:nowrap;visibility:hidden;z-index:3;pointer-events:none;box-shadow:0 3px 10px #203e3022}.bar:hover .bar-tooltip,.bar:focus-visible .bar-tooltip{visibility:visible}.bar:first-child .bar-tooltip{left:0;transform:none}.bar:last-child .bar-tooltip{left:auto;right:0;transform:none}.chart-loading{margin:auto;color:#9fa797;font-size:11px}.chart-bottom{padding:12px 26px 20px;display:flex;justify-content:space-between;color:#9ba28f;font-size:9px}.chart-bottom span:nth-child(2){font-size:9px}.segmented{padding:3px;border:1px solid #e2e6da;background:#f0f3eb;border-radius:5px;display:flex;gap:2px;flex:none}.segmented button{border:0;background:transparent;border-radius:3px;color:#929b88;padding:6px 14px;font-size:10px}.segmented button.active{background:#fff;color:#45613f;box-shadow:0 1px 3px #3246220d}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#f5f6f0;font-size:9px;font-weight:400;color:#8d9783;padding:11px 26px;border-top:1px solid #e9ece3;border-bottom:1px solid #e9ece3}td{padding:17px 26px;border-bottom:1px solid #edf0e7;font-size:11px}.numeric{text-align:right;font-variant-numeric:tabular-nums}.provider{display:flex;align-items:center;gap:12px}.provider-mark{border:1px solid #e0e6d9;background:#f8f9f5;display:grid;place-content:center;width:30px;height:30px;border-radius:7px;font-size:11px;font-weight:700}.provider-name{font-size:11px;color:#4a5d46;font-weight:500}.provider-name small{display:block;font-size:8px;font-weight:400;color:#a0a795;margin-top:4px}.group-chip{font-size:8px;border:1px solid #e7e5d6;border-radius:3px;padding:3px 6px;color:#a18f67;background:#f9f7ef}.group-chip.global{color:#7e9285;border-color:#e0e8dd;background:#f0f4ed}.share-cell{display:flex;align-items:center;gap:10px;min-width:120px}.share-track{width:90px;height:4px;background:#edf0e7;border-radius:3px;overflow:hidden}.share-track i{height:100%;display:block;border-radius:3px}.share-cell span{font-size:9px;color:#8f9983;min-width:30px;font-variant-numeric:tabular-nums}.table-footer{display:flex;justify-content:space-between;padding:15px 26px;color:#a0a796;font-size:9px;gap:14px}.table-footer .text-link{font-size:10px;color:#7f8d72;white-space:nowrap}.loading-cell{padding:60px 20px;text-align:center;color:#9ca88f;font-size:11px}.accounting-note{display:flex;align-items:start;gap:9px;margin-top:19px;color:#9a9f94}.accounting-note p{font-size:9px;line-height:1.9;margin:0;max-width:890px}.note-mark{font-family:serif;display:grid;place-content:center;border:1px solid #bfc5b8;width:13px;height:13px;flex:none;border-radius:50%;font-size:9px;margin-top:2px}.connect-section{background:#eaf0e4;border-block:1px solid #dfe6d7;padding-block:57px}.connect-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:90px;align-items:center}.connect-section h2{font-size:32px;margin-top:17px;line-height:1.55}.connect-section p{font-size:11px;line-height:1.95;color:#8a9682;margin-top:15px}.endpoint-panel{border:1px solid #d7dfcd;background:#f5f7ef;border-radius:8px;padding:23px 25px}.endpoint-label{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.3px;color:#849374;margin-bottom:24px}.endpoint-label>span:last-child{margin-left:auto;letter-spacing:0;font-family:monospace;font-size:9px;color:#a4ad97}.endpoint-panel label{display:block;font-size:9px;color:#93a087;margin-bottom:8px}.copy-field{display:flex;background:#fff;border:1px solid #dde5d5;padding:7px 8px 7px 12px;border-radius:4px;margin-bottom:18px;gap:5px;align-items:center}.copy-field input{width:100%;min-width:0;font-family:ui-monospace,monospace;font-size:10px;border:0;background:transparent;color:#576c4a;padding:4px 0}.copy-field button{font-size:9px;white-space:nowrap;border:0;border-radius:3px;background:#e8eee0;color:#6b8159;padding:7px 11px}.copy-field button:hover{background:#d9e4cb}.copy-field.secondary{background:transparent;border-color:#e0e6d8;margin-bottom:0}.copy-field.secondary input{color:#8b987e}.endpoint-panel .endpoint-note{font-size:8px;color:#9ca68f;margin:14px 0 0}.about{padding-block:62px 61px}.about .section-heading{margin-bottom:31px}.about h2{font-size:25px}.about-intro{font-size:10px;color:#9ba28f;line-height:1.9;margin:0;padding-bottom:3px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.feature-grid article{border-top:1px solid #dfe4d7;padding-top:22px}.feature-number{font-size:8px;color:#a4aa9a;letter-spacing:1px}.feature-grid h3{font-size:13px;margin:16px 0 12px;font-weight:500}.feature-grid p{font-size:10px;line-height:1.95;color:#99a08f;max-width:310px;margin:0}.footer{border-top:1px solid var(--line);padding-block:27px;display:flex;align-items:center;gap:25px;color:#a0a794}.footer .brand{font-size:20px;color:#728268}.footer .brand-light{color:#9eaa92}.footer p{font-size:9px;margin:0}.footer>span{font-size:9px;margin-left:auto}.footer>a:last-child{font-size:9px}.error-banner{display:flex;align-items:center;justify-content:space-between;background:#f7ede0;border:1px solid #ead6b8;color:#a1743c;font-size:11px;padding:12px 15px;border-radius:5px;margin-bottom:15px}.error-banner button{border:0;background:transparent;color:inherit;text-decoration:underline}.sync .icon-button:disabled{opacity:.6}.flash{animation:flash .3s}@keyframes flash{50%{opacity:.45}}@media(min-width:1500px){.wrap{width:1180px}.hero{padding-block:95px;gap:100px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:35px;padding-block:60px}.top-note{display:none}.hero-tags{gap:11px;font-size:9px}h1{font-size:42px}.network{padding-inline:20px}.diagram-footer{margin-inline:-20px;font-size:8px}.network-destinations small{font-size:7px}.kpi{padding:19px 17px}.kpi strong{font-size:31px}.kpi p{font-size:8px}.connect-grid{gap:45px}.provider-mark{display:none}td,th{padding-inline:20px}.share-track{width:65px}.feature-grid{gap:25px}.footer{gap:17px}}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.header{height:77px}.brand{font-size:23px}.header nav{gap:19px;font-size:11px}.header nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding-block:43px 48px;gap:38px}.hero-copy{text-align:left}h1{font-size:43px;letter-spacing:-1.8px;margin-top:20px}.intro{font-size:13px}.hero-actions{margin-block:24px}.hero-tags{font-size:10px;gap:18px}.network{min-height:320px;padding-top:20px}.diagram-footer{font-size:9px}.network-origin{margin-block:23px 15px}.network-destinations small{font-size:8px}.network-destinations strong{font-size:11px}.statistics{padding-top:5px;padding-bottom:40px}.section-heading{gap:8px;align-items:center}.section-heading h2{font-size:23px;margin-top:9px}.eyebrow{font-size:8px;letter-spacing:1.6px}.sync{font-size:9px;gap:5px;max-width:145px}.sync-text{line-height:1.6}.icon-button{flex:none}.stats-toolbar{font-size:10px}.subtle{font-size:8px;display:block;margin:5px 0 0}.date-control{padding:3px 7px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi{padding:18px 17px}.kpi strong{font-size:33px;margin-block:16px 12px}.kpi p{font-size:8px}.kpi-top{font-size:10px}.panel{margin-top:14px}.panel-heading{padding:21px 17px 13px;align-items:start}h3{font-size:12px}.panel-heading p{font-size:9px;max-width:230px}.chart{margin-inline:17px;gap:3px;height:145px}.chart-bottom{padding-inline:17px;font-size:8px;gap:10px}.chart-bottom span:nth-child(2){font-size:8px;text-align:center}.chart-legend{font-size:8px}.segmented button{font-size:9px;padding:5px 10px}.upstreams .panel-heading{gap:8px}td,th{padding-inline:15px}td{padding-block:15px}.share-column,.share-td{display:none}.provider-mark{display:grid;width:23px;height:23px;border-radius:5px;font-size:9px}.provider{gap:8px}.provider-name{font-size:10px}.provider-name small{font-size:7px}.group-chip{font-size:7px;padding:3px 4px}.numeric{font-size:10px}.table-footer{padding:12px 15px;font-size:8px;align-items:center;line-height:1.6}.table-footer .text-link{font-size:9px}.accounting-note p{font-size:8px}.connect-section{padding-block:37px}.connect-grid{grid-template-columns:1fr;gap:26px}.connect-section h2{font-size:29px;line-height:1.5}.connect-section p{font-size:11px}.endpoint-panel{padding:22px 17px}.copy-field input{font-size:9px}.copy-field button{padding-inline:8px}.about{padding-block:38px}.about .section-heading{margin-bottom:25px}.about h2{font-size:22px}.about-intro{display:none}.feature-grid{grid-template-columns:1fr;gap:25px}.feature-grid article{padding-top:17px}.feature-grid h3{margin-block:12px 8px}.feature-grid p{max-width:none;font-size:11px}.feature-number{font-size:8px}.footer{flex-wrap:wrap;gap:12px 18px;padding-block:23px}.footer .brand{font-size:19px}.footer p{font-size:8px}.footer>span{margin-left:0;order:3;width:75%;font-size:8px}.footer>a:last-child{margin-left:auto;font-size:8px;order:4}.error-banner{font-size:10px}.bar-tooltip{font-size:8px;padding:6px;white-space:nowrap}.chart .bar{min-width:1px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* VN 独立分流组 */
.network-destinations{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fork{margin-inline:16%}.fork:after{content:"";position:absolute;left:50%;top:15px;height:16px;border-left:1px solid #b9c8b1}.route-badge.vn,.group-chip.vietnam{color:#a46370;background:#f5e7e9;border-color:#ead7dc}