2 lines
5.6 KiB
CSS
2 lines
5.6 KiB
CSS
.page[data-v-6372c31c]{min-height:100vh;background:#f7f7f7}.page-header[data-v-6372c31c]{position:sticky;top:0;z-index:10;background:#fff;padding:14px 16px 12px;border-bottom:.5px solid rgba(0,0,0,.06)}.header-row[data-v-6372c31c]{display:flex;align-items:center;justify-content:space-between}.btn-back[data-v-6372c31c]{width:34px;height:34px;border-radius:50%;background:#f7f7f7;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.back-arrow[data-v-6372c31c]{font-size:22px;color:#1a1a1a;line-height:1;margin-top:-2px}.page-title[data-v-6372c31c]{font-size:18px;font-weight:600;color:#1a1a1a;flex:1;text-align:center}.btn-add-inline[data-v-6372c31c]{background:#ff6b00;color:#fff;border:none;border-radius:16px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0}.list-wrap[data-v-6372c31c]{padding:12px}.stats-bar[data-v-6372c31c]{display:flex;align-items:center;background:#fff;border-radius:14px;padding:12px 20px;margin-bottom:12px;gap:0}.stat-item[data-v-6372c31c]{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;padding:4px 0;border-radius:8px;transition:background .2s}.stat-item.active[data-v-6372c31c]{background:#fff7f0}.stat-item[data-v-6372c31c]:active{opacity:.7}.stat-num[data-v-6372c31c]{font-size:22px;font-weight:700;color:#1a1a1a;line-height:1}.stat-num.idle[data-v-6372c31c]{color:#52c41a}.stat-num.rented[data-v-6372c31c]{color:#ff6b00}.stat-label[data-v-6372c31c]{font-size:12px;color:#8e8e93}.stat-divider[data-v-6372c31c]{width:1px;height:32px;background:#f0f0f0}.loading[data-v-6372c31c]{display:flex;justify-content:center;padding:60px}.loading-ring[data-v-6372c31c]{width:32px;height:32px;border:3px solid #E5E5E5;border-top-color:#ff6b00;border-radius:50%;animation:spin-6372c31c .8s linear infinite}@keyframes spin-6372c31c{to{transform:rotate(360deg)}}.empty[data-v-6372c31c]{text-align:center;padding:60px 40px}.empty-icon[data-v-6372c31c]{font-size:48px;margin-bottom:12px}.empty-text[data-v-6372c31c]{font-size:15px;color:#1a1a1a;font-weight:500}.empty-sub[data-v-6372c31c]{font-size:13px;color:#b2b2b2;margin-top:6px}.vehicle-card[data-v-6372c31c]{background:#fff;border-radius:16px;margin-bottom:10px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.card-header[data-v-6372c31c]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid #F5F5F5}.plate-row[data-v-6372c31c]{display:flex;align-items:center;gap:8px}.plate-icon[data-v-6372c31c]{font-size:20px}.plate-number[data-v-6372c31c]{font-size:17px;font-weight:700;color:#1a1a1a;letter-spacing:.5px}.status-badge[data-v-6372c31c]{display:flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.badge-dot[data-v-6372c31c]{width:6px;height:6px;border-radius:50%}.badge-idle[data-v-6372c31c]{background:#f0fff4;color:#52c41a}.badge-idle .badge-dot[data-v-6372c31c]{background:#52c41a}.badge-rented[data-v-6372c31c]{background:#fff7f0;color:#ff6b00}.badge-rented .badge-dot[data-v-6372c31c]{background:#ff6b00;animation:pulse-6372c31c 1.5s infinite}@keyframes pulse-6372c31c{0%,to{opacity:1}50%{opacity:.4}}.card-body[data-v-6372c31c]{padding:10px 16px}.info-row[data-v-6372c31c]{display:flex;gap:12px;margin-bottom:8px}.info-row[data-v-6372c31c]:last-child{margin-bottom:0}.info-group[data-v-6372c31c]{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.info-group.full[data-v-6372c31c]{flex:none;width:100%}.info-label[data-v-6372c31c]{font-size:11px;color:#b2b2b2;text-transform:uppercase;letter-spacing:.3px}.info-value[data-v-6372c31c]{font-size:13px;color:#1a1a1a;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-footer[data-v-6372c31c]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fafafa;border-top:1px solid #F5F5F5}.footer-hint[data-v-6372c31c]{font-size:11px;color:#b2b2b2}.action-btns[data-v-6372c31c]{display:flex;gap:8px}.btn-action[data-v-6372c31c]{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:16px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .2s,transform .15s}.btn-action[data-v-6372c31c]:active{transform:scale(.96);opacity:.8}.btn-edit[data-v-6372c31c]{background:#fff7f0;color:#ff6b00}.btn-del[data-v-6372c31c]{background:#fff0f0;color:#ff4d4f}.dialog-overlay[data-v-6372c31c]{position:fixed;inset:0;background:#0006;display:flex;align-items:flex-end;z-index:200}.dialog[data-v-6372c31c]{background:#fff;width:100%;border-radius:20px 20px 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.dialog-handle[data-v-6372c31c]{width:36px;height:4px;background:#ddd;border-radius:2px;margin:10px auto 0}.dialog-title[data-v-6372c31c]{text-align:center;font-size:17px;font-weight:600;color:#1a1a1a;padding:18px 16px 14px}.dialog-body[data-v-6372c31c]{padding:0 16px 16px}.form-item[data-v-6372c31c]{margin-bottom:14px}.form-item label[data-v-6372c31c]{display:block;font-size:13px;color:#8e8e93;margin-bottom:8px}.required[data-v-6372c31c]{color:#ff4d4f}.form-item input[data-v-6372c31c]{width:100%;padding:12px 14px;background:#f7f7f7;border:none;border-radius:10px;font-size:15px;color:#1a1a1a;outline:none;box-sizing:border-box}.form-item input[data-v-6372c31c]::placeholder{color:#b2b2b2}.dialog-footer[data-v-6372c31c]{display:flex;gap:12px;padding:0 16px}.btn-cancel[data-v-6372c31c],.btn-confirm[data-v-6372c31c]{flex:1;padding:13px;border-radius:24px;font-size:16px;font-weight:500;cursor:pointer;border:none}.btn-cancel[data-v-6372c31c]{background:#f0f0f0;color:#666}.btn-confirm[data-v-6372c31c]{background:#ff6b00;color:#fff}
|