.network-topology-detail-header-actions[data-v-b9825de2] .ant-space-item{margin-right:0}.network-topology-detail-header-actions[data-v-b9825de2] .ant-btn{height:44px;padding:0 18px;border-radius:12px;font-weight:500;box-shadow:none}.network-topology-detail-header-summary[data-v-829f69e4]{justify-content:space-between;width:100%;padding:4px 0 var(--ops-space-md)}.network-topology-detail-header-summary[data-v-829f69e4],.network-topology-detail-header-summary__stats[data-v-829f69e4]{display:flex;flex-wrap:wrap;gap:var(--ops-space-sm);align-items:center}.network-topology-detail-header-summary__stat[data-v-829f69e4]{display:flex;gap:8px;align-items:center;min-height:40px;padding:9px 14px;border:1px solid color-mix(in srgb,var(--ops-color-border) 70%,transparent);border-radius:var(--ops-radius-md);background:color-mix(in srgb,var(--ops-color-bg-soft) 76%,var(--ops-color-bg-container));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ops-color-bg-container) 72%,transparent)}.network-topology-detail-header-summary__label[data-v-829f69e4]{color:var(--ops-color-text-secondary);font-size:12px;white-space:nowrap}.network-topology-detail-header-summary__value[data-v-829f69e4]{color:var(--ops-color-primary);font-size:18px;line-height:1}.network-topology-detail-header-summary__text[data-v-829f69e4]{color:var(--ops-color-text-primary);font-weight:500}.network-topology-detail-header-summary__tips[data-v-829f69e4]{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.network-topology-detail-header-summary__tip[data-v-829f69e4]{display:inline-flex;gap:6px;align-items:center;min-height:32px;padding:6px 12px;color:var(--ops-color-text-secondary);font-size:12px;border-radius:999px;background:color-mix(in srgb,var(--ops-color-primary) 10%,transparent)}.network-topology-detail-header-summary__tip[data-v-829f69e4] .anticon{color:var(--ops-color-primary)}.network-topology-detail-header-summary__tip--status[data-v-829f69e4]{background:color-mix(in srgb,var(--ops-color-warning) 12%,transparent)}.network-topology-detail-header-summary__tip--status[data-v-829f69e4] .anticon{color:var(--ops-color-warning)}.network-topology-detail-header-summary__tip--success[data-v-829f69e4]{background:color-mix(in srgb,var(--ops-color-success) 12%,transparent)}.network-topology-detail-header-summary__tip--success[data-v-829f69e4] .anticon{color:var(--ops-color-success)}@media (max-width:991px){.network-topology-detail-header-summary[data-v-829f69e4]{padding-bottom:var(--ops-space-sm)}.network-topology-detail-header-summary__tips[data-v-829f69e4]{justify-content:flex-start}}.color-main[data-v-202c07b4]{width:100%;height:100%;border-radius:2px}.color-picker-panel[data-v-202c07b4]{display:flex;flex-direction:column;gap:12px}.preset-colors[data-v-202c07b4]{padding:0 16px 16px}.preset-colors__title[data-v-202c07b4]{margin-bottom:8px;color:var(--ops-color-text-secondary);font-size:12px;line-height:20px}.preset-colors__list[data-v-202c07b4]{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.preset-colors__item[data-v-202c07b4]{width:24px;height:24px;padding:0;border:1px solid color-mix(in srgb,var(--ops-color-text-primary) 10%,transparent);border-radius:4px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.preset-colors__item[data-v-202c07b4]:hover{transform:translateY(-1px);box-shadow:0 4px 10px color-mix(in srgb,var(--ops-color-text-primary) 16%,transparent)}.preset-colors__item--active[data-v-202c07b4]{border-color:var(--ops-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--ops-color-primary) 18%,transparent)}[data-v-202c07b4] .ant-popover-placement-bottom,[data-v-202c07b4] .ant-popover-placement-left,[data-v-202c07b4] .ant-popover-placement-right,[data-v-202c07b4] .ant-popover-placement-top{padding:0}[data-v-202c07b4] .ant-popover-placement-bottom .ant-popover-arrow,[data-v-202c07b4] .ant-popover-placement-left .ant-popover-arrow,[data-v-202c07b4] .ant-popover-placement-right .ant-popover-arrow,[data-v-202c07b4] .ant-popover-placement-top .ant-popover-arrow{display:none}[data-v-202c07b4] .ant-popover-placement-bottom .ant-popover-inner,[data-v-202c07b4] .ant-popover-placement-left .ant-popover-inner,[data-v-202c07b4] .ant-popover-placement-right .ant-popover-inner,[data-v-202c07b4] .ant-popover-placement-top .ant-popover-inner{background:transparent;box-shadow:none}[data-v-202c07b4] .ant-popover-placement-bottom .ant-popover-inner .ant-popover-inner-content,[data-v-202c07b4] .ant-popover-placement-left .ant-popover-inner .ant-popover-inner-content,[data-v-202c07b4] .ant-popover-placement-right .ant-popover-inner .ant-popover-inner-content,[data-v-202c07b4] .ant-popover-placement-top .ant-popover-inner .ant-popover-inner-content{padding:0 16px}[data-v-202c07b4] .ant-popover-placement-bottom .ant-popover-inner .ant-popover-inner-content .vc-chrome,[data-v-202c07b4] .ant-popover-placement-left .ant-popover-inner .ant-popover-inner-content .vc-chrome,[data-v-202c07b4] .ant-popover-placement-right .ant-popover-inner .ant-popover-inner-content .vc-chrome,[data-v-202c07b4] .ant-popover-placement-top .ant-popover-inner .ant-popover-inner-content .vc-chrome{background:transparent;box-shadow:0 2px 8px color-mix(in srgb,var(--ops-color-text-primary) 25%,transparent);overflow:hidden}.network-topology-detail[data-v-052e6344]{min-height:320px}.network-topology-detail__spin[data-v-052e6344] .ant-spin-container{min-height:inherit}.network-topology-detail__workspace[data-v-052e6344]{display:flex;gap:16px;align-items:stretch}.network-topology-detail__stencil-shell[data-v-052e6344]{display:flex;flex:0 0 248px;flex-direction:column;gap:12px;min-width:248px}.network-topology-detail__stencil[data-v-052e6344]{position:relative;flex:1;min-height:584px;overflow:hidden;border:1px solid color-mix(in srgb,var(--ops-color-border) 72%,transparent);border-radius:var(--ops-radius-lg);background:var(--ops-color-bg-container);box-shadow:var(--ops-shadow-card)}.network-topology-detail__stencil-mask[data-v-052e6344]{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:24px;text-align:center;border-right:1px solid color-mix(in srgb,var(--ops-color-border) 72%,transparent);background:color-mix(in srgb,var(--ops-color-bg-container) 82%,transparent);backdrop-filter:blur(6px)}.network-topology-detail__stencil-mask-title[data-v-052e6344]{color:var(--ops-color-text-primary);font-size:18px;font-weight:600;line-height:1.2}.network-topology-detail__stencil-mask-text[data-v-052e6344]{margin:0;color:var(--ops-color-text-secondary);font-size:13px;line-height:20px}.network-topology-detail__stencil-footer[data-v-052e6344]{padding:14px 16px;border:1px solid color-mix(in srgb,var(--ops-color-border) 72%,transparent);border-radius:var(--ops-radius-lg);background:color-mix(in srgb,var(--ops-color-bg-soft) 70%,var(--ops-color-bg-container));box-shadow:var(--ops-shadow-card-sm)}.network-topology-detail__stencil-footer-title[data-v-052e6344]{margin-bottom:8px;color:var(--ops-color-text-primary);font-size:14px;font-weight:600}.network-topology-detail__stencil-tips[data-v-052e6344]{margin:0;padding-left:18px;color:var(--ops-color-text-secondary);font-size:12px;line-height:20px}.network-topology-detail__stencil-tip+.network-topology-detail__stencil-tip[data-v-052e6344]{margin-top:4px}.network-topology-detail__stencil[data-v-052e6344] .x6-widget-stencil{width:100%;height:100%;background:transparent;border-right:none}.network-topology-detail__stencil[data-v-052e6344] .x6-widget-stencil-title{display:none}.network-topology-detail__stencil[data-v-052e6344] .x6-widget-stencil-group-title{position:relative;min-height:40px;padding:10px 16px;color:var(--ops-color-text-secondary);font-size:12px;font-weight:600;line-height:20px;border-bottom:1px solid color-mix(in srgb,var(--ops-color-border) 68%,transparent);background:color-mix(in srgb,var(--ops-color-bg-soft) 78%,var(--ops-color-bg-container))}.network-topology-detail__stencil[data-v-052e6344] .x6-widget-stencil-group.collapsable>.x6-widget-stencil-group-title{padding-left:40px}.network-topology-detail__stencil[data-v-052e6344] .x6-widget-stencil-group.collapsable>.x6-widget-stencil-group-title:before{top:50%;left:12px;transform:translateY(-50%)}.network-topology-detail__stencil[data-v-052e6344] .x6-widget-stencil-group-content{padding-top:6px}.network-topology-detail__canvas-shell[data-v-052e6344]{position:relative;flex:1;min-width:0;min-height:680px;overflow:hidden;border:1px solid color-mix(in srgb,var(--ops-color-border) 72%,transparent);border-radius:var(--ops-radius-lg);background:var(--ops-color-bg-container);box-shadow:var(--ops-shadow-card)}.network-topology-detail__canvas-shell[data-v-052e6344]:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--ops-color-bg-soft) 68%,transparent),transparent 160px),radial-gradient(circle at top right,color-mix(in srgb,var(--ops-color-primary) 7%,transparent) 0,transparent 30%)}.network-topology-detail__canvas-toolbar[data-v-052e6344]{position:absolute;top:16px;left:16px;right:16px;z-index:5;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.network-topology-detail__canvas-toolbar-group[data-v-052e6344]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.network-topology-detail__toolbar-action[data-v-052e6344],.network-topology-detail__toolbar-button[data-v-052e6344]{border-color:color-mix(in srgb,var(--ops-color-border) 84%,transparent);border-radius:12px;background:color-mix(in srgb,var(--ops-color-bg-container) 92%,transparent);box-shadow:0 10px 24px rgba(15,23,42,.08)}.network-topology-detail__toolbar-button[data-v-052e6344]{width:40px;height:40px;padding:0}.network-topology-detail__toolbar-action[data-v-052e6344]{height:40px;padding:0 14px}.network-topology-detail__canvas-notices[data-v-052e6344]{position:absolute;top:68px;left:16px;right:16px;z-index:5;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.network-topology-detail__canvas-notice[data-v-052e6344]{display:inline-flex;gap:8px;align-items:center;min-height:34px;padding:7px 12px;color:var(--ops-color-text-secondary);font-size:12px;border:1px solid color-mix(in srgb,var(--ops-color-border) 72%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ops-color-bg-container) 88%,transparent);box-shadow:0 10px 24px rgba(15,23,42,.08)}.network-topology-detail__canvas-notice--info[data-v-052e6344]{color:var(--ops-color-text-primary)}.network-topology-detail__canvas-notice--info[data-v-052e6344] .anticon{color:var(--ops-color-primary)}.network-topology-detail__canvas-notice--warning[data-v-052e6344] .anticon{color:var(--ops-color-warning)}.network-topology-detail__topology[data-v-052e6344]{position:relative;z-index:1;height:calc(100vh - 264px);min-height:680px;background:radial-gradient(circle,rgba(148,163,184,.14) 1px,transparent 0) 0 0 12px,linear-gradient(180deg,hsla(0,0%,100%,.56),rgba(248,250,252,.92))}.network-topology-detail__legend[data-v-052e6344]{position:absolute;right:16px;bottom:16px;z-index:5;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;max-width:calc(100% - 32px);padding:10px 14px;color:var(--ops-color-text-primary);font-size:12px;line-height:18px;border:1px solid color-mix(in srgb,var(--ops-color-border) 72%,transparent);border-radius:16px;background:color-mix(in srgb,var(--ops-color-bg-container) 90%,transparent);box-shadow:0 10px 24px rgba(15,23,42,.08)}.network-topology-detail__legend-item[data-v-052e6344]{display:inline-flex;gap:8px;align-items:center;white-space:nowrap}.network-topology-detail__legend-dot[data-v-052e6344]{width:16px;height:6px;border-radius:999px}.network-topology-detail__color-picker-modal[data-v-052e6344]{text-align:center}.network-topology-detail__color-picker-actions[data-v-052e6344]{display:flex;gap:8px;justify-content:center;margin-top:16px}@media (max-width:991px){.network-topology-detail__workspace[data-v-052e6344]{flex-direction:column}.network-topology-detail__stencil-shell[data-v-052e6344]{flex-basis:auto;min-width:0}.network-topology-detail__stencil[data-v-052e6344]{min-height:320px}.network-topology-detail__canvas-toolbar[data-v-052e6344]{justify-content:flex-start}.network-topology-detail__topology[data-v-052e6344]{height:540px;min-height:540px}}