/* ════════════════════════════════════════════════
   MediaPages bg-theme — classic anime skin
   ════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;900&family=Playfair+Display:ital,wght@1,700&display=swap');

body {
    font-family: 'Noto Serif SC', serif;
}
.font-en {
    font-family: 'Playfair Display', serif;
}

/* 隐藏滚动条但保留滚动功能 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
.dark ::-webkit-scrollbar-thumb {
    background: #2c4a3e;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb {
    background: #dfb76c;
    border-radius: 3px;
}

/* 避免移动端点击高亮 */
* {
    -webkit-tap-highlight-color: transparent;
}

/* 播放器辅助元素隐藏（core.js 需要的 #audio-viewer, #image-viewer, #placeholder） */
.media-viewer {
    display: none;
}
.placeholder {
    display: none;
}
audio.media-viewer {
    width: 60%;
    height: 50px;
}

/* 确保视频填充容器 */
#video-viewer {
    width: 100%;
    height: 100%;
    object-fit: contain;
    outline: none;
}

/* 字幕样式 */
::cue {
    background: rgba(0, 0, 0, 0.6);
    color: white;
    font-size: 1.2rem;
    transform: translateY(-55px);
}

/* 响应式微调 */
@media (max-width: 768px) {
    ::cue {
        font-size: 1rem;
        transform: translateY(-45px);
    }
}