/**
██   ██ ██    ██ ██████  ██  ██████ ███    ███ ███████ 
██   ██ ██    ██ ██   ██ ██ ██      ████  ████ ██      
███████ ██    ██ ██   ██ ██ ██      ██ ████ ██ ███████ 
██   ██ ██    ██ ██   ██ ██ ██      ██  ██  ██      ██ 
██   ██  ██████  ██████  ██  ██████ ██      ██ ███████ 
            ===========================================
 * @Sign
================================
        Keep calm and get rich.
                    Is the best huudi.
 */

/* 返回顶部按钮样式 */
.wryfoi-back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #001a33;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    z-index: 9999;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.wryfoi-back-to-top:hover {
    background-color: #001a33;
    transform: translateY(-3px);
}

.wryfoi-back-to-top:before {
    content: "↑";
    font-size: 20px;
    font-weight: bold;
}

/* 隐藏元素样式 */
.hidden-element {
    display: none;
}

/* 剧集列表样式 */
.hidden-episodes {
    display: none;
}

/* 视频播放页样式 */
.video-player-container {
    position: relative;
    width: 100%;
    background-color: #001a33;
}

/* 搜索历史项目样式 */
.search-history-item {
    display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    background-color: #001a33;
    border-radius: 3px;
    cursor: pointer;
}

.search-history-item:hover {
    background-color: #001a33;
    color: #fff;
}

/* 移动端导航菜单样式 */
@media (max-width: 768px) {
    .wryfoi-desktop-menu {
        display: none;
    }
    
    .wryfoi-mobile-menu {
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        background-color: #001a33;
        z-index: 1000;
        box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    }
    
    .wryfoi-mobile-menu-list {
        padding: 10px 0;
        margin: 0;
        list-style: none;
    }
    
    .wryfoi-mobile-menu-item {
        padding: 0;
        margin: 0;
    }
    
    .wryfoi-mobile-menu-link {
        display: block;
        padding: 12px 20px;
        color: #fff;
        text-decoration: none;
        border-bottom: 1px solid rgba(255,255,255,0.05);
    }
    
    .wryfoi-mobile-menu-item.wryfoi-active .wryfoi-mobile-menu-link {
        color: #ff9800;
        background-color: rgba(255,255,255,0.05);
    }
    
    .wryfoi-mobile-sub-item .wryfoi-mobile-menu-link {
        padding-left: 35px;
        font-size: 14px;
        background-color: rgba(0,0,0,0.2);
    }
    
    .wryfoi-main-category {
        font-weight: bold;
    }
    
    .wryfoi-back-to-top {
        right: 15px;
        bottom: 15px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
}

@media (min-width: 769px) {
    .wryfoi-mobile-menu {
        display: none !important;
    }
}

/* 底部UI优化样式 */
.wryfoi-footer {
    background: linear-gradient(to bottom, #004466, #001a33);
    padding: 50px 0 20px;
    position: relative;
    margin-top: 50px;
    border-top: none;
    box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.1);
}

.wryfoi-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(to bottom, #004466, #001a33);
}

.wryfoi-footer-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 30px;
    gap: 20px;
}

.wryfoi-footer-col {
    flex: 1;
    min-width: 250px;
    padding: 0 15px;
    margin-bottom: 20px;
}

.wryfoi-footer-title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
    letter-spacing: 0.5px;
}

.wryfoi-footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #001a33;
    border-radius: 2px;
    transition: width 0.3s ease;
}

.wryfoi-footer-col:hover .wryfoi-footer-title::after {
    width: 60px;
}

.wryfoi-footer-text {
    color: #999;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.wryfoi-footer-social {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

.wryfoi-social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.wryfoi-social-icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #004466, #001a33);
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease;
    z-index: -1;
    border-radius: 50%;
}

.wryfoi-social-icon:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(208, 131, 9, 0.3);
}

.wryfoi-social-icon:hover::before {
    opacity: 1;
    transform: scale(1);
}

.wryfoi-footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wryfoi-footer-links li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 15px;
}

.wryfoi-footer-links li::before {
    content: '›';
    position: absolute;
    left: 0;
    top: 0;
    color: #d08309;
    font-size: 18px;
    transition: transform 0.2s ease;
}

.wryfoi-footer-links li:hover::before {
    transform: translateX(3px);
}

.wryfoi-footer-links a {
    color: #aaa;
    text-decoration: none;
    transition: all 0.2s ease;
    display: block;
}

.wryfoi-footer-links a:hover {
    color: #fff;
    transform: translateX(3px);
}

.wryfoi-link-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.wryfoi-link-grid a {
    display: inline-block;
    padding: 5px 10px;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    color: #aaa;
    font-size: 13px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.wryfoi-link-grid a:hover {
    background-color: rgba(208, 131, 9, 0.2);
    color: #d08309;
    transform: translateY(-2px);
}

.wryfoi-footer-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.wryfoi-copyright {
    color: #777;
    font-size: 13px;
}

.wryfoi-footer-nav {
    display: flex;
    gap: 15px;
}

.wryfoi-footer-nav a {
    color: #999;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.2s ease;
    position: relative;
    padding-bottom: 3px;
}

.wryfoi-footer-nav a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #001a33;
    transition: width 0.3s ease;
}

