/* 基础样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    background-color: #f5f5f5;
}

a {
    text-decoration: none;
    color: #ff6b81;
    transition: all 0.3s ease;
}

a:hover {
    color: #ff4757;
}

ul, ol {
    list-style: none;
}

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

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

.section {
    padding: 60px 0;
}

.section-header {
    text-align: center;
    margin-bottom: 40px;
}

.section-header h2 {
    font-size: 32px;
    color: #333;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}

.section-header h2:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #ff6b81;
}

.section-header p {
    color: #777;
    font-size: 18px;
}

.btn {
    display: inline-block;
    padding: 10px 25px;
    background-color: #ff6b81;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.btn:hover {
    background-color: #ff4757;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 107, 129, 0.3);
}

/* 头部样式 */
.header {
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
}

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

.logo a {
    display: block;
}

.main-nav ul {
    display: flex;
}

.main-nav li {
    margin-left: 25px;
}

.main-nav a {
    color: #333;
    font-weight: 500;
    padding: 8px 0;
    position: relative;
}

.main-nav a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #ff6b81;
    transition: width 0.3s ease;
}

.main-nav a:hover {
    color: #ff6b81;
}

.main-nav a:hover:after {
    width: 100%;
}

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

.search-box input {
    padding: 8px 15px;
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
    width: 200px;
    outline: none;
}

.search-box button {
    background-color: #ff6b81;
    color: #fff;
    border: none;
    padding: 8px 15px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.search-box button:hover {
    background-color: #ff4757;
}

.search-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") no-repeat center center;
}

/* 轮播图样式 */
.banner {
    padding: 0;
    position: relative;
    background-color: #222;
}

.slider-container {
    position: relative;
    overflow: hidden;
    height: 500px;
}

.slider {
    display: flex;
    transition: transform 0.5s ease;
    height: 100%;
}

.slide {
    min-width: 100%;
    position: relative;
    display: none;
    height: 100%;
}

.slide.active {
    display: block;
}

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

.slide-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));
    color: #fff;
}

.slide-content h1, .slide-content h2 {
    font-size: 36px;
    margin-bottom: 15px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.slide-content p {
    font-size: 18px;
    margin-bottom: 20px;
    max-width: 600px;
}

.slider-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}

.slider-controls button {
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.slider-controls button:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.slider-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}

.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.dot.active {
    background-color: #ff6b81;
}

/* 剧情简介样式 */
.intro-content {
    display: flex;
    align-items: center;
    gap: 40px;
}

