.topology{--site-color:#267d6e;--site-fill:#f1f8f5;max-width:1380px;margin:0 auto;padding:26px 28px 22px;color:#273f45;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}.topology-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.topology-eyebrow{font-size:13px;color:#6a7e7a;letter-spacing:.04em}.topology h2{font-size:22px;line-height:1.4;margin:5px 0 0;border:0;padding:0;color:#244f4b}.topology-links{display:flex;gap:20px;font-size:14px;flex-wrap:wrap}.topology a{color:#2f786b;text-decoration:none}.topology a:hover{text-decoration:underline}.topology-scroll{overflow-x:auto;border:1px solid #dce6e2;border-radius:8px;background:white}.topology svg{display:block;width:100%;height:auto;min-width:970px}.topology .site-outline{transition:stroke-width .15s}.topology[data-active-site="a"] .topo-route-a .site-outline,.topology[data-active-site="b"] .topo-route-b .site-outline{stroke-width:3}.packet-example{padding:20px 0 4px}.packet-example[data-site="b"]{--site-color:#3f6dab;--site-fill:#f3f6fb}.packet-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.packet-heading h3{font-size:17px;margin:0;font-weight:600;color:#36534f}.site-picker{display:flex;gap:0}.site-picker button{border:1px solid #b8c8c1;padding:6px 20px;background:#fff;color:#5d706a;min-height:34px;font-size:14px;border-radius:4px}.site-picker button+button{margin-left:6px}.site-picker button[aria-pressed="true"]{background:var(--site-color);border-color:var(--site-color);color:#fff}.packet-lanes{display:grid;gap:10px}.packet-flow{display:grid;grid-template-columns:78px minmax(150px,1fr) 32px minmax(280px,1.6fr) 32px minmax(150px,1fr);align-items:center;gap:6px}.packet-label{font-size:16px;font-weight:700;color:#425b55}.packet-label span{font-size:12px;color:#6e807b;display:block;font-weight:400;margin-top:5px}.packet-node{border:1px solid #dce5e1;background:#fafcfb;border-radius:6px;padding:12px 14px;min-height:76px;display:flex;flex-direction:column;justify-content:center;gap:7px}.packet-node small{color:#6c7c77;font-size:13px}.packet-node strong{font-size:16px;color:#304b43;line-height:1.5;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.packet-node.translation{background:var(--site-fill);border-color:#bfd4ca}.packet-node.translation small{color:var(--site-color)}.packet-node.translation strong{font-size:15px}.packet-arrow{font-size:24px;text-align:center;color:var(--site-color)}.reply .packet-arrow{color:#667b74}.topology-note{font-size:13px;line-height:1.7;color:#6d7e76;margin:14px 0 0}.prd-page{max-width:1200px}.prd-page>.topology{padding:10px 0 14px;margin:0 0 22px}.prd-page>.topology .configuration-jump{display:none}.prd-page>.topology .topology-heading h2{margin-top:5px}.prd-page>.topology svg{min-width:950px}.prd-page>h2,.prd-page>p,.prd-page>ul,.prd-page>ol{max-width:1000px}.prd-page>.topology .packet-flow{grid-template-columns:62px minmax(150px,1fr) 25px minmax(290px,1.7fr) 25px minmax(150px,1fr)}.prd-page>.topology .packet-node{padding:10px 12px}.prd-page .topology-links a{font-size:14px}.baseline-mode .topology{display:none}@media(max-width:950px){.topology{padding:20px 18px}.topology-heading{align-items:flex-start}.topology-links{gap:10px}.topology h2{font-size:20px}.packet-lanes{overflow-x:auto;padding-bottom:6px}.packet-flow,.prd-page>.topology .packet-flow{min-width:920px;grid-template-columns:70px 180px 28px 320px 28px 180px}.topology-scroll::after{content:"左右滑动查看完整拓扑";display:block;padding:5px 10px;color:#6b7d75;font-size:12px}.packet-heading{flex-wrap:wrap}.site-picker button{padding:6px 16px}}@media print{.topology{padding:0!important;break-inside:avoid}.topology-heading,.topology-links,.site-picker,.topology-scroll::after{display:none!important}.topology svg,.prd-page>.topology svg{width:100%;min-width:0}.topology-scroll{border:0;overflow:visible}.packet-example{display:none}.topology-note{font-size:8pt}.prd-page{max-width:none}}