/* ============================================================
   poem.css — 诗句模块：竖排诗卡 + 水墨留白 + 朱砂印章
   ============================================================ */

.poem-stage {
  position: relative;
  padding: 34px 0 44px;
  overflow: hidden;
}
/* 墨晕背景：低频大团 */
.poem-stage::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 82% 8%, rgba(40, 40, 45, .07), transparent 34%),
    radial-gradient(circle at 8% 74%, rgba(40, 40, 45, .05), transparent 30%),
    radial-gradient(circle at 55% 40%, rgba(179, 52, 46, .035), transparent 36%);
  filter: blur(2px);
}
.poem-stage > * { position: relative; }

/* 今日诗词 */
.jinrishici-card {
  max-width: 560px;
  margin: 0 auto 40px;
  text-align: center;
  font-family: var(--font-kai);
  color: var(--text-3);
  font-size: 14px;
  letter-spacing: .12em;
}
.jinrishici-card .jr-label {
  display: block;
  font-size: 11px;
  letter-spacing: .4em;
  text-indent: .4em;
  color: var(--text-3);
  opacity: .7;
  margin-bottom: 6px;
}

/* 诗题 */
.poem-head { text-align: center; margin-bottom: 44px; }
.poem-title {
  font-family: var(--font-brush);
  font-size: clamp(30px, 5.4vw, 46px);
  font-weight: 400;
  color: var(--text);
  letter-spacing: .1em;
  line-height: 1.4;
}
.poem-seal {
  display: inline-block;
  margin-top: 16px;
  writing-mode: vertical-rl;
  font-family: var(--font-brush);
  color: #fff;
  background: var(--c-poem);
  padding: 8px 6px;
  border-radius: 3px;
  font-size: 13px;
  letter-spacing: 3px;
  transform: rotate(3deg);
  box-shadow: inset 0 0 5px rgba(80, 10, 10, .55), 0 2px 6px rgba(179, 52, 46, .3);
  opacity: .92;
}
.poem-head-meta {
  margin-top: 18px;
  color: var(--text-3);
  font-size: 13px;
  letter-spacing: .2em;
}

/* 竖排诗身 */
.poem-scroll {
  display: flex;
  justify-content: center;
  overflow-x: auto;
  padding: 10px 16px 22px;
}
.poem-body {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  height: min(58vh, 24em);
  margin: 0 auto;
  font-family: var(--font-serif);
  font-size: 19px;
  line-height: 2.6;          /* 竖排里 = 列间距 */
  letter-spacing: .38em;
  color: var(--text);
}
.poem-body p {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .9s ease, transform .9s ease;
  transition-delay: calc(var(--i) * .35s);
}
.poem-body p.stanza-start { margin-block-start: 1.6em; }
.poem-body.animated p { opacity: 1; transform: none; }

/* 移动端回退横排 */
@media (max-width: 640px) {
  .poem-body {
    writing-mode: horizontal-tb;
    height: auto;
    text-align: center;
    line-height: 2.3;
    letter-spacing: .22em;
    font-size: 17.5px;
    padding: 0 8px;
  }
  .poem-body p.stanza-start { margin-block-start: 0; margin-top: 1.6em; }
}

@media (prefers-reduced-motion: reduce) {
  .poem-body p { opacity: 1 !important; transform: none !important; transition: none !important; }
}