/* 文章详情页专用样式：正文音频播放器 + 附件下载卡片（原内联于 template/post-single.php，已分离） */
/* 文章正文：音频格式渲染为长条音乐播放器（UEditor 视频入口可上传音乐） */
.post-body .mowen-audio-wrap {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 16px 0;
  padding: 14px 16px;
  background: #f7f8fa;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 8px;
}
.post-body .mowen-audio-wrap audio { display: none; }
.post-body .mowen-audio-wrap .ma-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--mowen-text, #1f2937);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  line-height: 1.4;
}
.post-body .mowen-audio-wrap .ma-bar {
  display: flex;
  align-items: center;
  gap: 12px;
}
.post-body .mowen-audio-wrap .ma-btn {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--mowen-primary, #16a34a);
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity .2s;
}
.post-body .mowen-audio-wrap .ma-btn:hover { opacity: .88; }
.post-body .mowen-audio-wrap .ma-btn .fa-play { margin-left: 2px; }
.post-body .mowen-audio-wrap .ma-progress {
  flex: 1 1 auto;
  position: relative;
  height: 6px;
  border-radius: 3px;
  background: rgba(0,0,0,.12);
  cursor: pointer;
}
.post-body .mowen-audio-wrap .ma-progress .ma-fill {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 0%;
  border-radius: 3px;
  background: var(--mowen-primary, #16a34a);
}
.post-body .mowen-audio-wrap .ma-time {
  flex: 0 0 auto;
  font-size: 12px;
  color: var(--mowen-text-muted, #6b7280);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
/* 文章正文：附件渲染为长条下载卡片 */
.post-body .mowen-file {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  margin: 16px 0;
  background: #f7f8fa;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 8px;
}
.post-body .mowen-file .mf-icon {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: var(--mowen-primary, #16a34a);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.post-body .mowen-file .mf-body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.post-body .mowen-file .mf-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--mowen-text, #1f2937);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.post-body .mowen-file .mf-size {
  font-size: 12px;
  color: var(--mowen-text-muted, #6b7280);
}
.post-body .mowen-file .mf-download {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 6px;
  background: var(--mowen-primary, #16a34a);
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  transition: opacity .2s;
}
.post-body .mowen-file .mf-download:hover { opacity: .88; color: #fff; }
@media (max-width: 480px) {
  .post-body .mowen-file .mf-download span { display: none; }
  .post-body .mowen-file .mf-download { padding: 7px 11px; }
}