.main-ranking-list[data-v-7e4c6012]{background:#fff;border-radius:8px}.main-item[data-v-7e4c6012]{display:flex;align-items:center;padding:20px 20px;border-bottom:1px solid #f0f0f0}.main-item[data-v-7e4c6012]:last-child{border-bottom:none}.main-item[data-v-7e4c6012]:hover{position:relative;cursor:pointer;z-index:10;box-shadow:0 26px 36px 4px rgba(0,0,0,.02),0 1px 12px -2px rgba(0,0,0,.06)}.item-rank-box[data-v-7e4c6012]{display:flex;align-items:baseline;width:40px;font-style:italic}.item-rank-box .rank-number[data-v-7e4c6012]{font-size:24px;font-weight:700;color:#999}.item-rank-box .rank-number.is-top[data-v-7e4c6012]{color:#333}.item-rank-box .rank-suffix[data-v-7e4c6012]{font-size:12px;color:#333;font-weight:700;margin-left:2px}.item-image[data-v-7e4c6012]{width:120px;height:80px;margin:0 20px}.item-image img[data-v-7e4c6012]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.item-details[data-v-7e4c6012]{flex:1;min-width:0}.item-details .item-header[data-v-7e4c6012]{margin-bottom:8px;display:flex;align-items:center}.item-details .item-header .item-name[data-v-7e4c6012]{font-size:16px;font-weight:700;color:#333}.item-details .item-header .item-desc[data-v-7e4c6012]{font-size:12px;color:#999}.item-details .item-price[data-v-7e4c6012]{font-size:14px;color:#f56c6c;font-weight:700;margin-bottom:8px}.item-details .item-tags[data-v-7e4c6012]{display:flex;flex-wrap:wrap;gap:8px}.item-details .item-tags .tag[data-v-7e4c6012]{font-size:12px;color:#666;background:#f5f5f5;padding:2px 8px;border-radius:12px}.item-score[data-v-7e4c6012]{width:180px;text-align:right;margin-right:30px}.item-score .score-stars[data-v-7e4c6012]{margin-bottom:8px}.item-score .score-stars[data-v-7e4c6012] .el-rate__text{font-weight:700;color:#333!important}.item-score .score-reviews[data-v-7e4c6012]{font-size:12px;color:#409eff;cursor:pointer}.item-actions[data-v-7e4c6012]{display:flex;flex-direction:column;align-items:center;gap:10px}.item-actions .action-btn[data-v-7e4c6012]{color:#333;border-color:#fa0}.item-actions .action-btn[data-v-7e4c6012]:hover{background:#fff8e6;color:#fa0}.empty-state[data-v-7e4c6012]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#909399}.empty-state i[data-v-7e4c6012]{font-size:48px;margin-bottom:16px;color:#dcdfe6}.empty-state p[data-v-7e4c6012]{font-size:14px;margin:0}.load-more[data-v-7e4c6012]{text-align:center;padding:20px 0;color:#409eff;cursor:pointer;min-height:40px}.load-more[data-v-7e4c6012]:hover{color:#66b1ff}.no-more[data-v-7e4c6012]{text-align:center;padding:20px 0;color:#999;font-size:13px}.hot-ranking-list[data-v-985cc89c]{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden;transition:box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.hot-ranking-list[data-v-985cc89c]:hover{box-shadow:0 4px 20px rgba(0,0,0,.12)}.ranking-header[data-v-985cc89c]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#fff9f0,#fff);flex-wrap:wrap;gap:12px}.header-title[data-v-985cc89c]{display:flex;align-items:center;gap:8px}.title-icon[data-v-985cc89c]{font-size:20px;animation:fire-pulse-985cc89c 1.5s ease-in-out infinite}@keyframes fire-pulse-985cc89c{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.title-text[data-v-985cc89c]{font-size:18px;font-weight:600;color:#212429}.header-refresh[data-v-985cc89c]{display:flex;align-items:center;gap:4px;font-size:14px;color:#909399;cursor:pointer;padding:6px 0;border-radius:6px;transition:all .3s ease}.header-refresh[data-v-985cc89c]:hover{color:#ff8d1a}@keyframes rotate-985cc89c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ranking-content[data-v-985cc89c]{flex:1;min-height:0;position:relative;overflow:hidden}.ranking-content .el-loading-mask[data-v-985cc89c]{display:flex;align-items:center;justify-content:center}.ranking-content .el-loading-spinner[data-v-985cc89c]{margin:0}.ranking-items[data-v-985cc89c]{display:flex;flex-direction:column;min-height:100%}.ranking-item[data-v-985cc89c]{display:block;padding:8px 12px;cursor:pointer;transition:all .3s ease;border-bottom:1px solid #f5f5f5;position:relative;overflow:visible;z-index:1}.ranking-item-content[data-v-985cc89c]{display:flex;align-items:center}.ranking-item[data-v-985cc89c]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .3s ease}.ranking-item.is-top[data-v-985cc89c]{background:linear-gradient(90deg,#fffbf5,#fff)}.item-rank[data-v-985cc89c]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0}.rank-number[data-v-985cc89c]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:400;color:#909399;background:#f5f7fa;border-radius:4px;transition:all .3s ease}.rank-first[data-v-985cc89c]{color:#f2b100;background:#fff9e6}.rank-second[data-v-985cc89c]{color:#909399;background:#f5f7fa}.rank-third[data-v-985cc89c]{color:#d48806;background:#fff6e6}.item-content[data-v-985cc89c]{flex:1;min-width:0;margin-right:16px;line-height:1.2;transition:all .3s ease}.content-main[data-v-985cc89c],.item-content[data-v-985cc89c]{display:flex;align-items:center;gap:8px}.content-subtitle[data-v-985cc89c]{font-size:12px;color:#909399;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.content-title[data-v-985cc89c]{font-size:13px;color:#212429;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.tag-hot[data-v-985cc89c],.tag-new[data-v-985cc89c],.tag-recommend[data-v-985cc89c]{display:inline-flex;align-items:center;justify-content:center;padding:1px 4px;font-size:10px;border-radius:3px;font-weight:400;flex-shrink:0;transition:all .3s ease}.tag-new[data-v-985cc89c]{background:#e8f4ff;color:#1890ff}.tag-hot[data-v-985cc89c]{background:#fff1f0;color:#ff4d4f;animation:hot-pulse-985cc89c 2s ease-in-out infinite}@keyframes hot-pulse-985cc89c{0%,to{opacity:1}50%{opacity:.7}}.tag-recommend[data-v-985cc89c]{background:#fff7e6;color:#ff8d1a}.item-metrics[data-v-985cc89c]{min-width:72px;display:flex;flex-direction:column;align-items:flex-end;color:#000}.metric-value[data-v-985cc89c]{font-size:13px;font-weight:500;color:#909399;line-height:1;margin-bottom:1px}.metric-label[data-v-985cc89c]{font-size:11px;color:#909399;font-weight:400}.empty-state[data-v-985cc89c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#909399}.empty-state i[data-v-985cc89c]{font-size:48px;margin-bottom:16px;color:#dcdfe6}.empty-state p[data-v-985cc89c]{font-size:14px;margin:0}.ranking-footer[data-v-985cc89c]{padding:12px 20px;text-align:center;border-top:1px solid #f0f0f0}.ranking-footer .el-button[data-v-985cc89c]{font-size:14px;color:#909399}.ranking-footer .el-button[data-v-985cc89c]:hover{color:#ff8d1a}.list-enter-active[data-v-985cc89c],.list-leave-active[data-v-985cc89c]{transition:all .4s ease}.list-enter-from[data-v-985cc89c]{opacity:0;transform:translateX(-30px)}.list-leave-to[data-v-985cc89c]{opacity:0;transform:translateX(30px)}.list-move[data-v-985cc89c]{transition:transform .4s ease}.hover-show[data-v-985cc89c]{background:#f9f9fa;border:1px solid #f0f0f0;border-radius:8px;height:0;opacity:0;padding:0;transform:perspective(400px) rotateX(-90deg);transform-origin:top center;backface-visibility:hidden;display:flex;align-items:stretch;justify-content:flex-start;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.hover-show.is-active[data-v-985cc89c]{height:auto;min-height:160px;opacity:1;padding:16px;transform:perspective(400px) rotateX(0deg)}.hover-rank[data-v-985cc89c]{position:absolute;top:16px;left:12px;z-index:1}.hover-image[data-v-985cc89c]{width:100%;position:relative}.hover-image img[data-v-985cc89c]{width:100%;height:200px;-o-object-fit:contain;object-fit:contain;border-radius:4px;background:#f5f5f5;display:block}.hover-image .image-title[data-v-985cc89c]{position:absolute;bottom:0;left:0;right:0;font-size:12px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:20px 8px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0 0 4px 4px}.hover-info[data-v-985cc89c]{width:100%;padding-left:36px;display:flex;flex-direction:column;justify-content:center}.hover-info .hover-main[data-v-985cc89c]{gap:12px;overflow:hidden;display:flex;flex-direction:column}.hover-info .hover-title[data-v-985cc89c]{font-size:15px;color:#212429;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.hover-info .hover-subtitle[data-v-985cc89c]{margin-top:4px;font-size:13px;color:#606266;line-height:1.6;padding:8px 12px;background:#f5f7fa;border-radius:4px;border-left:3px solid #ff8d1a}.hover-info .hover-metric[data-v-985cc89c]{margin-top:8px;font-size:14px;color:#ff8d1a;font-weight:700;padding:10px 16px;background:linear-gradient(135deg,#fff9f0,#fff7e6);border-radius:6px;text-align:center;letter-spacing:.5px}@media screen and (max-width:768px){.ranking-header[data-v-985cc89c]{flex-wrap:wrap;gap:12px;padding:12px 16px}.header-tabs[data-v-985cc89c]{order:3;width:100%;justify-content:center}.tab-item[data-v-985cc89c]{padding:6px 12px;font-size:13px}.ranking-item[data-v-985cc89c]{padding:12px 16px}.ranking-item-content[data-v-985cc89c]{flex-wrap:wrap;gap:8px}.item-content[data-v-985cc89c]{width:calc(100% - 52px);margin-right:0}.item-metrics[data-v-985cc89c]{position:absolute;right:16px;top:12px;min-width:60px;padding:6px 12px}.metric-value[data-v-985cc89c]{font-size:18px}.metric-label[data-v-985cc89c]{font-size:11px}.content-title[data-v-985cc89c]{font-size:14px}.hover-show.is-active[data-v-985cc89c]{height:auto;min-height:160px}.hover-content[data-v-985cc89c]{flex-direction:column;align-items:flex-start}.hover-image[data-v-985cc89c]{width:100%;height:100px}}@media screen and (max-width:480px){.header-title[data-v-985cc89c]{font-size:16px}.title-icon[data-v-985cc89c]{font-size:18px}.item-rank[data-v-985cc89c]{width:28px;height:28px;margin-right:12px}.rank-number[data-v-985cc89c]{width:24px;height:24px;font-size:14px}.tag-hot[data-v-985cc89c],.tag-new[data-v-985cc89c],.tag-recommend[data-v-985cc89c]{font-size:10px;padding:1px 4px}}.hot-ranking-demo[data-v-202af365]{width:100%;height:100%}.car-quality-ranking[data-v-37b11427]{margin:0 auto;width:100%;min-height:100vh;box-sizing:border-box;background-color:#f9f9fa}.ranking-banner[data-v-37b11427]{position:relative;max-width:1400px;margin:20px auto 0;background:#0f111a;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px 0 40px;border-radius:8px}.banner-bg[data-v-37b11427]{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,rgba(0,0,0,.8),transparent);z-index:1}.banner-content[data-v-37b11427]{position:relative;z-index:2;width:100%;max-width:1400px;padding:0 20px;display:flex;flex-direction:column;justify-content:center;height:100%}.banner-header[data-v-37b11427]{display:flex;align-items:center;margin-bottom:30px;margin-top:20px}.banner-title-box[data-v-37b11427]{color:#fff;font-style:italic}.banner-title-box .banner-title[data-v-37b11427]{font-size:36px;font-weight:900;letter-spacing:2px;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.banner-title-box .banner-subtitle[data-v-37b11427]{font-size:12px;color:#999;letter-spacing:1px}.banner-tabs[data-v-37b11427]{display:flex;gap:20px}.tab-item[data-v-37b11427]{flex-direction:column;cursor:pointer;color:#999}.tab-item .tab-icon-wrapper[data-v-37b11427],.tab-item[data-v-37b11427]{display:flex;align-items:center;justify-content:center;transition:all .3s}.tab-item .tab-icon-wrapper[data-v-37b11427]{width:60px;height:50px;background:linear-gradient(180deg,#333,#111);border:1px solid #444;border-radius:8px;margin-bottom:8px;box-shadow:0 4px 8px rgba(0,0,0,.3)}.tab-item .tab-icon-wrapper i[data-v-37b11427]{font-size:24px;color:#ccc}.tab-item .tab-name[data-v-37b11427]{font-size:14px;font-weight:700}.tab-item.active[data-v-37b11427],.tab-item[data-v-37b11427]:hover{color:#fa0}.tab-item.active .tab-icon-wrapper[data-v-37b11427],.tab-item:hover .tab-icon-wrapper[data-v-37b11427]{border-color:#fa0;background:linear-gradient(180deg,#431,#210);transform:translateY(-2px);box-shadow:0 6px 12px rgba(255,170,0,.2)}.tab-item.active .tab-icon-wrapper i[data-v-37b11427],.tab-item:hover .tab-icon-wrapper i[data-v-37b11427]{color:#fa0}.ranking-filters-container[data-v-37b11427]{max-width:1400px;margin:20px auto 20px;background:#fff;border-radius:8px;padding:15px 0;z-index:100}.ranking-filters[data-v-37b11427]{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.filter-row[data-v-37b11427]{display:flex;align-items:center;gap:10px}.filter-row.bottom-row[data-v-37b11427] .filter-select-text .el-input__inner{min-width:140px;border:none;background:transparent;padding:0;font-size:14px;cursor:pointer}.filter-row.bottom-row[data-v-37b11427] .filter-select-text .el-input__inner:hover{color:#fa0}.filter-row.bottom-row[data-v-37b11427] .filter-select-text .el-input__suffix{right:40px}.top-layout[data-v-37b11427]{display:flex;width:100%;max-width:1400px;margin:0 auto;gap:20px;align-items:flex-start;padding:0 0 40px}.top-layout-left[data-v-37b11427]{flex:1;min-width:0}.top-layout-right[data-v-37b11427]{position:sticky;top:120px;width:420px;flex-shrink:0}@media(max-width:1200px){.top-layout[data-v-37b11427]{flex-direction:column;width:100%}.top-layout-right[data-v-37b11427]{width:100%}}