body{margin:0;padding:0;background-color:#0f172a;color:#f1f5f9;font-family:PingFang TC,Microsoft JhengHei,sans-serif}.app-container{max-width:1400px;margin:0 auto;padding:24px}.main-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;border-bottom:1px solid #1e293b;padding-bottom:16px}.main-header h1{margin:0;font-size:28px;font-weight:700;letter-spacing:1px}.main-header h1 span{color:#2dd4bf;margin-left:8px}.status-info{display:flex;align-items:center;gap:12px;font-size:14px;color:#94a3b8}.btn-refresh{background:linear-gradient(180deg,#0ea5a4,#0b8790);color:#0f172a;border:none;padding:6px 10px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.btn-refresh[disabled]{opacity:.6;cursor:not-allowed}.live-dot{color:#22c55e;animation:blink 2s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:24px}.card{background:#1e293b;border-radius:12px;overflow:hidden;box-shadow:0 10px 15px -3px #0006;border:1px solid #334155}.summary-card{padding:0}.card-title-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:rgba(255,255,255,.03);border-bottom:1px solid #334155}.south{border-left:4px solid #f97316}.north{border-left:4px solid #06b6d4}.title-group{display:flex;align-items:center;gap:10px}.direction-icon{font-size:20px}.south .direction-icon{color:#f97316}.north .direction-icon{color:#06b6d4}.card h2{margin:0;font-size:18px;font-weight:600}.badge{font-size:11px;background:#0f172a;padding:4px 8px;border-radius:4px;color:#64748b;text-transform:uppercase}.summary-stats{display:grid;grid-template-columns:1fr 1fr;padding:30px 20px;gap:20px}.stat-item{text-align:center;background:rgba(15,23,42,.5);padding:20px;border-radius:8px}.stat-label{font-size:14px;color:#94a3b8;margin-bottom:12px}.stat-value{font-size:32px;font-weight:700;color:#f8fafc}.unit{font-size:14px;font-weight:400;color:#475569}.detail-card{padding:24px}.detail-title{margin-top:0;margin-bottom:20px;font-size:18px;font-weight:600}.orange{color:#f97316}.cyan{color:#22d3ee}.table-container{width:100%;display:flex;flex-direction:column;resize:vertical;height:400px;min-height:140px;max-height:70vh;overflow:visible}.table-header{display:grid;grid-template-columns:80px 1fr 1fr;padding-bottom:12px;border-bottom:1px solid #334155;color:#64748b;font-size:14px;flex:0 0 auto}.table-body{overflow-y:auto;flex:1 1 auto;min-height:60px;max-height:none}.empty-row{text-align:center;padding:60px 0;color:#475569}.table-row{display:grid;grid-template-columns:80px 1fr 1fr;padding:14px 0;border-bottom:1px solid #1e293b;align-items:center}.col-loc{font-weight:600;color:#cbd5e1}.col-spd{font-family:Courier New,monospace;font-size:18px;font-weight:700;text-align:center}.spd-good{color:#22c55e}.spd-warn{color:#eab308}.spd-slow{color:#ef4444}.spd-none{color:#334155}.error-banner{background:#7f1d1d;color:#fecaca;padding:12px;border-radius:8px;text-align:center;margin-bottom:20px}.sk-card{height:250px;background:#1e293b;border-radius:12px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.source-note{margin-top:18px;padding:10px 14px;font-size:13px;color:#94a3b8;background:rgba(255,255,255,.02);border:1px solid #2b3440;border-radius:8px;text-align:right}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}