*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:#f0f2f5;min-height:100vh;color:#333}.app{min-height:100vh}.container{max-width:600px;margin:0 auto;min-height:100vh;background:#f5f5f5}.header{text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 20px}.header h1{font-size:42px;margin-bottom:8px}.header p{font-size:16px;opacity:.9}.main{background:#fff;border-radius:20px 20px 0 0;padding:25px;margin-top:-20px;min-height:calc(100vh - 200px)}.success-box{background:#f6ffed;border:2px solid #52c41a;border-radius:12px;padding:20px;text-align:center;margin-bottom:25px}.success-icon{font-size:48px;margin-bottom:10px}.success-box h2{color:#52c41a;font-size:20px;margin-bottom:8px}.success-box p{color:#666;font-size:14px}.nav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.nav-item{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;padding:20px 15px;border-radius:12px;text-align:center;cursor:pointer;transition:transform .2s}.nav-item:hover{transform:translateY(-2px)}.nav-item .icon{font-size:32px;margin-bottom:8px}.nav-item .title{font-size:15px;font-weight:700}.nav-item .desc{font-size:12px;opacity:.9;margin-top:4px}.info-box{background:#e6f7ff;border:2px solid #1890ff;border-radius:12px;padding:15px}.info-box h3{color:#1890ff;margin-bottom:10px;font-size:16px}.info-box p{font-size:13px;color:#666;margin-bottom:5px;line-height:1.6}.info-box strong{color:#333}.footer{text-align:center;color:#fff;padding:20px;opacity:.8;font-size:13px}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 20px;display:flex;align-items:center;gap:15px}.back-btn{background:#fff3;border:none;color:#fff;padding:8px 15px;border-radius:6px;font-size:14px;cursor:pointer}.back-btn:hover{background:#ffffff4d}.page-header h2{font-size:20px;flex:1}.page-content{padding:20px}.info-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:15px;box-shadow:0 2px 8px #0000001a}.info-card h3{color:#333;font-size:18px;margin-bottom:10px}.info-card h4{color:#1890ff;font-size:16px;margin-bottom:12px}.info-card p{color:#666;font-size:14px;margin-bottom:8px;line-height:1.6}.info-card.warning{background:#fff7e6;border-left:4px solid #fa8c16}.mock-map{background:#e0e0e0;border-radius:12px;height:300px;position:relative;overflow:hidden}.parking-marker{position:absolute;background:#1890ff;color:#fff;padding:5px 10px;border-radius:6px;font-size:12px;top:150px;left:30%}.search-box{margin-top:15px}.search-box input{width:100%;padding:12px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px}.parking-image{background:#e0e0e0;border-radius:12px;height:150px;display:flex;align-items:center;justify-content:center;color:#999;font-size:18px;margin-bottom:15px}.package-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #f0f0f0;margin-top:12px}.price{color:#f5222d;font-size:20px;font-weight:700}.buy-btn{width:100%;background:#1890ff;color:#fff;border:none;padding:12px;border-radius:8px;font-size:16px;font-weight:700;margin-top:15px;cursor:pointer}.fee-total{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border-radius:12px;padding:30px;text-align:center;margin-bottom:20px}.fee-total p{color:#ffffffe6;margin-bottom:10px}.fee-total h1{font-size:48px;margin-bottom:10px}.user-card{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;margin-bottom:15px}.avatar{width:60px;height:60px;background:#fff;border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:32px}.user-info h3{font-size:20px;margin-bottom:5px}.user-info p{opacity:.9;margin-bottom:5px}.badge{background:#fff3;padding:4px 12px;border-radius:12px;font-size:12px}.score-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.score{font-size:48px;font-weight:700;color:#1890ff}.level{font-size:18px;color:#666}.progress-bar{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress{height:100%;background:linear-gradient(90deg,#1890ff,#096dd9)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center}.stats-grid div{padding:10px;background:#f5f5f5;border-radius:8px}.stats-grid strong{font-size:20px;color:#1890ff;display:block;margin-bottom:5px}.stats-grid p{font-size:11px;color:#999}.mode-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.mode-btn{padding:12px 8px;border:2px solid #d9d9d9;border-radius:8px;background:#fff;font-size:13px;cursor:pointer;transition:all .2s}.mode-btn.active{background:#1890ff;border-color:#1890ff;color:#fff}.favorite-card{background:#fff;border-radius:12px;padding:15px;display:flex;gap:15px;margin-bottom:15px;box-shadow:0 2px 8px #0000001a}.fav-image{width:100px;height:80px;background:#e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#999;font-size:24px}.fav-info{flex:1}.fav-info h4{font-size:16px;color:#333;margin-bottom:8px}.fav-info p{font-size:13px;color:#666;margin-bottom:4px}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:14px;color:#333;margin-bottom:8px;font-weight:700}.form-group input{width:100%;padding:12px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px}.code-btn{background:#1890ff;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;cursor:pointer;white-space:nowrap}.submit-btn{width:100%;background:#1890ff;color:#fff;border:none;padding:15px;border-radius:8px;font-size:16px;font-weight:700;margin-top:20px;cursor:pointer}.third-party{margin-top:20px}.wechat-btn{width:100%;background:#07c160;color:#fff;border:none;padding:15px;border-radius:8px;font-size:16px;font-weight:700;margin-bottom:10px;cursor:pointer}.alipay-btn{width:100%;background:#1677ff;color:#fff;border:none;padding:15px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer}:root{--primary-color: #1890ff;--primary-hover: #40a9ff;--primary-active: #096dd9;--accent-color: #13c2c2;--accent-hover: #36cfc9;--bg-light: #f0f2f5;--bg-white: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fafafa;--text-primary: #262626;--text-secondary: #595959;--text-tertiary: #8c8c8c;--border-color: #d9d9d9;--border-light: #e8e8e8;--success: #52c41a;--warning: #faad14;--error: #ff4d4f;--info: #1890ff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02);--shadow-md: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);--shadow-lg: 0 6px 16px -8px rgba(0, 0, 0, .08), 0 9px 28px 0 rgba(0, 0, 0, .05), 0 12px 48px 16px rgba(0, 0, 0, .03);--shadow-blue: 0 4px 12px rgba(24, 144, 255, .15);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--gradient-primary: linear-gradient(135deg, #1890ff 0%, #096dd9 100%);--gradient-accent: linear-gradient(135deg, #13c2c2 0%, #08979c 100%);--gradient-header: linear-gradient(90deg, #1890ff 0%, #096dd9 100%);--gradient-card: linear-gradient(135deg, #ffffff 0%, #fafafa 100%)}body{background:var(--bg-light)!important;color:var(--text-primary)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{background:var(--bg-light);min-height:100vh}.ant-card{border:1px solid var(--border-light)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;transition:all .3s cubic-bezier(.645,.045,.355,1)!important}.ant-card:not([style*=linear-gradient]){background:var(--bg-card)!important}.ant-card:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-2px)}.ant-card-head{border-bottom:1px solid var(--border-light)!important;font-weight:600!important;font-size:15px!important;color:var(--text-primary)!important;padding:14px 20px!important}.ant-card:not([style*=linear-gradient]) .ant-card-head{background:var(--bg-card)!important}.ant-card-body{padding:20px!important}.ant-btn-primary{background:var(--gradient-primary)!important;border:none!important;box-shadow:var(--shadow-blue)!important;font-weight:500!important;border-radius:var(--radius-md)!important;transition:all .3s ease!important;height:36px!important;padding:0 20px!important}.ant-btn-primary:hover{background:var(--primary-hover)!important;box-shadow:0 6px 16px #1890ff40!important;transform:translateY(-1px)!important}.ant-btn-primary:active{transform:translateY(0)!important;box-shadow:var(--shadow-sm)!important}.ant-btn-default{background:var(--bg-white)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important;transition:all .3s ease!important}.ant-btn-default:hover{border-color:var(--primary-color)!important;color:var(--primary-color)!important;background:#1890ff0d!important}.ant-btn-dangerous{border-radius:var(--radius-md)!important}.ant-table{background:var(--bg-card)!important;color:var(--text-primary)!important;border-radius:var(--radius-lg)!important;overflow:hidden!important;box-shadow:var(--shadow-sm)!important}.ant-table-thead>tr>th{background:#fafafa!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-light)!important;font-weight:600!important;padding:14px 16px!important;font-size:14px!important}.ant-table-tbody>tr>td{background:var(--bg-card)!important;border-bottom:1px solid var(--border-light)!important;padding:14px 16px!important;color:var(--text-primary)!important}.ant-table-tbody>tr:hover>td{background:#fafafa!important}.ant-table-tbody>tr.ant-table-row-selected>td{background:#e6f7ff!important;border-color:var(--border-light)!important}.ant-table-tbody>tr.ant-table-row-selected:hover>td{background:#bae7ff!important}.ant-menu{background:var(--bg-card)!important;border:none!important;box-shadow:var(--shadow-sm)!important}.ant-menu-item{color:var(--text-secondary)!important;border-radius:var(--radius-md)!important;margin:4px 12px!important;transition:all .3s ease!important;height:44px!important;line-height:44px!important}.ant-menu-item:hover{color:var(--primary-color)!important;background:#1890ff14!important}.ant-menu-item-selected{color:var(--primary-color)!important;background:#e6f7ff!important;font-weight:600!important}.ant-menu-item-selected:after{border-bottom-color:var(--primary-color)!important;border-bottom-width:3px!important}.ant-menu-horizontal{border-bottom:1px solid var(--border-light)!important}.ant-input,.ant-select-selector,.ant-input-number-input-wrap{background:var(--bg-white)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important;transition:all .3s ease!important}.ant-input:hover,.ant-select-selector:hover,.ant-input-number:hover{border-color:var(--primary-color)!important}.ant-input:focus,.ant-select-selector:focus-within,.ant-input-number:focus-within{border-color:var(--primary-hover)!important;box-shadow:0 0 0 2px #1890ff33!important}.ant-input-affix-wrapper{border-radius:var(--radius-md)!important}.ant-statistic{padding:8px 0!important}.ant-statistic-title{color:var(--text-secondary)!important;font-size:14px!important;font-weight:500!important;margin-bottom:8px!important}.ant-card[style*=linear-gradient] .ant-statistic-title{color:#ffffffd9!important}.ant-statistic-content{color:var(--text-primary)!important;font-weight:700!important;font-size:28px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.ant-card[style*=linear-gradient] .ant-statistic-content{color:#fff!important}.ant-statistic-content-prefix{margin-right:8px!important}.ant-statistic-content-suffix{margin-left:8px!important;font-size:16px!important;font-weight:500!important}.ant-tag{border-radius:var(--radius-sm)!important;font-weight:500!important;padding:4px 12px!important;font-size:13px!important;border:none!important}.ant-tag-blue{background:#e6f7ff!important;color:#1890ff!important}.ant-tag-green{background:#f6ffed!important;color:#52c41a!important}.ant-tag-purple{background:#f9f0ff!important;color:#722ed1!important}.ant-tag-orange{background:#fff7e6!important;color:#fa8c16!important}.ant-tag-red{background:#fff1f0!important;color:#ff4d4f!important}.ant-badge-count{background:var(--primary-color)!important;box-shadow:0 2px 8px #1890ff4d!important;font-weight:600!important}.ant-badge-dot{background:var(--primary-color)!important}.ant-modal{background:var(--bg-card)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-lg)!important}.ant-modal-header{background:var(--bg-card)!important;border-bottom:1px solid var(--border-light)!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;padding:16px 24px!important}.ant-modal-title{color:var(--text-primary)!important;font-weight:600!important;font-size:16px!important}.ant-modal-body{color:var(--text-primary)!important;padding:24px!important}.ant-modal-footer{border-top:1px solid var(--border-light)!important;padding:12px 24px!important}.ant-descriptions{background:var(--bg-card)!important}.ant-descriptions-item-label{color:var(--text-secondary)!important;font-weight:500!important;font-size:14px!important;background:#fafafa!important}.ant-descriptions-item-content{color:var(--text-primary)!important;font-size:14px!important}.ant-descriptions-header{margin-bottom:16px!important}.ant-descriptions-title{color:var(--text-primary)!important;font-weight:600!important;font-size:16px!important}.ant-pagination-item{background:var(--bg-white)!important;border-color:var(--border-color)!important;border-radius:var(--radius-md)!important;transition:all .3s ease!important}.ant-pagination-item a{color:var(--text-primary)!important}.ant-pagination-item:hover{border-color:var(--primary-color)!important}.ant-pagination-item:hover a{color:var(--primary-color)!important}.ant-pagination-item-active{background:var(--gradient-primary)!important;border-color:var(--primary-color)!important}.ant-pagination-item-active a{color:#fff!important}.ant-pagination-item-active:hover{background:var(--primary-hover)!important}.ant-select-dropdown{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-light)!important}.ant-select-item{padding:10px 16px!important;transition:all .2s ease!important}.ant-select-item:hover{background:#f5f5f5!important}.ant-select-item-option-selected{background:#e6f7ff!important;color:var(--primary-color)!important;font-weight:600!important}.ant-picker{border-radius:var(--radius-md)!important;border-color:var(--border-color)!important}.ant-picker:hover{border-color:var(--primary-color)!important}.ant-picker-focused{border-color:var(--primary-hover)!important;box-shadow:0 0 0 2px #1890ff33!important}.ant-picker-panel{background:var(--bg-card)!important;border-radius:var(--radius-lg)!important}.ant-picker-cell-selected .ant-picker-cell-inner{background:var(--primary-color)!important;color:#fff!important}.ant-picker-cell:hover .ant-picker-cell-inner{background:#1890ff1a!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ant-card{animation:slideUp .4s ease-out}.ant-modal{animation:scaleIn .3s ease-out}.ant-btn{transition:all .3s cubic-bezier(.645,.045,.355,1)}.recharts-wrapper{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.recharts-text{fill:var(--text-secondary)!important}.recharts-tooltip-wrapper{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.ant-empty{padding:40px 0!important}.ant-empty-description{color:var(--text-secondary)!important}.ant-alert{border-radius:var(--radius-md)!important;border:none!important}.ant-alert-info{background:#e6f7ff!important;border:1px solid #91d5ff!important}.ant-alert-success{background:#f6ffed!important;border:1px solid #b7eb8f!important}.ant-alert-warning{background:#fffbe6!important;border:1px solid #ffe58f!important}.ant-alert-error{background:#fff2f0!important;border:1px solid #ffccc7!important}.ant-avatar{border-radius:var(--radius-md)!important}.ant-divider{border-color:var(--border-light)!important;margin:16px 0!important}.ant-divider-with-text{color:var(--text-secondary)!important;font-weight:500!important}.ant-typography a,a{color:var(--primary-color)!important;transition:all .3s ease!important}.ant-typography a:hover,a:hover{color:var(--primary-hover)!important}@media (max-width: 768px){.ant-card-body{padding:16px!important}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{padding:12px!important}.ant-statistic-content{font-size:22px!important}.ant-btn-primary{height:32px!important;padding:0 16px!important}}@media print{body{background:#fff!important}.ant-card{box-shadow:none!important;border:1px solid #ddd!important}}