.wryfoi-footer-nav a:hover {
    color: #d08309;
}

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

#back-to-top {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

#back-to-top::before {
    content: '↑';
    font-size: 14px;
    transition: transform 0.3s ease;
}

#back-to-top:hover::before {
    transform: translateY(-3px);
}

/* 响应式适配 */
@media screen and (max-width: 992px) {
    .wryfoi-footer-row {
        gap: 10px;
    }
    
    .wryfoi-footer-col {
        min-width: 200px;
    }
}

@media screen and (max-width: 768px) {
    .wryfoi-footer {
        padding: 40px 0 20px;
    }
    
    .wryfoi-footer-bottom {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .wryfoi-footer-nav {
        justify-content: center;
        gap: 12px;
    }
}

@media screen and (max-width: 576px) {
    .wryfoi-footer-col {
        flex: 1 0 100%;
    }
    
    .wryfoi-footer-social {
        justify-content: center;
    }
    
    .wryfoi-social-icon {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
}

/* 网站名称样式 */
.wryfoi-logo-text {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    letter-spacing: 0.5px;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    transition: all 0.3s ease;
}

.wryfoi-logo-text:hover {
    color: #d08309;
    transform: translateY(-2px);
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

/* 调整logo垂直居中 */
.wryfoi-logo a {
    display: flex;
    align-items: center;
    height: 100%;
}

/* 移动设备适配 */
@media screen and (max-width: 768px) {
    .wryfoi-logo-text {
        font-size: 18px;
    }
} 
    /* 视频详情页样式 */
    .wryfoi-video-detail-wrapper {
        padding: 20px 0 40px;
    }
    
    .wryfoi-video-detail-container {
        display: flex;
        margin-bottom: 40px;
        background-color: #001a33;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    }
    
    /* 视频预览区域 */
    .wryfoi-video-preview-container {
        flex: 0 0 40%;
        position: relative;
    }
    
    .wryfoi-video-preview {
        position: relative;
        overflow: hidden;
        background-color: #001a33;
    }
    
    .wryfoi-preview-image {
        position: relative;
        padding-bottom: 150%;
    }
    
    .wryfoi-preview-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }
    
    .wryfoi-play-link:hover .wryfoi-preview-image img {
        transform: scale(1.05);
    }
    
    .wryfoi-play-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0.8;
        transition: opacity 0.3s ease;
    }
    
    .wryfoi-play-link:hover .wryfoi-play-overlay {
        opacity: 1;
    }
    
    .wryfoi-play-button-large {
        width: 80px;
        height: 80px;
        background-color: rgba(208, 131, 9, 0.9);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.3s ease, background-color 0.3s ease;
    }
    
    .wryfoi-play-link:hover .wryfoi-play-button-large {
        transform: scale(1.1);
        background-color: #001a33;
    }
    
    .wryfoi-play-icon-large {
        width: 30px;
        height: 30px;
        margin-left: 5px;
    }
    
    .wryfoi-quality-badge {
        position: absolute;
        top: 15px;
        right: 15px;
        padding: 5px 10px;
        background-color: rgba(208, 131, 9, 0.9);
        color: #fff;
        font-weight: 600;
        font-size: 12px;
        border-radius: 4px;
        z-index: 2;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    
    /* 播放按钮组 */
    .wryfoi-play-options {
        padding: 20px;
        background-color: #001a33;
    }
    
    .wryfoi-primary-play-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 15px;
        background-color: #001a33;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        border-radius: 6px;
        margin-bottom: 15px;
        transition: all 0.3s ease;
        border: none;
        text-align: center;
    }
    
    .wryfoi-primary-play-btn:hover {
        background-color: #001a33;
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(208, 131, 9, 0.3);
    }
    
    .wryfoi-icon-play {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        margin-right: 10px;
    }
    
    .wryfoi-secondary-options {
        display: flex;
        gap: 10px;
    }
    
    .wryfoi-option-btn {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 12px;
        background-color: #001a33;
        color: #ccc;
        border-radius: 6px;
        font-size: 13px;
        transition: all 0.3s ease;
    }
    
    .wryfoi-option-btn:hover {
        background-color: #001a33;
        color: #fff;
        transform: translateY(-2px);
    }
    
    .wryfoi-icon-bookmark, .wryfoi-icon-share {
        display: inline-block;
        width: 18px;
        height: 18px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 5px;
    }
    
    .wryfoi-icon-bookmark {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ccc' viewBox='0 0 24 24'%3E%3Cpath d='M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");
    }
    
    .wryfoi-icon-share {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ccc' viewBox='0 0 24 24'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z'/%3E%3C/svg%3E");
    }
    
    .wryfoi-option-btn:hover .wryfoi-icon-bookmark {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");
    }
    
    .wryfoi-option-btn:hover .wryfoi-icon-share {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z'/%3E%3C/svg%3E");
    }
    
    /* 视频信息区域 */
    .wryfoi-video-info-container {
        flex: 1;
        padding: 25px 30px;
        display: flex;
        flex-direction: column;
    }
    
    .wryfoi-video-title {
        font-size: 24px;
        font-weight: 700;
        color: #fff;
        margin: 0 0 15px;
        line-height: 1.3;
    }
    
    /* 视频统计信息 */
    .wryfoi-video-stats {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        color: #aaa;
        font-size: 14px;
    }
    
    .wryfoi-stat-item {
        display: flex;
        align-items: center;
    }
    
    .wryfoi-stat-divider {
        width: 4px;
        height: 4px;
        background-color: #001a33;
        border-radius: 50%;
        margin: 0 10px;
    }
    
    .wryfoi-category-link {
        color: #d08309;
        transition: color 0.3s ease;
    }
    
    .wryfoi-category-link:hover {
        color: #f39c12;
    }
    
    /* 标签样式 */
    .wryfoi-video-tags, .wryfoi-video-cast, .wryfoi-video-director {
        display: flex;
        margin-bottom: 15px;
    }
    
    .wryfoi-tags-header, .wryfoi-cast-header, .wryfoi-director-header {
        flex: 0 0 50px;
        color: #888;
        font-size: 14px;
    }
    
    .wryfoi-tags-list, .wryfoi-cast-list, .wryfoi-director-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .wryfoi-tag-item, .wryfoi-cast-item, .wryfoi-director-item {
        padding: 5px 12px;
        background-color: rgba(255, 255, 255, 0.08);
        color: #ccc;
        border-radius: 15px;
        font-size: 13px;
        transition: all 0.3s ease;
    }
    
    .wryfoi-tag-item:hover, .wryfoi-cast-item:hover, .wryfoi-director-item:hover {
        background-color: rgba(208, 131, 9, 0.2);
        color: #d08309;
        transform: translateY(-2px);
    }
    
    /* 简介样式 */
    .wryfoi-video-description {
        margin-top: 20px;
        padding-top: 15px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .wryfoi-description-header {
        color: #888;
        font-size: 14px;
        margin-bottom: 10px;
    }
    
    .wryfoi-description-text {
        color: #ccc;
        line-height: 1.6;
        font-size: 14px;
        white-space: pre-line;
    }
    
    .wryfoi-description-toggle {
        margin-top: 15px;
        display: flex;
        align-items: center;
        color: #d08309;
        cursor: pointer;
        font-size: 14px;
        transition: all 0.3s ease;
    }
    
    .wryfoi-description-toggle:hover {
        color: #f39c12;
    }
    
    .wryfoi-toggle-btn {
        margin-right: 5px;
    }
    
    .wryfoi-icon-arrow-down {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d08309' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        transition: transform 0.3s ease;
    }
    
    .wryfoi-rotate {
        transform: rotate(180deg);
    }
    
    /* 选集区域样式 */
    .wryfoi-episodes-section {
        margin-bottom: 40px;
        background-color: #001a33;
        border-radius: 10px;
        padding: 25px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    }
    
    .wryfoi-play-source-tabs {
        margin-bottom: 20px;
    }
    
    .wryfoi-tabs-header {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 15px;
    }
    
    .wryfoi-source-tab {
        padding: 8px 15px;
        background-color: rgba(255, 255, 255, 0.08);
        border-radius: 5px;
        color: #ccc;
        cursor: pointer;
        transition: all 0.3s ease;
        font-size: 14px;
    }
    
    .wryfoi-source-tab:hover {
        background-color: rgba(208, 131, 9, 0.2);
        color: #d08309;
    }
    
    .wryfoi-source-tab.wryfoi-active {
        background-color: #001a33;
        color: #fff;
    }
    
    .wryfoi-episodes-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 10px;
    }
    
    .wryfoi-episode-item {
        padding: 12px 10px;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.05);
        border-radius: 5px;
        color: #ccc;
        transition: all 0.3s ease;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
    }
    
    .wryfoi-episode-item:hover {
        background-color: rgba(208, 131, 9, 0.2);
        color: #fff;
        transform: translateY(-2px);
    }
    
    /* 相关视频区域 */
    .wryfoi-related-videos-section {
        margin-top: 40px;
    }
    
    .wryfoi-section-header {
        margin-bottom: 20px;
    }
    
    .wryfoi-section-title {
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        margin: 0;
        position: relative;
        display: inline-block;
        padding-bottom: 10px;
    }
    
    .wryfoi-section-title:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 40px;
        height: 3px;
        background-color: #001a33;
        border-radius: 3px;
    }
    
    /* 图标 */
    .wryfoi-icon-tag {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 24 24'%3E%3Cpath d='M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z'/%3E%3C/svg%3E");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        margin-right: 5px;
    }
    
    /* 响应式调整 */
    @media screen and (max-width: 992px) {
        .wryfoi-video-detail-container {
            flex-direction: column;
        }
        
        .wryfoi-video-preview-container {
            flex: 0 0 auto;
            width: 100%;
        }
        
        .wryfoi-preview-image {
            padding-bottom: 56.25%;
        }
        
        .wryfoi-play-button-large {
            width: 60px;
            height: 60px;
        }
        
        .wryfoi-play-icon-large {
            width: 24px;
            height: 24px;
        }
        
        .wryfoi-video-title {
            font-size: 20px;
        }
        
        .wryfoi-episodes-list {
            grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        }
    }
    
    @media screen and (max-width: 768px) {
        .wryfoi-video-info-container {
            padding: 20px;
        }
        
        .wryfoi-play-options {
            padding: 15px;
        }
        
        .wryfoi-video-title {
            font-size: 18px;
        }
        
        .wryfoi-related-videos-section {
            margin-top: 30px;
        }
        
        .wryfoi-section-title {
            font-size: 18px;
        }
        
        .wryfoi-episodes-section {
            padding: 20px;
        }
        
        .wryfoi-episodes-list {
            grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
            gap: 8px;
        }
        
        .wryfoi-episode-item {
            padding: 10px 8px;
            font-size: 13px;
        }
    }
    
    @media screen and (max-width: 576px) {
        .wryfoi-video-info-container {
            padding: 15px;
        }
        
        .wryfoi-video-stats {
            flex-wrap: wrap;
            row-gap: 10px;
        }
        
        .wryfoi-tags-header, .wryfoi-cast-header, .wryfoi-director-header {
            flex: 0 0 auto;
            margin-right: 10px;
        }
        
        .wryfoi-video-tags, .wryfoi-video-cast, .wryfoi-video-director {
            flex-direction: column;
            gap: 8px;
        }
        
        .wryfoi-tags-list, .wryfoi-cast-list, .wryfoi-director-list {
            margin-top: 5px;
        }
        
        .wryfoi-episodes-section {
            padding: 15px;
        }
        
        .wryfoi-tabs-header {
            overflow-x: auto;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }
        
        .wryfoi-source-tab {
            flex-shrink: 0;
        }
        
        .wryfoi-episodes-list {
            grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
            gap: 6px;
        }
        
        .wryfoi-episode-item {
            padding: 8px 6px;
            font-size: 12px;
        }
    }
        /* 播放页面样式优化 */
        .wryfoi-video-player-wrapper {
            border-radius: 8px;
            overflow: hidden;
            margin-bottom: 20px;
            background-color: #001a33;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
        }
        
        .wryfoi-player-container {
            height: 0;
            padding-bottom: 56.25%; /* 16:9 比例 */
            position: relative;
            background-color: #001a33;
        }
        
        .wryfoi-player-iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .wryfoi-video-meta {
            padding: 20px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .wryfoi-video-title {
            font-size: 22px;
            font-weight: 600;
            color: #fff;
            margin: 0 0 15px;
            line-height: 1.3;
        }
        
        .wryfoi-meta-info {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            color: #aaa;
            font-size: 14px;
            align-items: center;
        }
        
        .wryfoi-meta-item {
            display: flex;
            align-items: center;
        }
        
        .wryfoi-meta-icon {
            margin-right: 5px;
            opacity: 0.8;
        }
        
        .wryfoi-meta-divider {
            width: 4px;
            height: 4px;
            background-color: #001a33;
            border-radius: 50%;
        }
        
        .wryfoi-category-link {
            color: #d08309;
            transition: color 0.2s;
        }
        
        .wryfoi-category-link:hover {
            color: #f39c12;
        }
        
        /* 图标样式 */
        .wryfoi-icon-eye, .wryfoi-icon-calendar, .wryfoi-icon-tag {
            display: inline-block;
            width: 16px;
            height: 16px;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            margin-right: 5px;
        }
        
        .wryfoi-icon-eye {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");
        }
        
        .wryfoi-icon-calendar {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'/%3E%3C/svg%3E");
        }
        
        .wryfoi-icon-tag {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' viewBox='0 0 24 24'%3E%3Cpath d='M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z'/%3E%3C/svg%3E");
        }
        
        /* 播放列表 */
        .wryfoi-play-list-section {
            margin: 30px 0;
            background-color: #001a33;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
        }
        
        /* 播放来源切换 */
        .wryfoi-play-source-tabs {
            margin-bottom: 20px;
        }
        
        .wryfoi-tabs-header {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            padding-bottom: 15px;
        }
        
        .wryfoi-source-tab {
            padding: 8px 15px;
            background-color: rgba(255, 255, 255, 0.08);
            border-radius: 5px;
            color: #ccc;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 14px;
        }
        
        .wryfoi-source-tab:hover {
            background-color: rgba(208, 131, 9, 0.2);
            color: #d08309;
        }
        
        .wryfoi-source-tab.wryfoi-active {
            background-color: #001a33;
            color: #fff;
        }
        
        .wryfoi-section-header {
            margin-bottom: 20px;
        }
        
        .wryfoi-section-title {
            font-size: 18px;
            font-weight: 600;
            color: #fff;
            margin: 0;
            position: relative;
            display: inline-block;
            padding-bottom: 8px;
        }
        
        .wryfoi-section-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 3px;
            background-color: #001a33;
            border-radius: 3px;
        }
        
        .wryfoi-episodes-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
            gap: 10px;
        }
        
        .wryfoi-episode-item {
            padding: 12px 10px;
            text-align: center;
            background-color: rgba(255, 255, 255, 0.05);
            border-radius: 5px;
            color: #ccc;
            transition: all 0.3s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .wryfoi-episode-item:hover {
            background-color: rgba(208, 131, 9, 0.2);
            color: #fff;
            transform: translateY(-2px);
        }
        
        .wryfoi-episode-item.wryfoi-active {
            background-color: #001a33;
            color: #fff;
            position: relative;
        }
        
        .wryfoi-episode-item.wryfoi-active:after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #d08309;
        }
        
        /* 相关视频区域 */
        .wryfoi-related-videos {
            margin-top: 30px;
            margin-bottom: 50px;
        }
        
        .wryfoi-related-header {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            padding-bottom: 10px;
        }
        
        .wryfoi-related-title {
            font-size: 18px;
            font-weight: 600;
            color: #fff;
            margin: 0;
        }
        
        .wryfoi-video-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: 20px;
        }
        
        /* 响应式调整 */
        @media screen and (max-width: 768px) {
            .wryfoi-episodes-grid {
                grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
            }
            
            .wryfoi-video-grid {
                grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
                gap: 15px;
            }
            
            .wryfoi-video-title {
                font-size: 18px;
            }
            
            .wryfoi-section-title, .wryfoi-related-title {
                font-size: 16px;
            }
        }
        
        @media screen and (max-width: 576px) {
            .wryfoi-meta-info {
                flex-direction: column;
                align-items: flex-start;
                gap: 8px;
            }
            
            .wryfoi-meta-divider {
                display: none;
            }
            
            .wryfoi-episodes-grid {
                grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
                gap: 8px;
            }
            
            .wryfoi-episode-item {
                padding: 8px 6px;
                font-size: 12px;
            }
            
            .wryfoi-video-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 10px !important;
            }
        }
        /* 搜索历史样式 */
