:root{--primary-color:#1989fa;--success-color:#07c160;--warning-color:#ff976a;--danger-color:#ee0a24;--bg-color:#f5f5f5;--card-bg:#fff;--text-color:#323233;--text-secondary:#969799;--border-color:#ebedf0}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;color:var(--text-color);background:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0)}#app,body,html{width:100%;min-height:100vh}.page-container{min-height:100vh;background:var(--bg-color);padding-bottom:20px}.order-card{margin:12px 16px;background:var(--card-bg);border-radius:12px;padding:16px;box-shadow:0 2px 12px hsla(210,1%,40%,.08)}.order-card .card-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border-color);margin-bottom:12px}.order-card .card-header .plate-number{font-size:20px;font-weight:600;color:var(--text-color);letter-spacing:2px}.order-card .card-header .park-name{font-size:12px;color:var(--text-secondary);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-card .info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.order-card .info-row .label{color:var(--text-secondary);font-size:13px}.order-card .info-row .value{color:var(--text-color);font-size:13px;font-weight:500}.order-card .amount-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0 4px;margin-top:8px;border-top:1px dashed var(--border-color)}.order-card .amount-row .label{color:var(--text-secondary);font-size:14px}.order-card .amount-row .amount{color:var(--danger-color);font-size:24px;font-weight:700}.order-card .amount-row .amount:before{content:"¥";font-size:14px;font-weight:500}.pay-section{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));box-shadow:0 -2px 12px hsla(210,1%,40%,.08);display:flex;align-items:center;justify-content:space-between;z-index:100}.pay-section .pay-total{font-size:14px;color:var(--text-color)}.pay-section .pay-total .price{color:var(--danger-color);font-size:22px;font-weight:700}.pay-section .pay-total .price:before{content:"¥";font-size:13px}.pay-section .pay-btn{min-width:120px;height:44px;border-radius:22px;font-size:16px;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.empty-state .empty-icon{font-size:64px;color:#dcdee0;margin-bottom:16px}.empty-state .empty-text{font-size:14px;color:var(--text-secondary)}.time-range{display:flex;flex-direction:column;gap:4px}.time-range .time-item{display:flex;align-items:center;gap:6px;font-size:13px}.time-range .time-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.time-range .time-dot.start{background:var(--success-color)}.time-range .time-dot.end{background:var(--danger-color)}.time-range .time-label{color:var(--text-secondary);min-width:32px}.time-range .time-value{color:var(--text-color)}.duration-tag{display:inline-flex;align-items:center;background:#fff7e6;color:#ed6a0c;font-size:12px;padding:2px 8px;border-radius:10px;font-weight:500}