/* =====================================================================
 * GlimmerAI 首页优化样式
 * 窄容器 + 大留白 + 杂志式布局
 * ===================================================================== */

/* ── 区块间距优化 ── */
.hero {
  min-height: calc(100vh - 56px);
  padding: var(--spacing-xl) 0;
}

.overview-section {
  margin: var(--spacing-xl) 0;
  padding: var(--spacing-lg) 0;
}

.projects-section {
  margin: var(--spacing-xl) 0;
  padding: var(--spacing-lg) 0;
}

.series-section {
  margin: var(--spacing-xl) 0;
  padding: var(--spacing-lg) 0;
}

.featured-section {
  margin: var(--spacing-xl) 0;
  padding: var(--spacing-lg) 0;
}

.learning-path-section {
  margin: var(--spacing-xl) 0;
  padding: var(--spacing-lg) 0;
}

/* ── 窄容器内内容宽度限制 ── */
.overview-grid {
  gap: var(--spacing-xl);
}

.radar-wrap {
  max-width: 320px;
}

.psi-name {
  font-size: 1.6rem;
}

.psi-desc {
  font-size: 0.95rem;
}

.psi-points {
  gap: var(--spacing-sm);
}

/* ── 响应式调整 ── */
@media (max-width: 768px) {
  .overview-grid {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
  }
  .psi-name {
    font-size: 1.4rem;
  }
}

/* ── 导航栏居中优化 ── */
#yardon-nav .yardon-nav {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 40px;
}

@media (max-width: 768px) {
  #yardon-nav .yardon-nav {
    padding: 0 24px;
  }
}