/* 全局样式 */
:root {
    --primary-color: #ff5e52;
    --secondary-color: #ff9642;
    --accent-color: #ffcc00;
    --text-color: #333333;
    --light-text: #ffffff;
    --dark-bg: #1a1a1a;
    --medium-bg: #2a2a2a;
    --light-bg: #f5f5f5;
    --border-color: #e0e0e0;
    --hover-color: #ff4242;
    --shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
    color: var(--text-color);
    line-height: 1.6;
    background-color: #f0f0f0;
}

a {
    text-decoration: none;
    color: inherit;
    transition: var(--transition);
}

ul, ol {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

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

/* 头部样式 */
.header {
    background-color: var(--dark-bg);
    color: var(--light-text);
    padding: 15px 0;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    flex: 0 0 200px;
}

.logo-icon {
    width: 200px;
    height: 50px;
}

.main-nav ul {
    display: flex;
    gap: 20px;
}

.main-nav a {
    padding: 8px 12px;
    border-radius: 4px;
    font-weight: 500;
}

.main-nav a:hover {
    background-color: var(--primary-color);
    color: white;
}

.search-box {
    display: flex;
    align-items: center;
}

.search-box form {
    display: flex;
}

.search-box input {
    padding: 8px 12px;
    border: none;
    border-radius: 4px 0 0 4px;
    width: 200px;
}

.search-box button {
    background-color: var(--primary-color);
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    transition: var(--transition);
}

.search-box button:hover {
    background-color: var(--hover-color);
}

/* 轮播图样式 */
.banner {
    padding: 20px 0;
}

.slider {
    position: relative;
    height: 400px;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: var(--shadow);
}

.slider-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease;
}

.slider-item.active {
    opacity: 1;
}

.slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slider-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));
    color: white;
}

.slider-caption h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.slider-dots {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ccc;
    margin: 0 5px;
    cursor: pointer;
    transition: var(--transition);
}

.dot.active {
    background-color: var(--primary-color);
}

/* 主要内容区域样式 */
.main-content {
    padding: 30px 0;
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 10px;
}

.section-header h1, .section-header h2 {
    font-size: 22px;
    color: var(--primary-color);
    position: relative;
    padding-left: 15px;
}

.section-header h1::before, .section-header h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 20px;
    background-color: var(--primary-color);
}

.more {
    color: var(--primary-color);
    font-size: 14px;
}

.more:hover {
    color: var(--hover-color);
    text-decoration: underline;
}

/* 电影卡片样式 */
.movie-section {
    margin-bottom: 40px;
    background-color: white;
    border-radius: 8px;
    box-shadow: var(--shadow);
    padding: 20px;
}

.movie-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.movie-card {
    flex: 0 0 calc(16.666% - 17px);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--shadow);
    transition: var(--transition);
    background-color: white;
}

.movie-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.movie-poster {
    position: relative;
    height: 0;
    padding-bottom: 150%;
    overflow: hidden;
}

.movie-poster img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.movie-card:hover .movie-poster img {
    transform: scale(1.05);
}

.movie-rating {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: var(--primary-color);
    color: white;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
}

.movie-info {
    padding: 12px;
}

.movie-info h3 {
    font-size: 16px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.movie-meta, .movie-cast {
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 分类标签样式 */
.category-tabs {
    margin-top: 20px;
}

.tab-header {
    display: flex;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 20px;
}

.tab-item {
    padding: 10px 20px;
    cursor: pointer;
    transition: var(--transition);
    border-bottom: 2px solid transparent;
    font-weight: 500;
}

.tab-item.active {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

.movie-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
}

.movie-grid-item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.movie-grid-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.movie-grid-item img {
    width: 100%;
    aspect-ratio: 2/3;
    object-fit: cover;
}

.movie-grid-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));
    color: white;
}

