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

   skin-3.css · Our Smart Baby

   Skin-3 · 教程·指南

   适用页面：信息型聚合页

   加载顺序：27/34

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



/* 教程聚合页布局 · 单列 + 目录 */

.guide-page {

  max-width: 1000px;

  margin: 0 auto;

  padding: 0 var(--gutter);

}



.guide-page h1 {

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

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

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

}



/* 信任条 */

.guide-page .trust-bar {

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

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

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

}



/* 动态存活证明 */

.guide-page .page-alive {

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

}



/* 原创主题导语 */

.guide-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);

}



/* 判断框架 */

.guide-page .judgment-framework {

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

}



/* 意图分流漏斗 */

.guide-page .intent-funnel {

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

}



/* 编辑精选区 · 单列列表 */

.guide-page .editor-picks {

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

}



.guide-page .editor-picks h2 {

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

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

}



.guide-page .editor-picks .pick-card {

  display: flex;

  align-items: flex-start;

  gap: var(--space-4);

  padding: var(--space-5);

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

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

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

  margin-bottom: var(--space-4);

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

}



.guide-page .editor-picks .pick-card:hover {

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

  box-shadow: var(--shadow-md);

}



.guide-page .editor-picks .pick-number {

  flex-shrink: 0;

  width: 40px;

  height: 40px;

  border-radius: 50%;

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

  color: white;

  display: flex;

  align-items: center;

  justify-content: center;

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

}



/* 快速推荐区 */

.guide-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);

}



/* 子分类导航 */

.guide-page .subcategory-nav {

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

}



.guide-page .subcategory-nav h3 {

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

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

}



/* 完整文章列表 */

.guide-page .article-list {

  display: flex;

  flex-direction: column;

  gap: var(--space-3);

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

}



/* L3探索入口 */

.guide-page .exploration-hook {

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

}



/* FAQ */

.guide-page .faq-section {

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

}



/* 移动端 */

@media (max-width: 768px) {

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

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



  .guide-page .editor-picks .pick-card {

    flex-direction: column;

    gap: var(--space-3);

  }

}