.dashboard-container[data-v-6deaef99]{width:100%;height:100vh;background-color:#3886eb;color:#fff;position:relative;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease}.platform-chart[data-v-6deaef99],.trend-chart[data-v-6deaef99]{transform:scale(.75);transform-origin:top center;margin:0 auto}@media (max-width: 1200px){.platform-chart[data-v-6deaef99],.trend-chart[data-v-6deaef99]{transform:scale(.7)}}@media (max-width: 768px){.platform-chart[data-v-6deaef99],.trend-chart[data-v-6deaef99]{transform:scale(.75)}}.dashboard-container.large-screen[data-v-6deaef99]{padding:0;overflow:hidden}.large-screen-mode .content-wrapper[data-v-6deaef99]{height:calc(100% - 120px);padding:20px}.large-screen-mode .main-content[data-v-6deaef99]{flex:1;padding-right:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.5) transparent}.large-screen-mode .main-content[data-v-6deaef99]::-webkit-scrollbar{width:6px}.large-screen-mode .main-content[data-v-6deaef99]::-webkit-scrollbar-thumb{background-color:#052c6b80;border-radius:3px}.large-screen-mode .sidebar[data-v-6deaef99]{width:350px;min-width:350px;max-width:400px}.large-screen-mode .chart-row[data-v-6deaef99]{height:450px}.large-screen-mode .chart-container[data-v-6deaef99]{height:100%}.large-screen-mode .notifications-list[data-v-6deaef99]{max-height:calc(100vh - 320px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.5) transparent}.large-screen-mode .notifications-list[data-v-6deaef99]::-webkit-scrollbar{width:6px}.large-screen-mode .notifications-list[data-v-6deaef99]::-webkit-scrollbar-thumb{background-color:#3b82f680;border-radius:3px}.dashboard-container.fullscreen[data-v-6deaef99]{padding:0;overflow:hidden}.fullscreen-mode .content-wrapper[data-v-6deaef99]{height:calc(100% - 90px);padding:10px}.fullscreen-mode .main-content[data-v-6deaef99]{flex:1;padding-right:10px}.fullscreen-mode .sidebar[data-v-6deaef99]{width:280px;min-width:280px;max-width:320px}.fullscreen-mode .chart-row[data-v-6deaef99]{height:400px}.fullscreen-mode .chart-container[data-v-6deaef99]{height:100%}.fullscreen-mode .notifications-list[data-v-6deaef99]{max-height:calc(100vh - 280px);overflow-y:auto}.fullscreen-btn[data-v-6deaef99]{position:absolute;top:15px;right:15px;width:40px;height:40px;background-color:#1e293bb3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .3s ease;color:#bfdbfe}.fullscreen-btn[data-v-6deaef99]:hover{background-color:#3b82f6e6;transform:scale(1.1);box-shadow:0 0 15px #3b82f680}.status-overview[data-v-6deaef99]{display:flex;justify-content:space-between;padding:12px 30px;background-color:#2152c4d0;border-bottom:1px solid rgba(59,130,246,.2);flex-wrap:wrap;gap:15px;align-items:center}.status-item[data-v-6deaef99]{display:flex;align-items:center;gap:10px;white-space:nowrap}.status-label[data-v-6deaef99]{color:#94a3b8;font-size:14px}.status-value[data-v-6deaef99]{font-size:16px;font-weight:600}.status-item.online .status-value[data-v-6deaef99]{color:#4ade80}.status-indicator[data-v-6deaef99]{width:10px;height:10px;background-color:#4ade80;border-radius:50%;animation:pulse-6deaef99 2s infinite}.status-item.total .status-value[data-v-6deaef99]{color:#60a5fa}.status-item.update .status-value[data-v-6deaef99]{color:#facc15}.time-range-buttons[data-v-6deaef99]{display:flex;gap:8px}.time-range-buttons button[data-v-6deaef99]{background-color:#2a6bd4b3;border:1px solid rgba(60,165,250,.3);color:#e2e8f0;border-radius:4px;padding:6px 12px;cursor:pointer;transition:all .3s ease;font-size:14px;position:relative;overflow:hidden}.time-range-buttons button[data-v-6deaef99]:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,.5);opacity:0;border-radius:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.time-range-buttons button[data-v-6deaef99]:active:after{animation:ripple-6deaef99 .6s ease-out}.time-range-buttons button[data-v-6deaef99]:hover{border-color:#3ca5fa99;background-color:#1e293be6;transform:translateY(-2px)}.time-range-buttons button.active[data-v-6deaef99]{background-color:#3b82f64d;border-color:#2389f0;font-weight:600;box-shadow:0 0 0 2px #3b82f633}.time-range-buttons button.active[data-v-6deaef99]:hover{background-color:#3b82f666}.content-wrapper[data-v-6deaef99]{display:flex;height:calc(100% - 120px);padding:20px;box-sizing:border-box;overflow:hidden}.main-content[data-v-6deaef99]{flex:1;display:flex;flex-direction:column;gap:20px;padding-right:20px;overflow-y:auto}.sidebar[data-v-6deaef99]{width:340px;display:flex;flex-direction:column;gap:20px;overflow-y:hidden}.card-grid[data-v-6deaef99]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.large-screen-mode .card-grid[data-v-6deaef99]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}@media (min-width: 2560px){.large-screen-mode .card-grid[data-v-6deaef99]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}}@media (min-width: 3840px){.large-screen-mode .card-grid[data-v-6deaef99]{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:30px}}.empty-state[data-v-6deaef99],.empty-chart[data-v-6deaef99],.empty-notifications[data-v-6deaef99]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:16px;padding:20px;text-align:center}.metric-card[data-v-6deaef99]{background:rgba(255,255,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:16px;transition:all .3s ease;position:relative;overflow:hidden}.metric-card.transition-out[data-v-6deaef99]{animation:fadeOut-6deaef99 .3s ease-out forwards}.large-screen-mode .metric-card[data-v-6deaef99]{border-radius:15px;padding:25px}.metric-card[data-v-6deaef99]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#074a8d,#094da1)}.metric-card[data-v-6deaef99]:nth-last-child(1):before{background:linear-gradient(to bottom,#4ade80,#a7f3d0)}.metric-card[data-v-6deaef99]:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#3b82f699}.card-header[data-v-6deaef99]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-header h3[data-v-6deaef99]{margin:0;font-size:16px;color:#94a3b8}.platform-tag[data-v-6deaef99]{background-color:#3ca5fa33;color:#93c5fd;padding:2px 8px;border-radius:4px;font-size:12px}.card-value[data-v-6deaef99]{font-size:32px;font-weight:700;margin-bottom:10px;background:linear-gradient(90deg,#e2e8f0,#f8fafc);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2;transition:all .5s ease}.metric-card:nth-last-child(1) .card-value[data-v-6deaef99]{background:linear-gradient(90deg,#4ade80,#a7f3d0);-webkit-background-clip:text;background-clip:text;color:transparent}.card-trend[data-v-6deaef99]{font-size:14px;font-weight:600;display:flex;align-items:center;gap:5px}.card-trend.up[data-v-6deaef99]{color:var(--color-secondary);animation:trend-bounce-6deaef99 1s ease}.card-trend.down[data-v-6deaef99]{color:#f87171;animation:trend-bounce-6deaef99 1s ease}.card-trend.neutral[data-v-6deaef99]{color:#94a3b8}.value-highlight[data-v-6deaef99]{animation:pulse-high-6deaef99 1.5s ease-in-out,value-pulse-6deaef99 1.5s ease-in-out}.chart-row[data-v-6deaef99]{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:240px}.large-screen-mode .chart-row[data-v-6deaef99]{gap:25px;height:450px}.chart-container[data-v-6deaef99]{background-color:#1e293bb3;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;border:1px solid rgba(59,130,246,.3);display:flex;flex-direction:column;box-sizing:border-box}.chart-container h3[data-v-6deaef99]{margin-top:0;font-size:18px;color:#e2e8f0;display:flex;align-items:center;gap:8px}.chart-container h3[data-v-6deaef99]:before{content:"";width:4px;height:20px;background-color:#2389f0;border-radius:2px}.chart-wrapper[data-v-6deaef99]{flex:1;margin-top:15px;position:relative;height:0;min-height:0}.chart-placeholder[data-v-6deaef99]{width:100%;height:100%;background-color:#2e4d9680;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#5286cf;position:relative;overflow:hidden;min-height:0}.chart-placeholder canvas[data-v-6deaef99]{width:100%!important;height:100%!important;display:block}.chart-placeholder[data-v-6deaef99]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(59,130,246,.05) 25%,transparent 25%,transparent 50%,rgba(59,130,246,.05) 50%,rgba(59,130,246,.05) 75%,transparent 75%,transparent);background-size:20px 20px;opacity:.3}.panel[data-v-6deaef99]{background:rgba(255,255,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:16px;margin-bottom:24px;transition:all .3s ease}.panel-header[data-v-6deaef99]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.clear-notifications[data-v-6deaef99]{background:transparent;border:1px solid rgba(54,191,250,.5);color:var(--color-secondary);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:14px;transition:all .3s ease}.clear-notifications[data-v-6deaef99]:disabled{opacity:.5;cursor:not-allowed}.clear-notifications[data-v-6deaef99]:hover:not(:disabled){background-color:#3ca5fa33}.panel h3[data-v-6deaef99]{margin-top:0;font-size:18px;color:#e2e8f0;display:flex;align-items:center;gap:8px;margin-bottom:15px}.panel h3[data-v-6deaef99]:before{content:"";width:4px;height:20px;background-color:#2389f0;border-radius:2px}.virtual-phones-container[data-v-6deaef99]{flex:1;background-color:#0f172a80;border-radius:12px;padding:15px;border:1px solid rgba(59,130,246,.3);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.5) transparent}.virtual-phones-container[data-v-6deaef99]::-webkit-scrollbar{width:6px;height:6px}.virtual-phones-container[data-v-6deaef99]::-webkit-scrollbar-thumb{background-color:#3b82f680;border-radius:3px}.phones-grid[data-v-6deaef99]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:15px}.large-screen-mode .phones-grid[data-v-6deaef99]{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}@media (min-width: 2560px){.large-screen-mode .phones-grid[data-v-6deaef99]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}}@media (min-width: 3840px){.large-screen-mode .phones-grid[data-v-6deaef99]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}}.phone-device[data-v-6deaef99]{background-color:#1e293bb3;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px;transition:all .3s ease;cursor:pointer;border:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.phone-device[data-v-6deaef99]:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#3b82f6cc}.phone-device.active[data-v-6deaef99]{border:1px solid rgba(74,222,128,.5);box-shadow:0 0 15px #4ade804d}.phone-device.busy[data-v-6deaef99]{border:1px solid rgba(250,204,21,.5);box-shadow:0 0 15px #facc154d}.phone-device.standby[data-v-6deaef99]{border:1px solid rgba(148,163,184,.5);opacity:.9}.phone-device.warning[data-v-6deaef99]{border:1px solid rgba(248,113,113,.5);box-shadow:0 0 15px #f871714d;animation:warning-pulse-6deaef99 2s infinite}.phone-frame[data-v-6deaef99]{display:flex;flex-direction:column;align-items:center}.phone-screen[data-v-6deaef99]{width:100px;height:170px;background-color:#1e293b;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;position:relative;overflow:hidden;border:4px solid #0f172a}.large-screen-mode .phone-screen[data-v-6deaef99]{width:100px;height:160px}.status-indicators[data-v-6deaef99]{position:absolute;top:5px;left:5px;right:5px;display:flex;justify-content:space-between;align-items:center;height:10px}.battery-mini[data-v-6deaef99]{width:20px;height:8px;background-color:#4ade80;border-radius:2px}.signal-mini[data-v-6deaef99]{display:flex;gap:1px}.signal-bar-mini[data-v-6deaef99]{width:2px;background-color:#4ade80}.signal-bar-mini[data-v-6deaef99]:nth-child(1){height:3px}.signal-bar-mini[data-v-6deaef99]:nth-child(2){height:6px}.signal-bar-mini[data-v-6deaef99]:nth-child(3){height:9px}.app-icon[data-v-6deaef99]{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;font-weight:700;font-size:14px}.app-icon.douyin[data-v-6deaef99]{background:linear-gradient(135deg,#ff0050,#ff2d55);color:#fff}.app-icon.wechat[data-v-6deaef99]{background:linear-gradient(135deg,#07c160,#00d86f);color:#fff}.app-icon.kuaishou[data-v-6deaef99]{background:linear-gradient(135deg,#00C6FF,#0072FF);color:#fff}.app-icon.xiaohongshu[data-v-6deaef99]{background:linear-gradient(135deg,#FE2E5E,#F5319D);color:#fff}.phone-status-text[data-v-6deaef99]{color:#e2e8f0;font-size:12px;text-align:center}.phone-info[data-v-6deaef99]{display:flex;justify-content:space-between;width:100%;margin-top:8px;font-size:12px;color:#94a3b8}.phone-id[data-v-6deaef99]{font-weight:700}.phone-platform[data-v-6deaef99]{background-color:#3ca5fa33;padding:2px 6px;border-radius:4px}.notifications-list[data-v-6deaef99]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:5px}.notification-item[data-v-6deaef99]{padding:12px;border-radius:8px;background-color:#1e293b80;display:flex;align-items:flex-start;gap:10px;cursor:pointer;transition:all .3s ease;border-left:3px solid transparent}.notification-item.unread[data-v-6deaef99]{background-color:#3b82f633;border-left:3px solid #2389f0;animation:notification-pulse-6deaef99 2s infinite;transform:scale(1.02);box-shadow:0 0 15px #3ca5fa4d}.notification-item.high-priority[data-v-6deaef99]{border-left:3px solid #f87171}.notification-item[data-v-6deaef99]:hover{background-color:#3b82f633}.notification-icon[data-v-6deaef99]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.notification-content[data-v-6deaef99]{flex:1}.notification-text[data-v-6deaef99]{color:#e2e8f0;font-size:14px;margin-bottom:4px}.notification-time[data-v-6deaef99]{color:#94a3b8;font-size:12px}.performance-panel[data-v-6deaef99]{flex-shrink:0}.performance-metrics[data-v-6deaef99]{display:flex;flex-direction:column;gap:15px}.performance-item[data-v-6deaef99]{display:flex;flex-direction:column;gap:5px}.metric-label[data-v-6deaef99]{color:#94a3b8;font-size:14px;display:flex;justify-content:space-between}.progress-bar[data-v-6deaef99]{height:8px;background-color:#1e293b80;border-radius:4px;overflow:hidden}.progress-fill[data-v-6deaef99]{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .5s ease}.metric-value[data-v-6deaef99]{color:#e2e8f0;font-size:12px;text-align:right}.phone-detail-modal[data-v-6deaef99]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn-6deaef99 .3s ease}.modal-content[data-v-6deaef99]{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:12px;width:90%;max-width:500px;border:1px solid rgba(59,130,246,.5);box-shadow:0 10px 25px #0000004d;animation:scaleIn-6deaef99 .3s ease}.modal-header[data-v-6deaef99]{padding:15px 20px;border-bottom:1px solid rgba(59,130,246,.2);display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-6deaef99]{margin:0;color:#e2e8f0;font-size:18px}.close-btn[data-v-6deaef99]{background:transparent;border:none;color:#94a3b8;font-size:24px;cursor:pointer;transition:color .3s ease}.close-btn[data-v-6deaef99]:hover{color:#e2e8f0}.modal-body[data-v-6deaef99]{padding:20px;max-height:60vh;overflow-y:auto}.modal-footer[data-v-6deaef99]{padding:15px 20px;border-top:1px solid rgba(59,130,246,.2);display:flex;justify-content:flex-end;gap:10px}.btn-action[data-v-6deaef99]{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-restart[data-v-6deaef99]{background-color:#2389f0cc;color:#fff}.btn-restart[data-v-6deaef99]:hover{background-color:#3b82f6;box-shadow:0 0 10px #3ca5fa80}.btn-reboot[data-v-6deaef99]{background-color:#4ade80cc;color:#0f172a}.btn-reboot[data-v-6deaef99]:hover{background-color:#4ade80;box-shadow:0 0 10px #4ade8080}.detail-item[data-v-6deaef99]{display:flex;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(59,130,246,.1)}.detail-item[data-v-6deaef99]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-label[data-v-6deaef99]{width:100px;color:#94a3b8;font-weight:500}.detail-value[data-v-6deaef99]{flex:1;color:#e2e8f0;display:flex;align-items:center;gap:10px}.status-active[data-v-6deaef99]{color:#4ade80}.status-busy[data-v-6deaef99]{color:#3b82f6}.status-standby[data-v-6deaef99],.status-warning[data-v-6deaef99]{color:#facc15}.status-high[data-v-6deaef99]{color:#ef4444;animation:warning-pulse-6deaef99 1.5s infinite}.battery-indicator[data-v-6deaef99]{width:60px;height:12px;background-color:#1e293b80;border-radius:3px;overflow:hidden;position:relative}.battery-indicator[data-v-6deaef99]:after{content:"";position:absolute;right:-5px;top:2px;width:3px;height:8px;background-color:#1e293b80;border-radius:0 2px 2px 0}.battery-level[data-v-6deaef99]{height:100%;transition:width .5s ease}.signal-bars[data-v-6deaef99]{display:flex;gap:2px;align-items:flex-end;height:16px}.signal-bar[data-v-6deaef99]{width:3px;background-color:#3b82f6;border-radius:1px;transition:opacity .5s ease}@keyframes pulse-6deaef99{0%{box-shadow:0 0 #4ade80b3}70%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes warning-pulse-6deaef99{0%{box-shadow:0 0 #f8717180}70%{box-shadow:0 0 0 8px #f8717100}to{box-shadow:0 0 #f8717100}}@keyframes pulse-high-6deaef99{0%{box-shadow:0 0 #3ca5fa66}70%{box-shadow:0 0 0 10px #3ca5fa00}to{box-shadow:0 0 #3b82f600}}@keyframes value-pulse-6deaef99{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes trend-bounce-6deaef99{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes notification-pulse-6deaef99{0%{box-shadow:0 0 #3ca5fa80;transform:scale(1.02)}70%{box-shadow:0 0 0 15px #3ca5fa00}to{box-shadow:0 0 #3ca5fa00;transform:scale(1.02)}}@keyframes ripple-6deaef99{0%{transform:scale(0);opacity:1}20%{transform:scale(25);opacity:1}to{opacity:0;transform:scale(40)}}@keyframes fadeOut-6deaef99{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes fadeIn-6deaef99{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-6deaef99{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 1600px){.card-grid[data-v-6deaef99]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.metric-card .card-value[data-v-6deaef99]{font-size:32px}.chart-row[data-v-6deaef99]{height:250px}.phones-grid[data-v-6deaef99]{gap:12px}}@media (max-width: 1400px){.status-overview[data-v-6deaef99]{flex-wrap:wrap;gap:10px}.status-item[data-v-6deaef99]{min-width:180px}.card-grid[data-v-6deaef99]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.phones-grid[data-v-6deaef99]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.chart-row[data-v-6deaef99]{gap:15px}}@media (max-width: 1024px){.content-wrapper[data-v-6deaef99]{padding:15px}.main-content[data-v-6deaef99]{padding-right:15px}.sidebar[data-v-6deaef99]{width:300px;min-width:300px}.card-grid[data-v-6deaef99]{gap:12px}.metric-card[data-v-6deaef99]{padding:15px}.phones-grid[data-v-6deaef99]{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.chart-row[data-v-6deaef99]{height:220px}}@media (max-width: 768px){.dashboard-container[data-v-6deaef99]{padding:10px}.content-wrapper[data-v-6deaef99]{flex-direction:column;padding:10px;height:calc(100% - 100px)}.main-content[data-v-6deaef99]{flex-direction:column;padding-right:0;margin-bottom:20px}.sidebar[data-v-6deaef99]{width:100%;margin-left:0;margin-top:0}.status-overview[data-v-6deaef99]{flex-direction:column;align-items:stretch;padding:10px}.status-item[data-v-6deaef99]{min-width:auto;padding:8px 0}.time-range-buttons[data-v-6deaef99]{justify-content:flex-start;overflow-x:auto;padding-bottom:10px;gap:5px}.time-range-buttons button[data-v-6deaef99]{padding:4px 8px;font-size:13px;white-space:nowrap}.card-grid[data-v-6deaef99]{grid-template-columns:1fr;gap:10px}.metric-card[data-v-6deaef99]{padding:15px}.metric-card .card-value[data-v-6deaef99]{font-size:28px}.chart-row[data-v-6deaef99]{grid-template-columns:1fr;height:180px;gap:10px}.chart-container[data-v-6deaef99]{padding:15px}.phones-grid[data-v-6deaef99]{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.phone-screen[data-v-6deaef99]{width:80px;height:140px;padding:10px}.app-icon[data-v-6deaef99]{width:35px;height:35px;font-size:10px}.panel[data-v-6deaef99]{padding:15px}.notifications-list[data-v-6deaef99]{max-height:300px}.notification-item[data-v-6deaef99]{padding:10px}.notification-text[data-v-6deaef99]{font-size:13px}.notification-time[data-v-6deaef99]{font-size:11px}}@media (max-width: 480px){.status-overview[data-v-6deaef99]{padding:8px}.status-item[data-v-6deaef99]{padding:6px 0}.status-label[data-v-6deaef99]{font-size:12px}.status-value[data-v-6deaef99]{font-size:14px}.time-range-buttons button[data-v-6deaef99]{padding:3px 6px;font-size:12px}.metric-card[data-v-6deaef99]{padding:10px}.metric-card .card-header h3[data-v-6deaef99]{font-size:14px}.metric-card .card-value[data-v-6deaef99]{font-size:24px}.card-trend[data-v-6deaef99]{font-size:12px}.chart-container h3[data-v-6deaef99]{font-size:16px}.chart-container[data-v-6deaef99]{padding:12px}.phones-grid[data-v-6deaef99]{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}.phone-screen[data-v-6deaef99]{width:70px;height:120px}.app-icon[data-v-6deaef99]{width:30px;height:30px}.panel h3[data-v-6deaef99]{font-size:16px}.panel[data-v-6deaef99]{padding:12px}.notification-text[data-v-6deaef99]{font-size:12px}.notification-time[data-v-6deaef99]{font-size:10px}}@media (min-width: 1920px){.large-screen-mode .card-grid[data-v-6deaef99]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.large-screen-mode .metric-card .card-value[data-v-6deaef99]{font-size:42px}.large-screen-mode .chart-row[data-v-6deaef99]{height:500px}}.fullscreen-mode .dashboard-header[data-v-6deaef99]{padding:10px 20px;margin-bottom:5px;box-sizing:border-box}.fullscreen-mode .dashboard-title[data-v-6deaef99]{font-size:20px}.fullscreen-mode .status-overview[data-v-6deaef99]{padding:5px 20px;margin-bottom:5px}.fullscreen-mode .content-wrapper[data-v-6deaef99]{padding:10px;margin-top:-10px;height:100%;overflow:hidden;width:100%;box-sizing:border-box}.fullscreen-mode .card-grid[data-v-6deaef99]{grid-template-columns:repeat(5,1fr);grid-auto-flow:dense;gap:8px;width:100%;margin:0;padding:0;box-sizing:border-box}.fullscreen-mode .phones-grid[data-v-6deaef99]{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-auto-flow:dense;gap:10px;width:100%;margin:0;padding:0;box-sizing:border-box}.fullscreen-mode .chart-row[data-v-6deaef99]{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:10px;width:100%;margin:0;padding:0;box-sizing:border-box}.fullscreen-mode .chart-container[data-v-6deaef99]{height:380px;background-color:#1e293bb3;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(59,130,246,.3);overflow:hidden}.fullscreen-mode .card-grid>div[data-v-6deaef99],.fullscreen-mode .phones-grid>div[data-v-6deaef99],.fullscreen-mode .chart-container[data-v-6deaef99]{background-color:#153f83b3;border:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.digital-human-gif[data-v-fcf477ee]{position:fixed;object-fit:contain;cursor:grab;border-radius:12px}.digital-human-gif[data-v-fcf477ee]:active{cursor:grabbing}@keyframes pulse-fcf477ee{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.95}}[data-v-360e25d2]{margin:0;padding:0;box-sizing:border-box}.app-container[data-v-360e25d2]{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:linear-gradient(135deg,#0F172A 0%,#1E40AF 50%,#3B82F6 100%);background-size:200% 200%;animation:gradientShift-360e25d2 15s ease infinite;color:#f1f5f9;font-family:Inter,Microsoft YaHei,Segoe UI,sans-serif}@keyframes gradientShift-360e25d2{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.merged-header-content[data-v-360e25d2]{flex:1;display:flex;flex-direction:column;padding:16px}.app-header[data-v-360e25d2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap;background:rgba(0,3,8,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:8px;padding:12px 16px}.logo-container[data-v-360e25d2]{display:flex;align-items:center;gap:16px}.logo[data-v-360e25d2]{width:40px;height:40px;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000004d}.title[data-v-360e25d2]{font-size:22px;font-weight:700;background:linear-gradient(90deg,#2389f0,#366ed8);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:1px}.header-right[data-v-360e25d2]{display:flex;align-items:center;gap:20px}.status-overview[data-v-360e25d2]{display:flex;gap:24px;flex:1;justify-content:center;margin:0 24px}@media (max-width: 768px){.status-overview[data-v-360e25d2]{order:3;width:100%;justify-content:flex-start;margin:10px 0 0}}.status-item[data-v-360e25d2]{display:flex;flex-direction:row;align-items:center;gap:8px}.status-label[data-v-360e25d2]{font-size:12px;color:#fff;margin-bottom:2px}.status-value[data-v-360e25d2]{font-size:14px;font-weight:600;color:var(--color-light)}.status-indicator[data-v-360e25d2]{width:12px;height:12px;border-radius:50%;background-color:#0d8f08;flex-shrink:0}.fullscreen-btn[data-v-360e25d2]{width:44px;height:44px;border-radius:50%;background:rgba(22,93,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--color-secondary);border:1px solid rgba(54,191,250,.3)}.fullscreen-btn[data-v-360e25d2]:hover{background:rgba(22,93,255,.4);box-shadow:0 0 15px #36bffa4d;transform:scale(1.05)}.fullscreen-btn svg[data-v-360e25d2]{color:#94a3b8;transition:all .3s ease}.fullscreen-btn:hover svg[data-v-360e25d2]{color:#0cc74a}.weather-info[data-v-360e25d2]{font-size:14px;color:#a0aec0;display:flex;align-items:center;gap:6px}.date[data-v-360e25d2]{font-size:14px;color:#a0aec0}.app-content[data-v-360e25d2]{flex:1;overflow:hidden;position:relative;border-radius:12px;background:rgba(22,93,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(54,191,250,.2);padding:16px;box-shadow:0 4px 20px #00000026}.app-content[data-v-360e25d2]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 50% 50%,rgba(255,165,0,.05) 0%,rgba(10,25,41,0) 70%);z-index:0;pointer-events:none}@media (max-width: 1024px){.merged-header-content[data-v-360e25d2]{padding:12px}.app-header[data-v-360e25d2]{margin-bottom:12px;padding-bottom:8px}.logo[data-v-360e25d2]{width:36px;height:36px}.title[data-v-360e25d2]{font-size:20px}.app-content[data-v-360e25d2]{padding:12px;border-radius:10px}}@media (max-width: 768px){.merged-header-content[data-v-360e25d2]{padding:10px}.app-header[data-v-360e25d2]{margin-bottom:10px;padding-bottom:6px;flex-direction:column;align-items:flex-start;gap:8px}.logo-container[data-v-360e25d2]{gap:12px}.logo[data-v-360e25d2]{width:32px;height:32px}.title[data-v-360e25d2]{font-size:18px}.header-right[data-v-360e25d2]{align-items:flex-start;gap:2px}.weather-info[data-v-360e25d2],.date[data-v-360e25d2]{font-size:12px}.app-content[data-v-360e25d2]{padding:12px;border-radius:8px}}@media (max-width: 480px){.merged-header-content[data-v-360e25d2]{padding:8px}.app-header[data-v-360e25d2]{margin-bottom:8px;padding-bottom:4px}.logo-container[data-v-360e25d2]{gap:8px}.logo[data-v-360e25d2]{width:28px;height:28px}.title[data-v-360e25d2]{font-size:16px}.weather-info[data-v-360e25d2],.date[data-v-360e25d2]{font-size:11px}.app-content[data-v-360e25d2]{padding:8px;border-radius:6px}}:root{--color-primary: #165DFF;--color-secondary: #36BFFA;--color-dark: #0F172A;--color-light: #F1F5F9;--color-gray: #94A3B8;--color-success: #4ADE80;--color-warning: #FACC15;--color-error: #F87171}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 50%,#7dd3fc 100%);color:#0f172a;line-height:1.6;margin:0;padding:0;background-attachment:fixed;background-size:cover;overflow-x:hidden;position:relative}.tech-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.tech-particles:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(60,165,250,.15) 1px,transparent 1px),radial-gradient(rgba(139,92,246,.1) 1px,transparent 1px),radial-gradient(rgba(6,182,212,.08) 1px,transparent 1px);background-size:40px 40px,25px 25px,15px 15px;background-position:0 0,10px 10px,20px 20px;animation:particleMove 40s linear infinite alternate}@keyframes particleMove{0%{background-position:0 0,10px 10px,20px 20px}to{background-position:40px 40px,65px 65px,80px 80px}}.grid-lines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(60,165,250,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(60,165,250,.07) 1px,transparent 1px);background-size:30px 30px;animation:gridPulse 6s ease-in-out infinite alternate,gridShift 20s linear infinite}@keyframes gridPulse{0%,to{opacity:.2}50%{opacity:.5}}@keyframes gridShift{0%{background-position:0 0}to{background-position:30px 30px}}.aurora-effect{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-2;overflow:hidden}.aurora-effect:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,rgba(60,165,250,0) 0%,rgba(60,165,250,.1) 20%,rgba(139,92,246,.15) 50%,rgba(6,182,212,.1) 80%,rgba(60,165,250,0) 100%);animation:auroraFlow 25s ease-in-out infinite alternate;transform-origin:center}@keyframes auroraFlow{0%{transform:rotate(0) scale(1.2)}50%{transform:rotate(5deg) scale(1.3)}to{transform:rotate(10deg) scale(1.2)}}.dynamic-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.dynamic-particles:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(255,255,255,.2) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:60px 60px,30px 30px;background-position:0 0,15px 15px;animation:particleFloat 15s ease-in-out infinite alternate}@keyframes particleFloat{0%{background-position:0 0,15px 15px;opacity:.3}50%{background-position:30px 30px,45px 45px;opacity:.5}to{background-position:60px 60px,75px 75px;opacity:.3}}.glass-card{background:rgba(15,23,42,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(60,165,250,.2);border-radius:12px;box-shadow:0 8px 32px #00000026;transition:all .3s ease}.glass-card:hover{box-shadow:0 8px 32px #3ca5fa33;border-color:#3ca5fa66}.neon-border{position:relative;border-radius:12px;overflow:hidden}.neon-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#1b75cf,#1268d1,#16518b);z-index:-1;animation:glowing 3s linear infinite;background-size:400%}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}#app{width:100%;height:100vh;padding:0;margin:0}@media (max-width: 1024px){body{font-size:15px}#app{height:auto;min-height:100vh}}@media (max-width: 768px){body{font-size:14px;line-height:1.5}#app{height:auto;min-height:100vh}}@media (max-width: 480px){body{font-size:13px;line-height:1.4}#app{height:auto;min-height:100vh}}.glass-dark{background:rgba(15,23,42,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px}.gradient-bg{background:linear-gradient(135deg,#0F172A 0%,#1E40AF 50%,#3B82F6 100%);background-size:200% 200%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#165dffe6;box-shadow:0 0 10px #165dff80}.btn-secondary{background-color:var(--color-secondary);color:var(--color-dark)}.btn-secondary:hover{background-color:#36bffae6;box-shadow:0 0 10px #36bffa80}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-dark{color:var(--color-dark)}.text-light{color:var(--color-light)}.text-gray{color:var(--color-gray)}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.progress-bar{height:8px;background-color:#1e293b80;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .5s ease}