.network-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(240px,3fr);gap:32px;align-items:center;margin-top:40px}
.network-map{min-width:0;background:#f8fafb;border:1px solid #edf0f1}
.network-map-svg{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y;font-family:inherit}
.network-province{fill:var(--region-color);stroke:#fff;stroke-width:.8;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill 240ms ease,stroke 240ms ease}
.network-region{opacity:.62;filter:saturate(.65);transition:opacity 240ms ease,filter 240ms ease}
.network-region[data-active=true]{opacity:1;filter:drop-shadow(0 1px 2px #64778535)}
.network-region[data-active=true] .network-province{fill:color-mix(in srgb,var(--region-color) 86%,white);stroke:#fff;stroke-width:1.1}
.network-unassigned{fill:#e3e5e7;cursor:default}
.network-maritime{fill:#7d929d;pointer-events:none}
.network-province:focus-visible{outline:none;stroke:#30343a!important;stroke-width:2.5!important}
.network-province-names{pointer-events:none;font-size:12px;fill:#42505a;paint-order:stroke;stroke:#fff9;stroke-width:2px;stroke-linejoin:round}
.network-region-label{cursor:pointer;outline:none}
.network-region-label rect{fill:#fffffff2;stroke:#d5dde2;stroke-width:1;transition:stroke 240ms,fill 240ms}
.network-region-label circle{fill:var(--region-color)}
.network-region-label text{font-size:15px;fill:#525e68;font-weight:500}
.network-region-label[data-active=true] rect{stroke:#657580;fill:#fff}
.network-region-label[data-active=true] text{fill:#202a31;font-weight:700}
.network-region-label:focus-visible rect{stroke:#30343a;stroke-width:2.5}
.network-headquarters-marker{cursor:pointer;outline:none}
.network-marker-leader{fill:none;stroke:var(--marker-color);stroke-width:1.2;pointer-events:none}
.network-marker-outer{fill:#fff;stroke:var(--marker-color);stroke-width:2}
.network-marker-inner{fill:var(--marker-color)}
.network-marker-pulse{fill:none;stroke:var(--marker-color);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center;pointer-events:none}
.network-marker-callout{fill:#fffffff5;stroke:#d7dfe3;stroke-width:.8}
.network-marker-city{font-size:17px;font-weight:600;fill:#30343a}
.network-marker-description{font-size:12px;fill:#53616a}
.network-headquarters-marker:focus-visible .network-marker-callout{stroke:#30343a;stroke-width:2.5}
.network-inset-background{fill:#f2f6f8}
.network-inset-border{fill:none;stroke:#b2c0c9;stroke-width:1;pointer-events:none}
.network-inset-title{font-size:14px;fill:#465763}
.network-headquarters-card{position:relative;padding:24px 0 24px 20px;border-left:2px solid var(--marker-color)}
.network-headquarters-card+.network-headquarters-card{margin-top:32px}
.network-headquarters-english{display:block;font-size:11px;letter-spacing:.12em;color:var(--muted);margin-bottom:10px}
.about-page .network-headquarters-card h3{margin:0 0 4px;font-size:27px}
.network-headquarters-name{padding:0;border:0;background:transparent;color:inherit;font:inherit;min-height:44px;text-align:left}
.about-page p.network-headquarters-title{font-size:20px;line-height:1.6;color:var(--ink);margin-bottom:20px}
.about-page p.network-headquarters-company{font-size:14px;line-height:1.9;margin:0;padding-top:18px;border-top:1px solid var(--ds-line);overflow-wrap:anywhere}
.network-region-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px;padding:26px 0;border-block:1px solid var(--ds-line)}
.network-region-option{position:relative;display:grid;gap:8px;align-content:start;min-height:94px;background:transparent;border:0;color:var(--muted);padding:15px 16px 18px;text-align:left;transition:background 240ms,transform 240ms,color 240ms}
.network-option-heading{display:flex;align-items:center;gap:10px;white-space:nowrap}
.network-option-heading i{width:11px;height:11px;border-radius:50%;background:var(--region-color);flex-shrink:0}
.network-option-heading strong{font-size:19px;font-weight:500;color:inherit}
.network-option-status{font-size:11px;min-width:24px;color:#4d5962}
.network-option-hub{font-size:13px;line-height:1.7}
.network-region-option:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;background:var(--region-color);transform:scaleX(0);transform-origin:left;transition:transform 240ms}
.network-region-option[data-active=true]{color:var(--ink);background:color-mix(in srgb,var(--region-color) 12%,white);transform:translateY(-2px)}
.network-region-option[data-active=true]:after{transform:scaleX(1)}
.network-region-option[aria-pressed=true] .network-option-heading strong{font-weight:600}
.network-region-option:focus-visible,.network-headquarters-name:focus-visible{outline:2px solid #505960;outline-offset:4px}
.network-region-detail{min-height:255px;padding:30px 0 0;border-bottom:1px solid var(--ds-line)}
.about-page .network-region-detail h3{font-size:24px;margin-bottom:10px}
.about-page p.network-detail-hub{font-size:15px;color:var(--ink);margin-bottom:18px}
.network-province-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 20px;padding:0}
.network-province-list li{font-size:13px;line-height:1.8;padding:3px 10px;border-left:2px solid var(--region-color);background:color-mix(in srgb,var(--region-color) 12%,white)}
.about-page p.network-detail-description{font-size:15px;margin:0 0 24px;max-width:none}
.network-map-legend{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px;color:var(--muted);margin-top:14px}
.network-map-legend span{display:inline-flex;gap:7px;align-items:center}
.network-map-legend i{display:inline-block;width:9px;height:9px;border-radius:50%}
.network-map-legend .legend-shanghai{background:#ff6900}.network-map-legend .legend-hongkong{background:#30343a}.network-map-legend .legend-unassigned{background:#e3e5e7;border:1px solid #a4adb3}
.network-loading[hidden]{display:none}
@media(max-width:1050px){.network-layout{grid-template-columns:minmax(0,7fr) minmax(190px,3fr);gap:22px}.network-headquarters-card{padding-left:14px}.about-page p.network-headquarters-title{font-size:18px}.network-region-options{gap:8px}.network-region-option{padding-inline:12px}.network-option-heading{gap:7px}.network-option-heading strong{font-size:17px}}
@media(max-width:800px){.network-layout{grid-template-columns:minmax(0,1fr);gap:28px}.network-headquarters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.network-headquarters-card+.network-headquarters-card{margin-top:0}.network-region-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.network-region-detail{min-height:290px}}
@media(max-width:500px){.network-layout{margin-top:28px}.network-headquarters{grid-template-columns:minmax(0,1fr);gap:20px}.network-headquarters-card{padding-block:12px}.about-page .network-headquarters-card h3{font-size:24px}.about-page p.network-headquarters-title{font-size:18px;margin-bottom:14px}.about-page p.network-headquarters-company{font-size:13px;padding-top:12px}.network-region-option{padding-inline:10px;min-height:96px}.network-option-heading{gap:7px}.network-option-heading strong{font-size:17px}.network-option-hub{font-size:12px}.network-region-detail{min-height:340px}.network-province-list{gap:7px}.network-province-list li{font-size:12px;padding-inline:8px}.network-province-names text:not(.network-taiwan-label){display:none}.network-map-legend{gap:8px 14px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.network-region,.network-province,.network-region-label rect,.network-region-option,.network-region-option:after{transition:none!important}.network-region-option[data-active=true]{transform:none}}

.network-marker-inline{display:none;font-size:22px;fill:#30343a;paint-order:stroke;stroke:#fff;stroke-width:3;pointer-events:none}
@media(max-width:500px){.network-marker-leader,.network-marker-callout,.network-marker-city,.network-marker-description{display:none}.network-marker-inline{display:block}.network-inset-area{transform:translate(-445px,-342.5px) scale(1.5)}.network-taiwan-label{font-size:20px}}
/* Keep tiny source islands legible at phone scale without enlarging their geometry. */
.network-inset-area .network-province,.network-map-svg .network-province[data-province="460000"]{stroke:#80969a;stroke-width:.65}
.network-maritime{stroke:#7d929d;stroke-width:.5;vector-effect:non-scaling-stroke}
@media(max-width:500px){.network-region-label text{font-size:20px}}