@opendesign-plus/components 0.0.1-rc.39 → 0.0.1-rc.40

package/dist/treeshaking/components/search/internal/SearchPanel.css

@@ -1,187 +1,246 @@
-.hover-icon-rotate .o-icon[data-v-5b9cbb86] {
+.hover-icon-rotate .o-icon[data-v-872f0035] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-5b9cbb86] {
+.hover-icon-rotate:hover .o-icon[data-v-872f0035] {
     transform: rotate(-180deg);
 }
 }
-.o-search-panel[data-v-5b9cbb86] {
+.o-search-panel[data-v-872f0035] {
   display: flex;
   flex-direction: column;
   gap: var(--o-gap-4);
 }
-.o-search-panel-section-title.suggest[data-v-5b9cbb86], .o-search-panel-section-title.onestep[data-v-5b9cbb86] {
+.o-search-panel-section-title.suggest[data-v-872f0035], .o-search-panel-section-title.onestep[data-v-872f0035] {
   margin-bottom: var(--o-gap-3);
 }
-.o-search-panel-section-title[data-v-5b9cbb86] {
+.o-search-panel-section-title[data-v-872f0035] {
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-section-title[data-v-5b9cbb86] {
+.o-search-panel-section-title[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-section-title[data-v-5b9cbb86] {
+.o-search-panel-section-title[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-section-title[data-v-5b9cbb86] {
+.o-search-panel-section-title[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-panel-section-title[data-v-5b9cbb86] {
+.o-search-panel-section-title[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-panel-section-title[data-v-5b9cbb86] {
+.o-search-panel-section-title[data-v-872f0035] {
   color: var(--o-color-info3);
   font-weight: 400;
 }
-@media (max-width: 840px) {
-.o-search-panel-section-title[data-v-5b9cbb86] {
-    color: var(--o-color-info1);
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-section-title[data-v-872f0035] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-section-title[data-v-872f0035] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-section-title[data-v-872f0035] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-section-title[data-v-872f0035] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
+.o-search-panel-section-title[data-v-872f0035] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 1200px) {
+.o-search-panel-section-title[data-v-872f0035] {
     font-size: 18px;
     line-height: 26px;
 }
 }
-@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-section-title[data-v-5b9cbb86] {
+@media (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-section-title[data-v-872f0035] {
     font-size: 16px;
     line-height: 24px;
 }
 }
-@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-section-title[data-v-5b9cbb86] {
+@media (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-section-title[data-v-872f0035] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-section-title[data-v-5b9cbb86] {
+@media (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-section-title[data-v-872f0035] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-@media (max-width: 840px) and (max-width: 600px) {
-.o-search-panel-section-title[data-v-5b9cbb86] {
+@media (max-width: 1200px) and (max-width: 600px) {
+.o-search-panel-section-title[data-v-872f0035] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.o-search-panel-item[data-v-5b9cbb86] {
+.o-search-panel-item[data-v-872f0035] {
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-item[data-v-5b9cbb86] {
+.o-search-panel-item[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-item[data-v-5b9cbb86] {
+.o-search-panel-item[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-item[data-v-5b9cbb86] {
+.o-search-panel-item[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-panel-item[data-v-5b9cbb86] {
+.o-search-panel-item[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-panel-item[data-v-5b9cbb86] {
+.o-search-panel-item[data-v-872f0035] {
   padding: 5px var(--o-gap-3);
   cursor: pointer;
-  color: var(--o-color-info1);
+  color: var(--o-color-info2);
   border-radius: var(--o-radius-xs);
   margin: 0 calc(-1 * var(--o-gap-3));
 }
-.o-search-panel-item[data-v-5b9cbb86]:hover {
+.o-search-panel-item[data-v-872f0035]:hover {
   background-color: var(--o-color-control2-light);
 }
-.o-search-panel-item[data-v-5b9cbb86]:active {
+.o-search-panel-item[data-v-872f0035]:active {
   background-color: var(--o-color-control3-light);
 }
-@media (max-width: 840px) {
-.o-search-panel-item[data-v-5b9cbb86] {
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-item[data-v-872f0035] {
     font-size: 16px;
     line-height: 24px;
 }
 }
-@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-item[data-v-5b9cbb86] {
+@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-item[data-v-872f0035] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-item[data-v-5b9cbb86] {
+@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-item[data-v-872f0035] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-item[data-v-5b9cbb86] {
+@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-item[data-v-872f0035] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-@media (max-width: 840px) and (max-width: 600px) {
-.o-search-panel-item[data-v-5b9cbb86] {
+@media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
+.o-search-panel-item[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-panel-onestep-item[data-v-5b9cbb86] {
+@media (max-width: 1200px) {
+.o-search-panel-item[data-v-872f0035] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-item[data-v-872f0035] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-item[data-v-872f0035] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-item[data-v-872f0035] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 1200px) and (max-width: 600px) {
+.o-search-panel-item[data-v-872f0035] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.o-search-panel-onestep-item[data-v-872f0035] {
   display: flex;
   align-items: center;
   white-space: pre-wrap;
 }
-.o-search-panel-onestep-tag[data-v-5b9cbb86] {
+.o-search-panel-onestep-tag[data-v-872f0035] {
   font-size: 12px;
   line-height: 18px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-onestep-tag[data-v-5b9cbb86] {
+.o-search-panel-onestep-tag[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-onestep-tag[data-v-5b9cbb86] {
+.o-search-panel-onestep-tag[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-onestep-tag[data-v-5b9cbb86] {
+.o-search-panel-onestep-tag[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-panel-onestep-tag[data-v-5b9cbb86] {
+.o-search-panel-onestep-tag[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-panel-onestep-tag[data-v-5b9cbb86] {
+.o-search-panel-onestep-tag[data-v-872f0035] {
   height: 20px;
   display: inline-flex;
   align-items: center;
@@ -192,135 +251,142 @@
   border: 1px solid var(--o-color-control4);
   color: var(--o-color-info3);
 }
-.o-search-panel-no-data[data-v-5b9cbb86] {
+@media (max-width: 840px) {
+.o-search-panel-onestep-tag[data-v-872f0035] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.o-search-panel-no-data[data-v-872f0035] {
   font-size: 12px;
   line-height: 18px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-no-data[data-v-5b9cbb86] {
+.o-search-panel-no-data[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-no-data[data-v-5b9cbb86] {
+.o-search-panel-no-data[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-no-data[data-v-5b9cbb86] {
+.o-search-panel-no-data[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-panel-no-data[data-v-5b9cbb86] {
+.o-search-panel-no-data[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-panel-no-data[data-v-5b9cbb86] {
+.o-search-panel-no-data[data-v-872f0035] {
   color: var(--o-color-info3);
   padding: 0 8px;
 }
 @media (max-width: 840px) {
-.o-search-panel-no-data[data-v-5b9cbb86] {
+.o-search-panel-no-data[data-v-872f0035] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-no-data[data-v-5b9cbb86] {
+.o-search-panel-no-data[data-v-872f0035] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-no-data[data-v-5b9cbb86] {
+.o-search-panel-no-data[data-v-872f0035] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-no-data[data-v-5b9cbb86] {
+.o-search-panel-no-data[data-v-872f0035] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 840px) and (max-width: 600px) {
-.o-search-panel-no-data[data-v-5b9cbb86] {
+.o-search-panel-no-data[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-panel-recommend-item[data-v-5b9cbb86] {
+.o-search-panel-recommend-item[data-v-872f0035] {
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-recommend-item[data-v-5b9cbb86] {
+.o-search-panel-recommend-item[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-recommend-item[data-v-5b9cbb86] {
+.o-search-panel-recommend-item[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-recommend-item[data-v-5b9cbb86] {
+.o-search-panel-recommend-item[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-panel-recommend-item[data-v-5b9cbb86] {
+.o-search-panel-recommend-item[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-panel-recommend-item[data-v-5b9cbb86] {
+.o-search-panel-recommend-item[data-v-872f0035] {
   padding: 5px 8px;
   cursor: pointer;
   color: var(--o-color-info1);
   border-radius: var(--o-radius-xs);
 }
-.o-search-panel-recommend-item[data-v-5b9cbb86]:hover {
+.o-search-panel-recommend-item[data-v-872f0035]:hover {
   background-color: var(--o-color-control2-light);
 }
-.o-search-panel-divider[data-v-5b9cbb86] {
+@media (max-width: 840px) {
+.o-search-panel-recommend-item[data-v-872f0035] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.o-search-panel-divider[data-v-872f0035] {
   background: var(--o-color-control4);
   width: 100%;
   height: 1px;
 }
-@media (max-width: 840px) {
-.o-search-panel-divider[data-v-5b9cbb86] {
-    display: none;
-}
-}
-.o-search-panel-common-header[data-v-5b9cbb86] {
+.o-search-panel-common-header[data-v-872f0035] {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.o-search-panel-icon[data-v-5b9cbb86] {
+.o-search-panel-icon[data-v-872f0035] {
   cursor: pointer;
   color: var(--o-color-info1);
   font-size: 16px;
 }
-.o-search-panel-icon[data-v-5b9cbb86]:hover {
+.o-search-panel-icon[data-v-872f0035]:hover {
   color: var(--o-color-primary1);
 }
-.o-search-panel-history-list[data-v-5b9cbb86] {
+.o-search-panel-history-list[data-v-872f0035] {
   display: flex;
   gap: 8px;
   flex-wrap: wrap;
   margin-top: var(--o-gap-3);
 }
-.o-search-panel-history-item[data-v-5b9cbb86] {
+.o-search-panel-history-item[data-v-872f0035] {
   position: relative;
   display: flex;
   align-items: center;
@@ -333,25 +399,25 @@
   cursor: pointer;
 }
 @media (hover: hover) {
-.o-search-panel-history-item[data-v-5b9cbb86]:hover {
+.o-search-panel-history-item[data-v-872f0035]:hover {
     background-color: var(--o-color-control3-light);
     color: var(--o-color-primary1);
 }
-.o-search-panel-history-item:hover .o-search-panel-history-remove[data-v-5b9cbb86] {
+.o-search-panel-history-item:hover .o-search-panel-history-remove[data-v-872f0035] {
     display: inline-flex;
 }
 }
 @media (hover: hover) {
-.o-search-panel-history-item.is-dark[data-v-5b9cbb86]:hover {
+.o-search-panel-history-item.is-dark[data-v-872f0035]:hover {
     background-color: rgb(var(--o-mixedgray-7));
 }
 }
 @media (max-width: 840px) {
-.o-search-panel-history-item[data-v-5b9cbb86] {
+.o-search-panel-history-item[data-v-872f0035] {
     height: 28px;
 }
 }
-.o-search-panel-history-text[data-v-5b9cbb86] {
+.o-search-panel-history-text[data-v-872f0035] {
   max-width: 200px;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -360,60 +426,60 @@
   line-height: 18px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-history-text[data-v-5b9cbb86] {
+.o-search-panel-history-text[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-history-text[data-v-5b9cbb86] {
+.o-search-panel-history-text[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-history-text[data-v-5b9cbb86] {
+.o-search-panel-history-text[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-panel-history-text[data-v-5b9cbb86] {
+.o-search-panel-history-text[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 840px) {
-.o-search-panel-history-text[data-v-5b9cbb86] {
+.o-search-panel-history-text[data-v-872f0035] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-history-text[data-v-5b9cbb86] {
+.o-search-panel-history-text[data-v-872f0035] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-history-text[data-v-5b9cbb86] {
+.o-search-panel-history-text[data-v-872f0035] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-history-text[data-v-5b9cbb86] {
+.o-search-panel-history-text[data-v-872f0035] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 840px) and (max-width: 600px) {
-.o-search-panel-history-text[data-v-5b9cbb86] {
+.o-search-panel-history-text[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-panel-history-remove[data-v-5b9cbb86] {
+.o-search-panel-history-remove[data-v-872f0035] {
   position: absolute;
   right: -8px;
   top: -8px;
@@ -423,11 +489,11 @@
   width: 16px;
   height: 16px;
 }
-.o-search-panel-history-remove[data-v-5b9cbb86] svg {
+.o-search-panel-history-remove[data-v-872f0035] svg {
   width: 16px;
   height: 16px;
 }
-.o-search-panel-history-row[data-v-5b9cbb86] {
+.o-search-panel-history-row[data-v-872f0035] {
   padding: 4px 8px;
   border-radius: var(--o-radius-xs);
   cursor: pointer;
@@ -439,36 +505,42 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-history-row[data-v-5b9cbb86] {
+.o-search-panel-history-row[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-history-row[data-v-5b9cbb86] {
+.o-search-panel-history-row[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-history-row[data-v-5b9cbb86] {
+.o-search-panel-history-row[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-panel-history-row[data-v-5b9cbb86] {
+.o-search-panel-history-row[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (hover: hover) {
-.o-search-panel-history-row[data-v-5b9cbb86]:hover {
+.o-search-panel-history-row[data-v-872f0035]:hover {
     background-color: var(--o-color-control2-light);
     color: var(--o-color-primary1);
 }
 }
-.o-search-panel-hot-list[data-v-5b9cbb86] {
+@media (max-width: 840px) {
+.o-search-panel-history-row[data-v-872f0035] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.o-search-panel-hot-list[data-v-872f0035] {
   display: flex;
   flex-wrap: wrap;
   gap: var(--o-gap-3) var(--o-gap-4);
@@ -477,71 +549,105 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-hot-list[data-v-5b9cbb86] {
+.o-search-panel-hot-list[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-hot-list[data-v-5b9cbb86] {
+.o-search-panel-hot-list[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-hot-list[data-v-5b9cbb86] {
+.o-search-panel-hot-list[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-search-panel-hot-list[data-v-5b9cbb86] {
+.o-search-panel-hot-list[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 840px) {
-.o-search-panel-hot-list[data-v-5b9cbb86] {
+.o-search-panel-hot-list[data-v-872f0035] {
     display: block;
+}
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-hot-list[data-v-872f0035] {
     font-size: 16px;
     line-height: 24px;
 }
 }
-@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-search-panel-hot-list[data-v-5b9cbb86] {
+@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-hot-list[data-v-872f0035] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
-.o-search-panel-hot-list[data-v-5b9cbb86] {
+@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-hot-list[data-v-872f0035] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
-.o-search-panel-hot-list[data-v-5b9cbb86] {
+@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-hot-list[data-v-872f0035] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-@media (max-width: 840px) and (max-width: 600px) {
-.o-search-panel-hot-list[data-v-5b9cbb86] {
+@media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
+.o-search-panel-hot-list[data-v-872f0035] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-search-panel-hot-item[data-v-5b9cbb86] {
+@media (max-width: 1200px) {
+.o-search-panel-hot-list[data-v-872f0035] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-search-panel-hot-list[data-v-872f0035] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
+.o-search-panel-hot-list[data-v-872f0035] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
+.o-search-panel-hot-list[data-v-872f0035] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 1200px) and (max-width: 600px) {
+.o-search-panel-hot-list[data-v-872f0035] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.o-search-panel-hot-item[data-v-872f0035] {
   color: var(--o-color-info1);
   cursor: pointer;
 }
 @media (max-width: 840px) {
-.o-search-panel-hot-item[data-v-5b9cbb86] {
+.o-search-panel-hot-item[data-v-872f0035] {
     margin-top: var(--o-gap-3);
 }
 }
 @media (hover: hover) {
-.o-search-panel-hot-item[data-v-5b9cbb86]:hover {
+.o-search-panel-hot-item[data-v-872f0035]:hover {
     color: var(--o-color-primary1);
 }
 }