/* 全局重置wap */
*{margin:0;padding:0;box-sizing:border-box;}
body{background:#0c0c12;color:#e8e8e8;font-family:system-ui,-apple-system;padding-bottom:70px;line-height:1.55;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.wap-container{padding:0 12px;}

/* 顶部海报大图区域 修复版 */
.detail-banner{
    width:100%;
    height:260px; /* 降低高度，原420太高，手机适配舒适 */
    position:relative;
    border-radius:0 0 16px 16px;
    overflow:hidden;
    margin-bottom:16px;
}
.detail-banner::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:60%;
    background:linear-gradient(transparent,#0c0c12 90%);
}
.detail-banner img{
    width:100%;
    height:100%;
    object-fit:cover; /* 裁剪铺满不变形，不会超大拉伸 */
    filter:brightness(0.75);
    display:block;
}
.detail-banner-info{position:absolute;left:14px;right:14px;bottom:30px;z-index:2;}
.detail-name{font-size:24px;font-weight:600;color:#fff;margin-bottom:8px;}
.detail-tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.detail-tag{padding:3px 10px;background:rgba(255,152,0,0.15);border-radius:30px;font-size:11px;color:#ffb74d;border:1px solid rgba(255,152,0,0.2);}

/* 评分数据行 */
.detail-data{display:flex;gap:18px;margin-bottom:16px;}
.data-item{text-align:center;}
.data-num{font-size:20px;color:#ff9800;font-weight:bold;}
.data-text{font-size:11px;color:#999;margin-top:2px;}

/* 播放按钮大区块 */
.play-box{margin:20px 0;padding:16px;background:#14141b;border-radius:12px;border:1px solid rgba(255,152,0,0.08);}
.play-main{display:flex;align-items:center;justify-content:center;height:60px;background:linear-gradient(90deg,#ff9800,#ff6600);border-radius:10px;font-size:16px;font-weight:600;color:#0c0c12;gap:8px;margin-bottom:14px;}
.play-list-title{font-size:14px;margin-bottom:10px;color:#ddd;display:flex;align-items:center;gap:6px;}
.play-list-title::before{content:"";width:4px;height:14px;background:linear-gradient(180deg,#ff9800,#ff6600);border-radius:2px;display:block;}
.play-ep{display:flex;flex-wrap:wrap;gap:10px;}
.play-ep a{
    width:52px;height:42px;display:flex;align-items:center;justify-content:center;
    background:rgba(255,152,0,0.06);border-radius:6px;font-size:13px;color:#ccc;
    border:1px solid transparent;transition:0.2s;
}
.play-ep a.playon{background:#ff9800;color:#0c0c12;border-color:#ff9800;font-weight:bold;}
.play-ep a:hover{border-color:#ff9800;color:#ff9800;}

/* 影片信息卡片 */
.info-card{background:#14141b;border-radius:12px;border:1px solid rgba(255,152,0,0.08);padding:16px;margin-bottom:16px;}
.info-title{font-size:14px;margin-bottom:12px;color:#ddd;display:flex;align-items:center;gap:6px;}
.info-title::before{content:"";width:4px;height:14px;background:linear-gradient(180deg,#ff9800,#ff6600);border-radius:2px;display:block;}
.info-row{display:flex;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.05);font-size:13px;}
.info-row:last-child{border-bottom:none;}
.info-label{width:85px;color:#999;flex-shrink:0;}
.info-text{color:#ddd;}

/* 简介区域 */
.desc-box{background:#14141b;border-radius:12px;border:1px solid rgba(255,152,0,0.08);padding:16px;margin-bottom:16px;}
.desc-text{font-size:13px;color:#bbb;line-height:1.7;text-indent:2em;}

/* 相关推荐影片 */
.rel-title{font-size:16px;padding:15px 0 10px;display:flex;align-items:center;gap:6px;}
.rel-title::before{content:"";width:4px;height:16px;background:linear-gradient(180deg,#ff9800,#ff6600);border-radius:2px;display:block;}
.wap-vod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;}
.wap-vod-item{background:#14141b;border-radius:8px;overflow:hidden;border:1px solid rgba(255,152,0,0.06);position:relative;}
.wap-vod-pic{width:100%;aspect-ratio:2/3;position:relative;overflow:hidden;}
.wap-vod-pic img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}
.wap-vod-item:hover .wap-vod-pic img{transform:scale(1.05);}
.wap-vod-tag{position:absolute;top:4px;left:4px;padding:2px 5px;background:rgba(0,0,0,0.6);font-size:10px;color:#fff;border-radius:2px;z-index:2;}
.wap-vod-text{position:absolute;left:0;right:0;bottom:0;padding:8px 6px;background:linear-gradient(transparent, rgba(0,0,0,0.85));z-index:2;}
.wap-vod-name{font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;}

/* 底部固定导航 沿用全局样式 */
.wap-footer{position:fixed;bottom:0;left:0;width:100%;height:52px;background:#14141b;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;border-top:1px solid rgba(255,152,0,0.1);z-index:997;overflow-x:auto;}
.wap-foot-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888;font-size:11px;gap:4px;white-space:nowrap;padding:0 4px;}
.wap-foot-item.active{color:#ff9800;}
.wap-foot-item svg{width:20px;height:20px;fill:currentColor;}

/*播放选集play */
    .player-section {
        margin: 35px 0;
        padding: 25px;
        background: rgba(20, 20, 20, 0.7);
        border-radius: 12px;
        border: 1px solid rgba(255,255,255,0.05);
        backdrop-filter: blur(10px);
    }

    /* 播放源标签 */
    .source-tabs {
        display: flex;
        gap: 12px;
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(255,255,255,0.08);
        flex-wrap: wrap;
    }
    .source-tab {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 8px 16px;
        font-size: 15px;
        color: #aaa;
        cursor: pointer;
        transition: all 0.25s ease;
        border-radius: 8px;
        background: rgba(30,30,30,0.9);
        border: 1px solid rgba(255,255,255,0.05);
    }
    .source-tab:hover {
        color: #fff;
        background: rgba(40,40,40,0.9);
    }
    .source-tab.active {
        background: linear-gradient(135deg, #00b42a, #009933);
        color: #fff;
        border-color: transparent;
    }
    .source-count {
        background: rgba(0,180,42,0.2);
        color: #00b42a;
        font-size: 12px;
        padding: 2px 6px;
        border-radius: 10px;
        font-weight: 500;
    }
    .source-tab.active .source-count {
        background: rgba(255,255,255,0.2);
        color: #fff;
    }

    /* 集数滚动容器 */
    .episode-container {
        display: none;
    }
    .episode-container.active {
        display: block;
    }
    .episode-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        gap: 12px;
        max-height: 320px;
        overflow-y: auto;
        padding-right: 8px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    /* 集数按钮 */
    .episode-list a {
        padding: 10px 12px;
        background: rgba(30,30,30,0.9);
        border-radius: 6px;
        font-size: 14px;
        color: #ccc;
        text-decoration: none;
        text-align: center;
        transition: all 0.25s ease;
        border: 1px solid rgba(255,255,255,0.05);
        white-space: nowrap;
        display: block;
    }
    .episode-list a:hover {
        background: rgba(0,180,42,0.15);
        color: #fff;
        border-color: rgba(0,180,42,0.3);
        transform: translateY(-1px);
    }
    .episode-list a.playon {
        background: linear-gradient(135deg, #00b42a, #009933);
        color: #fff;
        border-color: transparent;
        font-weight: 500;
    }

    /* 自定义滚动条 */
    .episode-list::-webkit-scrollbar {
        width: 6px;
    }
    .episode-list::-webkit-scrollbar-track {
        background: rgba(255,255,255,0.05);
        border-radius: 3px;
    }
    .episode-list::-webkit-scrollbar-thumb {
        background: rgba(0,180,42,0.4);
        border-radius: 3px;
    }
    .episode-list::-webkit-scrollbar-thumb:hover {
        background: rgba(0,180,42,0.6);
    }

    /* 响应式适配 */
    @media(max-width:768px){
        .player-section { padding: 15px; }
        .source-tabs { gap: 8px; }
        .source-tab { padding: 6px 12px; font-size: 14px; }
        .episode-list {
            grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
            gap: 8px;
            max-height: 280px;
        }
        .episode-list a { padding: 8px 10px; font-size: 13px; }
    }