/* 叶 · HOME：分组数量变化时仍只显示当前分组 */
html[data-ye-tabs-ready="1"] .sun-main .item-card-group-list > .item-card-group:not(.ye-home-group-active) {
  display: none !important;
  visibility: hidden !important;
}
html[data-ye-tabs-ready="1"] .sun-main .item-card-group-list > .item-card-group.ye-home-group-active {
  display: flex !important;
  visibility: visible !important;
}

/* 分组切换：图标和名称轻微上浮、柔和渐显，错开极短时间 */
@keyframes ye-card-reveal {
  from { opacity: 0; transform: translate3d(0, 7px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
html[data-ye-tabs-ready="1"] .sun-main .item-card-group-list > .item-card-group.ye-home-group-active .item-card-container > .item-card-box {
  animation: ye-card-reveal 260ms cubic-bezier(.22,.72,.29,1) both !important;
  animation-delay: var(--ye-card-delay, 0ms) !important;
}
html[data-ye-tabs-ready="1"] .sun-main .ye-home-group-active .item-card-container > .item-card-box:nth-child(2) { --ye-card-delay: 18ms !important; }
html[data-ye-tabs-ready="1"] .sun-main .ye-home-group-active .item-card-container > .item-card-box:nth-child(3) { --ye-card-delay: 36ms !important; }
html[data-ye-tabs-ready="1"] .sun-main .ye-home-group-active .item-card-container > .item-card-box:nth-child(4) { --ye-card-delay: 54ms !important; }
html[data-ye-tabs-ready="1"] .sun-main .ye-home-group-active .item-card-container > .item-card-box:nth-child(5) { --ye-card-delay: 72ms !important; }
html[data-ye-tabs-ready="1"] .sun-main .ye-home-group-active .item-card-container > .item-card-box:nth-child(6) { --ye-card-delay: 90ms !important; }
html[data-ye-tabs-ready="1"] .sun-main .ye-home-group-active .item-card-container > .item-card-box:nth-child(7) { --ye-card-delay: 108ms !important; }
@media (prefers-reduced-motion: reduce) {
  html[data-ye-tabs-ready="1"] .sun-main .item-card-group-list > .item-card-group.ye-home-group-active .item-card-container > .item-card-box { animation: none !important; }
}

/* 标题和搜索区占满内容容器，避免 80% 内层让搜索框向右溢出 */
.sun-main > .scroll-container > div:first-child > div:has(.search-box) {
  width: 100% !important;
  max-width: 100% !important;
}

/* 固定标题和搜索区的视觉基准：分组内容变化不再推挤首页 */
.sun-main > .scroll-container {
  display: block !important;
}
.sun-main > .scroll-container > div:first-child {
  min-height: 342px !important;
  margin-top: max(80px, calc(50vh - 215px)) !important;
  margin-bottom: max(40px, 5vh) !important;
  position: static !important;
  top: auto !important;
}
.sun-main .item-card-group-list > .item-card-group {
  position: static !important;
  inset: auto !important;
  width: min(820px, calc(100vw - 40px)) !important;
  max-width: min(820px, calc(100vw - 40px)) !important;
  margin: 52px auto 0 !important;
  transform: none !important;
  z-index: auto !important;
}
.sun-main .item-card-group-list > .item-card-group > .item-card-group-box {
  width: 100% !important;
}

/* 只上移 LOGO 与时钟行，搜索栏和分组基准保持固定 */
.sun-main .flex:has(> .logo) {
  position: relative !important;
  top: -20px !important;
}
@media (max-width: 900px) {
  .sun-main .flex:has(> .logo) { top: -12px !important; }
}

/* 搜索框保持独立圆角，标签在其左下方单独成条 */
.sun-main .flex.mx-auto:has(> .search-box) {
  width: min(780px, calc(100vw - 48px)) !important;
  max-width: calc(100vw - 48px) !important;
}
.sun-main .search-box { width: 100% !important; }
.sun-main .search-box .search-container {
  height: 54px !important;
  min-height: 54px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 18px !important;
  background: rgba(16,22,42,.50) !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
  backdrop-filter: blur(18px) saturate(125%) !important;
  box-shadow: 0 10px 26px rgba(12,23,43,.17) !important;
}
.sun-main .search-box input {
  height: 100% !important;
  font-size: 16px !important;
  padding: 0 12px !important;
}

#toc-sidebar {
  position: fixed !important;
  top: calc(var(--ye-nav-top, 296px) + 7px) !important;
  left: var(--ye-nav-left, calc(50vw - 390px)) !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: min(600px, calc(100vw - 32px)) !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  padding: 4px 8px !important;
  z-index: 40 !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  border-radius: 14px !important;
  background: rgba(224,237,252,.24) !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
  backdrop-filter: blur(18px) saturate(125%) !important;
  box-shadow: 0 8px 22px rgba(12,23,43,.15) !important;
}
#toc-sidebar > .toc-sidebar-box {
  display: flex !important;
  flex: 0 1 auto !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  scrollbar-width: none !important;
}
#toc-sidebar > .toc-sidebar-box::-webkit-scrollbar { display: none !important; }
#toc-sidebar .title-bar-box {
  position: relative !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 84px !important;
  max-width: none !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
  transform: none !important;
  cursor: pointer !important;
  transition: color 160ms ease !important;
}
#toc-sidebar .title-bar-box .title-bar-slip { display: none !important; }
#toc-sidebar .title-bar-box .title-bar-title {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}
#toc-sidebar .title-bar-box.active,
#toc-sidebar .title-bar-box.title-bar-active {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#toc-sidebar .title-bar-box.active .title-bar-title,
#toc-sidebar .title-bar-box.title-bar-active .title-bar-title {
  color: #fff !important;
  font-weight: 650 !important;
}
#toc-sidebar .title-bar-box::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 2px !important;
  width: 0 !important;
  height: 2px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #a8d4ff, #c9c0ff) !important;
  transform: translateX(-50%) !important;
  transition: width 160ms ease !important;
}
#toc-sidebar .title-bar-box.active::after,
#toc-sidebar .title-bar-box.title-bar-active::after { width: 28px !important; }
#toc-sidebar .title-bar-box:hover .title-bar-title { color: #fff !important; }

@media (max-width: 900px) {
  .sun-main > .scroll-container > div:first-child {
    min-height: 0 !important;
    top: 0 !important;
    margin-top: calc(2% + 82px) !important;
    margin-bottom: 5% !important;
  }
  .sun-main .flex.mx-auto:has(> .search-box) {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
  }
  .sun-main .search-box .search-container {
    height: 50px !important;
    min-height: 50px !important;
  }
  #toc-sidebar {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 3px 8px 5px !important;
  }
  #toc-sidebar .title-bar-box {
    flex: 0 0 auto !important;
    min-width: 78px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
  }
  #toc-sidebar .title-bar-box .title-bar-title { font-size: 13px !important; }
  .sun-main .item-card-group-list > .item-card-group {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 36px auto 0 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #toc-sidebar .title-bar-box,
  #toc-sidebar .title-bar-box::after { transition: none !important; }
}

/* 恢复页底品牌标识，不占用中部内容高度 */
.custom-footer > div[style*="margin:68px 0 24px"] {
  display: block !important;
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 20px !important;
  z-index: 15 !important;
  width: max-content !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateX(-50%) !important;
  color: rgba(255,255,255,.74) !important;
  text-shadow: 0 2px 8px rgba(16,28,46,.52) !important;
  pointer-events: none !important;
}
@media (max-height: 650px) {
  .custom-footer > div[style*="margin:68px 0 24px"] { bottom: 12px !important; }
}