[data-v-750d2240] *{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Microsoft YaHei,sans-serif}[data-v-750d2240] body{background:linear-gradient(135deg,#0a1a3a,#0c2d5a);color:#fff;min-height:100vh;padding:20px;overflow-x:hidden}[data-v-750d2240] .fa,[data-v-750d2240] .fas{font-family:Font Awesome\ 6 Free;font-weight:900}.dashboard-header[data-v-750d2240]{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid hsla(0,0%,100%,.1)}.dashboard-header h1[data-v-750d2240]{font-size:28px;margin-bottom:8px;background:linear-gradient(90deg,#4facfe 0,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.dashboard-header .subtitle[data-v-750d2240]{color:#a0aec0;font-size:16px}.dashboard-header .datetime[data-v-750d2240]{position:absolute;top:20px;right:20px}.dashboard-container[data-v-750d2240]{display:flex;gap:20px;min-height:calc(100vh - 120px)}.left-panel[data-v-750d2240],.right-panel[data-v-750d2240]{width:25%;display:flex;flex-direction:column;gap:20px}.middle-panel[data-v-750d2240]{width:50%;display:flex;flex-direction:column;gap:20px}.panel[data-v-750d2240]{background:hsla(0,0%,100%,.05);border-radius:16px;padding:20px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.2);transition:all .3s ease}.panel[data-v-750d2240]:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.panel h3[data-v-750d2240]{font-size:18px;margin-bottom:20px;color:#4facfe;display:flex;align-items:center;gap:10px}.panel h3 i[data-v-750d2240]{font-size:20px}.stats-grid[data-v-750d2240]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.stat-item[data-v-750d2240]{background:hsla(0,0%,100%,.07);border-radius:12px;padding:15px;text-align:center;transition:all .3s ease}.stat-item[data-v-750d2240]:hover{background:hsla(0,0%,100%,.12);transform:scale(1.03)}.stat-value[data-v-750d2240]{font-size:28px;font-weight:700;margin-bottom:5px;color:#fff}.stat-label[data-v-750d2240]{font-size:14px;color:#a0aec0}.monthly-stats[data-v-750d2240]{display:flex;justify-content:space-between;margin-bottom:20px}.monthly-item[data-v-750d2240]{text-align:center}.monthly-item span[data-v-750d2240]{display:block;font-size:14px;color:#a0aec0;margin-bottom:5px}.monthly-item strong[data-v-750d2240]{display:block;font-size:22px;color:#4facfe}.monthly-item .warning[data-v-750d2240]{color:#f6ad55}.chart-container[data-v-750d2240]{height:200px;margin-top:15px}.camera-selector[data-v-750d2240]{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.camera-btn[data-v-750d2240]{padding:8px 15px;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.camera-btn[data-v-750d2240]:hover{background:hsla(0,0%,100%,.2)}.camera-btn.active[data-v-750d2240]{background:#4facfe}.video-container[data-v-750d2240]{position:relative;border-radius:12px;overflow:hidden;background:#000}.main-video[data-v-750d2240]{position:relative;width:100%;height:300px;background:#1a1a1a;display:flex;align-items:center;justify-content:center}.main-video[data-v-750d2240]:before{content:"\6A21\62DF\89C6\9891\6D41   (\5B9E\9645\73AF\5883\4E2D\66FF\6362\4E3A\771F\5B9ERTSP\6D41)";position:absolute;color:hsla(0,0%,100%,.5);font-size:18px}.video-overlay[data-v-750d2240]{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);padding:10px;display:flex;justify-content:space-between}.video-thumbnails[data-v-750d2240]{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:10px;background:rgba(0,0,0,.5)}.thumbnail[data-v-750d2240]{height:80px;background:hsla(0,0%,100%,.1);border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.5)}.thumbnail[data-v-750d2240]:hover{background:hsla(0,0%,100%,.2)}.thumbnail.active[data-v-750d2240]{border:2px solid #4facfe;background:rgba(79,172,254,.2)}.charging-grid[data-v-750d2240]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.charger-card[data-v-750d2240]{background:hsla(0,0%,100%,.07);border-radius:10px;padding:15px;transition:all .3s ease}.charger-card[data-v-750d2240]:hover{transform:translateY(-5px)}.charger-card.free[data-v-750d2240]{border-left:4px solid #48bb78}.charger-card.charge[data-v-750d2240]{border-left:4px solid #f6ad55}.charger-card.fault[data-v-750d2240]{border-left:4px solid #f56565}.charger-header[data-v-750d2240]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.charger-header span[data-v-750d2240]:first-child{font-weight:700;font-size:16px}.status-dot[data-v-750d2240]{width:12px;height:12px;border-radius:50%;display:inline-block}.status-dot.green[data-v-750d2240]{background-color:#48bb78;box-shadow:0 0 8px #48bb78}.status-dot.orange[data-v-750d2240]{background-color:#f6ad55;box-shadow:0 0 8px #f6ad55}.status-dot.red[data-v-750d2240]{background-color:#f56565;box-shadow:0 0 8px #f56565}.charger-body[data-v-750d2240]{font-size:13px;color:#a0aec0}.charger-body div[data-v-750d2240]{margin-bottom:3px}.charging-time[data-v-750d2240]{color:#4facfe;font-weight:700;margin-top:5px}.charging-summary[data-v-750d2240]{display:flex;justify-content:space-between;background:hsla(0,0%,100%,.05);border-radius:10px;padding:15px}.summary-item[data-v-750d2240]{text-align:center}.summary-item span[data-v-750d2240]{display:block;font-size:14px;color:#a0aec0;margin-bottom:5px}.summary-item strong[data-v-750d2240]{display:block;font-size:22px}.summary-item .error[data-v-750d2240]{color:#f56565}.gate-stats[data-v-750d2240]{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.gate-stat[data-v-750d2240]{background:hsla(0,0%,100%,.07);border-radius:12px;padding:15px;display:flex;justify-content:space-between;align-items:center}.gate-name[data-v-750d2240]{font-weight:700;font-size:16px;color:#fff}.gate-status[data-v-750d2240]{padding:5px 12px;border-radius:20px;font-size:14px;font-weight:700}.gate-status.open[data-v-750d2240]{background:rgba(72,187,120,.2);color:#48bb78}.gate-status.closed[data-v-750d2240]{background:rgba(245,101,101,.2);color:#f56565}.gate-count[data-v-750d2240]{font-size:14px;color:#a0aec0}.gate-count strong[data-v-750d2240]{color:#4facfe;font-size:18px}.records-list[data-v-750d2240]{max-height:250px;overflow-y:auto;margin-top:10px}.record-item[data-v-750d2240]{padding:12px 15px;border-bottom:1px solid hsla(0,0%,100%,.05);transition:all .3s ease}.record-item[data-v-750d2240]:hover{background:hsla(0,0%,100%,.05)}.record-item.in[data-v-750d2240]{border-left:4px solid #48bb78}.record-item.out[data-v-750d2240]{border-left:4px solid #4facfe}.record-item .time[data-v-750d2240]{color:#a0aec0;font-size:13px;width:70px}.record-item .plate[data-v-750d2240]{font-weight:700;width:100px}.record-item .gate[data-v-750d2240]{width:70px}.record-item .type[data-v-750d2240]{padding:3px 8px;border-radius:12px;font-size:12px}.record-item .type.monthly[data-v-750d2240]{background:rgba(72,187,120,.2);color:#48bb78}.record-item .type.temp[data-v-750d2240]{background:rgba(246,173,85,.2);color:#f6ad55}.alerts-list[data-v-750d2240]{margin-top:10px}.alert-item[data-v-750d2240]{display:flex;padding:12px 15px;border-radius:8px;margin-bottom:10px;align-items:center;gap:15px;transition:all .3s ease}.alert-item[data-v-750d2240]:hover{transform:translateX(5px)}.alert-item.critical[data-v-750d2240]{background:rgba(245,101,101,.2);border-left:4px solid #f56565}.alert-item.warning[data-v-750d2240]{background:rgba(246,173,85,.2);border-left:4px solid #f6ad55}.alert-item.info[data-v-750d2240]{background:rgba(79,172,254,.2);border-left:4px solid #4facfe}.alert-time[data-v-750d2240]{font-size:13px;color:#a0aec0;width:70px}.alert-content[data-v-750d2240]{flex:1}@media (max-width:1200px){.dashboard-container[data-v-750d2240]{flex-direction:column}.left-panel[data-v-750d2240],.middle-panel[data-v-750d2240],.right-panel[data-v-750d2240]{width:100%}.charging-grid[data-v-750d2240]{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.charging-grid[data-v-750d2240],.stats-grid[data-v-750d2240],.video-thumbnails[data-v-750d2240]{grid-template-columns:repeat(2,1fr)}.dashboard-header .datetime[data-v-750d2240]{position:static;margin-top:10px}}[data-v-750d2240] ::-webkit-scrollbar{width:6px}[data-v-750d2240] ::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:10px}[data-v-750d2240] ::-webkit-scrollbar-thumb{background:#4facfe;border-radius:10px}[data-v-750d2240] ::-webkit-scrollbar-thumb:hover{background:#00f2fe}@keyframes pulse-750d2240{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.pulse[data-v-750d2240]{animation:pulse-750d2240 2s infinite}.loading[data-v-750d2240]{display:inline-block;width:20px;height:20px;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#4facfe;animation:spin-750d2240 1s ease-in-out infinite}@keyframes spin-750d2240{to{transform:rotate(1turn)}}#container[data-v-750d2240]{height:400px;width:100%}.header-actions[data-v-750d2240]{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:20px}.fullscreen-btn[data-v-750d2240]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(79,172,254,.2);border:1px solid rgba(79,172,254,.5);border-radius:8px;color:#4facfe;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.fullscreen-btn[data-v-750d2240]:hover{background:rgba(79,172,254,.4);transform:translateY(-2px)}.fullscreen-btn i[data-v-750d2240]{font-size:16px}@media (max-width:768px){.header-actions[data-v-750d2240]{position:static;margin-top:15px;justify-content:center}.fullscreen-btn span[data-v-750d2240]{display:none}.fullscreen-btn[data-v-750d2240]{padding:8px 12px}}.dashboard-header .datetime[data-v-750d2240]{font-size:18px;font-weight:700;color:#4facfe;margin-right:10px}[data-v-e9603da6] *{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Microsoft YaHei,sans-serif}[data-v-e9603da6] body{background:linear-gradient(135deg,#0a1a3a,#0c2d5a);color:#fff;min-height:100vh;padding:20px;overflow-x:hidden}[data-v-e9603da6] .fa,[data-v-e9603da6] .fas{font-family:Font Awesome\ 6 Free;font-weight:900}.dashboard-header[data-v-e9603da6]{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid hsla(0,0%,100%,.1)}.dashboard-header h1[data-v-e9603da6]{font-size:28px;margin-bottom:8px;background:linear-gradient(90deg,#4facfe 0,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.dashboard-header .subtitle[data-v-e9603da6]{color:#a0aec0;font-size:16px}.dashboard-header .datetime[data-v-e9603da6]{position:absolute;top:20px;right:20px;font-size:18px;font-weight:700;color:#4facfe}.dashboard-container[data-v-e9603da6]{display:flex;gap:20px;min-height:calc(100vh - 120px)}.left-panel[data-v-e9603da6],.right-panel[data-v-e9603da6]{width:25%;display:flex;flex-direction:column;gap:20px}.middle-panel[data-v-e9603da6]{width:50%;display:flex;flex-direction:column;gap:20px}.panel[data-v-e9603da6]{background:hsla(0,0%,100%,.05);border-radius:16px;padding:20px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.2);transition:all .3s ease}.panel[data-v-e9603da6]:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.panel h3[data-v-e9603da6]{font-size:18px;margin-bottom:20px;color:#4facfe;display:flex;align-items:center;gap:10px}.panel h3 i[data-v-e9603da6]{font-size:20px}.stats-grid[data-v-e9603da6]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.stat-item[data-v-e9603da6]{background:hsla(0,0%,100%,.07);border-radius:12px;padding:15px;text-align:center;transition:all .3s ease}.stat-item[data-v-e9603da6]:hover{background:hsla(0,0%,100%,.12);transform:scale(1.03)}.stat-value[data-v-e9603da6]{font-size:28px;font-weight:700;margin-bottom:5px;color:#fff}.stat-label[data-v-e9603da6]{font-size:14px;color:#a0aec0}.monthly-stats[data-v-e9603da6]{display:flex;justify-content:space-between;margin-bottom:20px}.monthly-item[data-v-e9603da6]{text-align:center}.monthly-item span[data-v-e9603da6]{display:block;font-size:14px;color:#a0aec0;margin-bottom:5px}.monthly-item strong[data-v-e9603da6]{display:block;font-size:22px;color:#4facfe}.monthly-item .warning[data-v-e9603da6]{color:#f6ad55}.chart-container[data-v-e9603da6]{height:200px;margin-top:15px}.camera-selector[data-v-e9603da6]{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.camera-btn[data-v-e9603da6]{padding:8px 15px;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.camera-btn[data-v-e9603da6]:hover{background:hsla(0,0%,100%,.2)}.camera-btn.active[data-v-e9603da6]{background:#4facfe}.video-container[data-v-e9603da6]{position:relative;border-radius:12px;overflow:hidden;background:#000}.main-video[data-v-e9603da6]{position:relative;width:100%;height:300px;background:#1a1a1a;display:flex;align-items:center;justify-content:center}.main-video[data-v-e9603da6]:before{content:"\6A21\62DF\89C6\9891\6D41   (\5B9E\9645\73AF\5883\4E2D\66FF\6362\4E3A\771F\5B9ERTSP\6D41)";position:absolute;color:hsla(0,0%,100%,.5);font-size:18px}.video-overlay[data-v-e9603da6]{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);padding:10px;display:flex;justify-content:space-between}.video-thumbnails[data-v-e9603da6]{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:10px;background:rgba(0,0,0,.5)}.thumbnail[data-v-e9603da6]{height:80px;background:hsla(0,0%,100%,.1);border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.5)}.thumbnail[data-v-e9603da6]:hover{background:hsla(0,0%,100%,.2)}.thumbnail.active[data-v-e9603da6]{border:2px solid #4facfe;background:rgba(79,172,254,.2)}.charging-grid[data-v-e9603da6]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.charger-card[data-v-e9603da6]{background:hsla(0,0%,100%,.07);border-radius:10px;padding:15px;transition:all .3s ease}.charger-card[data-v-e9603da6]:hover{transform:translateY(-5px)}.charger-card.available[data-v-e9603da6]{border-left:4px solid #48bb78}.charger-card.in-use[data-v-e9603da6]{border-left:4px solid #f6ad55}.charger-card.fault[data-v-e9603da6]{border-left:4px solid #f56565}.charger-header[data-v-e9603da6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.charger-header span[data-v-e9603da6]:first-child{font-weight:700;font-size:16px}.status-dot[data-v-e9603da6]{width:12px;height:12px;border-radius:50%;display:inline-block}.status-dot.green[data-v-e9603da6]{background-color:#48bb78;box-shadow:0 0 8px #48bb78}.status-dot.orange[data-v-e9603da6]{background-color:#f6ad55;box-shadow:0 0 8px #f6ad55}.status-dot.red[data-v-e9603da6]{background-color:#f56565;box-shadow:0 0 8px #f56565}.charger-body[data-v-e9603da6]{font-size:13px;color:#a0aec0}.charger-body div[data-v-e9603da6]{margin-bottom:3px}.charging-time[data-v-e9603da6]{color:#4facfe;font-weight:700;margin-top:5px}.charging-summary[data-v-e9603da6]{display:flex;justify-content:space-between;background:hsla(0,0%,100%,.05);border-radius:10px;padding:15px}.summary-item[data-v-e9603da6]{text-align:center}.summary-item span[data-v-e9603da6]{display:block;font-size:14px;color:#a0aec0;margin-bottom:5px}.summary-item strong[data-v-e9603da6]{display:block;font-size:22px}.summary-item .error[data-v-e9603da6]{color:#f56565}.gate-stats[data-v-e9603da6]{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.gate-stat[data-v-e9603da6]{background:hsla(0,0%,100%,.07);border-radius:12px;padding:15px;display:flex;justify-content:space-between;align-items:center}.gate-name[data-v-e9603da6]{font-weight:700;font-size:16px;color:#fff}.gate-status[data-v-e9603da6]{padding:5px 12px;border-radius:20px;font-size:14px;font-weight:700}.gate-status.open[data-v-e9603da6]{background:rgba(72,187,120,.2);color:#48bb78}.gate-status.closed[data-v-e9603da6]{background:rgba(245,101,101,.2);color:#f56565}.gate-count[data-v-e9603da6]{font-size:14px;color:#a0aec0}.gate-count strong[data-v-e9603da6]{color:#4facfe;font-size:18px}.records-list[data-v-e9603da6]{max-height:250px;overflow-y:auto;margin-top:10px}.record-item[data-v-e9603da6]{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid hsla(0,0%,100%,.05);transition:all .3s ease}.record-item[data-v-e9603da6]:hover{background:hsla(0,0%,100%,.05)}.record-item.in[data-v-e9603da6]{border-left:4px solid #48bb78}.record-item.out[data-v-e9603da6]{border-left:4px solid #4facfe}.record-item .time[data-v-e9603da6]{color:#a0aec0;font-size:13px;width:70px}.record-item .plate[data-v-e9603da6]{font-weight:700;width:100px}.record-item .gate[data-v-e9603da6]{width:70px}.record-item .type[data-v-e9603da6]{padding:3px 8px;border-radius:12px;font-size:12px}.record-item .type.monthly[data-v-e9603da6]{background:rgba(72,187,120,.2);color:#48bb78}.record-item .type.temp[data-v-e9603da6]{background:rgba(246,173,85,.2);color:#f6ad55}.alerts-list[data-v-e9603da6]{margin-top:10px}.alert-item[data-v-e9603da6]{display:flex;padding:12px 15px;border-radius:8px;margin-bottom:10px;align-items:center;gap:15px;transition:all .3s ease}.alert-item[data-v-e9603da6]:hover{transform:translateX(5px)}.alert-item.critical[data-v-e9603da6]{background:rgba(245,101,101,.2);border-left:4px solid #f56565}.alert-item.warning[data-v-e9603da6]{background:rgba(246,173,85,.2);border-left:4px solid #f6ad55}.alert-item.info[data-v-e9603da6]{background:rgba(79,172,254,.2);border-left:4px solid #4facfe}.alert-time[data-v-e9603da6]{font-size:13px;color:#a0aec0;width:70px}.alert-content[data-v-e9603da6]{flex:1}@media (max-width:1200px){.dashboard-container[data-v-e9603da6]{flex-direction:column}.left-panel[data-v-e9603da6],.middle-panel[data-v-e9603da6],.right-panel[data-v-e9603da6]{width:100%}.charging-grid[data-v-e9603da6]{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.charging-grid[data-v-e9603da6],.stats-grid[data-v-e9603da6],.video-thumbnails[data-v-e9603da6]{grid-template-columns:repeat(2,1fr)}.dashboard-header .datetime[data-v-e9603da6]{position:static;margin-top:10px}}[data-v-e9603da6] ::-webkit-scrollbar{width:6px}[data-v-e9603da6] ::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:10px}[data-v-e9603da6] ::-webkit-scrollbar-thumb{background:#4facfe;border-radius:10px}[data-v-e9603da6] ::-webkit-scrollbar-thumb:hover{background:#00f2fe}@keyframes pulse-e9603da6{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.pulse[data-v-e9603da6]{animation:pulse-e9603da6 2s infinite}.loading[data-v-e9603da6]{display:inline-block;width:20px;height:20px;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#4facfe;animation:spin-e9603da6 1s ease-in-out infinite}@keyframes spin-e9603da6{to{transform:rotate(1turn)}}