/* ============================================================

   skin-2.css · Our Smart Baby

   Skin-2 · 分类·产品

   适用页面：Hub2产品分类页

   加载顺序：26/34

   ============================================================ */



/* 产品分类页布局 */

.category-page {

  max-width: 1200px;

  margin: 0 auto;

  padding: 0 var(--gutter);

}



/* H1 */

.category-page h1 {

  font-size: var(--text-4xl);

  font-weight: var(--font-bold);

  margin-bottom: var(--rhythm-normal);

}



/* 信任条 */

.category-page .trust-bar {

  padding: var(--space-4) 0;

  border-bottom: 1px solid var(--color-border);

  margin-bottom: var(--rhythm-normal);

}



/* 动态存活证明 */

.category-page .page-alive {

  margin-bottom: var(--rhythm-normal);

}



/* 原创主题导语 */

.category-page .topic-intro {

  font-size: var(--text-lg);

  color: var(--color-text-secondary);

  max-width: 800px;

  margin-bottom: var(--rhythm-loose);

  line-height: var(--leading-relaxed);

}



/* 判断框架 */

.category-page .judgment-framework {

  margin-bottom: var(--rhythm-loose);

}



/* 意图分流漏斗 */

.category-page .intent-funnel {

  margin-bottom: var(--rhythm-loose);

}



/* 编辑精选区 · 卡片网格 */

.category-page .editor-picks {

  margin-bottom: var(--rhythm-breath);

}



.category-page .editor-picks h2 {

  font-size: var(--text-2xl);

  margin-bottom: var(--rhythm-normal);

}



.category-page .editor-picks .picks-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

  gap: var(--space-5);

}



/* 快速推荐区 */

.category-page .quick-recommend {

  margin: var(--rhythm-loose) 0;

  padding: var(--space-6);

  background-color: var(--color-primary-50);

  border-radius: var(--radius-lg);

  border-left: 4px solid var(--color-primary-500);

}



/* 子分类导航 */

.category-page .subcategory-nav {

  margin: var(--rhythm-breath) 0;

}



.category-page .subcategory-nav h3 {

  font-size: var(--text-xl);

  margin-bottom: var(--rhythm-normal);

}



.category-page .subcategory-nav .subcategory-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));

  gap: var(--space-3);

}



.category-page .subcategory-nav a {

  display: flex;

  flex-direction: column;

  align-items: center;

  padding: var(--space-4);

  background-color: var(--color-surface);

  border: 1px solid var(--color-border);

  border-radius: var(--radius-md);

  text-align: center;

  transition: all var(--duration-normal) var(--ease-out);

  min-height: 80px;

}



.category-page .subcategory-nav a:hover {

  border-color: var(--color-primary-400);

  background-color: var(--color-primary-50);

}



/* L3探索入口 */

.category-page .exploration-hook {

  margin: var(--rhythm-loose) 0;

}



/* 完整文章列表 */

.category-page .article-list {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));

  gap: var(--space-5);

  margin: var(--rhythm-loose) 0;

}



/* FAQ */

.category-page .faq-section {

  margin: var(--rhythm-breath) 0;

}



/* 移动端 */

@media (max-width: 768px) {

  .category-page h1 { font-size: var(--text-3xl); }

  .category-page .topic-intro { font-size: var(--text-base); }



  .category-page .editor-picks .picks-grid,

  .category-page .article-list {

    grid-template-columns: 1fr;

  }



  .category-page .subcategory-nav .subcategory-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}