.hot-ranking-list[data-v-38d338d0]{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-38d338d0]:hover{box-shadow:0 4px 20px rgba(0,0,0,.12)}.ranking-header[data-v-38d338d0]{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-38d338d0]{display:flex;align-items:center;gap:8px}.title-icon[data-v-38d338d0]{font-size:20px;animation:fire-pulse-38d338d0 1.5s ease-in-out infinite}@keyframes fire-pulse-38d338d0{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.title-text[data-v-38d338d0]{font-size:18px;font-weight:600;color:#212429}.header-refresh[data-v-38d338d0]{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-38d338d0]:hover{color:#ff8d1a}@keyframes rotate-38d338d0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ranking-content[data-v-38d338d0]{height:602px;position:relative;overflow:hidden}.ranking-content .el-loading-mask[data-v-38d338d0]{display:flex;align-items:center;justify-content:center}.ranking-content .el-loading-spinner[data-v-38d338d0]{margin:0}.ranking-items[data-v-38d338d0]{display:flex;flex-direction:column}.ranking-item[data-v-38d338d0]{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-38d338d0]{display:flex;align-items:center}.ranking-item[data-v-38d338d0]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .3s ease}.ranking-item.is-top[data-v-38d338d0]{background:linear-gradient(90deg,#fffbf5,#fff)}.item-rank[data-v-38d338d0]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0}.rank-number[data-v-38d338d0]{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-38d338d0]{color:#f2b100;background:#fff9e6}.rank-second[data-v-38d338d0]{color:#909399;background:#f5f7fa}.rank-third[data-v-38d338d0]{color:#d48806;background:#fff6e6}.item-content[data-v-38d338d0]{flex:1;min-width:0;margin-right:16px;transition:all .3s ease}.content-main[data-v-38d338d0]{display:flex;align-items:center;gap:8px}.content-subtitle[data-v-38d338d0]{margin-top:6px;font-size:12px;color:#909399;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-title[data-v-38d338d0]{font-size:13px;color:#212429;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.tag-hot[data-v-38d338d0],.tag-new[data-v-38d338d0],.tag-recommend[data-v-38d338d0]{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-38d338d0]{background:#e8f4ff;color:#1890ff}.tag-hot[data-v-38d338d0]{background:#fff1f0;color:#ff4d4f;animation:hot-pulse-38d338d0 2s ease-in-out infinite}@keyframes hot-pulse-38d338d0{0%,to{opacity:1}50%{opacity:.7}}.tag-recommend[data-v-38d338d0]{background:#fff7e6;color:#ff8d1a}.item-metrics[data-v-38d338d0]{min-width:72px;display:flex;flex-direction:column;align-items:flex-end;color:#000}.metric-value[data-v-38d338d0]{font-size:13px;font-weight:500;color:#909399;line-height:1;margin-bottom:1px}.metric-label[data-v-38d338d0]{font-size:11px;color:#909399;font-weight:400}.empty-state[data-v-38d338d0]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#909399}.empty-state i[data-v-38d338d0]{font-size:48px;margin-bottom:16px;color:#dcdfe6}.empty-state p[data-v-38d338d0]{font-size:14px;margin:0}.ranking-footer[data-v-38d338d0]{padding:12px 20px;text-align:center;border-top:1px solid #f0f0f0}.ranking-footer .el-button[data-v-38d338d0]{font-size:14px;color:#909399}.ranking-footer .el-button[data-v-38d338d0]:hover{color:#ff8d1a}.list-enter-active[data-v-38d338d0],.list-leave-active[data-v-38d338d0]{transition:all .4s ease}.list-enter-from[data-v-38d338d0]{opacity:0;transform:translateX(-30px)}.list-leave-to[data-v-38d338d0]{opacity:0;transform:translateX(30px)}.list-move[data-v-38d338d0]{transition:transform .4s ease}.hover-show[data-v-38d338d0]{background:#f9f9fa;border:1px solid #f0f0f0;border-radius:6px;height:0;opacity:0;padding:0;transform:perspective(400px) rotateX(-90deg);transform-origin:center center;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.hover-show.is-active[data-v-38d338d0]{height:auto;min-height:160px;opacity:1;transform:perspective(400px) rotateX(0deg)}.hover-rank[data-v-38d338d0]{position:absolute;top:8px;left:8px;z-index:1}.hover-image[data-v-38d338d0]{width:100%;position:relative}.hover-image img[data-v-38d338d0]{width:100%;height:200px;-o-object-fit:contain;object-fit:contain;border-radius:4px;background:#f5f5f5;display:block}.hover-image .image-title[data-v-38d338d0]{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-38d338d0]{width:100%}.hover-info .hover-main[data-v-38d338d0]{gap:8px;overflow:hidden}.hover-info .hover-title[data-v-38d338d0]{font-size:13px;color:#666;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover-info .hover-subtitle[data-v-38d338d0]{margin-top:10px;font-size:12px;color:#909399;line-height:1.6}.hover-info .hover-metric[data-v-38d338d0]{margin-top:8px;font-size:12px;color:#ff8d1a;font-weight:600}@media screen and (max-width:768px){.ranking-header[data-v-38d338d0]{flex-wrap:wrap;gap:12px;padding:12px 16px}.header-tabs[data-v-38d338d0]{order:3;width:100%;justify-content:center}.tab-item[data-v-38d338d0]{padding:6px 12px;font-size:13px}.ranking-item[data-v-38d338d0]{padding:12px 16px}.ranking-item-content[data-v-38d338d0]{flex-wrap:wrap;gap:8px}.item-content[data-v-38d338d0]{width:calc(100% - 52px);margin-right:0}.item-metrics[data-v-38d338d0]{position:absolute;right:16px;top:12px;min-width:60px;padding:6px 12px}.metric-value[data-v-38d338d0]{font-size:18px}.metric-label[data-v-38d338d0]{font-size:11px}.content-title[data-v-38d338d0]{font-size:14px}.hover-show.is-active[data-v-38d338d0]{height:auto;min-height:160px}.hover-content[data-v-38d338d0]{flex-direction:column;align-items:flex-start}.hover-image[data-v-38d338d0]{width:100%;height:100px}}@media screen and (max-width:480px){.header-title[data-v-38d338d0]{font-size:16px}.title-icon[data-v-38d338d0]{font-size:18px}.item-rank[data-v-38d338d0]{width:28px;height:28px;margin-right:12px}.rank-number[data-v-38d338d0]{width:24px;height:24px;font-size:14px}.tag-hot[data-v-38d338d0],.tag-new[data-v-38d338d0],.tag-recommend[data-v-38d338d0]{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-area-chart[data-v-7778784c]{position:relative;width:100%;overflow:hidden;padding:18px 18px 14px;border-radius:24px;box-sizing:border-box;background:linear-gradient(180deg,#fff,#fcfcff);border:1px solid #eff1fb;box-shadow:0 10px 26px rgba(89,106,190,.06)}.scrollable-area-chart[data-v-7778784c]:after,.scrollable-area-chart[data-v-7778784c]:before{content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(10px);opacity:.7}.scrollable-area-chart[data-v-7778784c]:before{top:-64px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(171,182,255,.12) 0,rgba(171,182,255,0) 72%)}.scrollable-area-chart[data-v-7778784c]:after{left:-44px;bottom:-96px;width:180px;height:180px;background:radial-gradient(circle,rgba(210,218,255,.16) 0,rgba(210,218,255,0) 72%)}.pulse-title[data-v-7778784c]{position:relative;z-index:2;margin-bottom:12px;color:#24293f;font-size:18px;font-weight:600;line-height:1.2}.pulse-stage[data-v-7778784c]{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#fbfbff,#f3f5ff);border:1px solid rgba(232,236,253,.9);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9)}.pulse-stage[data-v-7778784c]:after,.pulse-stage[data-v-7778784c]:before{content:"";position:absolute;inset:auto;pointer-events:none}.pulse-stage[data-v-7778784c]:before{top:-40px;left:8%;width:240px;height:160px;background:radial-gradient(circle,rgba(158,174,255,.12) 0,rgba(158,174,255,0) 72%)}.pulse-stage[data-v-7778784c]:after{right:10%;bottom:-40px;width:260px;height:140px;background:radial-gradient(circle,rgba(192,204,255,.14) 0,rgba(192,204,255,0) 72%)}.chart-shell[data-v-7778784c]{position:relative;width:100%;height:100%;overflow:hidden}.chart-fade[data-v-7778784c]{position:absolute;top:0;bottom:0;z-index:4;width:56px;pointer-events:none}.chart-fade.left[data-v-7778784c]{left:0;background:linear-gradient(90deg,#f6f7ff,rgba(246,247,255,0))}.chart-fade.right[data-v-7778784c]{right:0;background:linear-gradient(270deg,#f6f7ff,rgba(246,247,255,0))}.area-svg[data-v-7778784c]{position:absolute;top:0;left:0;display:block;height:100%;max-width:none}.grid-line[data-v-7778784c]{stroke:rgba(161,171,235,.18);stroke-width:1}.area-path[data-v-7778784c]{opacity:.9}.line-highlight[data-v-7778784c],.line-shadow[data-v-7778784c],.main-line[data-v-7778784c]{stroke-linecap:round;stroke-linejoin:round}.baseline-point[data-v-7778784c]{fill:rgba(158,169,243,.22)}.data-point[data-v-7778784c],.point-core[data-v-7778784c],.point-halo[data-v-7778784c]{transition:all .35s ease}.pulse-label[data-v-7778784c]{position:absolute;z-index:5;max-width:148px;transform:translate(-50%,-100%)}.pulse-label.below[data-v-7778784c]{transform:translate(-50%)}.pulse-label.active[data-v-7778784c]{max-width:162px}.label-text[data-v-7778784c]{min-width:0;color:#7d83a6;font-size:11px;font-weight:500;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 hsla(0,0%,100%,.75)}.pulse-label.active .label-text[data-v-7778784c]{color:#4a567e;font-weight:600}.empty-state[data-v-7778784c]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#96a0cc;font-size:14px}@media(max-width:1200px){.scrollable-area-chart[data-v-7778784c]{padding:16px 16px 12px}.pulse-title[data-v-7778784c]{margin-bottom:10px;font-size:17px}}.car-quality-ranking[data-v-c279a3ce]{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-c279a3ce]{display:flex;gap:20px}.top-layout-left[data-v-c279a3ce]{flex:2;min-width:0}.top-layout-right[data-v-c279a3ce]{flex:3;min-width:0}.header-banner[data-v-c279a3ce]{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-c279a3ce]{display:flex;justify-content:flex-end;margin-bottom:20px;padding:0 20px}.top-period-selector .pill-select[data-v-c279a3ce]{width:140px;transition:all .3s ease}.top-period-selector .pill-select[data-v-c279a3ce] .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-c279a3ce] .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-c279a3ce] .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-c279a3ce] .el-input__icon{line-height:34px;color:#ff8d1a;font-weight:600}.top-period-selector .pill-select[data-v-c279a3ce] .el-select-dropdown__item{color:#666;font-weight:500;transition:all .2s ease}.top-period-selector .pill-select[data-v-c279a3ce] .el-select-dropdown__item:hover{background-color:#fff5f0;color:#ff8d1a}.top-period-selector .pill-select[data-v-c279a3ce] .el-select-dropdown__item.selected{color:#ff8d1a;font-weight:600;background-color:#fff5f0}@media(max-width:1200px){.car-quality-ranking[data-v-c279a3ce]{width:calc(100vw - 16px)}.top-layout[data-v-c279a3ce]{flex-direction:column}}