/* page-home.css — 首页特有样式（AGENTS.md §3.3 第 5 层） */

.learn-more { text-align: center; margin: 24px 0 8px; font-size: 0.95rem; }
.learn-more a { color: var(--primary); text-decoration: none; font-weight: 600; }
.learn-more a:hover { text-decoration: underline; }

.best-practices { background: var(--surface); border-radius: 12px; padding: 24px 28px; margin: 32px 0; }
.best-practices h2 { margin-top: 0; }
.best-practices h3 { font-size: 1.05rem; margin: 20px 0 8px; }
.best-practices p { line-height: 1.65; }
.best-practices a { color: var(--primary); }

@media (max-width: 640px) {
  .best-practices { padding: 20px 18px; }
}