:root{--color-primary:#2563eb;--color-secondary:#3b82f6;--color-accent:#f97316;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-border:#e5e7eb;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--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 #0000001a;--shadow-lg:0 10px 15px #0000001a;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--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;--spacing-8:32px;--shadow-xl:0 20px 25px #00000026}*,: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-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-secondary)}::selection{background-color:var(--color-primary);color:#fff}code,pre{font-family:var(--font-mono)}code{background-color:var(--color-bg-secondary);border-radius:4px;padding:2px 6px;font-size:.875em}@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:#fff7ed;border-bottom:1px solid #fed7aa}.track-point-info-window .header{background:#eff6ff;border-bottom:1px solid #bfdbfe}.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:#ea580c}.track-point-info-window .header .title{color:#2563eb}.vehicle-info-window .close-btn,.park-info-window .close-btn,.track-point-info-window .close-btn{width:24px;height:24px;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:all .2s;display:flex}.vehicle-info-window .close-btn:hover,.park-info-window .close-btn:hover,.track-point-info-window .close-btn:hover{color:var(--color-text-primary);background:#0000000d}.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-progress{max-width:100%}.track-player .player-info,.player-stats{flex-wrap:wrap}}.player-stats{color:#666;align-items:center;gap:16px;font-size:12px;display:flex}.player-stat-item strong{color:#333;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);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#ffffffe6;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:24px;height:24px;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:all .2s;display:flex}.vehicle-info-window .close-btn:hover,.park-info-window .close-btn:hover{color:var(--color-text-primary);background:#0000000d}.map-layer-control{z-index:200;position:absolute;top:12px;right:60px}.map-layer-toggle{cursor:pointer;color:#333;background:#fff;border:1px solid #d9d9d9;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000026}.map-layer-toggle:hover{color:#4096ff;background:#f5f5f5;border-color:#4096ff}.map-layer-panel{background:#fff;border-radius:8px;min-width:140px;padding:12px;animation:.15s ease-out layerPanelIn;position:absolute;top:48px;right:0;box-shadow:0 4px 16px #00000026}@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:#999;margin-bottom:6px;font-size:12px;font-weight:500}.map-layer-options{gap:6px;display:flex}.map-layer-option{color:#333;cursor:pointer;text-align:center;background:#fff;border:1px solid #d9d9d9;border-radius:4px;flex:1;padding:6px 12px;font-size:13px;transition:all .2s}.map-layer-option:hover{color:#4096ff;border-color:#4096ff}.map-layer-option.active{color:#fff;background:#4096ff;border-color:#4096ff}.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:40px;height:40px;box-shadow:var(--shadow-md);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;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)}.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:#f0f7ff!important}.track-point-table .ant-table-row-active>td{background:#eff6ff!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);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#ffffffe6;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}}.login-container{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{width:400px;box-shadow:var(--shadow-lg)}.login-card .ant-card-head-title{text-align:center;color:var(--color-text-primary);font-size:20px;font-weight:600}.login-footer{text-align:center;margin-top:16px}.login-footer a{color:var(--color-primary);text-decoration:none;transition:color .2s}.login-footer a:hover{color:var(--color-secondary);text-decoration:underline}@media (width<=767px){.login-card{width:calc(100% - 32px);margin:16px}.login-card .ant-card-head-title{font-size:18px}.login-card .ant-input,.login-card .ant-select{height:44px}.login-card .ant-btn-primary{width:100%}}.dashboard-layout{background:var(--color-bg-secondary);height:100vh;overflow:hidden}.dashboard-layout .ant-layout-sider{z-index:10;align-self:flex-start;height:100vh;position:sticky;top:0;overflow:auto;box-shadow:2px 0 8px #0000000f;background:var(--color-bg-primary)!important}.logo{border-bottom:1px solid var(--color-border);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);justify-content:center;align-items:center;height:64px;display:flex}.logo h2{color:#fff;letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.dashboard-layout .ant-menu{border-right:none!important}.dashboard-layout .ant-menu-item{border-radius:6px;font-weight:500;transition:all .2s;color:var(--color-text-primary)!important;margin:4px 8px!important}.dashboard-layout .ant-menu-item .anticon{color:var(--color-text-secondary)!important}.dashboard-layout .ant-menu-item:hover{color:var(--color-primary)!important;background:#2563eb14!important}.dashboard-layout .ant-menu-item:hover .anticon{color:var(--color-primary)!important}.dashboard-layout .ant-menu-item-selected{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%)!important;color:#fff!important}.dashboard-layout .ant-menu-item-selected .anticon{color:#fff!important}.dashboard-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);z-index:9;justify-content:space-between;align-items:center;padding:0 24px;display:flex;box-shadow:0 2px 8px #0000000a}.header-title{color:var(--color-text-primary);letter-spacing:-.3px;font-size:18px;font-weight:600}.header-user{align-items:center;gap:var(--spacing-2);display:flex}.header-user .ant-btn{align-items:center;gap:var(--spacing-2);border-radius:20px;padding:4px 12px;transition:all .2s;display:flex}.header-user .ant-btn:hover{background:var(--color-bg-secondary)}.header-user .ant-avatar{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%)}.dashboard-content{background:var(--color-bg-secondary);min-height:calc(100vh - 64px);margin:0;padding:0;overflow:auto}.header-left{align-items:center;gap:12px;display:flex}.mobile-menu-btn{font-size:18px;display:none}.mobile-drawer .logo{margin-bottom:8px}.mobile-drawer .sidebar-balance{border-top:1px solid var(--color-border);margin-top:16px;position:relative}@media (width<=767px){.desktop-sider{display:none!important}.mobile-menu-btn{display:inline-flex}.dashboard-header{height:var(--header-height);line-height:var(--header-height);padding:0 12px}.header-title{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:15px;overflow:hidden}.dashboard-content{padding:0}}.dashboard-layout .ant-dropdown-menu{box-shadow:var(--shadow-lg);border-radius:8px;padding:8px}.dashboard-layout .ant-dropdown-menu-item{border-radius:6px;padding:8px 16px}.dashboard-layout .ant-dropdown-menu-item:hover{background:var(--color-bg-secondary)}.sidebar-balance{border-top:1px solid var(--color-border);padding:12px;position:absolute;bottom:0;left:0;right:0}.balance-card{text-align:center;box-shadow:none;border:none}.balance-card .ant-card-body{padding:8px 0}.balance-label{color:var(--color-text-secondary);margin-bottom:4px;font-size:12px}.balance-amount{color:var(--color-primary);font-size:20px;font-weight:700}.balance-amount.low{color:var(--color-warning,#f59e0b)}.admin-login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-login-card{border-radius:8px;width:400px;box-shadow:0 4px 12px #00000026}.admin-login-card .ant-card-head{text-align:center;font-size:20px;font-weight:700}.admin-login-footer{text-align:center;margin-top:16px}.admin-login-footer a{color:#667eea;text-decoration:none}.admin-login-footer a:hover{text-decoration:underline}@media (width<=767px){.admin-login-card{width:calc(100% - 32px);margin:16px}.admin-login-card .ant-card-head{font-size:18px}.admin-login-card .ant-input{height:44px}.admin-login-card .ant-btn-primary{width:100%}}.admin-dashboard-layout{height:100vh;overflow:hidden}.admin-logo{border-bottom:1px solid #f0f0f0;justify-content:center;align-items:center;height:64px;display:flex}.admin-logo h2{color:#1890ff;margin:0;font-size:18px;font-weight:700}.admin-dashboard-header{background:#fff;justify-content:space-between;align-items:center;padding:0 24px;display:flex;box-shadow:0 2px 8px #0000000f}.header-title{font-size:18px;font-weight:500}.header-user{align-items:center;display:flex}.admin-dashboard-content{background:#f5f5f5;padding:24px;overflow-y:auto}