.movie-grid-info h4 {
    font-size: 14px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.movie-grid-info p {
    font-size: 12px;
    opacity: 0.8;
}

/* 电影资讯样式 */
.news-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.news-item {
    display: flex;
    gap: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
}

.news-item:last-child {
    border-bottom: none;
}

.news-image {
    flex: 0 0 200px;
    height: 120px;
    overflow: hidden;
    border-radius: 8px;
}

.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.news-item:hover .news-image img {
    transform: scale(1.05);
}

.news-content {
    flex: 1;
}

.news-content h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.news-meta {
    font-size: 12px;
    color: #666;
    margin-bottom: 10px;
}

.news-excerpt {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.read-more {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 500;
}

.read-more:hover {
    color: var(--hover-color);
    text-decoration: underline;
}

/* APP下载模块样式 */
.app-download {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: white;
    border-radius: 8px;
    margin-bottom: 40px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

.app-content {
    display: flex;
    align-items: center;
}

.app-info {
    flex: 1;
    padding: 40px;
}

.app-info h2 {
    font-size: 28px;
    margin-bottom: 10px;
}

.app-info > p {
    font-size: 16px;
    margin-bottom: 20px;
    opacity: 0.9;
}

.app-features {
    margin-bottom: 30px;
}

.app-features li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.feature-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 50%;
    margin-right: 10px;
}

.app-buttons {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.app-btn {
    display: flex;
    align-items: center;
    background-color: white;
    color: var(--primary-color);
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 500;
    transition: var(--transition);
}

.app-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.btn-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-color: var(--primary-color);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.android .btn-icon {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.6,9.48l1.84-3.18c0.16-0.31,0.04-0.69-0.26-0.85c-0.29-0.15-0.65-0.06-0.83,0.22l-1.88,3.24 c-2.86-1.21-6.08-1.21-8.94,0L5.65,5.67c-0.19-0.29-0.58-0.38-0.87-0.2C4.5,5.65,4.41,6.01,4.56,6.3L6.4,9.48 C3.3,11.25,1.28,14.44,1,18h22C22.72,14.44,20.7,11.25,17.6,9.48z M7,15.25c-0.69,0-1.25-0.56-1.25-1.25 c0-0.69,0.56-1.25,1.25-1.25S8.25,13.31,8.25,14C8.25,14.69,7.69,15.25,7,15.25z M17,15.25c-0.69,0-1.25-0.56-1.25-1.25 c0-0.69,0.56-1.25,1.25-1.25s1.25,0.56,1.25,1.25C18.25,14.69,17.69,15.25,17,15.25z'/%3E%3C/svg%3E");
}

.ios .btn-icon {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.05,20.28c-0.98,0.95-2.05,0.8-3.08,0.35c-1.09-0.46-2.09-0.48-3.24,0c-1.44,0.62-2.2,0.44-3.06-0.35 C2.79,15.25,3.51,7.59,8.42,7.31c1.33,0.07,2.25,0.78,3.05,0.8c1.22-0.04,1.94-0.8,3.05-0.8C16.61,7.4,17.7,8.14,18.44,9.5 c-4.48,2.29-3.8,8.26,0.8,9.98C18.68,20.52,17.89,20.43,17.05,20.28z M12.03,6.34c-0.2-2.63,2.14-4.88,4.69-5.09 C17.07,4.08,14.52,6.3,12.03,6.34z'/%3E%3C/svg%3E");
}

.app-qrcode {
    text-align: center;
}

.app-qrcode img {
    width: 120px;
    height: 120px;
    margin: 0 auto 10px;
    border: 4px solid white;
    border-radius: 8px;
}

.app-qrcode p {
    font-size: 14px;
}

.app-image {
    flex: 0 0 300px;
    height: 400px;
    position: relative;
}

.app-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* 页脚样式 */
.footer {
    background-color: var(--dark-bg);
    color: #999;
    padding: 40px 0 20px;
}

.footer-top {
    display: flex;
    margin-bottom: 30px;
    border-bottom: 1px solid #333;
    padding-bottom: 30px;
}

.footer-logo {
    flex: 0 0 200px;
    margin-right: 40px;
}

.footer-nav {
    flex: 1;
    display: flex;
    justify-content: space-between;
}

.footer-nav-column {
    flex: 1;
}

.footer-nav-column h3 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
}

.footer-nav-column h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: var(--primary-color);
}

.footer-nav-column ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-nav-column a {
    color: #999;
    font-size: 14px;
}

.footer-nav-column a:hover {
    color: var(--primary-color);
}

.social-links {
    display: flex;
    gap: 15px;
}

.social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #333;
    color: #fff;
    transition: var(--transition);
    font-size: 0;
    position: relative;
}

