/* ============================================================
   播放页（ze-video2.php）CMS 风格重做
   仅视觉覆盖，不动 PHP 逻辑；回滚：删掉 header.php 里本文件的 link
   ============================================================ */

/* ---------- 正在播放状态条 ---------- */
.ze-nowbar{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin:0 0 10px;
    padding:8px 12px;
    background:#fff;
    border:1px solid var(--cms-border);
    border-radius:var(--cms-radius);
    font-size:13px;
    color:var(--cms-muted);
}
.ze-nowbar-badge{
    display:inline-block;
    padding:2px 8px;
    border-radius:3px;
    background:var(--cms-primary);
    color:#fff;
    font-size:12px;
    font-weight:600;
    letter-spacing:.5px;
}
.ze-nowbar-ep{color:var(--cms-text);font-weight:600;font-size:14px;}
.ze-nowbar-sep{color:var(--cms-border);}
.ze-nowbar-total{margin-left:auto;}

/* ---------- 播放器：黑底圆角，去 UIkit 观感 ---------- */
.embed-video{
    padding-bottom:56.25% !important;
    background:#000;
    border-radius:6px;
    overflow:hidden;
    box-shadow:0 4px 18px rgba(0,0,0,.18);
}
.embed-video iframe{border:0;}
#ze-artplayer{position:absolute;inset:0;background:#000;}
#ze-artplayer .artplayer-app{width:100% !important;height:100% !important;}

/* ---------- 标题与元信息 ---------- */
.video-info{padding:0;}
.video-info-title{margin:14px 0 10px;}
.video-info-title h1{
    font-size:20px !important;
    font-weight:600 !important;
    line-height:1.35;
    color:var(--cms-text);
}
.video-info-title a{text-decoration:none;}
/* 播放页标题已去掉链接，鼠标保持默认箭头、文字仍可选中复制 */
.video-info-title h1.qmc-play-title{cursor:default;-webkit-user-select:text;user-select:text;}
.video-info .video-info-details{
    font-size:13px !important;
    color:var(--cms-muted) !important;
}
.video-likes .like-btn{
    border:1px solid var(--cms-border);
    border-radius:var(--cms-radius);
    background:#fff;
    padding:3px 10px;
    color:var(--cms-muted);
}
.video-likes .like-btn:hover{border-color:var(--cms-primary);color:var(--cms-primary);}

/* ---------- 简介区：CMS 下划线式标签 ---------- */
.video-info .uk-tab.mt-0{
    display:flex;
    margin:0 0 10px;
    padding:0;
    border:0;
    border-bottom:2px solid var(--cms-border);
}
.video-info .uk-tab.mt-0 > li{margin:0;}
.video-info .uk-tab.mt-0 > li > a{
    display:block;
    padding:0 0 8px;
    margin:0 22px -2px 0;
    border:0;
    border-bottom:2px solid transparent;
    color:var(--cms-muted);
    font-size:14px;
    font-weight:600;
    text-transform:none;
}
.video-info .uk-tab.mt-0 > li.uk-active > a{
    color:var(--cms-text);
    border-bottom-color:var(--cms-primary);
}

/* ---------- 海报 ---------- */
.video-info .uk-float-left.uk-card{
    float:left;
    width:140px !important;
    max-width:30vw !important;
    margin:0 16px 10px 0 !important;
}
/* 用固定高宽锁定 3:4 海报比例（原百分比写法会被父级宽度算错，拉成瘦长条） */
.video-info .media-10x14{
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    height:186px !important;      /* 140 × 4/3 ≈ 187 */
    padding-bottom:0 !important;
    border-radius:var(--cms-radius);
    overflow:hidden;
    background:#e9ebef;
    box-shadow:var(--cms-shadow);
}
.video-info .media-10x14 .media-content{
    position:absolute !important;
    left:0;top:0;right:0;bottom:0;
    width:100%;height:100%;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
.video-info .uk-card p{
    margin:0 0 8px;
    font-size:13px;
    line-height:1.9;
    color:var(--cms-muted);
}
.video-info .uk-card p strong{color:var(--cms-text);font-weight:500;}
.video-info .btn-collect{
    color:var(--cms-muted);
    border:1px solid var(--cms-border);
    border-radius:var(--cms-radius);
    padding:4px 10px;
    background:#fff;
}
.video-info .btn-collect.current{color:#ff9500;border-color:#ff9500;}

/* ---------- 分节小标题（CMS 竖条式） ---------- */
.ze-sec-title{
    position:relative;
    margin:18px 0 10px;
    padding-left:10px;
    font-size:15px;
    font-weight:600;
    color:var(--cms-text);
    line-height:1.3;
}
.ze-sec-title::before{
    content:"";
    position:absolute;
    left:0;top:50%;
    transform:translateY(-50%);
    width:3px;height:14px;
    border-radius:2px;
    background:var(--cms-primary);
}
.ze-sec-title.mt-3{margin-top:16px;}
.night-mode .ze-sec-title{color:#e6edf3;}

/* ---------- 线路切换标签：胶囊化 ---------- */
#ze-source-tab.uk-tab{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin:16px 0 10px !important;
    padding:0;
    border:0;
}
#ze-source-tab.uk-tab::before{display:none;}
#ze-source-tab.uk-tab > li{margin:0;padding:0;}
#ze-source-tab.uk-tab > li > a{
    display:block;
    height:30px;
    line-height:28px;
    padding:0 14px;
    border:1px solid var(--cms-border);
    border-radius:15px;
    background:#fff;
    color:var(--cms-text);
    font-size:13px;
    text-transform:none;
}
#ze-source-tab.uk-tab > li > a:hover{border-color:var(--cms-primary);color:var(--cms-primary);}
#ze-source-tab.uk-tab > li.uk-active > a{
    background:var(--cms-primary);
    border-color:var(--cms-primary);
    color:#fff;
}
#ze-source-switcher.uk-switcher{
    margin:0 !important;
    padding:0 !important;
}

