@font-face {
  font-family: 'iconfont';  /* Project id 5067457 */
  font-size: 18px;
  src: url('//at.alicdn.com/t/c/font_5067457_b3kvsxak6y6.woff2?t=1763462525258') format('woff2'),
       url('//at.alicdn.com/t/c/font_5067457_b3kvsxak6y6.woff?t=1763462525258') format('woff'),
       url('//at.alicdn.com/t/c/font_5067457_b3kvsxak6y6.ttf?t=1763462525258') format('truetype');
}

.sites-body.is-views {
    padding-right: 0px !important ;
}

.card-body.ajax-panel {
  padding: 6px 20px 14px 20px !important;
  height: 365px !important;
}

.custom-background.module-id-1 {
  padding-top: 20px !important;
}

@media (max-width: 768px) {
  .custom-background.module-id-1 {
    padding-top: 0px !important;
    margin-top: -26px !important;
  }
}

.btn-sm {
  font-size: 14px !important;
  padding: 2px 5px 2px 5px !important;
}

.big-title.text-center.mb-3.mb-md-4 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; /* 自定义数值 */
}

.title-name,
.hotapi-ico {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custom-component-wrapper {
  position: relative;
  margin-top: 10px;
}

#ai-container {
  max-width: 800px;
  margin: 1 auto;
  position: relative;
}

/* 热搜词条分类标题 */
.io-black-mode .title-name {
  color: #e0e0e0;
}

/* 夜间模式下的文心助手提示文本颜色 */
.io-black-mode .new_search_guide_bub_container_center_1OCA8 {
  color: #cdd4da !important;
}

