/**
 * 阅读和资源检索的补充布局，复用现有靛蓝与暖铜配色。
 * 为工程分页、紧凑空状态和代码工具提供一致的触屏、键盘与小屏表现。
 */
.home-layout .ai-coming-soon { margin: 22px 0; padding: 16px 20px; border: 1px solid var(--accent-line); border-radius: var(--radius); background: var(--accent-soft); display: flex; align-items: center; flex-wrap: wrap; gap: 8px 20px; }
.ai-coming-soon h2 { font-size: 18px; margin: 0; }
.ai-coming-soon p { font-size: 13px; color: var(--muted); margin: 0; flex: 1 1 260px; }
.ai-coming-soon a { font-size: 13px; }
.hero-mini-link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; }
.resource-library { margin: 32px auto; }
.resource-library > h1 { font-size: clamp(28px, 4vw, 40px); }
.resource-library .project-shortcuts { margin-top: 20px; }
.project-shortcut-filters { grid-template-columns: minmax(160px, 1.4fr) 1fr 1fr auto; align-items: end; }
.project-filter-submit { min-height: 42px; border: 0; border-radius: 5px; padding: 8px 15px; color: #fff; background: var(--accent); cursor: pointer; }
.project-shortcut-actions a.project-show-more { display: inline-flex; align-items: center; min-height: 42px; padding: 8px 18px; border-radius: 5px; background: var(--accent); color: #fff; }
.project-shortcut-actions a[hidden] { display: none; }
.project-shortcuts[aria-busy="true"] .project-show-more { opacity: .55; cursor: progress; }
.about-layout { padding-top: 28px; }
.about-layout .author-profile { margin: 20px 0 40px; }
.historical-version-note { padding: 12px 16px; margin-bottom: 24px; border-left: 3px solid var(--accent-warm, #986b43); background: var(--surface); color: var(--muted); font-size: 13px; line-height: 1.8; }
.view-count-policy { font-size: 12px; color: var(--muted); margin: 10px 0 22px; }
.code-block { margin: 22px 0; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }
.code-toolbar { display: flex; justify-content: space-between; align-items: center; padding: 7px 12px; background: var(--surface); color: var(--muted); font-size: 12px; }
.code-copy { border: 1px solid var(--line); border-radius: 4px; padding: 3px 10px; background: var(--paper); color: var(--accent); cursor: pointer; min-height: 30px; }
.code-block > pre { margin: 0; border: 0; border-radius: 0; }
.comment-list .avatar { background: var(--surface); border-radius: 50%; }
@media (min-width: 1280px) {
  .home-layout .home-hero { gap: 38px; }
  .home-layout .hero-copy h1 { font-size: 48px; }
  .home-layout .brand-feature-focus strong { font-size: 21px; }
}
@media (max-width: 800px) { .project-shortcut-filters { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .project-shortcut-filters { grid-template-columns: 1fr; } .ai-coming-soon { padding: 14px; } }