/**
██   ██ ██    ██ ██████  ██  ██████ ███    ███ ███████ 
██   ██ ██    ██ ██   ██ ██ ██      ████  ████ ██      
███████ ██    ██ ██   ██ ██ ██      ██ ████ ██ ███████ 
██   ██ ██    ██ ██   ██ ██ ██      ██  ██  ██      ██ 
██   ██  ██████  ██████  ██  ██████ ██      ██ ███████ 
            ===========================================
 * @Sign
================================
        Keep calm and get rich.
                    Is the best huudi.
 */
body { background-color: #573394;}
body{color: #ffffff !important;}
img{background-color: #AD1D0F !important;}
h2{border-color: #ffffff !important;}
a:hover{color: #ffffff !important;}
a{color: #ffffff !important;}
body,html,div,p,a,ul,li,input,button,form,textarea,span,img,h1,h2,h3{margin:0;padding:0}
div,ul,li,a,span,p{overflow:hidden}
body{font-family:Arial,sans-serif;font-weight:700}
li{list-style-type:none}
img{display:block}
a{text-decoration:none}
h1,h2{text-align:center}
h1{clear:both;font-size:24px;line-height:28px;margin:10px 5px 0 5px}
h2{border-top-style:solid;border-top-width:2px;margin:20px 5px 0 5px;padding-top:20px;font-size:22px;line-height:26px}
.icpa-wrapper{margin:0 auto;max-width:930px}

/* 在CSS文件顶部添加淡入动画 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 视频列表样式 */
.icpa-cont-wrapper {
    padding: 20px 0;
    min-height: calc(100vh - 500px);
}

/* 分类头部 */
.icpa-category-header {
    text-align: center;
    margin-bottom: 25px;
    padding: 0 15px;
}

.icpa-category-title {
    font-size: 28px;
    color: #ffffff !important;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icpa-category-title i {
    margin-right: 10px;
    color: #ffffff !important;
}

.icpa-category-desc {
    max-width: 700px;
    margin: 0 auto;
    color: #ffffff !important;
    font-size: 16px;
    line-height: 1.5;
}

/* 筛选选项 */
.icpa-filter-options {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    padding: 0 15px;
}

.icpa-filter-item {
    display: flex;
    border-radius: 5px;
    overflow: hidden;
    margin: 5px;
}

.icpa-filter-item a {
    padding: 8px 15px;
    font-size: 14px;
    color: #ffffff !important;
    position: relative;
    transition: all 0.3s ease;
}

.icpa-filter-item a.active,
.icpa-filter-item a:hover {
    background-color: #AD1D0F;
    color: #ffffff !important;
}

/* 视频网格 */
.icpa-video-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 20px;
    padding: 0 15px;
}

/* 视频卡片 */
.icpa-video-card {
    border-radius: 8px;
    overflow: hidden;
    background-color: #AD1D0F !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    animation: fadeIn 0.5s ease forwards;
    animation-delay: calc(0.05s * var(--card-index, 0));
    opacity: 0;
}

.icpa-video-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}

.icpa-video-card-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.icpa-video-thumb {
    display: block;
    color: inherit;
    text-decoration: none;
    flex: 1;
}

.icpa-thumb-container {
    position: relative;
    padding-bottom: 133%; /* 调整高宽比例为4:3，适合大多数影视海报 */
    overflow: hidden;
    background-color: #AD1D0F !important; /* 更淡的背景色 */
}

.icpa-thumb-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.2) 100%);
    z-index: 1;
    pointer-events: none;
}

.icpa-thumb-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 改回cover以填充整个容器 */
    background-color: #AD1D0F !important;
    transition: transform 0.5s ease;
}

.icpa-video-card:hover .icpa-thumb-container img {
    transform: scale(1.05);
}

/* 处理特殊比例的图片 */
.icpa-thumb-container.portrait img {
    object-position: top center; /* 竖向海报保持上对齐 */
}

.icpa-thumb-container.landscape img {
    object-position: center; /* 横向海报保持居中 */
}

.icpa-play-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #AD1D0F !important;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.icpa-play-overlay i {
    font-size: 50px;
    color: #ffffff !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

.icpa-video-card:hover .icpa-play-overlay {
    opacity: 1;
}

.icpa-video-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #AD1D0F !important;
    color: #ffffff !important;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    z-index: 2;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.icpa-video-title {
    padding: 10px;
    margin-top: auto; /* 确保标题位于卡片底部 */
}

.icpa-video-title h3 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    max-height: 40px;
    overflow: hidden;
    margin: 0;
    color: #ffffff !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.icpa-video-meta {
    display: flex;
    padding: 0 10px 10px;
    border-top: 1px solid #fffffffff;
    color: #ffffff !important;
    flex-wrap: wrap; /* 允许元数据在小屏幕上换行 */
}

.icpa-meta-item {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-right: 12px;
    margin-top: 5px;
}

.icpa-meta-item i {
    font-size: 14px;
    margin-right: 4px;
}

.icpa-meta-item:nth-child(1) i {
    color: #ffffff !important;
}

.icpa-meta-item:nth-child(2) i {
    color: #ffffff !important;
}

.icpa-meta-item:nth-child(3) i {
    color: #ffffff !important;
}

/* 分页样式 */
.icpa-pagination-container {
    margin: 40px 0 20px;
    padding: 0 15px;
}

.icpa-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.icpa-page-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    background-color: #AD1D0F !important;
    color: #ffffff !important;
    border-radius: 4px;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid #e1e4e8;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    font-weight: 500;
}

