/**
 * 莫兰迪水彩教学风：依赖 md2card-pro-theme.css。
 * 参考「灰蓝 + 豆沙粉 + 暖灰纸感」通用教学 PPT；无位图背景，用变量与柔和渐变近似水彩块与纸纹层次。
 *
 * 作用域：#deck[data-theme="morandi"]（预览）与 body[data-theme="morandi"]（导出 / 网页放映）。
 */

#deck[data-theme="morandi"],
body[data-theme="morandi"] {
  --morandi-dusty-blue: #6d7f92;
  --morandi-dusty-blue-mid: #8a9db0;
  --morandi-mauve: #9a8884;
  --morandi-peach: #c9a896;
  --morandi-cream: #f0ebe3;
  --morandi-paper: #e5dfd4;
  --morandi-heading: #3a3632;
  --morandi-rose-mist: rgba(168, 140, 136, 0.35);

  --pro-accent: var(--morandi-dusty-blue-mid);
  --pro-accent-soft: rgba(109, 127, 146, 0.14);
  --pro-accent-line: rgba(109, 127, 146, 0.4);
  --pro-text: #3f3a36;
  --pro-text-secondary: #524c47;
  --pro-text-muted: #7a726b;
  --pro-border: #d8cfc4;
  --pro-bg-elevated: #f5f1ea;
  --pro-bg-code: #ebe4da;
  --pro-shadow: 0 4px 6px -1px rgba(58, 54, 50, 0.05),
    0 18px 40px -14px rgba(58, 54, 50, 0.09);
}

/* 预览：画布区背景 */
.preview-canvas-wrap:has(#deck[data-theme="morandi"]) {
  background: linear-gradient(
    168deg,
    var(--morandi-cream) 0%,
    #f4f0e9 38%,
    var(--morandi-paper) 100%
  );
}

body[data-theme="morandi"].md2card-pro-preview.wd-export {
  background: linear-gradient(
    168deg,
    var(--morandi-cream) 0%,
    #f4f0e9 38%,
    var(--morandi-paper) 100%
  );
}

#deck[data-theme="morandi"] .pro-card,
body[data-theme="morandi"] .pro-card {
  border-color: rgba(109, 127, 146, 0.12);
}

#deck[data-theme="morandi"] .pro-card__top,
body[data-theme="morandi"] .pro-card__top {
  height: 6px;
  background: linear-gradient(
    90deg,
    var(--morandi-dusty-blue) 0%,
    var(--morandi-mauve) 48%,
    var(--morandi-peach) 100%
  );
}

#deck[data-theme="morandi"] .pro-card__content h2,
body[data-theme="morandi"] .pro-card__content h2 {
  border-left-color: var(--morandi-dusty-blue-mid);
  color: var(--morandi-heading);
}

#deck[data-theme="morandi"] .pro-card__content h3,
body[data-theme="morandi"] .pro-card__content h3 {
  color: var(--morandi-heading);
}

#deck[data-theme="morandi"] .pro-card__content a,
body[data-theme="morandi"] .pro-card__content a {
  color: var(--morandi-dusty-blue);
}

#deck[data-theme="morandi"] .pro-card__content a:hover,
body[data-theme="morandi"] .pro-card__content a:hover {
  color: var(--morandi-dusty-blue-mid);
}

#deck[data-theme="morandi"] .pro-card__content code,
body[data-theme="morandi"] .pro-card__content code {
  background: var(--pro-bg-code);
  border-color: var(--pro-border);
}

#deck[data-theme="morandi"] .pro-card__content blockquote,
body[data-theme="morandi"] .pro-card__content blockquote {
  border-left-color: var(--morandi-dusty-blue-mid);
  background: rgba(240, 235, 227, 0.72);
}

/* 装饰：右上水彩感圆 + 左下豆沙雾（不挡正文） */
#deck[data-theme="morandi"] .preview-card-logical,
body[data-theme="morandi"] .web-deck-slide-inner--themed {
  position: relative;
}

#deck[data-theme="morandi"] .preview-card-logical::before,
body[data-theme="morandi"] .web-deck-slide-inner--themed::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
  width: min(420px, 55vw);
  height: min(420px, 55vw);
  right: -80px;
  top: -100px;
  border-radius: 50%;
  background: radial-gradient(
    circle at 40% 40%,
    rgba(138, 157, 176, 0.2) 0%,
    rgba(138, 157, 176, 0.06) 55%,
    transparent 72%
  );
}

#deck[data-theme="morandi"] .preview-card-logical::after,
body[data-theme="morandi"] .web-deck-slide-inner--themed::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
  width: min(360px, 48vw);
  height: min(360px, 48vw);
  left: -72px;
  bottom: -88px;
  border-radius: 50%;
  background: radial-gradient(
    circle at 58% 58%,
    var(--morandi-rose-mist) 0%,
    rgba(168, 140, 136, 0.07) 58%,
    transparent 74%
  );
}

#deck[data-theme="morandi"] .preview-card-logical > *,
body[data-theme="morandi"] .web-deck-slide-inner--themed article {
  position: relative;
  z-index: 1;
}