/* =========================================================
 * TypechoGlass · 音乐播放器（玻璃风）
 * 由文章正文中的 [audio]直链[/audio] 短代码生成，样式复用主题设计变量。
 * ========================================================= */
.ag-audio{
  display:flex;align-items:center;gap:14px;
  margin:1.4em 0;padding:12px 16px;
  border-radius:var(--radius-md);
  background:var(--bg-elevated);
  backdrop-filter:blur(var(--blur-md)) saturate(160%);
  -webkit-backdrop-filter:blur(var(--blur-md)) saturate(160%);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
  color:var(--text);
}
.ag-audio-btn{
  flex:0 0 auto;width:46px;height:46px;padding:0;border:none;cursor:pointer;
  border-radius:var(--radius-pill);
  background:var(--brand);color:#fff;
  display:flex;align-items:center;justify-content:center;
  transition:transform .15s ease, filter .15s ease;
}
.ag-audio-btn:hover{filter:brightness(1.06);transform:scale(1.04)}
.ag-audio-btn:active{transform:scale(.97)}
.ag-audio-btn svg{width:20px;height:20px;fill:currentColor}
.ag-audio-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:9px}
.ag-audio-title{
  font-size:.95rem;font-weight:600;color:var(--text);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ag-audio-bar{
  position:relative;height:6px;border-radius:var(--radius-pill);
  background:var(--line-strong);cursor:pointer;
}
.ag-audio-progress{
  position:absolute;left:0;top:0;height:100%;width:0;
  border-radius:var(--radius-pill);background:var(--brand);
}
.ag-audio-time{
  flex:0 0 auto;font-size:.8rem;color:var(--text-2);
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
.ag-audio.is-loading .ag-audio-title::after{content:" · 加载中…";color:var(--text-3);font-weight:400}
@media (max-width:560px){
  .ag-audio{gap:12px;padding:10px 12px}
  .ag-audio-time{display:none}
}