/* HanFan Vodi 主题样式 */

:root {
    --primary: #ff6b00;
    --bg: #0f1419;
    --bg2: #1a1f2e;
    --text: #ffffff;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Microsoft Yahei', sans-serif;
}

.hanfan-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* 视频卡片 */
.video-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 15px;
    margin: 20px 0;
}

.video-card {
    border-radius: 8px;
    overflow: hidden;
    background: var(--bg2);
    transition: transform 0.3s ease;
}

.video-card:hover {
    transform: translateY(-5px);
}

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

@media (max-width: 768px) {
    .video-grid {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }
}