/* Swiper */
.main-swiper {
    width: 100%;
    aspect-ratio: 16/7;
    border-radius: var(--radius-m);
    box-shadow: var(--shadow);
}
.main-swiper img { width: 100%; height: 100%; object-fit: cover; }
.swiper-pagination-bullet-active { background: var(--primary) !important; }

/* 列表式布局 (List Item) */
.list-layout { display: flex; flex-direction: column; gap: 12px; }
.list-item a {
    display: flex;
    align-items: center;
    padding: 16px;
}
.list-item .icon {
    width: 56px;
    height: 56px;
    border-radius: var(--radius-s);
    margin-right: 16px;
}
.list-item .info { flex: 1; }
.list-item .info h4 { font-size: 16px; margin: 0 0 4px; color: var(--text-main); }
.list-item .info p { font-size: 12px; color: #999; margin: 0; }
.list-item .btn {
    padding: 6px 16px;
    border: 1px solid var(--primary);
    color: var(--primary);
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
}

/* PC 布局微调 */
@media (min-width: 769px) {
    .list-layout {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}