.intro-image {
    flex: 1;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.intro-text {
    flex: 1;
}

.intro-text p {
    margin-bottom: 15px;
    line-height: 1.8;
}

/* 剧集列表样式 */
.episode-filter {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.filter-btn {
    padding: 8px 20px;
    margin: 0 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.filter-btn.active, .filter-btn:hover {
    background-color: #ff6b81;
    color: #fff;
    border-color: #ff6b81;
}

.episode-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

.episode-card {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.episode-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.episode-thumb {
    position: relative;
    height: 150px;
}

.episode-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.episode-number {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #ff6b81;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: bold;
}

.episode-info {
    padding: 15px;
}

.episode-info h3 {
    margin-bottom: 10px;
    font-size: 18px;
}

.episode-info p {
    color: #777;
    margin-bottom: 15px;
    font-size: 14px;
}

.watch-btn {
    display: inline-block;
    padding: 5px 15px;
    background-color: #ff6b81;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.watch-btn:hover {
    background-color: #ff4757;
    color: #fff;
}

.more-btn-container {
    text-align: center;
    margin-top: 30px;
}

/* 演员表样式 */
.cast-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
}

.cast-card {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.cast-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.cast-image {
    height: 300px;
}

.cast-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cast-info {
    padding: 15px;
    text-align: center;
}

.cast-info h3 {
    margin-bottom: 5px;
    font-size: 18px;
}

.cast-info p {
    color: #777;
    margin-bottom: 10px;
}

.cast-desc {
    font-size: 14px;
}

/* 文章样式 */
.article-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}

.article-card {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    display: flex;
    transition: all 0.3s ease;
}

.article-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.article-image {
    flex: 0 0 300px;
}

.article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-info {
    padding: 20px;
    flex: 1;
}

.article-info h3 {
    margin-bottom: 10px;
    font-size: 22px;
}

.article-meta {
    color: #777;
    font-size: 14px;
    margin-bottom: 15px;
}

.article-excerpt {
    margin-bottom: 20px;
    line-height: 1.8;
    color: #555;
}

.read-more {
    display: inline-block;
    padding: 5px 15px;
    background-color: #ff6b81;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.read-more:hover {
    background-color: #ff4757;
    color: #fff;
}

/* 评价样式 */
.reviews-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.review-card {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.review-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.reviewer-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}

.reviewer-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reviewer-info h3 {
    font-size: 16px;
    margin-bottom: 5px;
}

.rating {
    color: #ffc107;
}

.star {
    color: #ddd;
}

.star.filled {
    color: #ffc107;
}

.star.half-filled {
    position: relative;
    display: inline-block;
}

.star.half-filled:before {
    content: "★";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    overflow: hidden;
    color: #ffc107;
}

.review-content {
    line-height: 1.8;
    color: #555;
}

/* APP下载样式 */
.app-download {
    background-color: #f9f9f9;
}

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

.app-info {
    flex: 1;
}

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

.app-info p {
    margin-bottom: 20px;
    color: #555;
}

.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;
    margin-right: 10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff6b81'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
}

.download-buttons {
    display: flex;
    gap: 15px;
}

.download-btn {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.download-btn:hover {
    background-color: #000;
    color: #fff;
}

.android-icon, .ios-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.android-icon {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6 18c0 .55.45 1 1 1h1v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h2v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h1c.55 0 1-.45 1-1V8H6v10zM3.5 8C2.67 8 2 8.67 2 9.5v7c0 .83.67 1.5 1.5 1.5S5 17.33 5 16.5v-7C5 8.67 4.33 8 3.5 8zm17 0c-.83 0-1.5.67-1.5 1.5v7c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5v-7c0-.83-.67-1.5-1.5-1.5zm-4.97-5.84l1.3-1.3c.2-.2.2-.51 0-.71-.2-.2-.51-.2-.71 0l-1.48 1.48C13.85 1.23 12.95 1 12 1c-.96 0-1.86.23-2.66.63L7.85.15c-.2-.2-.51-.2-.71 0-.2.2-.2.51 0 .71l1.31 1.31C6.97 3.26 6 5.01 6 7h12c0-1.99-.97-3.75-2.47-4.84zM10 5H9V4h1v1zm5 0h-1V4h1v1z'/%3E%3C/svg%3E") no-repeat center center;
}

.ios-icon {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.68 1.32-1.53 2.6-2.53 4.08zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z'/%3E%3C/svg%3E") no-repeat center center;
}

.app-image {
    flex: 1;
    text-align: center;
}

.app-image img {
    max-height: 500px;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

/* 相关推荐样式 */
.recommendation-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
}

.recommendation-card {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.recommendation-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.recommendation-image {
    position: relative;
    height: 180px;
}

.recommendation-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.recommendation-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #ff6b81;
    color: #fff;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
}

.recommendation-info {
    padding: 15px;
}

.recommendation-info h3 {
    margin-bottom: 10px;
    font-size: 18px;
}

.recommendation-info p {
    color: #777;
    margin-bottom: 15px;
    font-size: 14px;
}

.rating-score {
    margin-left: 5px;
    color: #333;
    font-weight: bold;
}

/* 页脚样式 */
.footer {
    background-color: #222;
    color: #fff;
    padding: 60px 0 20px;
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
    margin-bottom: 30px;
}

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

.footer-column h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #ff6b81;
}

.footer-column p {
    color: #aaa;
    line-height: 1.8;
    font-size: 14px;
}

.footer-column ul li {
    margin-bottom: 10px;
}

.footer-column ul li a {
    color: #aaa;
    font-size: 14px;
    transition: all 0.3s ease;
}

.footer-column ul li a:hover {
    color: #ff6b81;
    padding-left: 5px;
}

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

.social-link {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #333;
    border-radius: 50%;
    color: transparent;
    font-size: 0;
    transition: all 0.3s ease;
}

.social-link:hover {
    background-color: #ff6b81;
    transform: translateY(-3px);
}

.social-link.weixin {
    background: #333 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9.5 8.5c-0.7 0-1.3-0.6-1.3-1.3s0.6-1.3 1.3-1.3 1.3 0.6 1.3 1.3-0.6 1.3-1.3 1.3zM14.5 8.5c-0.7 0-1.3-0.6-1.3-1.3s0.6-1.3 1.3-1.3 1.3 0.6 1.3 1.3-0.6 1.3-1.3 1.3zM8.3 12.4c-0.5 0-1-0.4-1-1s0.4-1 1-1 1 0.4 1 1-0.4 1-1 1zM15.7 12.4c-0.5 0-1-0.4-1-1s0.4-1 1-1 1 0.4 1 1-0.4 1-1 1zM12 22.2c-5.5 0-10-4.5-10-10s4.5-10 10-10 10 4.5 10 10-4.5 10-10 10zM12 3.8c-4.6 0-8.4 3.8-8.4 8.4s3.8 8.4 8.4 8.4 8.4-3.8 8.4-8.4-3.8-8.4-8.4-8.4z'/%3E%3C/svg%3E") no-repeat center center;
}

.social-link.weibo {
    background: #333 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M10.098 20c-3.297 0-6-2.31-6-5.164 0-2.994 3.076-5.54 6.675-5.54.436 0 .866.04 1.288.11-1.007-1.948.218-4.156 2.152-4.406-1.113 1.486-.328 3.426 1.106 4.212.823.45 1.947.425 2.284.376.646-.095.646-.095.548.446-.098.541-.098.541-.197.639-.098.098-.098.098-.646.05-1.528-.132-1.724-.132-1.724-.132.548.639.548.639 1.094 1.18.548.54.548.54.646.737.1.197.1.197-.097.344-.197.148-.197.148-.344.246-.148.099-.148.099-.246.148-.197.148-.197.148-.738.246-1.773.344-3.84-.05-5.22-1.18.05 1.278 1.474 2.36 3.15 2.36 1.724 0 3.148-1.082 3.148-2.36v-.147h2.458c0 2.853-2.702 5.163-6 5.163zM7.422 15.13c0 1.38 1.77 2.508 3.95 2.508s3.95-1.127 3.95-2.508c0-1.38-1.77-2.507-3.95-2.507s-3.95 1.126-3.95 2.507zm2.173-.246c0-.344.296-.639.665-.639.37 0 .665.295.665.64 0 .343-.296.638-.665.638-.37 0-.665-.295-.665-.639zm2.173 1.18c-.92 0-1.673-.442-1.673-.984s.753-.984 1.673-.984c.92 0 1.673.443 1.673.984s-.753.983-1.673.983zm6.77-8.275c.293-.05.544.15.594.446.05.295-.148.59-.443.638-.295.05-.544-.148-.594-.443-.05-.295.148-.59.443-.64zm1.337-.245c.92-.148 1.82.442 2.018 1.376.197.934-.394 1.817-1.313 1.964-.92.148-1.82-.443-2.018-1.376-.197-.935.394-1.817 1.313-1.965zm-1.82.935c-.1.492.246.984.74 1.082.493.1.986-.247 1.084-.739.1-.492-.246-.984-.74-1.081-.493-.1-.985.246-1.084.738z'/%3E%3C/svg%3E") no-repeat center center;
}

.social-link.douyin {
    background: #333 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M16.6 5.82s.51.5 0 0A4.278 4.278 0 0 1 15.54 3h-3.09v12.4a2.592 2.592 0 0 1-2.59 2.5c-1.42 0-2.59-1.16-2.59-2.5 0-1.34 1.16-2.5 2.59-2.5.27 0 .54.04.79.13v-3.13c-.26-.03-.54-.04-.79-.04-3.09 0-5.59 2.5-5.59 5.59 0 3.09 2.5 5.59 5.59 5.59 3.09 0 5.59-2.5 5.59-5.59V9.79C16.74 11.21 18.09 12 19.5 12v-3.09c-1.2 0-2.17-.88-2.17-2.09v-.01h-.73z'/%3E%3C/svg%3E") no-repeat center center;
}

.social-link.bilibili {
    background: #333 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%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") no-repeat center center;
}

.footer-links {
    margin-bottom: 30px;
}

.footer-links h3 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 18px;
    position: relative;
    padding-bottom: 10px;
}

.footer-links h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #ff6b81;
}

