*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#1c1c1e;-webkit-font-smoothing:antialiased;background:#f5f6f8;width:100%;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif}.app{background:#f5f6f8;width:100%;min-height:100vh}.header{text-align:center;background:#1a3a5c;padding:28px 20px 24px}.header-title{color:#fff;letter-spacing:1px;font-size:22px;font-weight:700}.header-sub{color:#ffffff80;letter-spacing:2px;margin-top:4px;font-size:12px}.search-section{background:#fff;border-bottom:1px solid #eee;padding:0 16px 20px}.tabs{border-bottom:1px solid #eee;margin-bottom:16px;display:flex}.tab{color:#999;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:14px 0;font-size:14px;transition:color .2s,border-color .2s}.tab.active{color:#1a3a5c;border-bottom-color:#1a3a5c;font-weight:600}.input-area{flex-direction:column;gap:10px;display:flex}.input-box{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;align-items:center;height:48px;padding:0 12px;transition:border-color .2s;display:flex}.input-box:focus-within{background:#fff;border-color:#1a3a5c}.input{color:#1c1c1e;background:0 0;border:none;outline:none;flex:1;height:100%;font-size:15px}.input::placeholder{color:#bbb}.input-clear{color:#888;cursor:pointer;background:#ddd;border:none;border-radius:50%;flex-shrink:0;width:20px;height:20px;font-size:14px;line-height:1}.picker-box{cursor:pointer;justify-content:space-between}.picker-text{color:#1c1c1e;flex:1;font-size:15px}.picker-text.placeholder{color:#bbb}.picker-arrow{color:#bbb;font-size:20px;display:inline-block;transform:rotate(90deg)}.btn-query{color:#fff;letter-spacing:3px;cursor:pointer;background:#1a3a5c;border:none;border-radius:8px;height:48px;font-size:16px;font-weight:600;transition:opacity .2s}.btn-query.loading{opacity:.7;cursor:not-allowed;letter-spacing:1px}.content{padding:16px}.tips{background:#fff;border-radius:10px;padding:20px}.tips-title{color:#333;margin-bottom:14px;font-size:14px;font-weight:600}.tip-item{color:#555;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:14px;line-height:1.5;display:flex}.tip-item:last-child{margin-bottom:0}.tip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.state-box{text-align:center;padding:60px 20px}.state-icon{color:#ddd;letter-spacing:4px;margin-bottom:12px;font-size:28px;font-weight:300}.state-title{color:#666;margin-bottom:6px;font-size:16px}.state-desc{color:#aaa;font-size:13px}.dots{justify-content:center;gap:8px;margin-bottom:12px;display:flex}.dots span{background:#1a3a5c;border-radius:50%;width:8px;height:8px;animation:.9s ease-in-out infinite blink}.dots span:nth-child(2){animation-delay:.18s}.dots span:nth-child(3){animation-delay:.36s}@keyframes blink{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.result-bar{color:#888;justify-content:space-between;margin-bottom:12px;font-size:13px;display:flex}.result-bar b{color:#1a3a5c}.page-text{font-size:12px}.card{background:#fff;border-radius:10px;margin-bottom:10px;padding:16px}.card-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tag-efi{color:#1a3a5c;font-size:15px;font-weight:700}.tag-type{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.tag-blue{color:#2563eb;background:#eff6ff}.tag-green{color:#16a34a;background:#f0fdf4}.tag-indigo{color:#4f46e5;background:#eef2ff}.tag-amber{color:#d97706;background:#fffbeb}.tag-red{color:#dc2626;background:#fef2f2}.tag-slate{color:#475569;background:#f1f5f9}.card-name{color:#111;margin-bottom:12px;font-size:15px;font-weight:600;line-height:1.4}.card-name-sub{color:#999;font-size:13px;font-weight:400}.card-line{background:#f0f0f0;height:1px;margin-bottom:12px}.card-row{align-items:center;gap:10px;margin-bottom:8px;font-size:14px;display:flex}.card-row:last-child{margin-bottom:0}.card-label{color:#bbb;flex-shrink:0;width:68px;font-size:12px}.tag-maker{color:#854d0e;background:#fef9c3;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.oe-num{color:#1a3a5c;letter-spacing:.5px;font-family:SF Mono,Menlo,monospace;font-size:14px;font-weight:500}.pager{justify-content:space-between;align-items:center;padding:8px 0 20px;display:flex}.pager-btn{color:#444;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:9px 22px;font-size:14px}.pager-btn:disabled{opacity:.35;cursor:default}.pager-info{color:#aaa;font-size:13px}.picker-mask{z-index:100;background:#00000073;align-items:flex-end;display:flex;position:fixed;inset:0}.picker-panel{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-height:75vh;animation:.25s slideUp;display:flex}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.picker-header{border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.picker-title{font-size:16px;font-weight:600}.picker-close{color:#666;cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:flex}.picker-search-wrap{flex-shrink:0;padding:12px 16px}.picker-search{color:#1c1c1e;background:#fff;border:1px solid #e8e8e8;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px}.picker-search:focus{border-color:#1a3a5c}.picker-list{flex:1;padding:0 8px 16px;overflow-y:auto}.picker-item{color:#333;cursor:pointer;border-bottom:1px solid #f7f7f7;border-radius:8px;padding:13px 12px;font-size:15px}.picker-item:last-child{border-bottom:none}.picker-item:active{background:#f5f5f5}.picker-item.selected{color:#1a3a5c;background:#eff6ff;font-weight:600}.picker-empty{text-align:center;color:#bbb;padding:30px;font-size:14px}.card-clickable{cursor:pointer;transition:box-shadow .15s,transform .15s}.card-clickable:active{transform:scale(.985);box-shadow:0 0 #0000}.detail-page{z-index:200;-webkit-overflow-scrolling:touch;background:#f5f6f8;position:fixed;inset:0;overflow-y:auto}.detail-header{z-index:10;background:#1a3a5c;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex;position:sticky;top:0}.detail-back{color:#ffffffe6;cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;width:60px;padding:8px 0;font-size:15px;display:flex}.back-arrow{font-size:22px;line-height:1}.detail-header-title{color:#fff;font-size:15px;font-weight:600}.detail-carousel-wrap{background:#000;width:100%;position:relative;overflow:hidden}.carousel-loading{background:#111;justify-content:center;align-items:center;height:240px;display:flex}.carousel-track-wrap{width:100%;overflow:hidden}.carousel-track{will-change:transform;transition:transform .3s;display:flex}.carousel-slide{flex-shrink:0;width:100%}.carousel-img{object-fit:contain;background:#111;width:100%;height:260px;display:block}.carousel-btn{color:#fff;cursor:pointer;z-index:5;background:#00000059;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:48px;font-size:22px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-prev{left:8px}.carousel-next{right:8px}.carousel-dots{justify-content:center;gap:6px;display:flex;position:absolute;bottom:10px;left:0;right:0}.carousel-dot{cursor:pointer;background:#ffffff73;border-radius:50%;width:6px;height:6px;transition:all .2s}.carousel-dot.active{background:#fff;border-radius:3px;width:18px}.carousel-empty{color:#555;background:#1a1a1a;justify-content:center;align-items:center;height:140px;font-size:13px;display:flex}.detail-info-block{background:#fff;margin-bottom:8px;padding:16px}.detail-efi-num{color:#1a3a5c;align-items:center;gap:8px;margin-bottom:8px;font-size:16px;font-weight:700;display:flex}.detail-type-tag{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.detail-prod-name{color:#111;font-size:15px;font-weight:500;line-height:1.5}.detail-prod-sub{color:#999;font-size:13px;font-weight:400}.detail-cards{flex-direction:column;gap:8px;padding-bottom:24px;display:flex}.detail-card{background:#fff;overflow:hidden}.detail-card-head{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;padding:14px 16px;transition:background .15s;display:flex}.detail-card-head:active{background:#f8f9fb}.detail-card-icon{color:#1a3a5c;background:#eef2f8;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;display:inline-flex}.detail-card-title{color:#1a3a5c;flex:1;font-size:15px;font-weight:600}.detail-card-chevron{color:#aaa;font-size:22px;line-height:1;transition:transform .2s;display:inline-block;transform:rotate(90deg)}.detail-card-chevron.open{transform:rotate(-90deg)}.detail-card-body{border-top:1px solid #f3f4f7;padding:0 16px 14px}.spec-row{border-bottom:1px solid #f5f6f8;justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 0;font-size:14px;line-height:1.5;display:flex}.spec-row:last-child{border-bottom:none}.spec-row>span:last-child{color:#1c1c1e;word-break:break-word;text-align:right}.spec-label{color:#999;text-align:left;flex-shrink:0;min-width:84px;font-size:13px}.specs-divider{background:#f0f0f0;height:1px;margin:4px 0}.specs-empty{color:#bbb;text-align:center;padding:16px 0;font-size:13px}.detail-card-count{color:#1a3a5c;background:#eef2f8;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;line-height:1.4}.brand-body{padding-top:4px}.brand-group{border-bottom:1px solid #f5f6f8}.brand-group:last-child{border-bottom:none}.brand-head{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;align-items:center;gap:8px;padding:13px 0;display:flex}.brand-name{color:#1a3a5c;flex:1;font-size:14px;font-weight:600}.brand-count{color:#6b7280;background:#f5f6f8;border-radius:999px;padding:1px 8px;font-size:11px}.brand-chevron{color:#c4cad3;font-size:18px;line-height:1;transition:transform .2s;transform:rotate(90deg)}.brand-chevron.open{transform:rotate(-90deg)}.brand-list{padding-bottom:8px}.vehicle-item{background:#fafbfc;border-radius:6px;margin-bottom:6px;padding:9px 12px;line-height:1.5}.vehicle-item:last-child{margin-bottom:0}.vehicle-name{color:#1c1c1e;word-break:break-word;font-size:14px}.vehicle-code{color:#94a3b8;margin-left:2px;font-family:SF Mono,Menlo,monospace;font-size:12px}.vehicle-period,.vehicle-note{color:#94a3b8;margin-top:2px;font-size:12px}.maker-item{border-bottom:1px solid #f5f6f8;padding:11px 0;line-height:1.5}.maker-item:last-child{border-bottom:none}.maker-name{color:#1a3a5c;font-size:14px;font-weight:500}.maker-address{color:#94a3b8;word-break:break-word;margin-top:3px;font-size:13px}