/* ==========================================================
   AI-DataSlide · 主题 55 秋日果园（Orchard Harvest）
   米白底 #FDF8F0 · 深柿红 #BF360C · 蜜桔橙 #F57F17
   青苹果绿 #558B2F · 核桃棕 #4E342E（辅助文字/线条）
   整块纯色底衬、白/浅米色数字、无投影无渐变
   ========================================================== */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { background: #FDF8F0; }
body {
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", sans-serif;
  color: #4E342E;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
/* 等比缩放舞台：仅用于浏览器全屏预览，截图视口=1280x720 时 scale=1 */
#stage {
  position: fixed; left: 0; top: 0; width: 100vw; height: 100vh;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
  background: #FDF8F0;
}
.slide-container {
  width: 1280px; height: 720px; min-width: 1280px; min-height: 720px;
  position: relative; flex: none; overflow: hidden; background: #FDF8F0;
  transform-origin: center center;
}
/* ---------- 通用页眉 ---------- */
.hd { position: absolute; left: 64px; top: 46px; z-index: 5; }
.hd .no {
  position: absolute; top: -30px; right: -40px;
  font-size: 128px; font-weight: 900; line-height: 1;
  color: rgba(191, 54, 12, 0.10); z-index: -1; letter-spacing: 0;
}
.hd .t { font-size: 32px; font-weight: 800; color: #4E342E; line-height: 1.3; letter-spacing: 1px; }
.hd .bar { width: 92px; height: 6px; background: #BF360C; margin-top: 12px; border-radius: 3px; }
.hd .s {
  position: absolute; left: 0; top: -24px; font-size: 14px; color: #A1887F;
  letter-spacing: 4px; font-weight: 600;
}
/* ---------- 文本通用 ---------- */
.c-brown { color: #4E342E; }
.c-red   { color: #BF360C; }
.c-orange{ color: #F57F17; }
.c-green { color: #558B2F; }
.c-cream { color: #FDF6E3; }
.c-white { color: #FFFFFF; }
.c-gray  { color: #8D6E63; }
.lh1 { line-height: 1.5; }
.lh2 { line-height: 1.8; }
/* ---------- 彩色方格块（果园采摘盒） ---------- */
.blk { border-radius: 12px; display: flex; }
.blk-r { background: #BF360C; }
.blk-o { background: #F57F17; }
.blk-g { background: #558B2F; }
.blk-b { background: #4E342E; }
.blk-w { background: #FFF4E3; }
.crema { background: #FBF0DE; }
/* 浅色衬底（放白色字数字之上无意义，用于深色描边的排版卡片） */
.panel {
  background: #FFFCF5; border-radius: 14px;
  outline: 2px solid rgba(78, 52, 46, 0.10);
}
.panel-soft { background: #FBF0DE; border-radius: 14px; }
/* ---------- 徽标 / 小标签 ---------- */
.tag {
  display: inline-block; padding: 3px 12px; border-radius: 999px;
  font-size: 14px; font-weight: 700; color: #FFFFFF;
}
.tag-r { background: #BF360C; }
.tag-o { background: #F57F17; }
.tag-g { background: #558B2F; }
.tag-b { background: #4E342E; }
.tag-line { background: transparent; color: #4E342E; outline: 1.5px solid #4E342E; }
/* ---------- 图表动效 ---------- */
.an-up   { transform-box: fill-box; transform-origin: bottom; animation: anUp  .9s ease-out both; }
.an-wide { transform-box: fill-box; transform-origin: left;   animation: anWide .9s ease-out both; }
.an-pop  { animation: anPop .6s ease-out both; }
.an-fade { animation: anFade .9s ease-out both; }
@keyframes anUp   { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes anWide { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes anPop  { from { opacity: 0; transform: scale(.55); } to { opacity: 1; transform: scale(1); } }
@keyframes anFade { from { opacity: 0; } to { opacity: 1; } }
.d1 { animation-delay: .10s; } .d2 { animation-delay: .20s; } .d3 { animation-delay: .30s; }
.d4 { animation-delay: .40s; } .d5 { animation-delay: .50s; } .d6 { animation-delay: .60s; }
.d7 { animation-delay: .70s; } .d8 { animation-delay: .80s; }