.icpa-page-btn:hover {
    background-color: #AD1D0F !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.icpa-page-btn.current {
    background-color: #AD1D0F !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
    box-shadow: 0 2px 5px rgba(231, 76, 60, 0.3);
}

.icpa-page-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.icpa-first-page, .icpa-last-page, .icpa-prev-page, .icpa-next-page {
    font-size: 16px;
}

.icpa-page-info {
    margin-left: 15px;
    color: #ffffff !important;
    font-size: 14px;
    display: flex;
    align-items: center;
}

/* 响应式设计 */
@media (max-width: 576px) {
    .icpa-video-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .icpa-category-title {
        font-size: 24px;
    }
    
    .icpa-play-overlay i {
        font-size: 40px;
    }
    
    .icpa-filter-item a {
        padding: 6px 12px;
        font-size: 13px;
    }
    
    .icpa-thumb-container {
        padding-bottom: 130%;
    }
    
    .icpa-meta-item {
        margin-right: 8px;
        font-size: 11px;
    }
    
    .icpa-meta-item i {
        font-size: 12px;
    }
    
    .icpa-pagination {
        gap: 4px;
    }
    
    .icpa-page-btn {
        min-width: 36px;
        height: 36px;
        padding: 0 8px;
        font-size: 13px;
    }
    
    .icpa-page-info {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .icpa-video-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .icpa-thumb-container {
        padding-bottom: 133%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .icpa-video-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 992px) {
    .icpa-video-grid {
        grid-template-columns: repeat(5, 1fr);
    }
    
    .icpa-page-btn {
        min-width: 44px;
        height: 44px;
        font-size: 15px;
    }
}

@media (min-width: 1200px) {
    .icpa-video-grid {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media all and (min-width:640px){
    .icpa-bottom-navi a,.icpa-bottom-navi span{height:50px;line-height:50px;min-width:40px;font-size:18px;border-radius:25px}
    .icpa-bottom-navi li.icpa-navi-next-prev a,.icpa-bottom-navi li.icpa-navi-next-prev span{font-size:20px}
}

@media all and (min-width:950px){
    .icpa-wrapper{width:930px;max-width:100%}
    .icpa-video-info a,.icpa-video-info span{border-radius:20px;height:40px;line-height:40px;font-size:14px;padding-right:20px}
    .icpa-video-info li i{width:40px;font-size:24px}
}

@media all and (min-width:980px){
    .icpa-wrapper{width:960px}
    h1,.icpa-small-ins{margin:20px 10px 0 10px}
    h2{margin:20px 10px 0 10px}
    .icpa-wrapper-video{margin:20px 10px 0 10px}
}

@media all and (min-width:1300px){
    .icpa-wrapper{width:1280px}
    h1{font-size:26px;line-height:30px}
    h2{font-size:24px;line-height:28px}
    .icpa-bottom-navi a,.icpa-bottom-navi span{height:60px;line-height:60px;min-width:50px;border-radius:30px}
}

@media all and (min-width:1620px){
    .icpa-wrapper{width:1600px}
    h1{font-size:28px;line-height:32px}
    h2{font-size:26px;line-height:30px}
}

/* 加载占位效果 */
.icpa-loadi:not([src*="data:"]) {
    background: linear-gradient(110deg, #ececec 8%, #1a1a1a 18%, #ececec 33%);
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}

@keyframes shine {
    to {
        background-position-x: -200%;
    }
}

/* 页面初始化脚本 - 添加到页面底部 */
.icpa-init-script {
    display: none;
}

/* 视频播放页样式 */
.icpa-video-ins{display:table;width:100%}
.icpa-video{display:block;background-color: #AD1D0F !important;:relative;padding-bottom:56.25%;border-radius:3px}
.icpa-video #player,.icpa-video .fluid_video_wrapper{position:absolute!important;:0!important;:0!important;:100%!important;:100%!important}
.icpa-video div{overflow:visible}
.icpa-video .icpa-player-preview{position:absolute;left:0;top:0;width:100%!important;:100%!important;:pointer}
.icpa-video .icpa-player-play{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;cursor:pointer;width:60px;height:60px;border-radius:50px;background-color: #AD1D0F !important;}
.icpa-video .icpa-player-play:after{content:"";position:absolute;top:15px;left:23px;border-style:solid;border-width:15px 0 15px 21px;border-color:transparent transparent transparent #ffffff}
.icpa-video-info{padding-top:10px}
.icpa-video-info ul{float:left;margin:6px 18px 0 0}
.icpa-video-info li{float:left;margin:4px 2px 0 2px;text-align:center}
.icpa-video-info a,.icpa-video-info span{border-radius:15px;display:block;padding-right:10px;height:30px;line-height:30px;font-size:13px;background-color: #AD1D0F !important;}
.icpa-video-info li i{border-radius:50%;display:block;float:left;width:30px;height:inherit;line-height:inherit;font-size:20px;margin-right:10px;background-color: #AD1D0F !important;}
.icpa-video-info li a:hover i{color:inherit}
.icpa-video-info a:hover{background-color: #AD1D0F !important;: #ffffff !important;}
.icpa-video-info a i{color: #ffffff !important;}
body { background-color: #573394;
  color: #ffffff !important;;
}


/* 强制全局 a 链接使用白色字体 */
a, .icpa-logo-container a, .icpa-header-container a, .icpa-footer a {
    color: #ffffff !important;;
    text-decoration: none;
}


/* 强制深色主题链接白色显示 */
a,
.icpa-logo-container a,
.icpa-header-container a,
.icpa-footer a,
.icpa-nav a {
    color: #ffffff !important;;
    text-decoration: none;
}