.wryfoi-search-history {
    margin: 15px 0;
    display: none;
}

.wryfoi-history-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.wryfoi-history-label {
    color: #999;
    font-size: 14px;
}

.wryfoi-clear-history {
    background: none;
    border: none;
    color: #666;
    font-size: 13px;
    cursor: pointer;
    padding: 0;
}

.wryfoi-clear-history:hover {
    text-decoration: underline;
    color: #f39c12;
}

.wryfoi-history-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 5px;
}

.wryfoi-history-tag {
    display: inline-block;
    padding: 5px 12px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    color: #666;
    font-size: 13px;
    transition: all 0.2s ease;
}

.wryfoi-history-tag:hover {
    background-color: rgba(208, 131, 9, 0.2);
    color: #d08309;
}

/* 搜索关键词高亮 */
.wryfoi-search-keyword {
    font-weight: 700;
}

/* 无结果样式增强 */
.no-results {
    text-align: center;
    padding: 60px 20px;
    background-color: #001a33;
    border-radius: 8px;
    margin-bottom: 30px;
}

.no-results p {
    color: #999;
    font-size: 16px;
    line-height: 1.6;
    margin: 15px 0 30px;
}

.no-results-suggestions {
    margin-top: 30px;
}

.no-results-suggestions h3 {
    font-size: 18px;
    color: #d08309;
    margin-bottom: 20px;
    font-weight: 600;
}

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

