/* ---------- 页头 ---------- */
.site-header { background: #fff; box-shadow: 0 0 16px rgba(109,109,109,.12); }
.site-header-top { display: flex; height: 100px; padding-top: 20px; align-items: flex-end; }
.site-logo { flex: none; }
.site-logo img { width: 206px; height: 75px; }
.site-search { width: 1000px; margin-left: 98px; }
/* 搜索框旁 AI 对话搜索入口（GIF 按钮，跳 /chat），与左侧输入框垂直居中（输入框高 48px：(48-38)/2=5px 上移），无 hover 效果 */
.site-search-chat { flex: none; display: block; margin-left: 16px; align-self: flex-end; margin-bottom: 5px; }
.site-search-chat img { display: block; width: 120px; height: 38px; }
.site-search-tabs { margin-left: 5px; display: flex; height: 20px; align-items: center; }
.site-search-tabs button { flex: none; font-size: 14px; line-height: 20px; color: #666; white-space: nowrap; }
.site-search-tabs button.active, .site-search-tabs button:hover { color: #4267B5; font-weight: 500; }
.site-search-tabs i { width: 1px; height: 14px; margin: 0 24px; background: #E0E0E0; flex: none; }
.site-search-form { position: relative; margin-top: 6px; display: flex; height: 48px; align-items: center; border: 2px solid #4267B5; background: #fff; border-radius: 6px; }
.site-search-icon { padding: 0 4px 0 20px; }
.site-search-icon img { width: 20px; height: 20px; }
.site-search-input { flex: 1; min-width: 0; height: 44px; margin-left: 4px; border: 0; outline: none; font-size: 16px; color: #333; background: transparent; font-family: inherit; }
.site-search-input::-webkit-input-placeholder { color: #999; }
.site-search-input:-ms-input-placeholder { color: #999; }
.site-search-btn { flex: none; width: 100px; height: 40px; margin-right: 4px; border-radius: 4px; background: #4267B5; font-size: 18px; font-weight: 500; color: #fff; }
.site-search-btn:hover { background: #395da6; }
/* 下拉展开时输入框只保留上圆角（对齐原版 rounded-t-md） */
.site-search-form.open { border-radius: 6px 6px 0 0; }
/* 清空按钮：有关键词才显示 */
.site-search-clear { display: none; flex: none; width: 20px; height: 20px; margin-right: 8px; align-items: center; justify-content: center; border-radius: 50%; color: #999; }
.site-search-clear:hover { background: #E0E0E0; color: #666; }
/* 清空按钮显隐 = 输入框是否有内容（现代浏览器纯内容驱动，不依赖事件）；
   .has-value 类是 IE11 降级（不支持 :placeholder-shown），JS 在赋词路径同步维护 */
.site-search-form .site-search-input:not(:placeholder-shown) ~ .site-search-clear { display: flex; }
.site-search-form.has-value .site-search-clear { display: flex; }
/* 联想/面板下拉：定位与边框由本类提供，显隐由 JS 控制 */
.site-search-drop { display: none; position: absolute; left: -2px; right: -2px; top: 100%; z-index: 50; background: #fff; border: 2px solid #4267B5; border-top: 0; border-radius: 0 0 6px 6px; box-shadow: 0 4px 12px rgba(15,23,42,.08); text-align: left; }
.site-search-drop.show { display: block; }
/* 关键词联想 */
.site-search-drop .site-search-suggest-item { display: flex; width: 100%; padding: 8px 14px; align-items: center; font-size: 14px; color: #555; text-align: left; height: auto; }
.site-search-drop .site-search-suggest-item:hover, .site-search-drop .site-search-suggest-item.active { background: #edf0f7; color: #4267B5; }
.site-search-suggest-item em { font-style: normal; color: #4267B5; }
/* 聚焦面板：搜索记录 + 热门搜索 */
.site-search-panel { padding: 16px 20px; }
.site-search-panel-title { display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 500; color: #4267B5; }
.site-search-panel-title + .site-search-tags, .site-search-panel-title + .site-search-hot { margin-top: 8px; }
.site-search-page-nav { display: flex; align-items: center; }
.site-search-page-nav button { display: flex; width: 20px; height: 20px; align-items: center; justify-content: center; font-weight: 400; color: #999; }
.site-search-page-nav button:hover { color: #4267B5; }
.site-search-page-nav button[disabled] { color: #ccc; cursor: default; }
.js-history-wrap + .js-hot-wrap { margin-top: 16px; }
.js-history-wrap .site-search-panel-title button { font-weight: 400; }
.site-search-tags { display: flex; flex-wrap: wrap; }
.site-search-tag { padding: 4px 12px; margin: 0 8px 8px 0; font-size: 14px; line-height: 20px; color: #555; background: #F5F5F5; border-radius: 16px; height: auto; }
.site-search-tag:hover { background: #EBF1FF; color: #4267B5; }
/* 热门搜索两列（原版 grid-cols-2 gap-x-8 gap-y-2.5） */
.site-search-hot { display: flex; flex-wrap: wrap; }
.site-search-drop .site-search-hot-item { display: flex; width: 50%; margin: 0 0 10px; padding: 0; align-items: center; font-size: 14px; color: #555; text-align: left; height: auto; border-radius: 0; white-space: nowrap; box-sizing: border-box; }
.site-search-drop .site-search-hot-item:nth-child(even) { padding-left: 32px; }
.site-search-drop .site-search-hot-item i { flex: none; display: flex; width: 16px; height: 16px; margin-right: 8px; align-items: center; justify-content: center; font-size: 12px; font-style: normal; line-height: 1; color: #fff; border-radius: 2px; }
.site-search-drop .site-search-hot-item span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.site-search-drop .site-search-hot-item:hover span { color: #4267B5; }

.site-nav-row { display: flex; margin-top: 28px; height: 58px; align-items: flex-end; }
.site-nav-all {
  flex: none; display: flex; width: 280px; height: 50px; padding: 0 40px;
  align-items: center; background: #4267B5; border-top-left-radius: 6px; border-top-right-radius: 6px;
  font-size: 18px; font-weight: 500; color: #fff;
}
.site-nav-all img { width: 18px; height: 18px; margin-right: 8px; }
.site-nav { display: flex; flex: 1; min-width: 0; height: 50px; margin-left: 24px; align-items: center; justify-content: space-between; font-size: 18px; font-weight: 500; line-height: 22px; }
.site-nav > a, .site-nav-drop { position: relative; flex: none; height: 50px; display: flex; align-items: center; white-space: nowrap; }
.site-nav-drop-toggle { height: 50px; display: flex; align-items: center; }
.site-nav-drop-panel {
  display: none; position: absolute; left: 50%; top: 50px; z-index: 50; width: 160px;
  margin-left: -80px; padding: 8px; background: #fff; border-radius: 6px;
  box-shadow: 0 4px 20px rgba(15,23,42,.12);
}
.site-nav-drop:hover .site-nav-drop-panel { display: block; }
.site-nav-drop-panel a { display: block; height: 32px; padding: 0 8px; border-radius: 4px; font-size: 14px; line-height: 32px; color: #333; white-space: nowrap; }
.site-nav-drop-panel a:hover { background: #edf0f7; color: #4267B5; }
/* 资讯下拉「快讯」的“新”角标（IE11：inline-block，不用 flex） */
.nav-badge-new {
  display: inline-block; margin-left: 4px; padding: 0 3px; height: 16px;
  font-size: 11px; font-style: normal; font-weight: 400; line-height: 16px;
  vertical-align: 2px; color: #fff; background: #f5222d; border-radius: 2px;
}