@import url("theme.css?v=25");

/* Archive pagers share the same 50px tap target on tools and robots. */
body .part-pages .nav-item,
body .part-pages .nav-item > a,
body .part-pages .offline-page-gap {
  min-width: 50px !important;
  height: 50px !important;
  box-sizing: border-box !important;
}

body .part-pages .nav-item > a {
  display: grid !important;
  place-items: center !important;
  padding: 0 16px !important;
  line-height: 1 !important;
}

body .part-pages .offline-page-gap {
  display: grid !important;
  place-items: center !important;
}

#offline-toast{position:fixed;left:50%;bottom:30px;z-index:100000;transform:translate(-50%,20px);padding:11px 18px;border-radius:10px;background:#00aefe;color:#101418;font:600 14px/1.3 system-ui,-apple-system,sans-serif;opacity:0;pointer-events:none;transition:.2s ease;box-shadow:0 8px 30px rgba(0,0,0,.3)}#offline-toast.show{opacity:1;transform:translate(-50%,0)}
.offline-snapshot .tax-post-item[hidden]{display:none!important}.offline-snapshot .faq-item .a{display:none!important}.offline-snapshot .faq-item.offline-open .a{display:flex!important}.offline-snapshot .faq-item.offline-open .title-r{transform:rotate(90deg)}.offline-snapshot .faq-item.offline-more-hidden{display:none!important}
.offline-more-faq{display:block;margin:24px auto 0;padding:11px 20px;border:1px solid rgba(0, 174, 254,.45);border-radius:10px;background:rgba(0, 174, 254,.08);color:#00aefe;cursor:pointer;font:600 14px/1.2 system-ui,-apple-system,sans-serif}.offline-more-faq:hover{background:rgba(0, 174, 254,.16)}
.single-robot .offline-disabled-action{opacity:.3!important;pointer-events:none!important;cursor:default}.single-robot .offline-score-placeholder{display:grid;min-height:150px;place-items:center;color:rgba(255,255,255,.72);font-weight:700}
@media(max-width:700px){#offline-toast{bottom:64px;white-space:nowrap}}

/* 左侧导航固定在顶部，避开固定header(88px) */
.menu-l-container.sidebar-fixed{
  position:sticky !important;
  top:88px !important;
  bottom:auto !important;
  left:0 !important;
  right:auto !important;
  align-self:flex-start;
  height:calc(100vh - 88px);
  overflow-y:auto;
  z-index:9;
}
/* robots页面父容器padding补足到88px，与首页一致 */
.custompage-robots{padding-top:88px !important;}

/* 隐藏搜索弹窗 */
.dropdown-search,
.dropdown-search-content,
.dropdown-search-content-in{
  display:none !important;
}

/* AI排行榜页面 - 统一 header 和导航样式 */
.rank-header{
  position:sticky !important;
  top:0 !important;
  z-index:100 !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  padding:0 !important;
  height:88px !important;
  background:#121317 !important;
  border:none !important;
  box-shadow:none !important;
}
.rank-header .rank-brand img{
  height:32px !important;
  width:auto !important;
}
.rank-header .rank-hub{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:6px 16px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:14px !important;
  white-space:nowrap !important;
}
.rank-header .rank-search{
  flex:1 !important;
  max-width:500px !important;
  height:48px !important;
  padding:0 28px !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:24px !important;
  background:#1a1b20 !important;
  color:rgba(255,255,255,.5) !important;
  font-size:14px !important;
  cursor:text !important;
  box-sizing:border-box !important;
}
.rank-header .rank-search-btn{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:1px 6px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#ffbf00,#00d7dc 51%,#1566ff) !important;
  color:#fff !important;
  font-weight:700 !important;
  text-decoration:none !important;
  font-size:14px !important;
  white-space:nowrap !important;
}
.rank-nav{
  position:sticky !important;
  top:0 !important;
  align-self:flex-start !important;
  height:100vh !important;
  overflow-y:auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  padding:0 !important;
  background:#121317 !important;
  width:240px !important;
  min-width:240px !important;
  border:none !important;
  box-shadow:none !important;
}
.rank-nav a{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 20px !important;
  height:44px !important;
  border-radius:10px !important;
  color:rgba(255,255,255,.6) !important;
  text-decoration:none !important;
  font-size:14px !important;
  transition:all .2s !important;
  box-sizing:border-box !important;
}
.rank-nav a:hover{
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
}
.rank-nav a.active{
  background:rgba(0,174,254,.12) !important;
  color:#00aefe !important;
}
.rank-nav a span{
  font-size:16px !important;
}

/* 修复 header 按钮文字重复：覆盖原始 CSS 中 .title::after 的 content */
.site-title .title::before,
.site-title .title::after {
  content: none !important;
}

/* 修复 header 布局偏右：确保 header 内 container 占满宽度，不被通用 .container 的 max-width/margin 影响 */
.header .r-container,
.header .r-container .container {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
/* 修复 flex-row 的 row-reverse 在部分浏览器中导致布局异常，改用 order 控制顺序 */
.header.flex-row {
  flex-direction: row !important;
}
.header.flex-row .l-container {
  order: 1 !important;
}
.header.flex-row .r-container {
  order: 2 !important;
}