/* 家有影视 - UI Style 2 - Layout D */

/* 全局增强样式 */
body {
    font-size: 16px;
}

/* 卡片增强 */
.card, .related-card {
    cursor: pointer;
}

/* 响应式优化 */
@media (max-width: 768px) {
    .hero h1 {
        font-size: 1.5rem;
    }

    .hero p {
        font-size: 1rem;
    }

    .container {
        padding: 1rem 0.5rem;
    }

    section {
        padding: 1.5rem;
    }

    .main {
        padding: 1.5rem;
    }
}

/* 返回顶部按钮样式 */
.back-to-top {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    background: #667eea;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    z-index: 1000;
}

.back-to-top.visible {
    opacity: 1;
}

.back-to-top:hover {
    background: #764ba2;
    transform: translateY(-5px);
}

/* UI风格变体 */
.ui-style-0 { --primary-color: #667eea; }
.ui-style-1 { --primary-color: #f093fb; }
.ui-style-2 { --primary-color: #4facfe; }
.ui-style-3 { --primary-color: #43e97b; }
.ui-style-4 { --primary-color: #fa709a; }
.ui-style-5 { --primary-color: #30cfd0; }
.ui-style-6 { --primary-color: #a8edea; }
.ui-style-7 { --primary-color: #ff6a88; }
.ui-style-8 { --primary-color: #feca57; }
.ui-style-9 { --primary-color: #48dbfb; }
.ui-style-10 { --primary-color: #ff9ff3; }
.ui-style-11 { --primary-color: #54a0ff; }
.ui-style-12 { --primary-color: #00d2d3; }
.ui-style-13 { --primary-color: #1dd1a1; }
.ui-style-14 { --primary-color: #ee5a6f; }
.ui-style-15 { --primary-color: #c44569; }