.topology-page[data-v-32a12a55]{display:flex;flex-direction:column;height:100vh;background:#f0f4f8;font-family:PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}.canvas-wrap[data-v-32a12a55]{flex:1;position:relative;overflow:hidden}.g6-container[data-v-32a12a55]{width:100%;height:100%;background:radial-gradient(ellipse at 50% 30%,#eef2ff 0,#f0f4f8 65%)}.large-hint[data-v-32a12a55]{position:absolute;top:1rem;left:1rem;z-index:20;font-size:.75rem;color:#666;background:hsla(0,0%,100%,.92);border:.0625rem solid #e8ecf0;border-radius:.5rem;padding:.375rem .75rem;pointer-events:none}.toolbar[data-v-32a12a55]{position:absolute;bottom:1.75rem;right:1.75rem;display:flex;flex-direction:column;gap:.375rem;z-index:20}.tool-btn[data-v-32a12a55]{width:2.375rem;height:2.375rem;border:.0625rem solid #dde3ec;border-radius:.5rem;background:#fff;font-size:1.125rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 .125rem .5rem rgba(0,0,0,.08);transition:all .15s;color:#555}.tool-btn[data-v-32a12a55]:hover{background:#f0f4ff;border-color:#91a7ff;color:#3b5bdb;box-shadow:0 .25rem .75rem rgba(59,91,219,.15)}.copy-tip[data-v-32a12a55]{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.72);color:#fff;font-size:.8125rem;padding:.4375rem 1.125rem;border-radius:1.25rem;z-index:200;pointer-events:none;white-space:nowrap}.fade-enter-active[data-v-32a12a55],.fade-leave-active[data-v-32a12a55]{transition:opacity .3s}.fade-enter[data-v-32a12a55],.fade-leave-to[data-v-32a12a55]{opacity:0}.topology-page[data-v-32a12a55] .g6-tooltip{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important;pointer-events:auto!important}.topology-page[data-v-32a12a55] .topo-minimap{position:absolute!important;left:1rem!important;bottom:1rem!important;border:.0625rem solid #e8ecf0;border-radius:.5rem;box-shadow:0 .25rem 1rem rgba(0,0,0,.08);background:#fff}.topology-page[data-v-32a12a55] .tooltip-main{border:.0625rem solid #e8ecf0;box-shadow:0 .5rem 2rem rgba(0,0,0,.12)}.topology-page[data-v-32a12a55] .tooltip-main.offline{border:.0625rem solid rgba(239,68,68,.28)}.topology-page[data-v-32a12a55] .tooltip-main.offline .title-box{background:linear-gradient(135deg,#fff8f8,#fef2f2)!important;border-bottom:.0625rem solid rgba(239,68,68,.28)!important}.topology-page[data-v-32a12a55] .tooltip-main .title-box{padding:.8125rem 1rem .6875rem!important;background:linear-gradient(135deg,#f8faff,#eef2ff)!important;border-bottom:.0625rem solid rgba(180,205,240,.4)!important}.topology-page[data-v-32a12a55] .tooltip-main .title-box .icon{width:3rem;height:3rem;border-radius:.5625rem;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.topology-page[data-v-32a12a55] .tooltip-main .title-box .icon.online{background:rgba(220,252,231,.9)}.topology-page[data-v-32a12a55] .tooltip-main .title-box .icon.offline{background:rgba(239,68,68,.14)}.topology-page[data-v-32a12a55] .tooltip-main .title-box .text{width:100%}.topology-page[data-v-32a12a55] .tooltip-main .container div{margin:.5rem 0}