/**
 * twigspike player block skin
 * 只管播放器挂载点 / 选集 / 上下集 / 权限门的长相。
 * 不改 .MacPlayer 内部脚本依赖的语义。
 */

/* ---- 播放器挂载（B站 16:9 自适应） ---- */
.mac-player {
  background-color: #0c0c0c;
  background-image: url("../img/loading.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: min(48%, 220px);
  border-radius: var(--radius-lg);
  overflow: hidden;
  position: relative;
  width: 100%;
  aspect-ratio: var(--player-ratio, 16 / 9);
  height: auto;
  min-height: 0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
@supports not (aspect-ratio: 16 / 9) {
  .mac-player::before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
}
.mac-player .ts-mac-player-mount,
.mac-player .MacPlayer {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-height: 0;
  background: transparent;
}
.mac-player .ts-player-scripts {
  /* 仅承载 player_aaaa / player.js，不占布局 */
  display: contents;
}
.mac-player iframe,
.mac-player video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
  display: block;
  background: #000;
  object-fit: contain;
}

/* 主题组件外壳：标题行可选 */
.ts-player-block {
  margin-bottom: var(--space-5);
}
.ts-player-block__title {
  font-size: 18px;
  margin: var(--space-4) 0 var(--space-3);
  padding-left: 11px;
  border-left: 3px solid var(--accent);
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
}
.ts-player-block__title small {
  color: var(--muted);
  font-weight: 400;
  font-size: 13px;
}

/* ---- 上下集 ---- */
.mac-ep-nav {
  display: flex;
  gap: var(--space-2);
  margin: var(--space-3) 0;
}
.mac-ep-nav a {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  padding: 8px 16px;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  color: var(--muted);
  cursor: pointer;
  transition: color var(--dur) var(--ease), border-color var(--dur) var(--ease), background var(--dur) var(--ease);
}
.mac-ep-nav a:hover {
  color: var(--pink);
  border-color: var(--pink);
  background: var(--pink-soft);
}
.mac-ep-nav a:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}

/* ---- 权限门 ---- */
.mac-gate {
  background: var(--surface);
  border: 1px solid var(--blue);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  text-align: center;
  margin: var(--space-3) 0;
}
.mac-gate a {
  color: var(--blue);
  margin: 0 8px;
  font-weight: 600;
}

/* ---- 选集（详情页 / 播放页共用） ---- */
.eps {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
}
.eps-g {
  margin-bottom: 18px;
}