/* 文章正文增强：代码块复制 · Plyr 主题 · 引用块 */

/* ========== 代码块复制按钮 ========== */
.code-block-wrapper {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  margin: 1.5rem 0;
}

.code-block-wrapper pre {
  margin: 0 !important;
  border-radius: 0 !important;
  background: #1E1E1E !important;
  padding: 1.25rem !important;
}

.code-block-wrapper pre code {
  background: transparent !important;
  padding: 0 !important;
  font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
  font-size: 0.9rem;
  line-height: 1.5;
}

.copy-button {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  padding: 0.35rem 0.7rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  color: #a9a9a9;
  font-size: 0.7rem;
  cursor: pointer;
  opacity: 0;
  transition: all 0.2s;
  z-index: 10;
  backdrop-filter: blur(4px);
}

.code-block-wrapper:hover .copy-button {
  opacity: 1;
}

.copy-button:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.copy-button.success {
  background: #10b981;
  border-color: #10b981;
  color: #fff;
}

/* ========== Plyr 播放器配色（正文内） ========== */
.markdown-body .plyr {
  --plyr-color-main: #c1cbd0;
  --plyr-video-background: #000;
  --plyr-control-icon-color: #fff;
  --plyr-control-icon-hover-color: #c1cbd0;
  --plyr-progress-buffered-background: rgba(255, 255, 255, 0.25);
  --plyr-progress-loading-background: rgba(255, 255, 255, 0.5);
  --plyr-progress-played-background: #c1cbd0;
  --plyr-audio-controls-background: rgba(0, 0, 0, 0.8);
  --plyr-audio-control-color: #fff;
  --plyr-menu-background: rgba(0, 0, 0, 0.9);
  --plyr-menu-color: #fff;
  --plyr-menu-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.markdown-body .plyr__control--overlaid {
  background: rgba(193, 203, 208, 0.8);
}

.markdown-body .plyr__control--overlaid:hover {
  background: rgba(193, 203, 208, 1);
}

.markdown-body .plyr__control.plyr__tab-focus,
.markdown-body .plyr__control:hover,
.markdown-body .plyr__control[aria-expanded="true"] {
  background: rgba(193, 203, 208, 0.2);
}

.plyr__menu__container .plyr__control[data-plyr="settings"] {
  display: none !important;
}

/* 非全屏隐藏进度条 + 时长，全屏再显示 */
.markdown-body .plyr .plyr__progress__container,
.markdown-body .plyr .plyr__controls .plyr__time {
  display: none !important;
}

.markdown-body .plyr:fullscreen .plyr__progress__container,
.markdown-body .plyr:-webkit-full-screen .plyr__progress__container,
.markdown-body .plyr:has(:fullscreen) .plyr__progress__container,
.markdown-body .plyr:has(video:-webkit-full-screen) .plyr__progress__container,
.markdown-body .plyr:fullscreen .plyr__controls .plyr__time,
.markdown-body .plyr:-webkit-full-screen .plyr__controls .plyr__time,
.markdown-body .plyr:has(:fullscreen) .plyr__controls .plyr__time,
.markdown-body .plyr:has(video:-webkit-full-screen) .plyr__controls .plyr__time {
  display: revert !important;
}

/* ========== 引用块 ========== */
.markdown-body blockquote {
  border-left: 4px solid #2563eb;
  padding: 16px 20px;
  margin: 20px 0;
  background: #f8fafc;
  border-radius: 0 8px 8px 0;
  color: #475569;
  font-style: normal;
}

.markdown-body blockquote p:first-child {
  margin-top: 0;
}

.markdown-body blockquote p:last-child {
  margin-bottom: 0;
}