.hot-ranking-list[data-v-5431c9bf]{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden;transition:box-shadow .3s ease}.hot-ranking-list[data-v-5431c9bf]:hover{box-shadow:0 4px 20px rgba(0,0,0,.12)}.ranking-header[data-v-5431c9bf]{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-5431c9bf]{display:flex;align-items:center;gap:8px}.title-icon[data-v-5431c9bf]{font-size:20px;animation:fire-pulse-5431c9bf 1.5s ease-in-out infinite}@keyframes fire-pulse-5431c9bf{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.title-text[data-v-5431c9bf]{font-size:18px;font-weight:600;color:#212429}.header-refresh[data-v-5431c9bf]{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-5431c9bf]:hover{color:#ff8d1a}@keyframes rotate-5431c9bf{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ranking-content[data-v-5431c9bf]{height:455px;position:relative;overflow:hidden}.ranking-content .el-loading-mask[data-v-5431c9bf]{display:flex;align-items:center;justify-content:center}.ranking-content .el-loading-spinner[data-v-5431c9bf]{margin:0}.ranking-items[data-v-5431c9bf]{display:flex;flex-direction:column}.ranking-item[data-v-5431c9bf]{display:block;padding:6px 12px;cursor:pointer;transition:all .3s ease;border-bottom:1px solid #f5f5f5;position:relative;overflow:visible;z-index:1}.ranking-item-content[data-v-5431c9bf]{display:flex;align-items:center}.ranking-item[data-v-5431c9bf]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .3s ease}.ranking-item.is-top[data-v-5431c9bf]{background:linear-gradient(90deg,#fffbf5,#fff)}.item-rank[data-v-5431c9bf]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0}.rank-number[data-v-5431c9bf]{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-5431c9bf]{color:#f2b100;background:#fff9e6}.rank-second[data-v-5431c9bf]{color:#909399;background:#f5f7fa}.rank-third[data-v-5431c9bf]{color:#d48806;background:#fff6e6}.item-content[data-v-5431c9bf]{flex:1;min-width:0;margin-right:16px;line-height:1.2;transition:all .3s ease}.content-main[data-v-5431c9bf],.item-content[data-v-5431c9bf]{display:flex;align-items:center;gap:8px}.content-subtitle[data-v-5431c9bf]{font-size:12px;color:#909399;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.content-title[data-v-5431c9bf]{font-size:13px;color:#212429;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.tag-hot[data-v-5431c9bf],.tag-new[data-v-5431c9bf],.tag-recommend[data-v-5431c9bf]{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-5431c9bf]{background:#e8f4ff;color:#1890ff}.tag-hot[data-v-5431c9bf]{background:#fff1f0;color:#ff4d4f;animation:hot-pulse-5431c9bf 2s ease-in-out infinite}@keyframes hot-pulse-5431c9bf{0%,to{opacity:1}50%{opacity:.7}}.tag-recommend[data-v-5431c9bf]{background:#fff7e6;color:#ff8d1a}.item-metrics[data-v-5431c9bf]{min-width:72px;display:flex;flex-direction:column;align-items:flex-end;color:#000}.metric-value[data-v-5431c9bf]{font-size:13px;font-weight:500;color:#909399;line-height:1;margin-bottom:1px}.metric-label[data-v-5431c9bf]{font-size:11px;color:#909399;font-weight:400}.empty-state[data-v-5431c9bf]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#909399}.empty-state i[data-v-5431c9bf]{font-size:48px;margin-bottom:16px;color:#dcdfe6}.empty-state p[data-v-5431c9bf]{font-size:14px;margin:0}.ranking-footer[data-v-5431c9bf]{padding:12px 20px;text-align:center;border-top:1px solid #f0f0f0}.ranking-footer .el-button[data-v-5431c9bf]{font-size:14px;color:#909399}.ranking-footer .el-button[data-v-5431c9bf]:hover{color:#ff8d1a}.list-enter-active[data-v-5431c9bf],.list-leave-active[data-v-5431c9bf]{transition:all .4s ease}.list-enter-from[data-v-5431c9bf]{opacity:0;transform:translateX(-30px)}.list-leave-to[data-v-5431c9bf]{opacity:0;transform:translateX(30px)}.list-move[data-v-5431c9bf]{transition:transform .4s ease}.hover-show[data-v-5431c9bf]{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-5431c9bf]{height:auto;min-height:160px;opacity:1;padding:16px;transform:perspective(400px) rotateX(0deg)}.hover-rank[data-v-5431c9bf]{position:absolute;top:16px;left:12px;z-index:1}.hover-image[data-v-5431c9bf]{width:100%;position:relative}.hover-image img[data-v-5431c9bf]{width:100%;height:200px;-o-object-fit:contain;object-fit:contain;border-radius:4px;background:#f5f5f5;display:block}.hover-image .image-title[data-v-5431c9bf]{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-5431c9bf]{width:100%;padding-left:36px;display:flex;flex-direction:column;justify-content:center}.hover-info .hover-main[data-v-5431c9bf]{gap:12px;overflow:hidden;display:flex;flex-direction:column}.hover-info .hover-title[data-v-5431c9bf]{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-5431c9bf]{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-5431c9bf]{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-5431c9bf]{flex-wrap:wrap;gap:12px;padding:12px 16px}.header-tabs[data-v-5431c9bf]{order:3;width:100%;justify-content:center}.tab-item[data-v-5431c9bf]{padding:6px 12px;font-size:13px}.ranking-item[data-v-5431c9bf]{padding:12px 16px}.ranking-item-content[data-v-5431c9bf]{flex-wrap:wrap;gap:8px}.item-content[data-v-5431c9bf]{width:calc(100% - 52px);margin-right:0}.item-metrics[data-v-5431c9bf]{position:absolute;right:16px;top:12px;min-width:60px;padding:6px 12px}.metric-value[data-v-5431c9bf]{font-size:18px}.metric-label[data-v-5431c9bf]{font-size:11px}.content-title[data-v-5431c9bf]{font-size:14px}.hover-show.is-active[data-v-5431c9bf]{height:auto;min-height:160px}.hover-content[data-v-5431c9bf]{flex-direction:column;align-items:flex-start}.hover-image[data-v-5431c9bf]{width:100%;height:100px}}@media screen and (max-width:480px){.header-title[data-v-5431c9bf]{font-size:16px}.title-icon[data-v-5431c9bf]{font-size:18px}.item-rank[data-v-5431c9bf]{width:28px;height:28px;margin-right:12px}.rank-number[data-v-5431c9bf]{width:24px;height:24px;font-size:14px}.tag-hot[data-v-5431c9bf],.tag-new[data-v-5431c9bf],.tag-recommend[data-v-5431c9bf]{font-size:10px;padding:1px 4px}}.hot-ranking-demo[data-v-02fd3228]{max-width:800px;margin:0 auto}.complaint-ranking-list[data-v-b09cf92c]{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:box-shadow .3s ease}.complaint-ranking-list[data-v-b09cf92c]:hover{box-shadow:0 4px 20px rgba(0,0,0,.12)}.ranking-header[data-v-b09cf92c]{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-b09cf92c]{display:flex;align-items:center;gap:8px}.title-icon[data-v-b09cf92c]{font-size:20px}.title-text[data-v-b09cf92c]{font-size:18px;font-weight:600;color:#212429}.header-period .period-select[data-v-b09cf92c]{width:140px}.header-period .period-select[data-v-b09cf92c] .el-input__inner{background-color:#f5f7fa;border-radius:20px;border:none;color:#333;font-weight:500;height:32px;line-height:32px}.header-period .period-select[data-v-b09cf92c] .el-input__icon{line-height:32px}.header-tabs[data-v-b09cf92c]{display:flex;gap:4px;background:#f5f7fa;padding:4px;border-radius:8px}.tab-item[data-v-b09cf92c]{padding:6px 16px;font-size:14px;color:#606266;cursor:pointer;border-radius:6px;transition:all .3s ease}.tab-item.active[data-v-b09cf92c]{background:#fff;color:#ff8d1a;font-weight:500;box-shadow:0 2px 8px rgba(255,141,26,.2)}.ranking-content[data-v-b09cf92c]{min-height:300px}.ranking-items[data-v-b09cf92c]{display:flex;flex-direction:column}.ranking-item[data-v-b09cf92c]{display:block;padding:12px;cursor:pointer;transition:all .3s ease;border-bottom:1px solid #f5f5f5;position:relative;overflow:visible;z-index:1}.ranking-item-content[data-v-b09cf92c]{display:flex;align-items:center}.ranking-item[data-v-b09cf92c]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .3s ease}.ranking-item.is-top[data-v-b09cf92c]{background:linear-gradient(90deg,#fffbf5,#fff)}.item-rank[data-v-b09cf92c]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.rank-badge[data-v-b09cf92c]{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;animation:badge-bounce-b09cf92c .6s ease}@keyframes badge-bounce-b09cf92c{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.rank-number[data-v-b09cf92c]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#909399;background:#f5f7fa;border-radius:4px;transition:all .3s ease}.rank-first[data-v-b09cf92c]{color:#f2b100;background:#fff9e6}.rank-second[data-v-b09cf92c]{color:#909399;background:#f5f7fa}.rank-third[data-v-b09cf92c]{color:#d48806;background:#fff6e6}.item-car-image[data-v-b09cf92c]{width:100px;height:60px;margin-right:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f9f9fa;border-radius:6px;overflow:hidden;transition:all .3s ease}.item-car-image img[data-v-b09cf92c]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.item-content[data-v-b09cf92c]{flex:1;min-width:0;margin-right:16px;transition:all .3s ease}.content-main[data-v-b09cf92c],.content-rating[data-v-b09cf92c]{display:flex;align-items:center;gap:8px}.content-rating[data-v-b09cf92c]{transition:all .3s ease;overflow:hidden}.content-rating .star-rating[data-v-b09cf92c]{display:flex;gap:2px}.content-rating .star-rating .star[data-v-b09cf92c]{font-size:14px;color:#dcdfe6;font-style:normal}.content-rating .star-rating .star.filled[data-v-b09cf92c]{color:#f2b100}.content-rating .rating-score[data-v-b09cf92c]{font-size:13px;font-weight:600;color:#f2b100}.content-title[data-v-b09cf92c]{font-size:14px;color:#212429;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.tag-hot[data-v-b09cf92c],.tag-new[data-v-b09cf92c]{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;font-size:11px;border-radius:4px;font-weight:500;flex-shrink:0;transition:all .3s ease}.tag-new[data-v-b09cf92c]{background:#e8f4ff;color:#1890ff}.tag-hot[data-v-b09cf92c]{background:#fff1f0;color:#ff4d4f;animation:hot-pulse-b09cf92c 2s ease-in-out infinite}@keyframes hot-pulse-b09cf92c{0%,to{opacity:1}50%{opacity:.7}}.content-tags[data-v-b09cf92c]{display:flex;align-items:center;gap:6px;font-size:13px;color:#909399;transition:all .3s ease;overflow:hidden;flex-wrap:nowrap}.content-tags .tag-item[data-v-b09cf92c]{color:#606266;white-space:nowrap}.content-tags .tag-divider[data-v-b09cf92c]{color:#dcdfe6;white-space:nowrap}.content-tags .tag-container[data-v-b09cf92c]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}.content-issue[data-v-b09cf92c]{display:flex;align-items:center;gap:4px;font-size:12px;color:#f56c6c;transition:all .3s ease;overflow:hidden;max-width:100%;flex-shrink:1}.content-issue i[data-v-b09cf92c]{font-size:14px;cursor:help;flex-shrink:0}.content-issue span[data-v-b09cf92c]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.content-price[data-v-b09cf92c]{font-size:13px;color:#606266;transition:all .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-price .price-label[data-v-b09cf92c]{color:#909399}.content-price .price-value[data-v-b09cf92c]{color:#ff8d1a;font-weight:500}.item-complaint[data-v-b09cf92c]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px;padding:2px 12px;background:linear-gradient(135deg,#fff5f0,#fff);border-radius:6px;border:1px solid #ffe8d9;flex-shrink:0;transition:all .3s ease}.complaint-value[data-v-b09cf92c]{font-size:16px;font-weight:700;color:#ff4d4f;line-height:1;margin-bottom:1px}.complaint-label[data-v-b09cf92c]{font-size:12px;color:#909399;font-weight:500}.empty-state[data-v-b09cf92c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#909399}.empty-state i[data-v-b09cf92c]{font-size:48px;margin-bottom:16px;color:#dcdfe6}.empty-state p[data-v-b09cf92c]{font-size:14px;margin:0}.ranking-footer[data-v-b09cf92c]{padding:12px 20px;text-align:center;border-top:1px solid #f0f0f0}.ranking-footer .el-button[data-v-b09cf92c]{font-size:14px;color:#909399}.list-enter-active[data-v-b09cf92c],.list-leave-active[data-v-b09cf92c]{transition:all .4s ease}.list-enter-from[data-v-b09cf92c]{opacity:0;transform:translateX(-30px)}.list-leave-to[data-v-b09cf92c]{opacity:0;transform:translateX(30px)}.list-move[data-v-b09cf92c]{transition:transform .4s ease}.hover-show[data-v-b09cf92c]{margin-top:4px;background:#f9f9fa;border:1px solid #f0f0f0;border-radius:8px;padding:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;animation:slideDown-b09cf92c .3s ease;height:160px;display:flex;flex-direction:column;position:relative}.hover-rank[data-v-b09cf92c]{position:absolute;top:8px;left:8px;z-index:1}@keyframes slideDown-b09cf92c{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hover-content[data-v-b09cf92c]{display:flex;gap:12px;flex:1;overflow:hidden;align-items:flex-start}.hover-image[data-v-b09cf92c]{width:100px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f9f9fa;border-radius:6px;overflow:hidden}.hover-image img[data-v-b09cf92c]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.hover-info[data-v-b09cf92c]{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;overflow:hidden;max-width:100%}.hover-main[data-v-b09cf92c]{display:flex;align-items:center;gap:8px;overflow:hidden}.hover-title[data-v-b09cf92c]{font-size:16px;color:#212429;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:768px){.ranking-header[data-v-b09cf92c]{flex-wrap:wrap;gap:12px;padding:12px 16px}.header-tabs[data-v-b09cf92c]{order:3;width:100%;justify-content:center}.tab-item[data-v-b09cf92c]{padding:6px 12px;font-size:13px}.ranking-item[data-v-b09cf92c]{padding:12px 16px;flex-wrap:wrap;gap:8px}.item-car-image[data-v-b09cf92c]{display:none}.item-content[data-v-b09cf92c]{width:calc(100% - 52px);margin-right:0}.item-complaint[data-v-b09cf92c]{position:absolute;right:16px;top:12px;min-width:60px;padding:6px 12px}.complaint-value[data-v-b09cf92c]{font-size:18px}.complaint-label[data-v-b09cf92c]{font-size:11px}.content-title[data-v-b09cf92c]{font-size:14px}.content-tags[data-v-b09cf92c]{font-size:12px}}@media screen and (max-width:480px){.header-title[data-v-b09cf92c]{font-size:16px}.title-icon[data-v-b09cf92c]{font-size:18px}.item-rank[data-v-b09cf92c]{width:28px;height:28px;margin-right:12px}.rank-badge[data-v-b09cf92c]{width:24px;height:24px}.rank-number[data-v-b09cf92c]{width:24px;height:24px;font-size:14px}.tag-hot[data-v-b09cf92c],.tag-new[data-v-b09cf92c]{font-size:10px;padding:1px 4px}}.complaint-ranking-demo[data-v-6932476e]{padding-top:20px;margin:0 auto}.ranking-grid[data-v-6932476e]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width:768px){.ranking-grid[data-v-6932476e]{grid-template-columns:1fr}}.ranking-item[data-v-6932476e]{min-height:400px;width:100%;box-sizing:border-box;overflow:hidden}.scrollable-chart[data-v-5249188e]{width:100%;height:400px}.car-quality-ranking[data-v-160c7b86]{margin:0 auto;padding:20px 0 0 0;width:calc(100vw - 24px);max-width:90rem;min-height:100vh;box-sizing:border-box;background-color:#f9f9fa}.top-layout[data-v-160c7b86]{display:flex;position:relative}.top-layout-left[data-v-160c7b86]{flex:2;min-width:0}.top-layout-right[data-v-160c7b86]{flex:3;min-width:0;position:relative}.top-layout-right .chart-box[data-v-160c7b86]{position:absolute;left:0;background-color:hsla(0,0%,100%,.7);top:50%;padding:20px;transform:translateY(-50%);box-sizing:border-box;width:100%;border-radius:0 16px 16px 0}.header-banner[data-v-160c7b86]{margin-bottom:20px;width:100%;height:140px;line-height:140px;text-align:center;font-family:YouSheBiaoTiHei;color:#fff;font-size:42px;font-weight:700;background-color:#ffa35a;background-image:url(../img/top_banner_bg.a58fdae5.png);background-size:1200px 100%;background-position:-260px 0;background-repeat:no-repeat}.top-period-selector[data-v-160c7b86]{display:flex;justify-content:flex-end;margin-bottom:20px;padding:0 20px}.top-period-selector .pill-select[data-v-160c7b86]{width:140px;transition:all .3s ease}.top-period-selector .pill-select[data-v-160c7b86] .el-input__inner{background:linear-gradient(135deg,#fff5f0,#ffe8d9);border-radius:20px;border:1px solid #ffd4be;color:#ff8d1a;font-weight:600;height:34px;line-height:34px;padding-left:16px;transition:all .3s ease;box-shadow:0 2px 8px rgba(255,141,26,.15)}.top-period-selector .pill-select[data-v-160c7b86] .el-input__inner:hover{background:linear-gradient(135deg,#ffe8d9,#ffd4be);border-color:#ff8d1a;box-shadow:0 4px 12px rgba(255,141,26,.25)}.top-period-selector .pill-select[data-v-160c7b86] .el-input__inner:focus{background:linear-gradient(135deg,#ffe8d9,#ffd4be);border-color:#ff8d1a;box-shadow:0 4px 12px rgba(255,141,26,.3)}.top-period-selector .pill-select[data-v-160c7b86] .el-input__icon{line-height:34px;color:#ff8d1a;font-weight:600}.top-period-selector .pill-select[data-v-160c7b86] .el-select-dropdown__item{color:#666;font-weight:500;transition:all .2s ease}.top-period-selector .pill-select[data-v-160c7b86] .el-select-dropdown__item:hover{background-color:#fff5f0;color:#ff8d1a}.top-period-selector .pill-select[data-v-160c7b86] .el-select-dropdown__item.selected{color:#ff8d1a;font-weight:600;background-color:#fff5f0}@media(max-width:1200px){.car-quality-ranking[data-v-160c7b86]{width:calc(100vw - 16px)}.top-layout[data-v-160c7b86]{flex-direction:column}}