.photo-gallery {
    display: grid;
    /* 在移动端，每列最小120px，自动填充，创造响应式列数 */
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 15px;
}

.work-carousel {
    display: flex;
    overflow-x: auto;
    gap: 20px;
    padding-bottom: 20px;
    scrollbar-width: thin;
    scrollbar-color: var(--primary-color) var(--light-color);
}

.work-carousel::-webkit-scrollbar { height: 8px; }
.work-carousel::-webkit-scrollbar-track { background: var(--light-color); border-radius: 4px; }
.work-carousel::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 4px; }

.card {
    flex: 0 0 80%;
    background: var(--light-color);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.card img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
}

.card h3, .card p { padding: 0 15px; }
.card h3 { font-size: 1.2rem; margin: 15px 0 10px; color: var(--dark-color); }
.card p { padding-bottom: 15px; }

/* 桌面端优化 */
@media (min-width: 768px) {
    /* 在大屏幕上，每列最小200px，自动填充 */
    .photo-gallery {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
    .card {
        flex: 0 0 31%;
    }
}