/**
 * eu-artplayer.css
 * 子主题 ArtPlayer 播放器容器样式。
 * 通过 padding-bottom 比例占位，ArtPlayer 绝对定位填满。
 * --scale-height 由 PHP 注入（百分比，未设置时默认 16:9 = 56.25%）。
 */
.eu-artplayer-box {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: var(--scale-height, 56.25%);
    background: #000;
    overflow: hidden;
    border-radius: 8px;
}

.eu-artplayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.eu-artplayer .art-video-player {
    width: 100% !important;
    height: 100% !important;
}

/**
 * 弹幕开关 / 弹幕设置 图标尺寸修正。
 * artplayer-plugin-danmuku 默认把这两个图标渲染成 12px，明显小于 ArtPlayer
 * 原生控件（15px 图标），观感与点击都偏小。这里把图标对齐到原生的 15px，
 * 并加内边距扩大点击区、垂直居中，使其与原生控件协调一致。
 */
.eu-artplayer .artplayer-plugin-danmuku .apd-toggle,
.eu-artplayer .artplayer-plugin-danmuku .apd-config {
    margin: 0 4px;
    padding: 4px;
    box-sizing: content-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.eu-artplayer .artplayer-plugin-danmuku .apd-toggle svg,
.eu-artplayer .artplayer-plugin-danmuku .apd-config svg {
    width: 15px !important;
    height: 15px !important;
}

/**
 * 中央播放/暂停状态图标尺寸修正。
 * 站点全局存在 `svg{width:1em;height:1em}` 的图标重置规则，会把 ArtPlayer
 * 中央状态图标（.art-state 容器本应 80px）内的 svg 强制压成 1em(~14px)，
 * 导致播放/暂停切换时中央图标特别小。这里把状态图标 svg 对齐回 ArtPlayer
 * 的 --art-state-size。选择器只命中 ArtPlayer 自身结构，对其它播放器实例
 * （文章页 / 投稿预览 / 审核端）同样生效。
 */
.art-video-player .art-mask .art-state svg {
    width: var(--art-state-size, 80px) !important;
    height: var(--art-state-size, 80px) !important;
}