*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f5f7fa;--white: #ffffff;--primary: #2563eb;--primary-light: #3b82f6;--success: #10b981;--warn: #f59e0b;--danger: #ef4444;--text: #1f2937;--text-light: #6b7280;--border: #e5e7eb}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.app{display:flex;height:100vh}.sidebar{width:360px;background:var(--white);display:flex;flex-direction:column;box-shadow:2px 0 8px #0000000d}.header{padding:20px 24px;border-bottom:1px solid var(--border)}.header h1{font-size:20px;font-weight:600}.header p{font-size:13px;color:var(--text-light);margin-top:4px}.content{flex:1;overflow-y:auto;padding:20px 24px}.section{margin-bottom:24px}.section-title{font-size:12px;font-weight:500;color:var(--text-light);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.btn{width:100%;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:8px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn:disabled{opacity:.5;cursor:not-allowed}select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);background:#fff;cursor:pointer;margin-bottom:12px}select:focus{outline:none;border-color:var(--primary)}.info-card{background:var(--bg);padding:14px 16px;border-radius:10px}.info-row{display:flex;justify-content:space-between;margin-bottom:8px}.info-row:last-child{margin-bottom:0}.info-label{color:var(--text-light);font-size:13px}.info-value{font-weight:500;font-size:13px}.suggest-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:all .2s}.suggest-card:hover{border-color:var(--primary)}.suggest-card.best{border-color:var(--success);background:#10b9810d}.suggest-name{font-weight:500;font-size:14px;margin-bottom:6px}.suggest-detail{font-size:12px;color:var(--text-light)}.suggest-detail span{margin-right:10px}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px}.tag-success{background:#10b9811a;color:var(--success)}.tag-warn{background:#f59e0b1a;color:var(--warn)}.goods-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.summary-item{background:var(--bg);padding:12px;border-radius:8px;text-align:center}.summary-num{font-size:24px;font-weight:700;color:var(--primary);text-shadow:0 2px 4px rgba(37,99,235,.2)}.summary-label{font-size:11px;color:var(--text-light);margin-top:2px}.goods-list{max-height:220px;overflow-y:auto;margin-bottom:8px}.goods-item{display:flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:8px}.goods-color{width:12px;height:36px;border-radius:4px;margin-right:12px;flex-shrink:0}.goods-info{flex:1}.goods-name{font-weight:500;font-size:14px}.goods-spec{font-size:12px;color:var(--text-light);margin-top:2px}.goods-tags{margin-top:6px}.goods-tags span{font-size:10px;padding:2px 6px;border-radius:4px;margin-right:4px}.tag-rotate{background:#2563eb1a;color:var(--primary)}.tag-stack{background:#10b9811a;color:var(--success)}.tag-no{background:#ef44441a;color:var(--danger)}.goods-qty{font-size:18px;font-weight:600;color:var(--primary);margin:0 12px}.goods-del{width:28px;height:28px;border:none;background:transparent;color:var(--text-light);cursor:pointer;border-radius:50%;font-size:18px}.goods-del:hover{background:#ef44441a;color:var(--danger)}.result-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.result-title{font-weight:500;font-size:15px}.result-rate{font-size:24px;font-weight:700;color:var(--success)}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-box{background:var(--bg);padding:12px;border-radius:8px;text-align:center}.stat-num{font-size:18px;font-weight:600}.stat-num.warn{color:var(--warn)}.stat-label{font-size:11px;color:var(--text-light);margin-top:2px}.result-tip{margin-top:12px;padding:10px 12px;border-radius:6px;font-size:13px}.tip-success{background:#10b9811a;color:var(--success)}.tip-warn{background:#f59e0b1a;color:var(--warn)}.main{flex:1;display:flex;flex-direction:column}.main canvas{flex:1}.footer{height:56px;background:linear-gradient(180deg,#fff,#f8fafc);border-top:2px solid #3b82f6;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 -4px 12px #3b82f626}.footer-left{display:flex;align-items:center;gap:32px}.footer-right{display:flex;align-items:center;gap:12px}.footer-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-light)}.footer-item strong{color:var(--text);font-weight:500}.footer-item.success strong{color:var(--success)}.btn-footer{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-footer:hover:not(:disabled){background:var(--primary-light)}.btn-footer:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:32px 16px;color:var(--text-light)}.empty-icon{font-size:40px;margin-bottom:12px;opacity:.5}.msg{margin-top:10px;padding:10px 14px;border-radius:6px;font-size:13px}.msg-success{background:#10b9811a;color:var(--success)}.msg-error{background:#ef44441a;color:var(--danger)}.vehicle-tabs{display:flex;gap:8px;margin-top:12px;overflow-x:auto;scrollbar-width:thin}.vehicle-tabs::-webkit-scrollbar{height:6px}.vehicle-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.vehicle-tab{flex:1;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;text-align:center;font-size:12px;color:var(--text-light);cursor:pointer}.vehicle-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.vehicle-tab:hover:not(.active){border-color:var(--primary)}.loading-overlay{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px 20px;background:#fffffffa;border-radius:10px;margin-top:16px;border:2px solid var(--primary);position:relative;z-index:100}.loading-text{margin-top:16px;font-size:14px;color:var(--text);text-align:center}.loading-progress{margin-top:16px;font-size:24px;font-weight:700;color:var(--primary)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.goods-actions{display:flex;gap:4px;margin-left:8px}.btn-icon{background:none;border:none;cursor:pointer;font-size:14px;padding:2px 4px;opacity:.6;transition:opacity .2s}.btn-icon:hover{opacity:1}.btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:12px;padding:2px 6px;text-decoration:underline}.btn-link:hover{color:#2563eb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2147483647!important;transform:translateZ(0)}.modal{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a;z-index:2147483647;position:relative}.modal .share-url{word-break:break-all;padding:12px;background:#f3f4f6;border-radius:6px;margin-bottom:16px;font-size:13px;color:#374151;text-align:center}.modal .msg-success{margin-bottom:16px;text-align:center}.modal h3{margin:0 0 20px;font-size:18px;color:var(--text)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;color:var(--text-light)}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input[type=number]{width:80px}.form-row{display:flex;gap:12px;margin-bottom:16px}.form-row .form-group{flex:1;margin-bottom:0}.form-row label{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}@media (max-width: 768px){.app{flex-direction:column;height:auto;min-height:100vh}.sidebar{width:100%!important;min-width:unset;max-width:unset;border-right:none;border-bottom:1px solid var(--border);max-height:50vh;overflow-y:auto}#sidebar button#hideSidebarBtn{display:block!important}.main{height:50vh;min-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.header h1{font-size:18px}.header p{font-size:12px}.content{padding:12px}.section{margin-bottom:12px}.section-title{font-size:14px;flex-wrap:wrap}.btn{padding:8px 12px;font-size:13px}.btn-primary{width:100%;margin-bottom:8px}.result-card{padding:12px}.result-header{flex-direction:column;gap:4px;align-items:flex-start}.result-title{font-size:14px}.result-rate{font-size:16px}.info-card{padding:10px}.info-row{flex-direction:column;gap:2px}.goods-summary{flex-direction:column;gap:8px}.summary-item{padding:8px}.goods-item{flex-wrap:wrap;gap:8px}.goods-info{flex:1;min-width:120px}.goods-name{font-size:13px}.goods-spec{font-size:11px}.goods-tags{flex-wrap:wrap}.tag-rotate,.tag-stack,.tag-no{font-size:10px;padding:2px 4px}.vehicle-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.vehicle-tab{padding:6px 10px;font-size:12px;flex-shrink:0}.footer{flex-direction:column;gap:8px;padding:12px}.footer-left{flex-wrap:wrap;gap:8px}.footer-item{font-size:12px}.footer-right{flex-wrap:wrap;gap:8px;justify-content:center}.btn-footer{padding:6px 12px;font-size:12px}.loading-overlay{padding:20px}.loading-spinner{width:32px;height:32px}.loading-progress{font-size:18px}.modal{padding:16px;margin:12px;width:calc(100% - 24px)}.form-row{flex-direction:column;gap:8px}.form-group input[type=number]{width:100%}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.empty-state{padding:24px 12px}.empty-icon{font-size:32px}}