/* ---------- 切换线路条 ---------- */
.ze-resolve-bar{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin:12px 0 10px !important;
    padding:10px 12px !important;
    background:#fff;
    border:1px solid var(--cms-border);
    border-radius:var(--cms-radius);
}
.ze-resolve-label{
    font-size:13px;
    font-weight:600;
    color:var(--cms-text);
}
.ze-resolve-sources{display:flex;flex-wrap:wrap;gap:6px;}
/* 线路栏冷缓存占位：转圈 + 主色文字，不再是一行灰字 */
.ze-resolve-loading{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 10px;
    border-radius:999px;
    background:rgba(43,127,255,.10);
    color:var(--cms-primary);
    font-size:13px;
}
.ze-resolve-loading::before{
    content:"";
    width:12px;height:12px;
    border:2px solid currentColor;
    border-right-color:transparent;
    border-radius:50%;
    animation:cms-spin .7s linear infinite;
}
@keyframes cms-spin{to{transform:rotate(360deg);}}
.night-mode .ze-resolve-loading{
    background:rgba(43,127,255,.16);
    color:#8ab8ff;
}
/* 播放器内的解析提示：深色胶囊底，别在浅底上用浅色字 */
.embed-video .ze-resolve-tip{
    padding:7px 16px;
    border-radius:999px;
    background:rgba(18,20,26,.78);
    color:#fff;
    font-size:13px;
    line-height:1.5;
    white-space:nowrap;
}
.night-mode .embed-video .ze-resolve-tip{background:rgba(0,0,0,.62);}

/* ---------- 剧集网格：等宽方块 ---------- */
.episode-grid{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin:0;
}
.episode-grid .button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:58px;
    height:32px;
    padding:0 10px !important;
    margin:0 !important;
    border:1px solid var(--cms-border) !important;
    border-radius:var(--cms-radius) !important;
    background:#fff !important;
    color:var(--cms-text) !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1 !important;
    text-transform:none !important;
    white-space:nowrap;
    transition:border-color .15s,color .15s,background .15s;
}
.episode-grid .button:hover{
    border-color:var(--cms-primary) !important;
    color:var(--cms-primary) !important;
}
.episode-grid .button.ep-active{
    background:var(--cms-primary) !important;
    border-color:var(--cms-primary) !important;
    color:#fff !important;
    opacity:1 !important;
}

/* ---------- 右侧栏小标题 ---------- */
.post-sidebar h3,
.post-sidebar .sidebar-title{
    font-size:15px;
    font-weight:600;
    padding-left:9px;
    position:relative;
    margin:0 0 10px;
    color:var(--cms-text);
}
.post-sidebar h3::before,
.post-sidebar .sidebar-title::before{
    content:"";
    position:absolute;
    left:0;top:50%;
    transform:translateY(-50%);
    width:3px;height:14px;
    border-radius:2px;
    background:var(--cms-primary);
}

/* ---------- 留言区 ---------- */
.comments{
    background:#fff;
    border:1px solid var(--cms-border);
    border-radius:var(--cms-radius);
    padding:16px;
}

/* ---------- 暗色模式 ---------- */
.night-mode .ze-nowbar{background:#1c2128;border-color:#2b313a;color:#7d8590;}
.night-mode .ze-nowbar-ep{color:#e6edf3;}
.night-mode .video-info-title h1{color:#e6edf3 !important;}
.night-mode .video-info .video-info-details{color:#7d8590 !important;}
.night-mode .video-likes .like-btn{background:#1c2128;border-color:#2b313a;color:#7d8590;}
.night-mode .video-info .uk-tab.mt-0{border-bottom-color:#2b313a;}
.night-mode .video-info .uk-tab.mt-0 > li > a{color:#7d8590;}
.night-mode .video-info .uk-tab.mt-0 > li.uk-active > a{color:#e6edf3;}
.night-mode .video-info .media-10x14{background:#22272e;}
.night-mode .video-info .btn-collect{background:#1c2128;border-color:#2b313a;color:#7d8590;}
.night-mode #ze-source-tab.uk-tab > li > a{background:#1c2128;border-color:#2b313a;color:#c9d1d9;}
.night-mode #ze-source-tab.uk-tab > li.uk-active > a{background:var(--cms-primary);border-color:var(--cms-primary);color:#fff;}
.night-mode .ze-resolve-bar{background:#1c2128;border-color:#2b313a;}
.night-mode .ze-resolve-label{color:#e6edf3;}
.night-mode .episode-grid .button{background:#1c2128 !important;border-color:#2b313a !important;color:#c9d1d9 !important;}
.night-mode .episode-grid .button:hover{border-color:var(--cms-primary) !important;color:var(--cms-primary) !important;}
.night-mode .episode-grid .button.ep-active{background:var(--cms-primary) !important;border-color:var(--cms-primary) !important;color:#fff !important;}
.night-mode .comments{background:#1c2128;border-color:#2b313a;}
.night-mode .post-sidebar h3,
.night-mode .post-sidebar .sidebar-title{color:#e6edf3;}

/* ---------- 移动端 ---------- */
@media (max-width:959px){
    .video-info .uk-float-left.uk-card{width:110px !important;margin:0 12px 8px 0 !important;}
    .video-info .media-10x14{height:147px !important;} /* 110 × 4/3 ≈ 147 */
    .ze-nowbar-total{margin-left:0;}
}