/* 瑜伽知识列表页（/wiki）专属样式。设计稿 1920 画布，1x */

/* 1 banner 首屏：背景图自带「瑜伽知识百科」字样，比例与课程页横幅一致 */
.wiki-banner { min-height: 0; padding: 0; aspect-ratio: 1920 / 428; background-image: url("/assets/images/wiki/banner-bg.jpg"); }
.wiki-banner::before { content: none; }

/* 2 分类标签：一行居中，间距 48 */
.wiki-body { padding: 4.25rem 0 13.625rem; } /* 设计稿首屏到标签 68，列表到页脚 218 */
.wiki-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 3rem; margin-bottom: 4.25rem; }

/* 3 文章列表：内容宽 800 居中；序号标题 + 分隔线 + 三行摘要 */
.wiki-list { max-width: 50rem; margin: 0 auto; }
.wiki-list li + li { margin-top: 4.25rem; }
.wiki-item-title { margin: 0 0 1.5rem; padding-bottom: 0.75rem; border-bottom: 1px solid var(--dy-border); font-size: 1.5rem; font-weight: 500; line-height: 1.4; }
.wiki-item-title a { color: var(--dy-text); text-decoration: none; transition: color 0.2s ease; }
.wiki-item-title a:hover { color: var(--dy-primary); }
.wiki-item-no { margin-right: 0.25em; }
.wiki-item-excerpt { display: -webkit-box; margin: 0; overflow: hidden; font-size: 0.875rem; line-height: 1.86; color: var(--dy-text-muted); -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

/* 响应式 */
@media (max-width: 1199.98px) {
  .wiki-tabs { gap: 1rem 1.5rem; }
}

@media (max-width: 767.98px) {
  .wiki-banner { aspect-ratio: auto; min-height: 180px; background-size: auto 100%; }
  .wiki-body { padding: 1.5rem 0 4rem; }
  /* 标签横向滚动，不换行 */
  .wiki-tabs { flex-wrap: nowrap; justify-content: flex-start; gap: 0.5rem; margin-bottom: 2rem; padding: 2px 1px; overflow-x: auto; scrollbar-width: none; }
  .wiki-tabs::-webkit-scrollbar { display: none; }
  .wiki-list li + li { margin-top: 2.5rem; }
  .wiki-item-title { margin-bottom: 1rem; font-size: 1.125rem; }
}