.social-link::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.social-link.weibo::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.82,16.76c-2.65,0-4.8-1.28-4.8-2.86c0-1.58,2.15-2.86,4.8-2.86c2.65,0,4.8,1.28,4.8,2.86 C14.63,15.48,12.47,16.76,9.82,16.76z M11.54,12.52c-0.51-0.68-1.53-1.01-2.5-0.77c-0.97,0.24-1.33,1.01-0.82,1.69 c0.51,0.68,1.53,1.01,2.5,0.77C11.69,13.97,12.05,13.2,11.54,12.52z M10.3,13.48c-0.19,0.31-0.6,0.44-0.92,0.3 c-0.32-0.14-0.42-0.5-0.23-0.8c0.19-0.3,0.59-0.44,0.91-0.3C10.38,12.82,10.49,13.18,10.3,13.48z M11.39,12.94 c-0.07,0.12-0.23,0.18-0.35,0.12c-0.12-0.05-0.16-0.19-0.09-0.31c0.07-0.12,0.22-0.18,0.35-0.12 C11.42,12.68,11.46,12.82,11.39,12.94z M19.07,10.8c0.28,0.4,0.45,0.84,0.51,1.33c0.17,1.3-0.9,2.42-2.36,2.49 c-1.46,0.08-2.78-0.91-2.95-2.2c-0.09-0.67,0.08-1.33,0.45-1.86c0.37-0.53,0.92-0.91,1.58-1.06c0.24-0.06,0.49-0.09,0.74-0.09 C17.98,9.4,18.65,9.9,19.07,10.8z M16.57,10.23c-1.21,0.06-2.15,1.01-2.1,2.11c0.05,1.1,1.08,1.94,2.28,1.87 c1.21-0.06,2.15-1.01,2.1-2.11C18.8,11,17.77,10.16,16.57,10.23z M17.5,12.3c-0.37,0.02-0.69-0.23-0.71-0.55 c-0.02-0.32,0.26-0.6,0.63-0.62c0.37-0.02,0.69,0.23,0.71,0.55C18.15,12,17.87,12.28,17.5,12.3z M16.97,11.47 c-0.12,0.01-0.23-0.08-0.24-0.19c-0.01-0.11,0.09-0.21,0.21-0.22c0.12-0.01,0.23,0.08,0.24,0.19 C17.19,11.36,17.09,11.46,16.97,11.47z M21.35,9.37c-0.23-0.91-0.9-1.67-1.85-2.1c-0.47-0.21-0.97-0.33-1.48-0.33 c-0.34,0-0.68,0.05-1.02,0.15c-0.67,0.2-1.21,0.67-1.49,1.32c-0.36,0.83-0.01,1.79,0.84,2.3c0.22,0.13,0.47,0.22,0.73,0.27 c0.31,0.06,0.63,0.05,0.94-0.01c0.5-0.1,0.89-0.39,1.11-0.77c0.18-0.31,0.23-0.67,0.17-1.03c-0.11-0.61-0.55-1.03-1.18-1.11 c-0.13-0.02-0.25-0.01-0.38,0.01c-0.12,0.02-0.23,0.06-0.34,0.11c0.31-0.27,0.48-0.73,0.4-1.18c-0.12-0.74-0.81-1.24-1.55-1.12 c-0.74,0.12-1.24,0.81-1.12,1.55c0.06,0.38,0.3,0.69,0.62,0.88c-0.14,0.08-0.27,0.17-0.38,0.27c-0.33,0.29-0.52,0.71-0.52,1.17 c0,0.86,0.7,1.56,1.56,1.56c0.54,0,1.02-0.28,1.3-0.7c0.28,0.16,0.59,0.25,0.93,0.25c1.03,0,1.87-0.84,1.87-1.87 C21.5,9.87,21.45,9.61,21.35,9.37z M9.58,10.5c-3.77,0-6.83,1.9-6.83,4.25c0,2.35,3.06,4.25,6.83,4.25c3.77,0,6.83-1.9,6.83-4.25 C16.41,12.4,13.35,10.5,9.58,10.5z M9.58,17.21c-2.89,0-5.23-1.1-5.23-2.46c0-1.36,2.34-2.46,5.23-2.46c2.89,0,5.23,1.1,5.23,2.46 C14.81,16.11,12.47,17.21,9.58,17.21z'/%3E%3C/svg%3E");
}

