@charset "UTF-8";:root{--utc-color-primary: #095be8;--utc-color-primary-hover: #1a6af4;--utc-color-primary-active: #0747ba;--utc-color-primary-light: #cedefa;--utc-color-primary-bg: #f2f6ff;--utc-header-bg: var(--utc-color-primary);--utc-header-text: #ffffff;--utc-header-height: 60px;--utc-footer-bg: var(--utc-color-primary);--utc-footer-text: rgba(255, 255, 255, .88);--utc-footer-text-muted: rgba(255, 255, 255, .62);--utc-footer-link-hover: #ffffff;--utc-page-bg: #f5f7fa;--el-color-primary: var(--utc-color-primary);--el-color-primary-light-3: #4a87f0;--el-color-primary-light-5: #7aa8f5;--el-color-primary-light-7: #aac9f9;--el-color-primary-light-8: #c2d9fb;--el-color-primary-light-9: #e0ecfd;--el-color-primary-dark-2: #0749ba}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}ul,ol{list-style:none}body{font-family:Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.new-physical-page,.new-cloud-port-page,.new-compute-page{max-width:100%;overflow-x:clip}.new-physical-page .custom-steps,.new-cloud-port-page .custom-steps,.new-compute-page .custom-steps{overflow:hidden}.new-physical-page .card-body,.new-cloud-port-page .card-body,.new-compute-page .card-body{max-width:100%;overflow-x:clip}.new-physical-page .field-value,.new-cloud-port-page .field-value,.new-compute-page .field-value,.new-physical-page .price-value,.new-cloud-port-page .price-value,.new-compute-page .price-value{word-break:break-word;overflow-wrap:anywhere}.new-physical-page .price-row,.new-cloud-port-page .price-row,.new-compute-page .price-row{gap:12px;min-width:0}.new-physical-page .price-row .price-label,.new-physical-page .price-row .price-value,.new-cloud-port-page .price-row .price-label,.new-cloud-port-page .price-row .price-value,.new-compute-page .price-row .price-label,.new-compute-page .price-row .price-value{min-width:0}.new-physical-page .port-detail-row,.new-cloud-port-page .port-detail-row,.new-compute-page .port-detail-row{flex-wrap:wrap;max-width:100%}.topologyContainer{position:relative;min-height:420px;padding:18px;background:linear-gradient(135deg,#f8fafc,#eef2ff,#f0fdf4);user-select:none;-webkit-user-select:none}.topology-area{position:relative;background:#ffffff8c;border:1px solid rgba(99,102,241,.15);border-radius:10px;padding:8px;min-height:360px;max-height:680px;height:100%;overflow:auto;user-select:none;-webkit-user-select:none;box-shadow:inset 0 1px #fffc}.topo-svg{width:100%;height:100%;display:block;background:transparent;user-select:none;-webkit-user-select:none}.topo-svg .topo-order-zone{fill:#ffffffb8;stroke:#6366f159;stroke-width:1.5;filter:drop-shadow(0 4px 14px rgba(99,102,241,.12))}.topo-svg .topo-sdwan-base{stroke-width:2;stroke-linecap:round;fill:none}.topo-svg .topo-sdwan-effect{pointer-events:none}.topo-svg .topo-sdwan-trail{stroke:#0fc;stroke-width:2.5;stroke-linecap:round;fill:none;opacity:.6;filter:drop-shadow(0 0 5px rgba(0,255,204,.65))}.topo-svg .topo-sdwan-arrow{pointer-events:none}.topo-svg .topo-flow-hit{stroke:transparent;stroke-width:12;stroke-linecap:round;fill:none;pointer-events:stroke}.topo-svg .node-halo{fill:none;stroke-width:2;stroke-opacity:.45;pointer-events:none;transition:stroke-opacity .2s,r .2s}.topo-svg .node-group.node-active .node-halo,.topo-svg .node-group:hover .node-halo{stroke-opacity:.85;animation:topoNodePulse 1.6s ease-in-out infinite}.topo-svg .node-group.hub-node .node-halo{stroke-dasharray:4 3}.topo-svg .node-group.hub-node .node-text{font-weight:600;fill:#69b1ff}.node-fo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;user-select:none;-webkit-user-select:none}.node-icon{line-height:1;font-size:calc(var(--node-radius, 20px) * 1.8);pointer-events:none}.node-text{font-size:12px;fill:#475569;pointer-events:none;-webkit-user-select:none;user-select:none}.region-label{font-size:13px;font-weight:600;fill:#4338ca;pointer-events:none}.topo-tooltip{position:fixed;z-index:1200;background:#fff;border:1px solid #e6edf5;padding:8px 10px;border-radius:6px;box-shadow:0 6px 12px #0000000f;font-size:12px;color:#1e293b}.tooltip-title{font-weight:600;margin-bottom:6px}.tooltip-line{color:#64748b;font-size:12px}.topo-legend{display:flex;flex-wrap:wrap;gap:12px 18px;padding:8px 16px;font-size:12px;color:#64748b}.topo-legend-item{display:inline-flex;align-items:center;gap:6px}.topo-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}@keyframes topoNodePulse{0%,to{stroke-opacity:.45}50%{stroke-opacity:.9}}.topo-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;color:#64748b;text-align:center;padding:40px 20px}.topo-empty-icon{font-size:48px;color:var(--el-color-primary-light-7, #aac9f9);margin-bottom:16px}.topo-empty-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#475569}.topo-empty-hint{margin:0;font-size:13px;color:#94a3b8}.publicAside{height:100vh;background-color:#545c64}.publicHeader{background-color:var(--utc-header-bg)}.el-header{padding:0!important}.el-main{padding-bottom:0!important}.el-main .el-form{margin-bottom:-20px}.el-menu-edit{border-right:none!important;width:200px}.el-menu-edit .el-sub-menu{padding:0 15px}.el-menu-edit .el-menu-item{height:36px;line-height:36px;font-size:12px;color:#8492a6}.el-menu-edit .el-menu-item span{font-weight:700!important}.el-menu-edit .el-sub-menu .el-menu-item{height:36px;line-height:36px;font-size:14px;padding-left:30px!important;border-radius:4px;color:#555}.el-menu-edit .el-sub-menu .el-menu-item span{font-weight:700!important}.el-menu-edit .el-sub-menu__title{height:36px;line-height:36px;font-size:14px;color:#0009;border-radius:4px}.el-menu-edit .el-sub-menu__title span{font-weight:700!important}.el-menu-edit .el-sub-menu__title:hover{background:var(--utc-color-primary-light);color:#1f2d3d}.el-menu-edit .el-menu-item:hover{background:#fff}.el-menu-edit .el-menu-item.is-active{background:var(--utc-color-primary-light);color:var(--utc-color-primary)}.el-menu-edit>.el-menu-item{color:#0009;padding-left:20px!important;font-size:14px;margin:0 15px;border-radius:4px}.el-menu-edit>.el-menu-item:hover{background:var(--utc-color-primary-light);color:var(--utc-color-primary)}.el-menu-edit>.el-menu-item.is-active{background:var(--utc-color-primary-light);color:var(--utc-color-primary)}.el-table th{background-color:#f5f6f9!important;font-weight:700;text-align:center!important}.publicTit{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:20px;display:flex;justify-content:space-between}.publicTit .posi{position:relative;display:inline}.publicTit .posi .hr{width:100%;position:absolute;left:0;bottom:-11px;height:2px;background:var(--utc-color-primary)}
