:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-active:#1e40af;--color-primary-light:#2563eb14;--color-primary-bg:#eff6ff;--color-secondary:#3b82f6;--color-accent:#f97316;--color-bg-base:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-bg-elevated:#fff;--color-bg-spotlight:#f0f7ff;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-text-placeholder:#b0bec5;--color-text-inverse:#fff;--color-border:#e5e7eb;--color-border-light:#f1f5f9;--color-divider:#f0f0f0;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-error:#ef4444;--color-error-bg:#fef2f2;--color-info:#3b82f6;--color-info-bg:#eff6ff;--color-chart-blue:#2563eb;--color-chart-green:#10b981;--color-chart-amber:#f59e0b;--color-chart-purple:#7c3aed;--color-chart-cyan:#06b6d4;--color-chart-pink:#ec4899;--color-chart-orange:#f97316;--color-map-panel-bg:#fffffff5;--color-map-control-bg:#fff;--color-map-control-border:#e5e7eb;--color-map-control-text:#1e293b;--color-map-control-active-bg:#2563eb;--color-map-control-active-text:#fff;--color-map-track:#2563eb;--color-map-park:#f97316;--color-map-start:#10b981;--color-map-end:#ef4444;--color-map-table-header:#f8fafc;--color-map-table-row-hover:#f0f7ff;--color-map-stat-bg:#ffffffeb;--color-login-bg:#f8fafc;--color-login-card-bg:#fff;--color-login-card-border:#e5e7eb;--color-login-input-bg:#fff;--color-login-input-border:#e5e7eb;--color-login-input-text:#1e293b;--color-login-input-placeholder:#94a3b8;--color-login-title:#1e293b;--color-login-subtitle:#64748b;--color-login-link:#2563eb;--color-login-grid:#2563eb0a;--color-sidebar-bg:#fff;--color-sidebar-text:#64748b;--color-sidebar-text-active:#2563eb;--color-sidebar-item-hover:#f0f7ff;--color-sidebar-item-active:#eff6ff;--color-sidebar-border:#e5e7eb;--color-header-bg:#fff;--color-header-border:#e5e7eb;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", "Fira Code", "Courier New", monospace;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #00000014;--shadow-xl:0 20px 25px #0000001a;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--sidebar-width:200px;--header-height:64px;--content-padding:24px;--card-padding:16px;--map-height-mobile:50vh;--border-radius-base:6px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}[data-theme=dark]{--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-primary-active:#2563eb;--color-primary-light:#3b82f626;--color-primary-bg:#1e293b;--color-secondary:#60a5fa;--color-accent:#fb923c;--color-bg-base:#0f172a;--color-bg-primary:#1e293b;--color-bg-secondary:#0f172a;--color-bg-tertiary:#334155;--color-bg-elevated:#1e293b;--color-bg-spotlight:#3b82f614;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-placeholder:#475569;--color-text-inverse:#0f172a;--color-border:#334155;--color-border-light:#1e293b;--color-divider:#334155;--color-success:#34d399;--color-success-bg:#34d3991f;--color-warning:#fbbf24;--color-warning-bg:#fbbf241f;--color-error:#f87171;--color-error-bg:#f871711f;--color-info:#60a5fa;--color-info-bg:#60a5fa1f;--color-chart-blue:#60a5fa;--color-chart-green:#34d399;--color-chart-amber:#fbbf24;--color-chart-purple:#a78bfa;--color-chart-cyan:#22d3ee;--color-chart-pink:#f472b6;--color-chart-orange:#fb923c;--color-map-panel-bg:#1e293bf5;--color-map-control-bg:#1e293b;--color-map-control-border:#334155;--color-map-control-text:#f1f5f9;--color-map-control-active-bg:#3b82f6;--color-map-control-active-text:#fff;--color-map-track:#60a5fa;--color-map-park:#fb923c;--color-map-start:#34d399;--color-map-end:#f87171;--color-map-table-header:#0f172a;--color-map-table-row-hover:#3b82f614;--color-map-stat-bg:#1e293beb;--color-login-bg:#0f172a;--color-login-card-bg:#1e293bb3;--color-login-card-border:#94a3b824;--color-login-input-bg:#ffffff0d;--color-login-input-border:#94a3b82e;--color-login-input-text:#f1f5f9;--color-login-input-placeholder:#94a3b880;--color-login-title:#f8fafc;--color-login-subtitle:#94a3b8;--color-login-link:#60a5fa;--color-login-grid:#60a5fa0d;--color-sidebar-bg:#1e293b;--color-sidebar-text:#94a3b8;--color-sidebar-text-active:#60a5fa;--color-sidebar-item-hover:#3b82f614;--color-sidebar-item-active:#3b82f61f;--color-sidebar-border:#334155;--color-header-bg:#1e293b;--color-header-border:#334155;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #00000059;--shadow-lg:0 10px 15px #00000059;--shadow-xl:0 20px 25px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}*{-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-bg-secondary);overflow-x:hidden}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}::selection{background-color:var(--color-primary);color:var(--color-text-inverse)}code,pre{font-family:var(--font-mono)}code{background-color:var(--color-bg-tertiary);border-radius:4px;padding:2px 6px;font-size:.875em}:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=767px){:root{--content-padding:12px;--header-height:56px;--card-padding:12px}}.amap-container-wrapper{width:100%;height:100%;position:relative}.amap-container{width:100%;height:calc(100vh - 180px);min-height:400px;box-shadow:var(--shadow-md);border-radius:8px;overflow:hidden}@media (width<=767px){.amap-container{min-height:300px}}.vehicle-info-window{min-width:260px;max-width:400px;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-primary);box-shadow:var(--shadow-lg);border-radius:8px;overflow:hidden}.vehicle-info-window .header{align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-weight:600;font-size:var(--text-lg);display:flex}.vehicle-info-window .header .icon{font-size:var(--text-xl)}.vehicle-info-window .body{padding:var(--spacing-4)}.vehicle-info-window .section{margin-bottom:var(--spacing-4)}.vehicle-info-window .section:last-child{margin-bottom:0}.vehicle-info-window .section-title{margin-bottom:var(--spacing-2);color:var(--color-text-primary);font-weight:600}.vehicle-info-window .info-row{padding:var(--spacing-2) 0;border-bottom:1px dashed var(--color-border);justify-content:space-between;display:flex}.vehicle-info-window .info-row:last-child{border-bottom:none}.vehicle-info-window .info-row .label{color:var(--color-text-secondary);font-weight:500}.vehicle-info-window .info-row .value{color:var(--color-text-primary);font-weight:600}.vehicle-info-window .info-row .value.highlight{color:var(--color-accent)}.vehicle-info-window,.park-info-window,.track-point-info-window{min-width:260px;max-width:380px;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-primary);box-shadow:var(--shadow-lg);border-radius:8px;overflow:hidden}.vehicle-info-window .header,.park-info-window .header,.track-point-info-window .header{align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);font-weight:600;font-size:var(--text-lg);display:flex}.vehicle-info-window .header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.park-info-window .header{background:var(--color-warning-bg);border-bottom:1px solid var(--color-border)}.track-point-info-window .header{background:var(--color-info-bg);border-bottom:1px solid var(--color-border)}.vehicle-info-window .header .icon,.park-info-window .header .icon,.track-point-info-window .header .icon{font-size:var(--text-xl)}.vehicle-info-window .header .plate-number{color:var(--color-primary)}.park-info-window .header .title{color:var(--color-accent)}.track-point-info-window .header .title{color:var(--color-primary)}.vehicle-info-window .close-btn,.park-info-window .close-btn,.track-point-info-window .close-btn{width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;font-size:18px;line-height:1;transition:background .2s,color .2s;display:flex}.vehicle-info-window .close-btn:hover,.park-info-window .close-btn:hover,.track-point-info-window .close-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.vehicle-info-window .close-btn:focus-visible,.park-info-window .close-btn:focus-visible,.track-point-info-window .close-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.vehicle-info-window .body,.park-info-window .body,.track-point-info-window .body{padding:var(--spacing-4)}.vehicle-info-window .info-row,.park-info-window .info-row,.track-point-info-window .info-row{padding:var(--spacing-2) 0;border-bottom:1px dashed var(--color-border);font-size:var(--text-sm);justify-content:space-between;display:flex}.vehicle-info-window .info-row:last-child,.park-info-window .info-row:last-child,.track-point-info-window .info-row:last-child{border-bottom:none}.vehicle-info-window .info-row .label,.park-info-window .info-row .label,.track-point-info-window .info-row .label{color:var(--color-text-secondary);font-weight:500}.vehicle-info-window .info-row .value,.park-info-window .info-row .value,.track-point-info-window .info-row .value{color:var(--color-text-primary);font-weight:600}.vehicle-info-window .info-row .value.highlight,.park-info-window .info-row .value.highlight,.track-point-info-window .info-row .value.highlight{font-weight:700}.statistics-panel{gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-secondary);margin-bottom:var(--spacing-4);border-radius:8px;grid-template-columns:repeat(4,1fr);display:grid}.stat-card{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-bg-primary);box-shadow:var(--shadow-sm);border-radius:8px;transition:box-shadow .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card .icon{font-size:var(--text-3xl)}.stat-card .content{flex:1}.stat-card .label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.stat-card .value{font-size:var(--text-xl);color:var(--color-text-primary);font-weight:700;font-family:var(--font-mono)}.stat-card .unit{font-size:var(--text-sm);color:var(--color-text-secondary);margin-left:var(--spacing-1)}@media (width<=1023px){.statistics-panel{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.statistics-panel{grid-template-columns:1fr 1fr}}.track-player{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-primary);display:flex}.track-player .player-controls{gap:var(--spacing-2);display:flex}.track-player .player-progress{flex:1;max-width:400px}.track-player .player-info{align-items:center;gap:var(--spacing-4);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}@media (width<=767px){.track-player{flex-direction:column;align-items:stretch}.track-player .player-controls .ant-btn{min-width:44px;min-height:44px}.track-player .player-progress{max-width:100%}.track-player .player-info,.player-stats{flex-wrap:wrap}}.player-stats{color:var(--color-text-secondary);align-items:center;gap:16px;font-size:12px;display:flex}.player-stat-item strong{color:var(--color-map-control-text);font-weight:600}.query-form{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-primary);margin-bottom:var(--spacing-4);border-radius:8px;display:flex}@media (width<=767px){.query-form{flex-direction:column;align-items:stretch}}.empty-state{height:100%;padding:var(--spacing-8);color:var(--color-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state .icon{margin-bottom:var(--spacing-4);opacity:.5;font-size:64px}.empty-state .title{font-size:var(--text-xl);margin-bottom:var(--spacing-2);font-weight:600}.empty-state .description{font-size:var(--text-base);margin-bottom:var(--spacing-4)}.amap-loading-overlay{justify-content:center;align-items:center;gap:var(--spacing-3);background:var(--color-map-stat-bg);z-index:1000;flex-direction:column;display:flex;position:absolute;inset:0}.amap-loading-text{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:500}.vehicle-info-window .close-btn,.park-info-window .close-btn{width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;font-size:18px;transition:background .15s ease-out,color .15s ease-out;display:flex}.vehicle-info-window .close-btn:hover,.park-info-window .close-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.map-layer-control{z-index:200;position:absolute;top:12px;right:60px}.map-layer-toggle{background:var(--color-map-control-bg);border:1px solid var(--color-map-control-border);width:44px;height:44px;box-shadow:var(--shadow-md);cursor:pointer;color:var(--color-map-control-text);border-radius:4px;justify-content:center;align-items:center;transition:background .15s ease-out,border-color .15s ease-out,color .15s ease-out;display:flex}.map-layer-toggle:hover{background:var(--color-bg-secondary);border-color:var(--color-map-control-active-bg);color:var(--color-map-control-active-bg)}.map-layer-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.map-layer-panel{background:var(--color-map-control-bg);min-width:140px;box-shadow:var(--shadow-lg);border-radius:8px;padding:12px;animation:.15s ease-out layerPanelIn;position:absolute;top:48px;right:0}@keyframes layerPanelIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.map-layer-section{margin-bottom:10px}.map-layer-section:last-child{margin-bottom:0}.map-layer-section-title{color:var(--color-text-tertiary);margin-bottom:6px;font-size:12px;font-weight:500}.map-layer-options{gap:6px;display:flex}.map-layer-option{border:1px solid var(--color-map-control-border);background:var(--color-map-control-bg);color:var(--color-map-control-text);cursor:pointer;text-align:center;border-radius:4px;flex:1;padding:6px 12px;font-size:13px;transition:background .15s ease-out,border-color .15s ease-out,color .15s ease-out}.map-layer-option:hover{border-color:var(--color-map-control-active-bg);color:var(--color-map-control-active-bg)}.map-layer-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.map-layer-option.active{background:var(--color-map-control-active-bg);border-color:var(--color-map-control-active-bg);color:var(--color-map-control-active-text)}.map-layer-option.full{width:100%}.quick-actions{top:var(--spacing-6);right:var(--spacing-6);gap:var(--spacing-2);z-index:100;flex-direction:column;display:flex;position:absolute}.quick-action-button{background:var(--color-bg-primary);border:1px solid var(--color-border);width:44px;height:44px;box-shadow:var(--shadow-md);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out;display:flex}.quick-action-button:hover{background:var(--color-bg-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.quick-action-button:active{transform:translateY(0)}.quick-action-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.history-query-page{padding:var(--spacing-4);background:var(--color-bg-secondary);min-height:100vh}.history-query-page .query-card{margin-bottom:var(--spacing-4)}.history-query-page .map-card{margin-bottom:var(--spacing-4);overflow:hidden}.history-query-page .player-card,.history-query-page .track-point-list-card{margin-bottom:var(--spacing-4);border-radius:8px}.track-point-table .ant-table-row{transition:background .15s}.track-point-table .ant-table-row:hover>td{background:var(--color-map-table-row-hover)!important}.track-point-table .ant-table-row-active>td{background:var(--color-primary-light)!important}.location-query-page{padding:var(--spacing-4);background:var(--color-bg-secondary);min-height:100vh}.location-query-page .query-card{margin-bottom:var(--spacing-4)}.location-query-page .map-card{margin-bottom:var(--spacing-4);overflow:hidden}.detail-card{border-radius:8px}.detail-grid{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.detail-item{gap:var(--spacing-1);padding:var(--spacing-3);background:var(--color-bg-secondary);border-radius:6px;flex-direction:column;display:flex}.detail-item.full-width{grid-column:span 2}.detail-item .label{font-size:var(--text-sm);color:var(--color-text-secondary)}.detail-item .value{font-size:var(--text-base);color:var(--color-text-primary);font-weight:600;font-family:var(--font-mono)}.detail-item .value.highlight{color:var(--color-accent)}.loading-overlay{justify-content:center;align-items:center;gap:var(--spacing-3);background:var(--color-map-stat-bg);z-index:1000;flex-direction:column;display:flex;position:absolute;inset:0}@media (width<=767px){.detail-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}.vehicle-info-window,.park-info-window,.track-point-info-window{min-width:200px;max-width:calc(100vw - 80px);font-size:13px}.vehicle-info-window .header,.park-info-window .header,.track-point-info-window .header{padding:8px 10px;font-size:14px}.vehicle-info-window .body,.park-info-window .body,.track-point-info-window .body{padding:8px 10px}.vehicle-info-window .info-row,.park-info-window .info-row,.track-point-info-window .info-row{padding:3px 0;font-size:12px}}