.social-link.wechat::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5,4C5.36,4,2,6.69,2,10c0,1.89,1.08,3.56,2.78,4.66L4,17l2.5-1.5c1,0.33,2,0.5,3,0.5c0.17,0,0.34-0.01,0.5-0.02 C9.84,15.17,9.75,14.1,9.75,13c0-3.31,3.13-6,7-6c0.17,0,0.35,0.01,0.5,0.02C16.05,5.19,13,4,9.5,4z M6.5,7.25 c-0.55,0-1,0.45-1,1s0.45,1,1,1s1-0.45,1-1S7.05,7.25,6.5,7.25z M12.5,7.25c-0.55,0-1,0.45-1,1s0.45,1,1,1s1-0.45,1-1 S13.05,7.25,12.5,7.25z M16.75,13c0-2.21-2.24-4-5-4s-5,1.79-5,4s2.24,4,5,4c0.63,0,1.24-0.1,1.8-0.29L16,18l-0.8-2.4 C16.22,14.84,16.75,13.97,16.75,13z M10.5,11.25c-0.41,0-0.75,0.34-0.75,0.75s0.34,0.75,0.75,0.75S11.25,12.41,11.25,12 S10.91,11.25,10.5,11.25z M14.5,11.25c-0.41,0-0.75,0.34-0.75,0.75s0.34,0.75,0.75,0.75S15.25,12.41,15.25,12 S14.91,11.25,14.5,11.25z M18.75,10c0-0.97-0.5-1.85-1.3-2.31L18,6l-1.67,1C15.9,6.85,15.47,6.79,15,6.79c-2.62,0-4.75,1.75-4.75,3.91 c0,2.16,2.13,3.91,4.75,3.91s4.75-1.75,4.75-3.91c0-0.12-0.01-0.23-0.02-0.34C19.86,10.27,20,10.14,20,10H18.75z'/%3E%3C/svg%3E");
}

.social-link.douyin::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.6,5.82c-0.3-0.59-0.8-1.05-1.41-1.3c-0.41-0.17-0.85-0.25-1.29-0.25h-0.84l-0.02-0.02V4.24h-0.01v-0.01L13.02,4.2V4.19 h-0.99c-0.04,0-0.08-0.01-0.12-0.01H8.99v5.89h3.92V9.93c0.13,0.01,0.26,0.03,0.39,0.05c0.37,0.06,0.74,0.17,1.09,0.32 c0.48,0.21,0.91,0.51,1.28,0.88c0.33,0.33,0.59,0.71,0.77,1.13c0.16,0.38,0.26,0.78,0.28,1.18c0.01,0.15,0.01,0.3,0,0.45 c-0.01,0.19-0.03,0.37-0.07,0.56c-0.08,0.44-0.23,0.87-0.44,1.26c-0.17,0.31-0.37,0.61-0.61,0.86c-0.27,0.3-0.59,0.56-0.94,0.77 c-0.35,0.21-0.73,0.36-1.13,0.46c-0.41,0.1-0.82,0.14-1.24,0.11c-0.43-0.02-0.86-0.11-1.26-0.25c-0.4-0.14-0.78-0.34-1.12-0.59 c-0.35-0.25-0.66-0.55-0.92-0.89c-0.25-0.33-0.45-0.7-0.59-1.09c-0.15-0.4-0.23-0.82-0.24-1.25c-0.01-0.43,0.05-0.86,0.19-1.27 c0.13-0.4,0.32-0.78,0.56-1.12c0.24-0.34,0.54-0.64,0.87-0.89c0.34-0.25,0.72-0.44,1.12-0.58V7.79c-0.5,0.15-0.98,0.36-1.43,0.62 c-0.45,0.27-0.87,0.59-1.25,0.96c-0.38,0.37-0.71,0.78-0.99,1.23c-0.28,0.45-0.5,0.93-0.65,1.43c-0.16,0.51-0.25,1.04-0.27,1.57 c-0.02,0.54,0.04,1.07,0.17,1.59c0.13,0.51,0.33,1.01,0.59,1.47c0.26,0.46,0.58,0.89,0.95,1.27c0.37,0.38,0.79,0.71,1.25,0.97 c0.46,0.27,0.95,0.47,1.46,0.61c0.51,0.14,1.04,0.21,1.57,0.2c0.53-0.01,1.05-0.09,1.56-0.24c0.5-0.15,0.98-0.36,1.43-0.62 c0.44-0.26,0.84-0.58,1.2-0.94c0.35-0.36,0.66-0.77,0.91-1.21c0.25-0.44,0.44-0.91,0.57-1.4c0.13-0.49,0.19-1,0.19-1.51V8.92 c0.61,0.43,1.29,0.75,2,0.93c0.71,0.18,1.44,0.25,2.17,0.19V6.69c-0.56,0.08-1.13,0.06-1.68-0.06c-0.55-0.11-1.09-0.33-1.56-0.63 C16.93,5.93,16.76,5.88,16.6,5.82z'/%3E%3C/svg%3E");
}