@media screen and (max-width: 768px) {
    .wryfoi-search-history {
        margin: 10px 0;
    }
    
    .wryfoi-history-tags {
        gap: 6px;
    }
    
    .suggestions-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 15px;
    }
}

@media screen and (max-width: 480px) {
    .wryfoi-search-query {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .wryfoi-stat-divider {
        display: none;
    }
    
    .suggestions-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}
/* 筛选区样式优化 */
.wryfoi-filter-wrapper {
    border-radius: 8px;
    background: rgba(255,255,255,0.03);
    margin-bottom: 20px;
    padding: 15px;
}

.wryfoi-filter-sticky {
    position: sticky;
    top: 70px;
    z-index: 100;
    background: rgba(20, 20, 30, 0.95);
    padding: 10px 0;
    border-radius: 6px;
    margin-bottom: 10px;
}

.wryfoi-filter-group {
    margin-bottom: 15px;
}

.wryfoi-filter-group:last-child {
    margin-bottom: 0;
}

.wryfoi-filter-label {
    display: inline-block;
    min-width: 70px;
    color: #aaa;
    font-weight: 500;
    margin-right: 10px;
}

.wryfoi-filter-options {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
}

.wryfoi-filter-link {
    display: inline-block;
    padding: 5px 12px;
    border-radius: 15px;
    background: rgba(255,255,255,0.05);
    color: #ddd;
    font-size: 14px;
    transition: all 0.2s ease;
}

.wryfoi-filter-link:hover, .wryfoi-filter-link.wryfoi-active {
    background: var(--primary-color);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 3px 10px rgba(var(--primary-rgb), 0.3);
}

.wryfoi-year-options, .wryfoi-area-options {
    max-width: calc(100% - 80px);
}

/* 活动筛选条件标签 */
.wryfoi-active-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    padding: 0 5px;
}

