.realtime-screen[data-v-c7dbcfa6]{height:100vh;background:#0f172a;color:#e2e8f0;display:flex;flex-direction:column;overflow:hidden}.screen-header[data-v-c7dbcfa6]{height:64px;background:linear-gradient(180deg,#1e293b,#0f172a);border-bottom:1px solid #1e293b;display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.header-left[data-v-c7dbcfa6],.header-right[data-v-c7dbcfa6]{display:flex;align-items:center;width:280px}.header-right[data-v-c7dbcfa6]{justify-content:flex-end}.header-center[data-v-c7dbcfa6]{text-align:center;flex:1}.screen-title[data-v-c7dbcfa6]{font-size:22px;font-weight:600;margin:0;background:linear-gradient(90deg,#5b8def,#6b9e72);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:4px}.screen-time[data-v-c7dbcfa6]{font-size:13px;color:#64748b;margin-top:2px}.status-dot[data-v-c7dbcfa6]{width:8px;height:8px;border-radius:50%;background:#64748b;margin-right:6px;animation:pulse-c7dbcfa6 2s infinite}.status-dot.active[data-v-c7dbcfa6]{background:#6b9e72}.status-text[data-v-c7dbcfa6]{font-size:13px;color:#94a3b8}@keyframes pulse-c7dbcfa6{0%,to{opacity:1}50%{opacity:.5}}.screen-body[data-v-c7dbcfa6]{flex:1;display:flex;gap:14px;padding:14px;overflow:hidden}.screen-left[data-v-c7dbcfa6],.screen-right[data-v-c7dbcfa6]{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:14px}.screen-center[data-v-c7dbcfa6]{flex:1;display:flex;flex-direction:column;gap:14px;min-width:0}.metric-row[data-v-c7dbcfa6]{display:flex;gap:12px}.metric-card[data-v-c7dbcfa6]{flex:1;background:linear-gradient(135deg,rgba(91,141,239,.08),rgba(30,41,59,.6));border:1px solid rgba(91,141,239,.15);border-radius:6px;padding:14px 16px;position:relative;overflow:hidden}.metric-card[data-v-c7dbcfa6]:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:#5b8def}.metric-value[data-v-c7dbcfa6]{font-size:26px;font-weight:600;color:#fff;line-height:1.2;font-family:SF Mono,Consolas,monospace}.metric-value.highlight[data-v-c7dbcfa6]{color:#6b9e72}.metric-label[data-v-c7dbcfa6]{font-size:12px;color:#94a3b8;margin-top:4px}.metric-sub[data-v-c7dbcfa6]{font-size:11px;color:#64748b;margin-top:6px}.panel-card[data-v-c7dbcfa6]{background:rgba(30,41,59,.5);border:1px solid #1e293b;border-radius:6px;display:flex;flex-direction:column;flex:1;min-height:0}.panel-header[data-v-c7dbcfa6]{padding:10px 16px;border-bottom:1px solid #1e293b;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.panel-title[data-v-c7dbcfa6]{font-size:13px;font-weight:600;color:#cbd5e1;position:relative;padding-left:10px}.panel-title[data-v-c7dbcfa6]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:14px;background:#5b8def;border-radius:2px}.panel-body[data-v-c7dbcfa6]{flex:1;padding:12px;min-height:0;overflow:hidden}.chart-area[data-v-c7dbcfa6]{width:100%;height:100%}.trend-panel[data-v-c7dbcfa6]{flex:1.2;min-height:240px}.trend-chart[data-v-c7dbcfa6]{height:100%}.flow-panel[data-v-c7dbcfa6]{flex:1;min-height:0}.flow-list[data-v-c7dbcfa6]{overflow-y:auto;padding:8px 12px}.flow-list[data-v-c7dbcfa6]::-webkit-scrollbar{width:4px}.flow-list[data-v-c7dbcfa6]::-webkit-scrollbar-track{background:#1e293b}.flow-list[data-v-c7dbcfa6]::-webkit-scrollbar-thumb{background:#475569;border-radius:2px}.flow-item[data-v-c7dbcfa6]{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #1e293b;transition:background .3s}.flow-item[data-v-c7dbcfa6]:last-child{border-bottom:none}.flow-item.new[data-v-c7dbcfa6]{background:rgba(107,158,114,.1);margin:0 -4px;padding-left:4px;padding-right:4px;border-radius:4px;animation:slideIn-c7dbcfa6 .5s ease}@keyframes slideIn-c7dbcfa6{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.flow-avatar[data-v-c7dbcfa6]{width:32px;height:32px;border-radius:6px;background:rgba(91,141,239,.12);display:flex;align-items:center;justify-content:center;color:#5b8def;font-size:16px;flex-shrink:0}.flow-info[data-v-c7dbcfa6]{flex:1;min-width:0}.flow-top[data-v-c7dbcfa6]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.flow-ip[data-v-c7dbcfa6]{font-size:12px;font-weight:500;color:#e2e8f0;font-family:SF Mono,Consolas,monospace}.flow-location[data-v-c7dbcfa6]{font-size:11px;color:#64748b}.flow-tag[data-v-c7dbcfa6]{transform:scale(.85);transform-origin:left}.flow-bottom[data-v-c7dbcfa6]{display:flex;align-items:center;justify-content:space-between;gap:10px}.flow-page[data-v-c7dbcfa6]{font-size:11px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;line-height:1.4}.flow-time[data-v-c7dbcfa6]{font-size:11px;color:#64748b;flex-shrink:0;font-family:SF Mono,Consolas,monospace}.panel-tabs[data-v-c7dbcfa6]{display:flex;gap:4px}.panel-tabs span[data-v-c7dbcfa6]{font-size:11px;padding:3px 10px;border-radius:3px;cursor:pointer;color:#64748b;transition:all .2s}.panel-tabs span.active[data-v-c7dbcfa6]{background:rgba(91,141,239,.15);color:#5b8def}.flow-count[data-v-c7dbcfa6]{font-size:11px;color:#64748b}.hot-pages[data-v-c7dbcfa6]{display:flex;flex-direction:column;gap:6px}.hot-page-item[data-v-c7dbcfa6]{display:flex;align-items:center;gap:10px;padding:6px 0}.hot-page-rank[data-v-c7dbcfa6]{width:20px;height:20px;border-radius:4px;background:#334155;color:#94a3b8;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hot-page-rank.rank-1[data-v-c7dbcfa6]{background:#c76b6b;color:#fff}.hot-page-rank.rank-2[data-v-c7dbcfa6]{background:#d4905a;color:#fff}.hot-page-rank.rank-3[data-v-c7dbcfa6]{background:#c4a857;color:#fff}.hot-page-url[data-v-c7dbcfa6]{flex:1;font-size:12px;color:#cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hot-page-count[data-v-c7dbcfa6]{font-size:12px;color:#5b8def;font-weight:600;font-family:SF Mono,Consolas,monospace}.referer-list[data-v-c7dbcfa6]{display:flex;flex-direction:column;gap:4px}.referer-item[data-v-c7dbcfa6]{display:flex;align-items:center;gap:8px;padding:5px 0}.referer-rank[data-v-c7dbcfa6]{width:18px;font-size:11px;color:#64748b;text-align:center}.referer-domain[data-v-c7dbcfa6]{flex:1;font-size:12px;color:#cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referer-count[data-v-c7dbcfa6]{font-size:12px;color:#94a3b8;font-family:SF Mono,Consolas,monospace}.device-chart[data-v-c7dbcfa6]{height:180px}.empty-tip[data-v-c7dbcfa6]{text-align:center;color:#475569;font-size:12px;padding:30px 0}.realtime-screen .el-select .el-input__inner{background:rgba(30,41,59,.8);border-color:#334155;color:#e2e8f0}.realtime-screen .el-select .el-input__inner::-moz-placeholder{color:#64748b}.realtime-screen .el-select .el-input__inner::placeholder{color:#64748b}.realtime-screen .el-select .el-input .el-select__caret{color:#64748b}.realtime-screen .el-select .el-input:hover .el-input__inner{border-color:#475569}.el-select-dropdown.realtime-dark-popper{background:#1e293b;border:1px solid #334155}.el-select-dropdown.realtime-dark-popper .el-select-dropdown__item{color:#94a3b8}.el-select-dropdown.realtime-dark-popper .el-select-dropdown__item:hover{background:rgba(91,141,239,.1);color:#e2e8f0}.el-select-dropdown.realtime-dark-popper .el-select-dropdown__item.selected{color:#5b8def;font-weight:600}.el-select-dropdown.realtime-dark-popper .popper__arrow:after{border-bottom-color:#1e293b}.el-select-dropdown.realtime-dark-popper .popper__arrow{border-bottom-color:#334155}