.footer-links ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.footer-links ul li a {
    color: #aaa;
    font-size: 14px;
    transition: all 0.3s ease;
}

.footer-links ul li a:hover {
    color: #ff6b81;
}

.footer-bottom {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid #333;
}

.footer-bottom p {
    color: #aaa;
    font-size: 14px;
    margin-bottom: 10px;
}

/* 响应式设计 */
@media (max-width: 1024px) {
    .header .container {
        flex-direction: column;
    }
    
    .logo {
        margin-bottom: 15px;
    }
    
    .main-nav {
        margin-bottom: 15px;
    }
    
    .main-nav ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .main-nav li {
        margin: 5px 10px;
    }
    
    .intro-content, .app-content {
        flex-direction: column;
    }
    
    .article-card {
        flex-direction: column;
    }
    
    .article-image {
        flex: none;
        height: 200px;
    }
}

@media (max-width: 768px) {
    .slider-container {
        height: 400px;
    }
    
    .slide-content h1, .slide-content h2 {
        font-size: 28px;
    }
    
    .slide-content p {
        font-size: 16px;
    }
    
    .section-header h2 {
        font-size: 28px;
    }
    
    .cast-list, .recommendation-list {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
    
    .reviews-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 576px) {
    .slider-container {
        height: 300px;
    }
    
    .slide-content h1, .slide-content h2 {
        font-size: 24px;
    }
    
    .slide-content p {
        font-size: 14px;
    }
    
    .section-header h2 {
        font-size: 24px;
    }
    
    .episode-list, .cast-list, .recommendation-list {
        grid-template-columns: 1fr;
    }
    
    .download-buttons {
        flex-direction: column;
    }
}