/**
 * Premium SEO Template - Player Full Width CSS
 * 播放器全宽度设置 - 确保播放器占满容器宽度
 */

/* ========== 强制播放器全宽度 ========== */
.player-wrapper,
.player-box,
.player-container,
.player-main,
.video-player,
.video-container,
.dp-player,
.dplayer,
.ckplayer,
#player,
.maccms-player,
.vod-player {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ========== 播放器iframe全宽度 ========== */
iframe[src*="dp"],
iframe[src*="player"],
iframe[src*="video"],
.player-wrapper iframe,
.player-box iframe,
.player-container iframe,
.player-main iframe,
.video-player iframe,
.video-container iframe {
  width: 100% !important;
  height: auto !important;
  min-height: 400px;
  aspect-ratio: 16 / 9;
  border: none !important;
}

/* ========== 播放器容器响应式 ========== */
.player-wrapper,
.player-box {
  position: relative;
  width: 100%;
  max-width: 100%;
  background: #000;
  margin-bottom: 20px;
}

/* ========== 播放器主容器 ========== */
.player-container,
.player-main,
.video-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  background: #000;
  overflow: hidden;
}

/* ========== 播放器内容 ========== */
.player-container > *,
.player-main > *,
.video-container > * {
  width: 100%;
  height: auto;
}

/* ========== DP播放器特殊处理 ========== */
#dp-player,
.dp-player,
.dplayer {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  margin: 0 !important;
  padding: 0 !important;
}

/* ========== CKplayer特殊处理 ========== */
#ckplayer,
.ckplayer,
.ckplayer-container {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
}

/* ========== 视频标签处理 ========== */
video {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

/* ========== 嵌入式播放器 ========== */
embed,
object {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
}

/* ========== 移除所有约束 ========== */
[style*="width: 640px"],
[style*="width: 800px"],
[style*="width: 960px"],
[style*="max-width: 640px"],
[style*="max-width: 800px"],
[style*="max-width: 960px"] {
  width: 100% !important;
  max-width: 100% !important;
}

/* ========== 播放器父容器 ========== */
.player-wrapper-parent,
.player-box-parent,
.video-wrapper,
.video-box {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

/* ========== 播放器信息区 ========== */
.player-info,
.video-info-section {
  width: 100%;
  background: var(--bg-white);
  padding: 20px;
  box-sizing: border-box;
}

/* ========== 响应式调整 ========== */

/* 平板设备 */
@media (max-width: 1024px) {
  .player-wrapper,
  .player-box,
  .player-container,
  .player-main,
  .video-container {
    margin-bottom: 15px;
  }

  iframe[src*="player"],
  .player-wrapper iframe,
  .player-container iframe {
    min-height: 350px;
  }
}

/* 大手机 */
@media (max-width: 768px) {
  .player-wrapper,
  .player-box,
  .player-container,
  .player-main,
  .video-container {
    margin-bottom: 12px;
  }

  iframe[src*="player"],
  .player-wrapper iframe,
  .player-container iframe {
    min-height: 300px;
  }

  .player-info,
  .video-info-section {
    padding: 12px;
  }
}

/* 小手机 */
@media (max-width: 480px) {
  .player-wrapper,
  .player-box,
  .player-container,
  .player-main,
  .video-container {
    margin-bottom: 10px;
  }

  iframe[src*="player"],
  .player-wrapper iframe,
  .player-container iframe {
    min-height: 250px;
  }

  .player-info,
  .video-info-section {
    padding: 10px;
  }
}

/* 超小手机 */
@media (max-width: 360px) {
  iframe[src*="player"],
  .player-wrapper iframe,
  .player-container iframe {
    min-height: 200px;
  }

  .player-info,
  .video-info-section {
    padding: 8px;
  }
}

/* ========== 防止水平滚动 ========== */
body {
  overflow-x: hidden;
}

.player-wrapper,
.player-box,
.player-container,
.player-main,
.video-container {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/* ========== 移除padding导致的溢出 ========== */
.container > .player-wrapper,
.container > .player-box,
.container > .player-container {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

/* ========== 全屏模式 ========== */
.player-fullscreen,
.player-wrapper.fullscreen,
.player-container.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  max-width: 100vw;
}

.player-fullscreen iframe,
.player-wrapper.fullscreen iframe,
.player-container.fullscreen iframe {
  width: 100vw;
  height: 100vh;
  min-height: auto;
  aspect-ratio: auto;
}

/* ========== 打印样式 ========== */
@media print {
  .player-wrapper,
  .player-box,
  .player-container {
    page-break-inside: avoid;
    max-width: 100%;
  }
}

/* ========== 高对比度模式 ========== */
@media (prefers-contrast: more) {
  .player-wrapper,
  .player-box,
  .player-container {
    border: 2px solid #000;
  }
}