/* ==================================================
   1. MODOWN 隐藏区域背景色
   ================================================== */
.modown-hidden-box {
    background-color: #DCE3D1;
    padding: 18px 20px;
    margin: 24px 0;
    border-radius: 8px;
    line-height: 1.8;
}

/* Erphpdown 内容层透明，避免白底盖住外层颜色 */
.erphpdown-content-view {
    background: transparent;
    border: none;
    box-shadow: none;
}


/* ==================================================
   2. 音频播放器样式
   ================================================== */
/* 播放器整体容器：黑色边角变透明 */
.wp-audio-shortcode .mejs-container,
.mejs-audio,
.mejs-container,
.mejs-embed,
.mejs-embed body {
    background: transparent !important;
}

/* 播放器主体背景 + 圆角 + 主色（更深绿色 #3d6629） */
.mejs-audio .mejs-controls {
    background: #3d6629 !important;
    border-radius: 16px !important;
    padding: 0 4px;
}

/* 防止圆角外漏黑色背景 */
.wp-audio-shortcode {
    background: transparent !important;
}

.mejs-container {
    background: transparent !important;
    border-radius: 16px !important;
    overflow: hidden;
}

/* 控制栏按钮区域 */
.mejs-controls .mejs-button button {
    background-color: transparent;
}

/* 进度条：亮浅绿色底 + 最深绿色进度（与背景形成鲜明对比） */
.mejs-controls .mejs-time-rail .mejs-time-total {
    background: #d4e8c2 !important;  /* 亮浅绿色（未播放部分） */
    border-radius: 10px;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #1a3d0d !important;  /* 最深绿色（已播放部分） */
    border-radius: 10px;
}

/* 音量条同样区分 */
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: #d4e8c2 !important;  /* 亮浅绿色（未播放） */
    border-radius: 10px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #1a3d0d !important;  /* 最深绿色（已播放） */
    border-radius: 10px;
}

/* 时间和文字颜色 */
.mejs-controls .mejs-time span,
.mejs-controls .mejs-currenttime,
.mejs-controls .mejs-duration {
    color: #ffffff !important;
}

/* 按钮图标颜色 */
.mejs-controls .mejs-play button:before,
.mejs-controls .mejs-pause button:before {
    color: #ffffff;
}

/* 添加"试听"文字 */
.mejs-controls::before {
    content: "试听";
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    line-height: 40px;
    margin-left: 10px;
    margin-right: 5px;
    font-weight: normal;
    letter-spacing: 1px;
}


/* ==================================================
   3. 图片 / 视频圆角
   ================================================== */
/* 为页面上的所有普通图片设置圆角 */
img {
    border-radius: 15px;
}

/* 给视频播放器容器添加圆角，并防止内容溢出 */
.wp-block-embed,
.wp-block-video,
iframe[src*="youtube"],
iframe[src*="vimeo"],
video {
    overflow: hidden;
    border-radius: 20px;
}

/* 针对 WordPress 默认视频播放器（video 短代码） */
.mejs-container,
.wp-video-shortcode video {
    border-radius: 20px;
}