.wryfoi-active-filter-tag {
    display: inline-flex;
    align-items: center;
    background: var(--primary-color);
    color: #fff;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 14px;
}

.wryfoi-active-filter-tag .wryfoi-remove-filter {
    margin-left: 8px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.wryfoi-active-filter-tag .wryfoi-remove-filter:hover {
    opacity: 1;
}

.wryfoi-clear-all-filters {
    background: rgba(255,255,255,0.1);
    color: #ddd;
}

/* 列表视图切换按钮样式优化 */
.wryfoi-toggle-view {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: auto !important;
    height: 36px !important;
}

.wryfoi-view-btn {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    float: none !important;
    margin: 0 !important;
}

.wryfoi-view-btn:before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 18px !important;
    height: 18px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.wryfoi-grid-view:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ccc' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3zm0 10h8v8H3zm10-10h8v8h-8zm0 10h8v8h-8z'/%3E%3C/svg%3E") !important;
}

.wryfoi-list-view:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ccc' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h2v-2H3zm0 4h2v-2H3zm0-8h2V7H3zm4 4h14v-2H7zm0 4h14v-2H7zm0-8h14V7H7z'/%3E%3C/svg%3E") !important;
}

.wryfoi-view-btn:hover, .wryfoi-view-btn.wryfoi-active {
    background-color: #d08309 !important;
}

