/* 美图推荐 */
.recommendations { margin: 1.5rem 0; }
.recommendations h2 { margin: 0 0 .75rem; font-size: 1.15rem; }
.recommendation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.recommendation-item { display: block; overflow: hidden; border: 1px solid var(--accent2); border-radius: 10px; background: var(--card); }
.recommendation-item img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: contain; }
.recommendation-item:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
@media (min-width: 640px) { .recommendation-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }