/* ============================================================
   5300PK 视频播放（教程/文章内容页）v1.0  2026-10-10
   ============================================================ */
.pk-video-wrap{margin:18px 26px 4px;padding:16px 18px 14px;border:1px solid #ececee;border-radius:12px;background:#fafbfc;}
.pk-video-title{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:15px;font-weight:700;color:#111;}
.pk-video-title:before{content:"";width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,#2563eb,#06b6d4);}
.pk-video-title em{font-style:normal;font-weight:400;font-size:12px;color:#9a9aa1;}

.pkv-slot{margin:0;}
.pkv-box{position:relative;}
.pkv-el{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:10px;background:#000;object-fit:contain;}

.pkv-cover,.pkv-linkcard{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:10px;background:#111 center/cover no-repeat;cursor:pointer;overflow:hidden;text-align:center;}
.pkv-cover:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.6));}
.pkv-play{position:relative;z-index:2;display:block;width:62px;height:62px;margin:0 auto 10px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 10px 26px -8px rgba(0,0,0,.65);transition:transform .2s;}
.pkv-play:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-40%,-50%);width:0;height:0;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #111;}
.pkv-cover:hover .pkv-play,.pkv-linkcard:hover .pkv-play{transform:scale(1.06);}
.pkv-tip{position:relative;z-index:2;display:block;padding:0 14px;color:#fff;font-size:14px;font-weight:600;line-height:1.6;}

.pkv-linkcard{text-decoration:none;}
.pkv-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:#9a9aa1;}
.pkv-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%;}
.pkv-src{color:#2563eb;}
.pkv-src:hover{text-decoration:underline;}
.pkv-noscript{margin:10px 0 0;font-size:13px;}
.pkv-noscript a{color:#2563eb;}

/* 正文里自动/手动嵌入的播放器 */
.single-detail-content .pkv-box{margin:14px 0;}

body.night .pk-video-wrap{background:#1c1c20;border-color:#2c2c30;}
body.night .pk-video-title{color:#e2e8f0;}
body.night .pk-video-title em{color:#7d7d85;}
body.night .pkv-foot{color:#7d7d85;}
body.night .pkv-src,body.night .pkv-noscript a{color:#f4f4f5;}

@media (max-width:900px){
  .pk-video-wrap{margin-left:16px;margin-right:16px;}
}
@media (max-width:600px){
  .pk-video-wrap{margin-left:14px;margin-right:14px;padding:12px;}
  .pkv-play{width:52px;height:52px;}
  .pkv-play:before{border-width:10px 0 10px 17px;}
  .pkv-tip{font-size:13px;}
  .pkv-name{max-width:100%;}
}