.social-link.bilibili::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.813 4.653h.854c1.51.054 2.769.578 3.773 1.574 1.004.995 1.524 2.249 1.56 3.76v7.36c-.036 1.51-.556 2.769-1.56 3.773s-2.262 1.524-3.773 1.56H5.333c-1.51-.036-2.769-.556-3.773-1.56S.036 18.858 0 17.347v-7.36c.036-1.511.556-2.765 1.56-3.76 1.004-.996 2.262-1.52 3.773-1.574h.774l-1.174-1.12a1.234 1.234 0 0 1-.373-.906c0-.356.124-.658.373-.907l.027-.027c.267-.249.573-.373.92-.373.347 0 .653.124.92.373L9.653 4.44c.071.071.134.142.187.213h4.267a.836.836 0 0 1 .16-.213l2.853-2.747c.267-.249.573-.373.92-.373.347 0 .662.151.929.4.267.249.391.551.391.907 0 .355-.124.657-.373.906L17.813 4.653zM5.333 7.24c-.746.018-1.373.276-1.88.773-.506.498-.769 1.13-.786 1.894v7.52c.017.764.28 1.395.786 1.893.507.498 1.134.756 1.88.773h13.334c.746-.017 1.373-.275 1.88-.773.506-.498.769-1.129.786-1.893v-7.52c-.017-.765-.28-1.396-.786-1.894-.507-.497-1.134-.755-1.88-.773H5.333zM8 11.107c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373zm8 0c.373 0 .684.124.933.373.25.249.383.569.4.96v1.173c-.017.391-.15.711-.4.96-.249.25-.56.374-.933.374s-.684-.125-.933-.374c-.25-.249-.383-.569-.4-.96V12.44c.017-.391.15-.711.4-.96.249-.249.56-.373.933-.373z'/%3E%3C/svg%3E");
}

.social-link:hover {
    background-color: var(--primary-color);
}

.footer-bottom {
    text-align: center;
    font-size: 12px;
    line-height: 1.8;
}

.copyright {
    margin-bottom: 10px;
}

.icp {
    margin-bottom: 10px;
}

.icp a {
    margin: 0 10px;
}

.icp a:hover {
    color: var(--primary-color);
}

.disclaimer {
    color: #666;
}

/* 响应式样式 */
@media (max-width: 1200px) {
    .movie-card {
        flex: 0 0 calc(20% - 16px);
    }
    
    .movie-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 992px) {
    .header .container {
        flex-wrap: wrap;
    }
    
    .logo {
        flex: 0 0 100%;
        margin-bottom: 15px;
        text-align: center;
    }
    
    .main-nav {
        flex: 1;
    }
    
    .search-box {
        flex: 0 0 200px;
    }
    
    .movie-card {
        flex: 0 0 calc(25% - 15px);
    }
    
    .movie-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    
    .app-content {
        flex-direction: column;
    }
    
    .app-image {
        display: none;
    }
    
    .footer-top {
        flex-direction: column;
    }
    
    .footer-logo {
        margin-bottom: 20px;
        text-align: center;
    }
    
    .footer-nav {
        flex-wrap: wrap;
    }
    
    .footer-nav-column {
        flex: 0 0 50%;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .main-nav ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .movie-card {
        flex: 0 0 calc(33.333% - 14px);
    }
    
    .movie-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .news-item {
        flex-direction: column;
    }
    
    .news-image {
        flex: 0 0 100%;
        height: 200px;
        margin-bottom: 15px;
    }
}

@media (max-width: 576px) {
    .movie-card {
        flex: 0 0 calc(50% - 10px);
    }
    
    .movie-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .footer-nav-column {
        flex: 0 0 100%;
    }
}