/* ==========================================================================
   音效文章样式 post-style-7
   —— 原子主题把相关 PHP 放在 Modules/ 目录里（从未被加载），
      并且整套样式在原包中完全缺失，这里补齐。
   ========================================================================== */

/* ---------- 详情页播放器 ---------- */
.audio-wrapper{position:relative;margin:0 0 26px;padding:18px;border-radius:10px;overflow:hidden;background:var(--main-bg-color,#fff);box-shadow:0 6px 26px rgba(17,58,93,.08)}
.audio-wrapper .b2-page-bg{top:0;left:0;right:0;bottom:0;width:auto;height:auto;filter:blur(26px);transform:scale(1.15);opacity:.35}
.audio-wrapper .b2-page-bg img{width:100%;height:100%;object-fit:cover}
.audio-wrapper audio{display:none}
.audio-info{position:relative;z-index:2;display:flex;align-items:center;gap:18px}
.audio-left{position:relative;flex:0 0 124px;width:124px;height:124px;border-radius:8px;overflow:hidden;background:#111}
.audio-left .cover-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.audio-left #audioPlayer{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;z-index:3;cursor:pointer;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));transition:transform .2s}
.audio-left #audioPlayer:hover{transform:scale(1.1)}
.audio-right{flex:1 1 auto;min-width:0}
.audio-right h1{margin:0 0 8px;font-size:17px;line-height:1.5;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.audio-right .poster-footer{font-size:12px;opacity:.6;margin-bottom:14px}
.progress-bar-bg{position:relative;height:5px;border-radius:3px;background:rgba(128,128,128,.25);cursor:pointer;-webkit-user-select:none;user-select:none}
.progress-bar{position:absolute;left:0;top:0;height:100%;width:0;border-radius:3px;background:var(--b2color,#ff2a8e);transition:width .1s linear}
#progressDot{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:50%;background:var(--b2color,#ff2a8e);box-shadow:0 0 0 3px rgba(255,255,255,.75);transform:translate(-50%,-50%);pointer-events:none}
.audio-time{display:flex;justify-content:space-between;margin-top:9px;font-size:12px;opacity:.65}
@media (max-width:768px){
    .audio-info{flex-direction:column;align-items:stretch;gap:14px}
    .audio-left{flex:none;width:100%;max-width:220px;margin:0 auto}
    .audio-right h1{white-space:normal}
}

/* ---------- 列表缩略图试听 ---------- */
.post-module-thumb.post-thumb-audio{position:relative;overflow:hidden;border-radius:8px}
.post-audio{position:absolute;left:0;top:0;width:100%;height:100%;display:block;overflow:hidden;border-radius:8px;background:#111}
.post-audio .audio-play{display:none}
.post-audio .b2-page-bg{top:0;left:0;right:0;bottom:0;width:auto;height:auto;filter:blur(6px);transform:scale(1.1);opacity:.6}
.post-audio .b2-page-bg img{width:100%;height:100%;object-fit:cover}
.post-audio .audio-pan{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center}
.post-audio .play-pan{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.post-audio .play-icon{position:relative;z-index:3;width:44px;height:44px;cursor:pointer;filter:drop-shadow(0 2px 10px rgba(0,0,0,.55));transition:transform .2s}
.post-audio:hover .play-icon{transform:scale(1.12)}
.post-audio .play-pan.is-playing{animation:b2-pan-spin 6s linear 0s infinite}
@keyframes b2-pan-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* ---------- 暗色模式 ---------- */
.b2dark .audio-wrapper{background:var(--main-bg-color,#1c1c1e)}
.b2dark .progress-bar-bg{background:rgba(255,255,255,.18)}