.wryfoi-view-btn:hover:before, .wryfoi-view-btn.wryfoi-active:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3zm0 10h8v8H3zm10-10h8v8h-8zm0 10h8v8h-8z'/%3E%3C/svg%3E") !important;
}

.wryfoi-list-view:hover:before, .wryfoi-list-view.wryfoi-active:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h2v-2H3zm0 4h2v-2H3zm0-8h2V7H3zm4 4h14v-2H7zm0 4h14v-2H7zm0-8h14V7H7z'/%3E%3C/svg%3E") !important;
}

@media (max-width: 480px) {
    .wryfoi-toggle-view {
        margin-left: 0 !important;
        margin-top: 10px !important;
        height: 32px !important;
    }
    
    .wryfoi-view-btn {
        width: 32px !important;
        height: 32px !important;
    }
    
    .wryfoi-view-btn:before {
        width: 16px !important;
        height: 16px !important;
    }
}

/* 视频列表改进样式 */
.wryfoi-video-grid, .wryfoi-grid-view {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    gap: 20px !important;
}

.wryfoi-video-grid .wryfoi-video-card, .wryfoi-grid-view .wryfoi-video-card,
.wryfoi-video-grid .video-card, .wryfoi-grid-view .video-card,
.wryfoi-video-grid .wryfoi-video-item, .wryfoi-grid-view .wryfoi-video-item {
    width: 100% !important;
    margin-bottom: 0 !important;
    display: block !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wryfoi-video-grid .wryfoi-video-poster, .wryfoi-grid-view .wryfoi-video-poster,
.wryfoi-video-grid .video-thumb, .wryfoi-grid-view .video-thumb {
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 56.25% !important; /* 16:9比例 */
    position: relative !important;
    overflow: hidden !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
    border-radius: 8px !important;
}

.wryfoi-video-grid .wryfoi-video-poster img, .wryfoi-grid-view .wryfoi-video-poster img,
.wryfoi-video-grid .video-thumb img, .wryfoi-grid-view .video-thumb img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.wryfoi-video-grid .wryfoi-video-title, .wryfoi-grid-view .wryfoi-video-title,
.wryfoi-video-grid .video-title, .wryfoi-grid-view .video-title {
    font-size: 14px !important;
    margin-bottom: 8px !important;
    max-height: 40px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

/* 视频列表视图样式 */
.wryfoi-video-list, .wryfoi-list-view {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}

.wryfoi-video-list .wryfoi-video-card, .wryfoi-list-view .wryfoi-video-card,
.wryfoi-video-list .video-card, .wryfoi-list-view .video-card,
.wryfoi-video-list .wryfoi-video-item, .wryfoi-list-view .wryfoi-video-item {
    display: flex !important;
    width: 100% !important;
    margin: 0 0 15px 0 !important;
    padding: 10px !important;
    border-radius: 8px !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    transition: background-color 0.3s ease, transform 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
    flex-direction: row !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: 124px !important;
}

.wryfoi-video-list .wryfoi-video-card a, .wryfoi-list-view .wryfoi-video-card a,
.wryfoi-video-list .video-card a, .wryfoi-list-view .video-card a,
.wryfoi-video-list .wryfoi-video-item a, .wryfoi-list-view .wryfoi-video-item a {
    display: flex !important;
    width: 100% !important;
    flex-direction: row !important;
    align-items: flex-start !important;
}

.wryfoi-video-list .wryfoi-video-card:hover, .wryfoi-list-view .wryfoi-video-card:hover,
.wryfoi-video-list .video-card:hover, .wryfoi-list-view .video-card:hover,
.wryfoi-video-list .wryfoi-video-item:hover, .wryfoi-list-view .wryfoi-video-item:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    transform: translateY(-2px) !important;
}

.wryfoi-video-list .wryfoi-video-thumb, .wryfoi-list-view .wryfoi-video-thumb,
.wryfoi-video-list .video-thumb, .wryfoi-list-view .video-thumb,
.wryfoi-video-list .wryfoi-video-poster, .wryfoi-list-view .wryfoi-video-poster {
    width: 220px !important;
    min-width: 220px !important;
    height: 328px !important;
    overflow: hidden !important;
    margin-right: 15px !important;
    margin-bottom: 0 !important;
    border-radius: 6px !important;
    flex-shrink: 0 !important;
    position: relative !important;
    padding-bottom: 0 !important;
}

.wryfoi-video-list .wryfoi-video-thumb img, .wryfoi-list-view .wryfoi-video-thumb img,
.wryfoi-video-list .video-thumb img, .wryfoi-list-view .video-thumb img,
.wryfoi-video-list .wryfoi-video-poster img, .wryfoi-list-view .wryfoi-video-poster img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.wryfoi-video-list .wryfoi-video-info, .wryfoi-list-view .wryfoi-video-info,
.wryfoi-video-list .video-info, .wryfoi-list-view .video-info {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    overflow: hidden !important;
    padding: 0 !important;
    justify-content: flex-start !important;
}

.wryfoi-video-list .wryfoi-video-title, .wryfoi-list-view .wryfoi-video-title,
.wryfoi-video-list .video-title, .wryfoi-list-view .video-title {
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
    max-height: none !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.wryfoi-video-list .wryfoi-video-meta, .wryfoi-list-view .wryfoi-video-meta,
.wryfoi-video-list .video-meta, .wryfoi-list-view .video-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    font-size: 12px !important;
    color: #aaa !important;
    margin-bottom: 10px !important;
}

.wryfoi-video-list .wryfoi-meta-row, .wryfoi-list-view .wryfoi-meta-row,
.wryfoi-video-list .wryfoi-tags-row, .wryfoi-list-view .wryfoi-tags-row {
    margin-bottom: 5px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.wryfoi-video-list .wryfoi-meta-item, .wryfoi-list-view .wryfoi-meta-item,
.wryfoi-video-list .wryfoi-video-tag, .wryfoi-list-view .wryfoi-video-tag {
    display: inline-flex !important;
    align-items: center !important;
}

.wryfoi-video-list .wryfoi-video-description, .wryfoi-list-view .wryfoi-video-description,
.wryfoi-video-list .video-description, .wryfoi-list-view .video-description {
    font-size: 13px !important;
    color: #999 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    max-height: 40px !important;
    margin-top: auto !important;
}

/* 确保视频卡片中的其他元素正确显示 */
.wryfoi-video-list .wryfoi-video-duration, .wryfoi-list-view .wryfoi-video-duration,
.wryfoi-video-list .wryfoi-corner-ribbon, .wryfoi-list-view .wryfoi-corner-ribbon,
.wryfoi-video-list .wryfoi-thumb-overlay, .wryfoi-list-view .wryfoi-thumb-overlay {
    position: absolute !important;
}

.wryfoi-video-list .wryfoi-thumb-overlay, .wryfoi-list-view .wryfoi-thumb-overlay {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
}

.wryfoi-video-list .wryfoi-video-duration, .wryfoi-list-view .wryfoi-video-duration {
    bottom: 5px !important;
    right: 5px !important;
    padding: 2px 5px !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    color: #fff !important;
    font-size: 12px !important;
    border-radius: 3px !important;
    z-index: 2 !important;
}

.wryfoi-video-list .wryfoi-corner-ribbon, .wryfoi-list-view .wryfoi-corner-ribbon {
    top: 5px !important;
    left: 5px !important;
    padding: 2px 6px !important;
    background-color: #d08309 !important;
    color: #fff !important;
    font-size: 12px !important;
    border-radius: 3px !important;
    z-index: 2 !important;
}

.wryfoi-video-list .wryfoi-play-button, .wryfoi-list-view .wryfoi-play-button {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background-color: rgba(208, 131, 9, 0.8) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease, transform 0.3s ease !important;
    z-index: 2 !important;
}

.wryfoi-video-list .wryfoi-video-card:hover .wryfoi-play-button, 
.wryfoi-list-view .wryfoi-video-card:hover .wryfoi-play-button {
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .wryfoi-video-list .wryfoi-video-thumb, .wryfoi-list-view .wryfoi-video-thumb,
    .wryfoi-video-list .video-thumb, .wryfoi-list-view .video-thumb,
    .wryfoi-video-list .wryfoi-video-poster, .wryfoi-list-view .wryfoi-video-poster {
        width: 140px !important;
        min-width: 140px !important;
        height: 80px !important;
    }
    
    .wryfoi-video-list .wryfoi-video-card, .wryfoi-list-view .wryfoi-video-card,
    .wryfoi-video-list .video-card, .wryfoi-list-view .video-card,
    .wryfoi-video-list .wryfoi-video-item, .wryfoi-list-view .wryfoi-video-item {
        min-height: 80px !important;
        padding: 8px !important;
    }
    
    .wryfoi-video-list .wryfoi-video-info, .wryfoi-list-view .wryfoi-video-info,
    .wryfoi-video-list .video-info, .wryfoi-list-view .video-info {
        padding: 0 0 0 10px !important;
    }
    
    .wryfoi-video-list .wryfoi-video-title, .wryfoi-list-view .wryfoi-video-title,
    .wryfoi-video-list .video-title, .wryfoi-list-view .video-title {
        font-size: 14px !important;
        margin-bottom: 5px !important;
        -webkit-line-clamp: 2 !important;
    }
    
    .wryfoi-video-list .wryfoi-video-description, .wryfoi-list-view .wryfoi-video-description,
    .wryfoi-video-list .video-description, .wryfoi-list-view .video-description {
        display: none !important;
    }
    
    .wryfoi-video-list .wryfoi-play-button, .wryfoi-list-view .wryfoi-play-button {
        width: 32px !important;
        height: 32px !important;
    }
}

@media (max-width: 480px) {
    .wryfoi-video-list .wryfoi-video-thumb, .wryfoi-list-view .wryfoi-video-thumb,
    .wryfoi-video-list .video-thumb, .wryfoi-list-view .video-thumb,
    .wryfoi-video-list .wryfoi-video-poster, .wryfoi-list-view .wryfoi-video-poster {
        width: 120px !important;
        min-width: 120px !important;
        height: 200px !important;
    }
    
    .wryfoi-video-list .wryfoi-video-card, .wryfoi-list-view .wryfoi-video-card,
    .wryfoi-video-list .video-card, .wryfoi-list-view .video-card,
    .wryfoi-video-list .wryfoi-video-item, .wryfoi-list-view .wryfoi-video-item {
        min-height: 68px !important;
        padding: 6px !important;
    }

    .wryfoi-video-list .wryfoi-video-info, .wryfoi-list-view .wryfoi-video-info,
    .wryfoi-video-list .video-info, .wryfoi-list-view .video-info {
        padding: 0 0 0 8px !important;
    }

    .wryfoi-video-list .wryfoi-meta-row, .wryfoi-list-view .wryfoi-meta-row,
    .wryfoi-video-list .wryfoi-tags-row, .wryfoi-list-view .wryfoi-tags-row {
        gap: 6px !important;
    }

    .wryfoi-video-list .wryfoi-meta-item, .wryfoi-list-view .wryfoi-meta-item {
        font-size: 11px !important;
    }
    
    .wryfoi-video-list .wryfoi-video-tag, .wryfoi-list-view .wryfoi-video-tag {
        font-size: 10px !important;
    }
    
    .wryfoi-video-list .wryfoi-play-button, .wryfoi-list-view .wryfoi-play-button {
        width: 28px !important;
        height: 28px !important;
    }
}

@media screen and (max-width: 768px) {
    .wryfoi-section-header {
        padding: 15px;
    }
    
    .wryfoi-section-title {
        font-size: 16px;
    }
    
    .wryfoi-featured-section {
        margin-bottom: 20px;
    }
    
    .wryfoi-filter-link {
        padding: 4px 10px;
        font-size: 13px;
    }
    
    .wryfoi-toggle-view {
        display: none;
    }
    
    .wryfoi-video-list .wryfoi-video-title {
        -webkit-line-clamp: 1;
    }
    
    /* 手机端视频网格布局修改：一行两个 */
    .wryfoi-video-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    
    /* 视频卡片样式优化 */
    .wryfoi-video-card {
        margin-bottom: 10px !important;
    }
    
    .wryfoi-video-info {
        padding: 8px !important;
    }
    
    .wryfoi-video-title {
        font-size: 13px !important;
        margin-bottom: 5px !important;
        -webkit-line-clamp: 1 !important;
    }
    
    .wryfoi-meta-item {
        font-size: 11px !important;
    }
    
    /* 列表视图下的卡片布局 */
    .wryfoi-video-list .wryfoi-video-card {
        display: block !important;
        grid-template-columns: none !important;
        height: auto !important;
    }
}

@media screen and (max-width: 480px) {
    .wryfoi-toggle-view {
        display: none;
    }
    
    .wryfoi-featured-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .wryfoi-featured-more {
        margin-top: 10px;
    }
    
    .wryfoi-filter-options {
        gap: 5px;
    }
    
    .wryfoi-advanced-filters {
        padding: 8px 0;
    }
    
    /* 小尺寸手机维持一行两个布局 */
    .wryfoi-video-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
    
    /* 视频卡片样式优化 */
    .wryfoi-video-card {
        margin-bottom: 8px !important;
    }
    
    /* 列表视图下的视频信息隐藏更多元素 */
    .wryfoi-video-list .wryfoi-meta-row,
    .wryfoi-video-list .wryfoi-meta-item {
        display: none !important;
    }
    
    .wryfoi-video-title {
        font-size: 12px !important;
        margin-bottom: 0 !important;
        -webkit-line-clamp: 1 !important;
        height: auto !important;
    }
}