.menu[data-v-7c95fd37]{background-image:url(../../vue-admin/img/nave_02-1.ab0b0523.png);transform:skewX(8deg)}.menu2[data-v-7c95fd37],.menu[data-v-7c95fd37]{width:140px;height:30px;background-size:100% 100%;background-repeat:no-repeat;color:#fff;font-size:14px;font-weight:700;display:flex;justify-content:center;align-items:center}.menu2[data-v-7c95fd37]{background-image:url(../../vue-admin/img/nave_02-1-2.d272d432.png);transform:skewX(-8deg)}.header[data-v-7c95fd37]{height:90px;background-color:transparent}.header .header-left[data-v-7c95fd37]{display:flex;align-items:center;gap:15px}.header .header-left .logo[data-v-7c95fd37]{height:40px}.header .header-left .system-name[data-v-7c95fd37]{font-size:18px;font-weight:700;color:#4a9eff}.header .header-center[data-v-7c95fd37]{text-align:center}.header .header-center .time-info[data-v-7c95fd37]{display:flex;gap:20px;justify-content:center;margin-bottom:5px}.header .header-center .time-info .time[data-v-7c95fd37]{font-size:16px;color:#4a9eff}.header .header-center .time-info .date[data-v-7c95fd37]{font-size:14px;color:#7bb3ff}.header .header-center .main-title[data-v-7c95fd37]{font-size:28px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(28,76,168,.8);margin:0}.header .header-right[data-v-7c95fd37]{text-align:right}.header .header-right .weather-info[data-v-7c95fd37]{display:block;font-size:14px;color:#7bb3ff;margin-bottom:5px}.header .header-right .temp-info[data-v-7c95fd37]{display:flex;flex-direction:column;gap:3px}.header .header-right .temp-info span[data-v-7c95fd37]{font-size:12px;color:#4a9eff}.screen-container[data-v-7c95fd37]{width:100vw;height:100vh;background-size:cover,cover,cover;background-color:transparent;color:#fff;font-family:Microsoft YaHei,sans-serif;overflow:hidden;position:relative}.main-content[data-v-7c95fd37]{width:1920px;height:870px;padding:20px;position:relative;box-sizing:border-box;z-index:1}.center-area[data-v-7c95fd37]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.topology-container[data-v-7c95fd37]{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:60px 40px}.topology-row[data-v-7c95fd37]{display:flex;justify-content:center;align-items:center;position:relative;z-index:10}.topology-row.top-row[data-v-7c95fd37]{justify-content:center}.topology-row.middle-row[data-v-7c95fd37]{justify-content:space-around;padding:0 10%}.topology-row.bottom-row[data-v-7c95fd37]{justify-content:space-around}.server-node[data-v-7c95fd37],.switch-node[data-v-7c95fd37]{display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;transition:all .3s ease}.server-node[data-v-7c95fd37]:hover,.switch-node[data-v-7c95fd37]:hover{transform:translateY(-5px)}.server-node .device-image[data-v-7c95fd37],.switch-node .device-image[data-v-7c95fd37]{width:80px;height:60px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(74,158,255,.3));transition:all .3s ease}.server-node .device-info[data-v-7c95fd37],.switch-node .device-info[data-v-7c95fd37]{margin-top:10px;text-align:center;background:rgba(28,76,168,.9);padding:8px 12px;border-radius:8px;border:1px solid rgba(74,158,255,.4);backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(28,76,168,.2)}.server-node .device-info .device-name[data-v-7c95fd37],.switch-node .device-info .device-name[data-v-7c95fd37]{font-size:12px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 0 8px hsla(0,0%,100%,.3)}.server-node .device-info .device-ip[data-v-7c95fd37],.switch-node .device-info .device-ip[data-v-7c95fd37]{font-size:10px;color:#4a9eff;text-shadow:0 0 8px rgba(74,158,255,.5)}.top-row .server-node .device-image[data-v-7c95fd37]{width:100px;height:80px}.switch-node .device-image[data-v-7c95fd37]{width:70px;height:50px}.server-node:first-child .device-image[data-v-7c95fd37]{filter:drop-shadow(0 4px 8px rgba(244,67,54,.5))}.server-node:first-child .device-info[data-v-7c95fd37]{border-color:rgba(244,67,54,.4);background:rgba(244,67,54,.1)}.connection-svg[data-v-7c95fd37]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.connection-svg[data-v-7c95fd37] path.connection-line{filter:drop-shadow(0 0 6px rgba(74,158,255,.6));animation:flow-7c95fd37 3s linear infinite;transition:all .3s ease;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 5;stroke-dashoffset:20}.connection-svg[data-v-7c95fd37] path.connection-line.error-line{filter:drop-shadow(0 0 6px rgba(255,107,107,.6));animation:flow-error-7c95fd37 3s linear infinite;stroke:#ff6b6b!important}@keyframes pulse-7c95fd37{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes flow-7c95fd37{0%{stroke-dashoffset:20}to{stroke-dashoffset:-20}}@keyframes flow-error-7c95fd37{0%{stroke-dashoffset:20;opacity:.7}25%{opacity:1}50%{stroke-dashoffset:0;opacity:.7}75%{opacity:1}to{stroke-dashoffset:-20;opacity:.7}}@keyframes fadeInUp-7c95fd37{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.server-node[data-v-7c95fd37],.switch-node[data-v-7c95fd37]{animation:fadeInUp-7c95fd37 .8s ease-out}.server-node .device-image[data-v-7c95fd37],.switch-node .device-image[data-v-7c95fd37]{animation:pulse-7c95fd37 3s infinite}