*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow:hidden}#app{width:100%;height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;padding:0}.monitor-container[data-v-149c7dcf]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:20px;padding:10px;position:relative}.style-switcher[data-v-149c7dcf]{display:flex;align-items:center;gap:12px;margin-top:10px}.style-switcher.is-top2[data-v-149c7dcf],.style-switcher.is-top3[data-v-149c7dcf]{margin-top:0;position:absolute;top:24px;right:24px;z-index:5}.style-label[data-v-149c7dcf]{font-size:14px;font-weight:600;color:#ffffffbf}.style-select[data-v-149c7dcf]{padding:8px 14px;font-size:14px;font-weight:600;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.4);border-radius:10px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none}.style-select option[data-v-149c7dcf]{color:#0e1a3f}.title[data-v-149c7dcf]{font-size:2.5rem;font-weight:700;color:#fff;text-align:center;text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:2px;padding:20px 30px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px solid rgba(255,255,255,.2);animation:titleGlow-149c7dcf 3s ease-in-out infinite;width:100%;max-width:1400px;box-sizing:border-box}@keyframes titleGlow-149c7dcf{0%,to{box-shadow:0 0 20px #ffffff4d}50%{box-shadow:0 0 40px #ffffff80}}.svg-wrapper[data-v-149c7dcf]{flex:1;width:100%;max-width:1400px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border-radius:20px;padding:30px;box-shadow:0 20px 60px #0000004d;overflow:auto;min-height:0;box-sizing:border-box;-webkit-overflow-scrolling:touch}.monitor-container.is-top2[data-v-149c7dcf],.monitor-container.is-top3[data-v-149c7dcf]{padding:0;gap:0;align-items:stretch;justify-content:stretch;background:#182b69}.top2-stage[data-v-149c7dcf]{flex:1;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#182b69}.top2-scale[data-v-149c7dcf]{position:relative;flex-shrink:0}.top2-layout[data-v-149c7dcf]{position:absolute;left:0;top:0;background:#182b69;border-radius:0;overflow:hidden;transform:scale(var(--top2-scale));transform-origin:top left}.layout-top2 .top2-scale[data-v-149c7dcf]{width:calc(1296px * var(--top2-scale));height:calc(692px * var(--top2-scale))}.layout-top3 .top2-scale[data-v-149c7dcf]{width:calc(1438px * var(--top2-scale));height:calc(929px * var(--top2-scale))}.layout-top2 .top2-layout[data-v-149c7dcf]{width:1296px;height:692px}.layout-top3 .top2-layout[data-v-149c7dcf]{width:1438px;height:929px;display:flex;flex-direction:column;gap:16px;padding:16px;box-sizing:border-box}.top2-header[data-v-149c7dcf]{box-sizing:border-box}.layout-top2 .top2-header[data-v-149c7dcf]{position:absolute;left:16px;top:16px;width:1264px;height:50px;border-radius:16px;background:#e5e5e5;border:.297px solid #9fbaff}.layout-top3 .top2-header[data-v-149c7dcf]{height:72px;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;background-image:var(--header-back);background-repeat:no-repeat;background-position:center;background-size:1120px 72px}.top2-title[data-v-149c7dcf]{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-weight:700}.layout-top2 .top2-title[data-v-149c7dcf]{position:absolute;left:516.1px;top:7.78px;font-size:28.491px;color:#182b69;letter-spacing:.3px}.layout-top3 .top2-title[data-v-149c7dcf]{font-size:32px;color:#f9d1b0;letter-spacing:.5px;text-align:center}.layout-top2 .top2-content[data-v-149c7dcf]{position:absolute;left:16px;top:82px;width:1264px;height:594px}.layout-top3 .top2-content[data-v-149c7dcf]{width:100%;height:809px;display:flex;gap:16px}.layout-top2 .top2-left-col[data-v-149c7dcf]{position:absolute;left:0;top:26.055px;width:232.377px;height:541.889px}.layout-top3 .top2-left-col[data-v-149c7dcf]{width:315px;height:809px;display:flex;flex-direction:column;gap:16px}.layout-top2 .top2-center-col[data-v-149c7dcf]{position:absolute;left:248.377px;top:25.15px;width:744.126px;height:543.699px;padding:0}.layout-top3 .top2-center-col[data-v-149c7dcf]{width:744px;height:809px;display:flex;flex-direction:column;gap:8px;padding:0}.layout-top2 .top2-right-col[data-v-149c7dcf]{position:absolute;left:1008.503px;top:25.907px;width:232.377px;height:542.186px}.layout-top3 .top2-right-col[data-v-149c7dcf]{width:315px;height:809px;display:flex;flex-direction:column;gap:16px}.top3-board[data-v-149c7dcf]{width:315px;height:396.5px;border-radius:16px;display:flex;flex-direction:column;gap:10px;align-items:stretch}.top3-board-title[data-v-149c7dcf]{font-family:Inter,Noto Sans JP,sans-serif;font-size:24px;font-weight:700;color:#f02525;text-align:center;line-height:40px}.top3-board-table[data-v-149c7dcf]{width:100%;height:156px;display:flex}.top3-board-col[data-v-149c7dcf]{display:flex;flex-direction:column;align-items:stretch}.top3-rank-col[data-v-149c7dcf]{width:36px}.top3-info-col[data-v-149c7dcf]{width:146px}.top3-metric-col[data-v-149c7dcf]{width:133px}.top3-table-head[data-v-149c7dcf]{height:40px;background:#043272;display:flex;align-items:center;justify-content:center;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;color:#ffffffbf}.top3-table-head-left[data-v-149c7dcf]{justify-content:flex-start;padding:0 10px}.top3-table-head-right[data-v-149c7dcf]{justify-content:flex-start;padding:0 0 0 16px;text-align:left}.top3-table-cell[data-v-149c7dcf]{display:flex;align-items:center;flex:1}.top3-rank-cell[data-v-149c7dcf]{justify-content:center}.top3-info-cell[data-v-149c7dcf]{padding:0 10px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:18px;color:#fff;line-height:28px}.top3-metric-cell[data-v-149c7dcf]{justify-content:flex-start;padding:0 0 0 16px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:20px;color:#4de4ff}.rank-badge[data-v-149c7dcf]{width:24px;height:24px;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;font-family:Mark Pro,Inter,sans-serif;font-size:16px;font-weight:700;color:#fff;letter-spacing:.75px}.rank-1[data-v-149c7dcf]{background:#c85b3f}.rank-2[data-v-149c7dcf]{background:#b99a3a}.rank-3[data-v-149c7dcf]{background:#1fb2a4}.top3-board-bottom[data-v-149c7dcf]{width:100%;height:180.5px;background:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;position:relative;box-sizing:border-box}.top3-bottom-title[data-v-149c7dcf]{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;font-weight:600;color:#0009;position:absolute;left:13.03px;top:15.427px}.top3-bottom-line[data-v-149c7dcf]{width:246.568px;height:1.556px;background:#f0e2e2e6;position:absolute;left:34.759px}.top3-board-bottom .top3-bottom-line[data-v-149c7dcf]:nth-of-type(2){top:72.508px;left:35.845px}.top3-board-bottom .top3-bottom-line[data-v-149c7dcf]:nth-of-type(3){top:109.548px}.top3-board-bottom .top3-bottom-line[data-v-149c7dcf]:nth-of-type(4){top:146.573px}.panel-outline[data-v-149c7dcf]{border:.297px solid #f0e2e2;border-radius:10.684px;background:#d9d9d900;box-sizing:border-box}.layout-top2 .panel-outline[data-v-149c7dcf]{position:absolute}.layout-top3 .panel-outline[data-v-149c7dcf]{position:relative}.top3-board.panel-outline[data-v-149c7dcf]{border-radius:16px}.layout-top2 .panel-left-top[data-v-149c7dcf]{left:0;top:0;width:232.377px;height:259.977px}.layout-top3 .panel-left-top[data-v-149c7dcf]{width:315px;height:259px}.layout-top3 .panel-left-middle[data-v-149c7dcf]{width:315px;height:225px}.layout-top2 .panel-left-bottom[data-v-149c7dcf]{left:0;top:275.977px;width:232.377px;height:265.912px}.layout-top3 .panel-left-bottom[data-v-149c7dcf]{width:315px;height:293px}.layout-top3 .top3-left-panel[data-v-149c7dcf]{display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.layout-top3 .panel-left-top.top3-left-panel[data-v-149c7dcf]{padding:5px;gap:8px}.layout-top3 .panel-left-middle.top3-left-panel[data-v-149c7dcf]{padding:8px;gap:8px}.layout-top3 .panel-left-bottom.top3-left-panel[data-v-149c7dcf]{padding:8px 9px;gap:7px}.left-panel-title[data-v-149c7dcf]{width:100%;max-width:221px;height:30px;display:flex;align-items:center;justify-content:center;font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:24px;font-weight:700;color:#fff;text-align:center;line-height:1.2}.left-panel-title--tall[data-v-149c7dcf]{height:44px}.stream-quality-charts[data-v-149c7dcf]{width:100%;max-width:305px;display:flex;flex-direction:column;gap:7px;align-items:center}.stream-bar-chart[data-v-149c7dcf],.stream-line-chart[data-v-149c7dcf]{width:100%;height:101.5px;display:grid;gap:4px;font-family:ABeeZee,PingFang SC,Microsoft YaHei,sans-serif}.stream-bar-chart[data-v-149c7dcf]{grid-template-columns:32px 1fr;color:#fff9;font-size:8px}.stream-line-chart[data-v-149c7dcf]{grid-template-columns:22px 1fr;color:#ffffffa6;font-size:6.7px}.chart-y-axis[data-v-149c7dcf]{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:100%}.chart-y-axis--bar .axis-unit[data-v-149c7dcf]{font-size:8px;color:#fff9;margin-bottom:4px}.chart-y-axis--bar .axis-values[data-v-149c7dcf]{display:flex;flex-direction:column;justify-content:space-between;flex:1;padding-bottom:6px}.chart-y-axis--line .axis-label[data-v-149c7dcf]{font-size:6.7px;color:#fff;margin-bottom:4px}.chart-y-axis--line .axis-values[data-v-149c7dcf]{display:flex;flex-direction:column;justify-content:space-between;flex:1}.chart-area[data-v-149c7dcf]{display:grid;grid-template-rows:1fr 20px;height:100%;position:relative}.bar-stage[data-v-149c7dcf]{position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:0 8px 4px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.16) 0,rgba(255,255,255,.16) 1px,transparent 1px,transparent 16px);border-left:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.12);box-sizing:border-box}.bar[data-v-149c7dcf]{width:13px;height:var(--bar-height);background:linear-gradient(180deg,#c2e6ff,#5aa8ff 45%,#0044aa4d);border-radius:2px 2px 1px 1px;box-shadow:0 0 6px #4de4ff66;position:relative}.bar[data-v-149c7dcf]:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#c2e6ffe6;border-radius:2px 2px 0 0}.chart-x-axis[data-v-149c7dcf]{display:flex;align-items:center;justify-content:space-between;color:#fffc;font-size:8px;padding:0 8px;box-sizing:border-box}.stream-line-chart .chart-x-axis[data-v-149c7dcf]{font-size:8.1px;color:#ffffffa6}.line-stage[data-v-149c7dcf]{position:relative;border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.12);background:repeating-linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 1px,transparent 1px,transparent 12px);box-sizing:border-box}.line-chart-svg[data-v-149c7dcf]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.line-legend[data-v-149c7dcf]{position:absolute;top:2px;right:6px;display:flex;gap:10px;font-size:4.8px;color:#e0e0e0;z-index:1}.legend-item[data-v-149c7dcf]{display:flex;align-items:center;gap:4px}.legend-item i[data-v-149c7dcf]{width:7px;height:1px;background:#cfd6e4;display:inline-block}.legend-item:last-child i[data-v-149c7dcf]{background:#7f8ab5}.ai-quality-card[data-v-149c7dcf],.network-quality-card[data-v-149c7dcf]{position:relative;display:flex;align-items:center;justify-content:center}.ai-quality-card[data-v-149c7dcf]{width:288px;height:156.727px}.network-quality-card[data-v-149c7dcf]{width:295px;height:109.363px}.ai-quality-card-bg[data-v-149c7dcf],.network-quality-card-bg[data-v-149c7dcf]{position:absolute;top:0;right:0;bottom:0;left:0;background:#b698ff;border-radius:16px}.ai-quality-card-text[data-v-149c7dcf],.network-quality-card-text[data-v-149c7dcf]{position:relative;font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:24px;font-weight:700;color:#111;text-align:center}.layout-top2 .panel-right-top[data-v-149c7dcf]{left:0;top:0;width:232.377px;height:259.977px}.layout-top3 .panel-right-top[data-v-149c7dcf]{width:315px;height:359px}.layout-top2 .panel-right-bottom[data-v-149c7dcf]{left:0;top:275.977px;width:232.377px;height:266.209px}.layout-top3 .panel-right-bottom[data-v-149c7dcf]{width:315px;height:359px}.layout-top2 .panel-center-bottom-left[data-v-149c7dcf]{left:0;top:0;width:360.668px;height:175.692px}.layout-top2 .panel-center-bottom-right[data-v-149c7dcf]{left:386.668px;top:0;width:357.216px;height:175.692px}.layout-top3 .panel-center-bottom-left[data-v-149c7dcf],.layout-top3 .panel-center-bottom-right[data-v-149c7dcf]{width:auto;flex:1;height:242.813px}.layout-top2 .top2-center[data-v-149c7dcf]{position:absolute;left:0;top:0;width:743.928px;height:352.007px}.layout-top3 .top2-center[data-v-149c7dcf]{width:696.481px;height:333.004px;position:relative;overflow:visible}.layout-top2 .top2-bottom-row[data-v-149c7dcf]{position:absolute;left:0;top:368.007px;width:744.126px;height:175.692px}.layout-top3 .top2-bottom-row[data-v-149c7dcf]{width:744px;height:242.818px;display:flex;gap:16px;align-items:stretch}.top2-cards[data-v-149c7dcf]{height:114px;display:flex;gap:8px;align-items:center;padding:8px 0;box-sizing:border-box}.top2-card[data-v-149c7dcf]{width:180.032px;height:98px;border-radius:16px;background:#2543a582;display:flex;gap:12px;align-items:center;padding:8px;box-sizing:border-box}.top2-card-icon[data-v-149c7dcf]{width:51px;height:49px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.top2-card-icon[data-v-149c7dcf]:before{content:"";position:absolute;width:49px;height:49px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);background:radial-gradient(circle at 30% 30%,#ffffff59,#2543a526 60%,#2543a500);box-shadow:0 0 10px #00f5ff59}.top2-card-icon img[data-v-149c7dcf]{width:28px;height:28px;display:block;position:relative;z-index:1}.top2-card-text[data-v-149c7dcf]{display:flex;flex-direction:column;gap:4px}.top2-card-label[data-v-149c7dcf]{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:18px;font-weight:600;color:#fff}.top2-card-value[data-v-149c7dcf]{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:24px;font-weight:700;color:#fff;line-height:1}.top2-card-sub[data-v-149c7dcf]{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;font-weight:700;color:#bfbfbf9c}.layout-top2 .top2-cards[data-v-149c7dcf],.layout-top2 .top2-subheader[data-v-149c7dcf]{display:none}.layout-top3 .top2-cards[data-v-149c7dcf]{width:744px}.top2-subheader[data-v-149c7dcf]{height:51px;display:flex;align-items:center;justify-content:center;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:28px;font-weight:700;color:#fff}.layout-top3 .top2-subheader[data-v-149c7dcf]{display:none}.top3-center-block[data-v-149c7dcf]{width:744px;height:436.182px;position:relative}.top3-center-block .top2-center[data-v-149c7dcf]{position:absolute;left:24.982px;top:65px;width:696.481px;height:333.004px;z-index:1}.top3-center-block .svg-wrapper[data-v-149c7dcf]{position:relative;z-index:1}.top3-map-frame[data-v-149c7dcf]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:2}.svg-wrapper.is-top2[data-v-149c7dcf],.svg-wrapper.is-top3[data-v-149c7dcf]{flex:none;width:100%;height:100%;max-width:none;padding:0;background:transparent;border-radius:0;box-shadow:none;overflow:hidden}.layout-top2 .panel-label[data-v-149c7dcf]{position:absolute;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:18.994px;font-weight:700;color:#fff;letter-spacing:.2px}.layout-top3 .panel-label[data-v-149c7dcf]{position:absolute;left:50%;top:20px;transform:translate(-50%,-50%);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:24px;font-weight:700;color:#fff;letter-spacing:.2px;text-align:center;width:220px}.layout-top2 .label-metric-11[data-v-149c7dcf]{left:61.73px;top:91.7px}.layout-top2 .label-metric-21[data-v-149c7dcf]{left:61.73px;top:121.68px}.layout-top2 .label-metric-22[data-v-149c7dcf]{left:132.11px;top:76.27px}.layout-top2 .label-metric-23[data-v-149c7dcf]{left:126.11px;top:76.27px}.layout-top2 .label-alarm[data-v-149c7dcf]{left:78.35px;top:18.7px;color:#f02525}.layout-top2 .label-fault[data-v-149c7dcf]{left:78.35px;top:22.85px;color:#fff}.layout-top3 .label-alarm[data-v-149c7dcf]{color:#f02525}.svg-wrapper[data-v-149c7dcf] svg{width:100%;height:auto;max-height:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));touch-action:pan-x pan-y}.svg-wrapper.is-top2[data-v-149c7dcf] svg,.svg-wrapper.is-top3[data-v-149c7dcf] svg{height:100%;max-height:none;filter:none}.svg-wrapper.is-top2[data-v-149c7dcf] #shape1,.svg-wrapper.is-top3[data-v-149c7dcf] #shape1{fill:transparent;stroke:none}[data-v-149c7dcf] .flowing-line{transition:all .3s ease}[data-v-149c7dcf] .flowing-line:hover{stroke-width:6!important;filter:drop-shadow(0 0 8px #00ff88)}@media (max-width: 1024px){.title[data-v-149c7dcf]{font-size:2rem;padding:15px 20px;letter-spacing:1px}.monitor-container:not(.is-top2):not(.is-top3) .svg-wrapper[data-v-149c7dcf]{padding:20px}}@media (max-width: 768px){.monitor-container[data-v-149c7dcf]:not(.is-top2):not(.is-top3){gap:15px;padding:10px}.title[data-v-149c7dcf]{font-size:1.5rem;padding:12px 16px;letter-spacing:.5px;border-radius:15px}.monitor-container:not(.is-top2):not(.is-top3) .svg-wrapper[data-v-149c7dcf]{padding:15px;border-radius:15px}}@media (max-width: 480px){.monitor-container[data-v-149c7dcf]:not(.is-top2):not(.is-top3){gap:10px;padding:8px}.title[data-v-149c7dcf]{font-size:1.2rem;padding:10px 12px;letter-spacing:.3px;border-radius:12px}.monitor-container:not(.is-top2):not(.is-top3) .svg-wrapper[data-v-149c7dcf]{padding:10px;border-radius:12px}}