/* 夜间模式下的按钮文本颜色 */
.io-black-mode .new_search_guide_bub_container_text_1ySg3 {
  background: linear-gradient(90deg, #7ba4fc, #d0a5ff);
  background-clip: text;
  color: transparent;
}

/* 夜间模式下的按钮背景 */
.io-black-mode .new_search_guide_bub_container_right_btn_2AXuG {
  background: #434446 !important;
}

/* 夜间模式下的"更多"按钮背景 */
.io-black-mode .more-dropdown-trigger,
.io-black-mode .drop-down-btn_2L7_a {
  background-color: #363738 !important;
  color: #cdd4da !important;
}

/* 最后一个更多按钮子菜单向上展开 */
.panel-list:last-child .more-dropdown-menu-wrapper {
  position: relative;
}

.panel-list:last-child .more-dropdown-menu {
  position: absolute;
  bottom: 400%;
  top: auto !important;
}

/* 夜间模式下最后一个更多按钮子菜单的箭头颜色 */
.io-black-mode .panel-list:last-child .more-dropdown-menu-wrapper::before {
  border-top-color: #363738;
}

.io-black-mode .widget-tag-cloud {
  background-color: #2c2e2f;
  border: 1px solid #434446;
}

.io-black-mode .card-header {
  background-color: #363738;
  border-bottom: 1px solid #434446;
}

.io-black-mode .widget-title {
  color: #cdd4da;
}

.io-black-mode .s-mancacrd-main {
  background-color: rgba(54, 55, 56, 0.95);
  color: #cdd4da;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

/* 为热榜内容添加夜间模式支持 */
.io-black-mode .hot-search-item {
  color: #cdd4da;
}

.io-black-mode .hot-search-item:hover {
  background-color: #434446;
}

/* 为下拉菜单添加夜间模式支持 */
.io-black-mode .more-dropdown-menu {
  background-color: #363738;
  border: 1px solid #434446;
}

.io-black-mode .more-dropdown-menu .panel_2vfwX {
  color: #cdd4da;
}

/* .io-black-mode .more-dropdown-menu-wrapper {
  background-color: #2f3031 !important;
} */

.io-black-mode .more-dropdown-menu .panel_2vfwX:hover {
  background-color: #434446;
}

.io-black-mode .more-dropdown-trigger:hover {
  background-color: #434446 !important;
}

.io-black-mode .panel_2vfwX {
  background: rgba(54, 55, 56, 0.8) !important;
  color: #cdd4da !important;
}

.widget-tag-cloud {
  width: 310px;
  position: absolute;
  top: -2px;
  bottom: 0;
  margin-bottom: 0px;
}

.ajax-auto-post {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10; /* Ensure it's above the title */
}

.tag-cloud-left {
  right: 100%;
  margin-right: 20px;
}

.widget-title {
  color: #333;
  font-size: 16px !important;
}

.io-black-mode .widget-title {
  color: #cdd4da;
}

@media (prefers-color-scheme: dark) {
  /* 其他元素的深色模式样式 */
  .widget-titlet {
    color: #ffffff !important;
  }
}

.widget-title .iconfont {
  font-size: 20px !important; /* Dark color for visibility */
}

.tag-cloud-right {
  left: 100%;
  margin-left: 20px;
}

.s-mancacrd-main {
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 8px 16px 0px 16px;
  font-size: 14px;
  background-color: rgba(209, 209, 209, 0.95);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

#ai-container .panel-list {
  display: flex;
  justify-content: center;
  width: 100%;
  bottom: -84px;
  gap: 8px;
}

.new_search_guide_bub_1fA4D {
  flex: 0;
}

.panel_2vfwX {
  position: relative;
  cursor: pointer;
  border-radius: 12px;
  height: 36px;
  box-sizing: border-box;
  flex-grow: 1;
  flex-shrink: 0;
  background: #f6f7fe;
  display: flex;

  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}

.panel_2vfwX .new_search_guide_bub_container_EUWhk {
  width: 100%;
  height: 100%;
  padding: 0 5px 0 18px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.panel_2vfwX
  .new_search_guide_bub_container_EUWhk
  .new_search_guide_bub_container_center_1OCA8 {
  position: relative;
  white-space: nowrap;
  font-size: 14px;
  letter-spacing: 0.06em;
  line-height: 20px;
  font-weight: 500;
  color: #333;
}

.panel_2vfwX
  .new_search_guide_bub_container_EUWhk
  .new_search_guide_bub_container_right_btn_2AXuG {
  position: relative;
  display: flex;

  justify-content: center;
  align-items: center;
  width: 74px;
  height: 26px;
  border-radius: 15px;
  margin-left: 9px;
  background: #fff;
  color: #4e6ef2;
}

.panel_2vfwX
  .new_search_guide_bub_container_EUWhk
  .new_search_guide_bub_container_text_1ySg3 {
  background: linear-gradient(90deg, #3377fe, #ba59ff);
  background-clip: text;
  color: transparent;
}

.panel_2vfwX {
  position: relative;
  cursor: pointer;
  border-radius: 12px;
  height: 36px;
  box-sizing: border-box;
  flex-grow: 1;
  flex-shrink: 0;
  background: #f6f7fe;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}

.panel_2vfwX img {
  height: 16px;
  width: 16px;
  margin-right: 6px;
}

.panel_2vfwX:hover {
  color: #4e6ef2;
  background: #eff2fe;
}

.panel_2vfwX:hover img {
  filter: brightness(0) saturate(100%) invert(35%) sepia(77%) saturate(2345%)
    hue-rotate(218deg) brightness(103%) contrast(99%);
}

.panel_2vfwX .new_search_guide_bub_container_EUWhk .right_btn_svg_1x8eU {
  position: absolute;
}

.panel_2vfwX .new_search_guide_bub_container_EUWhk .right_btn_svg_1x8eU rect {
  filter: blur(0.2px);
  opacity: 0;
  transition: 240ms ease-in opacity;
}
.chat-input-tooltip.cos-tooltip {
  position: relative;
}

.more-dropdown-container {
  position: relative;
  width: 86px;
}

.more-dropdown-container:hover .more-dropdown-menu {
  display: block;
}

/* 为第二列panel-list中的更多菜单添加延迟隐藏效果 */
.panel-list:last-child .more-dropdown-container:hover .more-dropdown-menu {
  display: block;
  animation: fadeIn 0.3s ease-in-out;
}

.panel-list:last-child .more-dropdown-container .more-dropdown-menu {
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.panel-list:last-child .more-dropdown-container:hover .more-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.1s; /* 添加延迟显示 */
}

/* 为第二列panel-list中的更多菜单添加鼠标离开延迟 */
.panel-list:last-child .more-dropdown-container {
  position: relative;
}

.panel-list:last-child .more-dropdown-menu-wrapper {
  pointer-events: auto;
  /* 在菜单和按钮之间创建连接区域，防止鼠标移动时菜单消失 */
  margin-top: -5px; /* 向上偏移，减少间隙 */
  padding-top: 5px; /* 添加顶部内边距作为连接区域 */
}

.panel-list:last-child
  .more-dropdown-container:hover
  .more-dropdown-menu-wrapper {
  pointer-events: auto;
}

/* 为菜单添加延迟隐藏效果 */
.panel-list:last-child .more-dropdown-container .more-dropdown-menu-wrapper {
  transition: opacity 0.3s ease-in-out 0.2s, visibility 0.3s ease-in-out 0.2s;
}

.panel-list:last-child
  .more-dropdown-container:not(:hover)
  .more-dropdown-menu-wrapper {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.3s; /* 鼠标离开后延迟0.3秒隐藏 */
}

.panel-list:last-child
  .more-dropdown-container:not(:hover)
  .more-dropdown-menu {
  opacity: 0;
  visibility: hidden;
  transition-delay: 0.3s; /* 鼠标离开后延迟0.3秒隐藏 */
}

/* 当鼠标在连接区域时保持菜单显示 */
.panel-list:last-child .more-dropdown-container:hover::after,
.panel-list:last-child .more-dropdown-menu-wrapper:hover {
  opacity: 1;
  visibility: visible;
}

/* 确保菜单在鼠标悬停时保持显示 */
.panel-list:last-child .more-dropdown-menu-wrapper:hover .more-dropdown-menu {
  opacity: 1;
  visibility: visible;
  display: block;
}

/* 添加淡入动画 */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.more-dropdown-menu-wrapper {
  position: absolute;
  z-index: 1;
  padding: 6px 0;
}

.more-dropdown-menu {
  display: none;
  box-sizing: border-box;
  width: 120px;
  padding: 10px 9px;
  border-radius: 18px;
  border: 0.5px #dbdce0 solid;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  background: #fff;
}

.more-dropdown-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.more-dropdown-trigger-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-right: 6px;
}

.toast-root_1ZTPr {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 21px 0 #1e1f2433;
  box-sizing: border-box;
  color: #333;
  display: flex;
  height: 42px;
  top: 15px;
  left: 50%;
  opacity: 0;
  padding: 12px 15px;
  pointer-events: none;
  position: fixed;
  text-align: center;
  transform: translate(-50%);
  transition: top 0.3s ease, opacity 0.16s ease;
  z-index: 902;
}

.toast-root-view_28aig {
  opacity: 1;
}

.toast-content_14k2i {
  flex-shrink: 0;
  text-align: center;
  font-size: 16px;
  line-height: 23px;
  margin: 3px 0;
}

.smart-input-mic_3blO0 {
  display: none;
}

.drop-down-btn_2L7_a {
  position: relative;
  cursor: pointer;
  border-radius: 12px;
  height: 36px;
  box-sizing: border-box;
  flex-grow: 1;
  flex-shrink: 0;
  background: #f6f7fe;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}

.drop-down-btn_2L7_a:hover {
  color: #4e6ef2;
  background: #eff2fe;
}

.drop-down-btn_2L7_a:hover img {
  filter: brightness(0) saturate(100%) invert(35%) sepia(77%) saturate(2345%)
    hue-rotate(218deg) brightness(103%) contrast(99%);
}

.drop-down-menu-wrapper_-I6Hm {
  top: 100%;
  left: 0;
}

.drop-down-menu_1hfyl.drop-down-menu_1hfyl.drop-down-menu_1hfyl > * {
  height: 32px;
  padding-left: 9px;
  background: #fff;
}

.drop-down-menu_1hfyl.drop-down-menu_1hfyl.drop-down-menu_1hfyl > *:hover {
  background: rgba(78, 110, 242, 0.06);
}

.drop-down-menu_1hfyl.drop-down-menu_1hfyl.drop-down-menu_1hfyl
  > *:not(:last-child) {
  margin-bottom: 8px;
}

.drop-down-menu_1hfyl.drop-down-menu_1hfyl.drop-down-menu_1hfyl * {
  justify-content: flex-start;
}

.panel_2vfwX .new_search_guide_bub_container_EUWhk:hover {
  text-decoration: none;
  background: transparent;
}

.panel_2vfwX
  .new_search_guide_bub_container_EUWhk:hover
  .new_search_guide_bub_container_center_1OCA8 {
  color: #4e6ef2;
  background: unset;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: unset;
}

.panel_2vfwX .new_search_guide_bub_container_EUWhk:active,
.panel_2vfwX .new_search_guide_bub_container_EUWhk:visited {
  text-decoration: none;
  color: unset;
}

.panel_2vfwX
  .new_search_guide_bub_container_EUWhk
  .new_search_guide_bub_container_center_1OCA8 {
  position: relative;
  white-space: nowrap;
  font-size: 14px;
  letter-spacing: 0.06em;
  line-height: 20px;
  font-weight: 500;
  color: #333;
}

.panel_2vfwX
  .new_search_guide_bub_container_EUWhk
  .new_search_guide_bub_container_center_1OCA8
  .emoji-text {
  color: #333;
  -webkit-text-fill-color: #333;
  line-height: 18px;
}

.panel_2vfwX
  .new_search_guide_bub_container_EUWhk
  .new_search_guide_bub_container_text_1ySg3 {
  background: linear-gradient(90deg, #3377fe, #ba59ff);
  background-clip: text;
  color: transparent;
}

.panel_2vfwX
  .new_search_guide_bub_container_EUWhk
  .new_search_guide_bub_container_right_btn_2AXuG {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 26px;
  border-radius: 15px;
  margin-left: 9px;
  background: #fff;
  color: #4e6ef2;
}

.panel_2vfwX .new_search_guide_bub_container_EUWhk .right_btn_svg_1x8eU {
  position: absolute;
}

.panel_2vfwX .new_search_guide_bub_container_EUWhk .right_btn_svg_1x8eU rect {
  filter: blur(0.2px);
  opacity: 0;
  transition: 240ms ease-in opacity;
}

.svg_2cDwx {
  position: absolute;
  top: calc(-1 * var(--svg-padding));
  left: calc(-1 * var(--svg-padding));
}

.svg_2cDwx rect {
  filter: blur(0.2px);
  opacity: 0;
  transition: 240ms ease-in opacity;
}

.panel_2vfwX .new_search_guide_bub_container_EUWhk .right_btn_svg_1x8eU rect {
  filter: blur(0.2px);
  opacity: 0;
  transition: 240ms ease-in opacity;
}

.s-menu-container,
.s-menu-gurd {
  width: 100%;
}

.s-menu-container {
  position: relative;
  min-height: 32px;
}

.s-ctner-menus {
  position: relative;
  z-index: 0;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  height: 32px;
}

#s_menu_gurd.s-down .s-ctner-menus {
  width: 1040px;
}

@media screen and (max-width: 1460px) {
  #s_menu_gurd.s-down .s-ctner-menus {
    width: 896px;
  }
}

#s_menu_gurd.s-down {
  background-color: #f5f5f6;
  margin-top: -32px;
}

.s-ctner-menus .s-menus-outer {
  width: 100%;
}

.desktop-opt.desktop-opt-new {
  color: #9195a3;
}

.desktop-opt.desktop-opt-new i {
  color: #9195a3;
}

.desktop-opt {
  display: none;
  position: absolute;
  z-index: 3;
  right: 0;
  top: -42px;
  color: #9195a3;
  cursor: pointer;
}

.desktop-opt:hover {
  color: #315efb;
}

.desktop-opt:hover i {
  color: #315efb;
}

.desktop-opt i {
  position: relative;
  top: 1px;
  left: 0;
  margin-right: 3px;
  font-size: 16px;
  color: #9195a3;
}

#s_xmancard_desktop {
  position: relative;
  min-width: 944px;
}

.c-wrapper-hot-news-all #s_xmancard_desktop {
  min-width: auto;
}

.desktop-vis {
  display: block;
}

.s-ctner-contents.desktop-ctner-contents {
  min-height: auto;
}

.s-ctner-contents.desktop-ctner-contents .s-ctner-contents {
  min-height: auto;
}

.s-ctner-contents.desktop-ctner-contents .s-ctner-contents .s-content {
  padding-bottom: 0;
}

.c-wrapper-hot-news-all .s-ctner-contents {
  min-height: 0;
}

.c-wrapper-hot-news-all .s-ctner-contents .s-content {
  padding-bottom: 15px;
}

.s-ctner-menus .menus-wrapper {
  height: 100%;
  color: #9195a3;
}

.s-ctner-menus .s-menu-item {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-right: 24px;
  margin-top: 4px;
  line-height: 26px;
  font-weight: 500;
}

.s-ctner-menus .s-menu-item .hotsearch-title-icon {
  display: inline-block;
  width: 55px;
  height: 15px;
  vertical-align: text-top;
  background: url(https://psstatic.cdn.bcebos.com/basics/aichat/hot_search_grey_1747826297000.png)
    no-repeat center/contain;
}

.s-ctner-menus .s-menu-item .hotsearch-title-icon::before {
  content: "";
  position: absolute;
  background-image: url(https://psstatic.cdn.bcebos.com/basics/aichat/hot_search_x3_1747880381000.png);
}

.s-ctner-menus .current .hotsearch-title-icon {
  background-image: url(https://psstatic.cdn.bcebos.com/basics/aichat/hot_search_x3_1747880381000.png);
}

.s-top-nav .s-menu-gurd {
  min-height: 40px;
}

.s-top-nav .s-ctner-menus {
  height: 40px;
}

.s-top-nav .s-ctner-menus .s-menu-item {
  margin-top: 2px;
  line-height: 36px;
}

.s-ctner-menus .s-menu-item:hover {
  color: #315efb;
}

.s-ctner-menus .s-menu-item:hover .hotsearch-title-icon {
  background-image: url(https://psstatic.cdn.bcebos.com/basics/aichat/hot_search_x3_1747880381000.png);
}

.s-ctner-menus .current,
.s-ctner-menus .current:hover {
  color: #315efb;
}

.s-ctner-menus .s-menu-item-underline {
  display: none;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 28px;
  height: 3px;
  transform: translateX(-50%) scale(0.5);
  background: #4e71f2;
  border-radius: 4px;
}

.s-ctner-menus-ai .s-menu-item {
  font-size: 16px;
  margin-top: 0;
}

.s-ctner-menus-ai .s-menu-item.current {
  font-weight: 600;
}

.s-ctner-menus-ai .s-menu-item-underline {
  bottom: -6px;
}

.s-ctner-menus .current .s-menu-item-underline {
  display: inline-block;
}

.s-ctner-menus .current .s-menu-item-underline-hot {
  background: #fd1f01;
}

.desktop_bar .s-ctner-menus .s-menu-item-underline {
  background: #4e71f2;
}

.s-ctner-contents {
  width: 100%;
  min-height: 363px;
  _height: 363px;
  _overflow: visible;
}

.s-ctner-contents-additem {
  min-height: 634px;
}

.s-skin-hasbg .s-ctner-contents {
  _background-color: #fff;
  _border: none;
  _padding: 1px;
}

.s-ctner-contents .s-content-load {
  padding: 150px 0;
}

.s-ctner-contents .s-content-load img {
  width: 44px;
  height: 16px;
}

.s-ctner-contents .s-loading {
  height: 53px;
  width: 95%;
  padding-top: 11px;
  margin: 0 auto;
  border-top: 1px solid #f0f0f0;
  font-size: 14px;
}

.s-ctner-contents .s-loading img {
  width: 44px;
  height: 16px;
}

.s-ctner-contents .s-loading .load-done,
.s-ctner-contents .s-loading .load-text,
.s-ctner-contents .s-loading img {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
}

.s-ctner-contents .s-loading .no-more {
  color: #9195a3;
  margin-top: 10px;
}

.s-ctner-contents .s-loading .load-done {
  height: 22px;
  width: 22px;
  margin-top: 10px;
  background: url("https://pss.bdstatic.com/static/superman/img/card_setts-c75091e958.png")
    no-repeat 0 -72px;
  _background: url("https://pss.bdstatic.com/static/superman/img/card_setts_ie-50c159f293.png")
    no-repeat 0 -72px;
}

.s-ctner-contents .s-loading .load-text {
  margin-left: 10px;
  color: #9195a3;
}

.s-more-bar {
  width: 90px;
  height: 45px;
  cursor: pointer;
  position: absolute;
  bottom: -48px;
  left: 50%;
  z-index: 5;
  margin-left: -45px;
  padding-top: 0;
}

.s-skin-hasbg .s-more-bar {
  bottom: -50px;
}

.s-ctner-contents .rect .animate-arrow {
  display: none;
}

.s-more-bar .rect {
  height: 24px;
  width: 34px;
  margin: 0 auto;
  font-size: 19px;
}

.s-card-split {
  height: 363px;
  overflow: hidden;
}

.auto-refresh-toast-wrapper {
  width: 560px;
  z-index: 10000;
}

.bd-pc-toast-wrapper {
  z-index: 10000;
}

/* 热榜左右两栏布局样式 */
.hot-search-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.hot-search-left,
.hot-search-right {
  flex: 1;
  width: 50%;
}

.hot-search-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.hot-search-list li {
  position: relative;
  padding: 12px 16px;
  transition: none;
  color: #313131;
  border-bottom: none;
}

/* 移除鼠标经过时的背景变色，改为文字变色 */
.hot-search-list li:hover {
  background-color: transparent;
  color: #4e6ef2;
}

/* 鼠标经过时保持前三名排名颜色不变 */
.hot-search-list li:hover .hot-search-rank.top3 {
  color: #ff6b3b;
}

/* 确保后三名在鼠标经过时也使用相同的颜色 */
.hot-search-right li:nth-child(3):hover,
.hot-search-right li:nth-child(4):hover,
.hot-search-right li:nth-child(5):hover {
  color: #4e6ef2;
}

.hot-search-rank {
  display: inline-block;
  width: 20px;
  text-align: center;
  margin-right: 10px;
  font-weight: 500;
  color: #9195a3; /* 默认序号颜色 */
}

.hot-search-rank.top3 {
  color: #ff6b3b; /* 前三名序号颜色 */
}

/* 鼠标经过时保持前三名排名颜色不变 */
.hot-search-list li:hover .hot-search-rank.top3 {
  color: #ff6b3b;
}

/* 鼠标经过时保持其他序号颜色不变 */
.hot-search-list li:hover .hot-search-rank:not(.top3) {
  color: #9195a3;
}

.hot-search-title {
  flex: 1;
  margin-right: 8px;
}

.hot-search-tag {
  display: inline-block;
  padding: 2px 6px;
  font-size: 12px;
  border-radius: 4px;
}

.hot-search-tag.new {
  background-color: #e8f5e9;
  color: #4caf50;
}

.hot-search-tag.hot {
  background-color: #fff3e0;
  color: #ff9800;
}

@media (max-width: 768px) {
  .hot-search-container {
    flex-direction: column;
    gap: 0;
  }

  .hot-search-left,
  .hot-search-right {
    width: 100%;
  }
}

.s-mancacrd-main .hot-search-container .hotapi-list {
  column-count: 2;
  column-gap: 80px;
  overflow: hidden;
  margin: 0 auto;
}

.s-mancacrd-main .hotapi-list li:nth-child(n + 11) {
  display: none !important;
}

.hotapi-list {
  min-height: 0 !important;
  padding: 0px;
}

.extra-title {
  display: inline-block;
  color: #000000;
  position: absolute;
  margin-top: 3px;
  margin-left: 120px;
}

.panel-list:first-child {
  margin-bottom: 10px;
}

.y-hot-search {
  display: flex;
  justify-content: space-between;
  /* gap: 10px; */
  background-color: var(--main-bg-color);

  box-shadow: 0 5px 20px var(--main-shadow);
  border-radius: var(--theme-border-radius);
  overflow: hidden;

  margin-bottom: 10px;
}

.y-hot-search .card {
  /* height: 100px; */
  flex: 1;
  box-shadow: none;
}

.y-hot-search .card-body {
  height: 280px;
}

.y-hot-search .hot-heat {
  display: none !important;
}

.y-hot-search .hotapi-tab-btn {
  color: #313131 !important;
}

/* 朝上展开的下拉菜单样式 */
.drop-up .more-dropdown-menu-wrapper {
  top: auto !important;
  bottom: 300%;
  /* margin-bottom: 8px; */
}

.drop-up .more-dropdown-menu {
  position: absolute;
  bottom: 300%;
  top: auto !important;
  /* margin-bottom: 8px; */
}

/* 夜间模式下朝上展开菜单的箭头颜色 */
.io-black-mode .drop-up-menu::before {
  border-bottom-color: #363738;
}

/* 确保热榜下方的panel-list中的所有下拉菜单都朝上展开 */
/* .panel-list:last-child
  .more-dropdown-container.drop-up
  .more-dropdown-menu-wrapper {
  top: auto !important;
  bottom: 320%;
} */

/* .panel-list:last-child .more-dropdown-container.drop-up .more-dropdown-menu {
  position: absolute;
  bottom: 320%;
  top: auto !important;
  margin-bottom: 8px;
} */

/* 为热榜下方的panel-list中的下拉菜单添加悬停效果 */
/* .panel-list:last-child
  .more-dropdown-container.drop-up:hover
  .more-dropdown-menu {
  display: block;
  animation: fadeInUp 0.3s ease-in-out;
} */

/* 朝上展开的淡入动画 */
/* @keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
} */

/* 确保热榜下方的panel-list中的下拉菜单有正确的层级 */
.panel-list:last-child .more-dropdown-container.drop-up {
  position: relative;
  z-index: 100;
}

.panel-list:last-child
  .more-dropdown-container.drop-up
  .more-dropdown-menu-wrapper {
  z-index: 101;
}

.panel-list:last-child .more-dropdown-container.drop-up .more-dropdown-menu {
  z-index: 102;
}

/* 定义初始样式（根据实际需求填写，比如图片的背景、边框等） */
.new_search_guide_bub_container-icon {
  background: transparent; /* 例如：transparent（透明）或具体颜色 */
  border: none; /* 例如：none */
  opacity: 1; /* 例如：1 */
  width: 16px;
  height: 16px;
  margin-left: 6px;
  /* 其他需要保持的初始样式（如尺寸、margin等） */
}

/* 重置所有状态伪类，强制保持初始样式 */
.new_search_guide_bub_container-icon:hover,
.new_search_guide_bub_container-icon:active,
.new_search_guide_bub_container-icon:focus,
.new_search_guide_bub_container-icon:visited {
  /* 继承初始样式，不做任何修改 */
  background: inherit; /* 继承初始背景 */
  border: inherit; /* 继承初始边框 */
  opacity: inherit; /* 继承初始透明度 */
  /* 其他属性也保持与初始一致，避免被状态改变 */
}

/* link 类型的子菜单 */
.panel-link-with-dropdown {
  position: relative;
}

.panel-link-with-dropdown::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 12px;
  top: 100%;
}

.panel-link-submenu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  display: none;
  flex-direction: column;
  min-width: 180px;
  padding: 10px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  z-index: 10;
  gap: 6px;
}

.panel-link-with-dropdown:hover .panel-link-submenu {
  display: flex;
  animation: fadeIn 0.2s ease;
}

.panel-link-dropup .panel-link-submenu {
  top: auto;
  bottom: calc(100% + 10px);
}

.panel-link-dropup::after {
  top: auto;
  bottom: 100%;
}

.panel-link-submenu-item {
  background: rgba(245, 247, 255, 0.8);
  border-radius: 10px;
  padding: 6px 10px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  transition: all 0.2s ease;
}

.panel-link-submenu-item img {
  width: 18px;
  height: 18px;
  margin-right: 6px;
  object-fit: contain;
}

.panel-link-submenu-item:hover {
  background: #eff2fe;
  color: #ff0000;
}

.io-black-mode .panel-link-submenu {
  background: #2f3031;
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.35);
}

.io-black-mode .panel-link-submenu-item {
  background: rgba(54, 55, 56, 0.8);
  color: #cdd4da;
}

.io-black-mode .panel-link-submenu-item:hover {
  background: #434446;
  color: #7ba4fc;
}

/* 热门网址固定高度滚动 
.hot-sites-box .card-body {
  max-height: 320px;
  overflow-y: auto;
  scrollbar-width: none;
}

.hot-sites-box .card-body::-webkit-scrollbar {
  width: 6px;
}

.hot-sites-box .card-body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.io-black-mode .hot-sites-box .card-body::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
}

.sites-item.style-sites-min .sites-body {
  padding-right: 0;
}
*/