/* p06 玄学小签 · 页面级补充样式（通用样式在 zc-core.css，主题 aurora） */

/* ---------- S0 许愿竹轻摆 ---------- */
.p06-sway { display: inline-block; animation: p06Sway 3.2s ease-in-out infinite; transform-origin: 50% 0; }
@keyframes p06Sway { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }

/* ---------- S1 签筒与摇签动画 ---------- */
.p06-tube { position: relative; width: 96px; height: 128px; margin: 6px auto 18px; }
.p06-tube i {
  position: absolute; bottom: 52px; width: 8px; border-radius: 4px;
  background: linear-gradient(180deg, #d9b98c, #a87f52);
}
.p06-tube i:nth-child(1) { left: 28px; height: 74px; transform: rotate(-4deg); }
.p06-tube i:nth-child(2) { left: 42px; height: 86px; }
.p06-tube i:nth-child(3) { left: 56px; height: 70px; transform: rotate(5deg); }
.p06-tube i:nth-child(4) { left: 68px; height: 78px; transform: rotate(9deg); }
.p06-tube::after { /* 筒身，盖住签杆下端 */
  content: ''; position: absolute; left: 8px; right: 8px; bottom: 0; height: 74px;
  border-radius: 14px 14px 20px 20px;
  background: linear-gradient(160deg, var(--zc-primary), var(--zc-primary2));
  box-shadow: inset 0 -8px 14px rgba(0,0,0,.16), 0 10px 22px color-mix(in srgb, var(--zc-primary) 35%, transparent);
}
.p06-tube::before { /* 筒口沿 */
  content: ''; position: absolute; left: 4px; right: 4px; bottom: 66px; height: 16px;
  border-radius: 50%; background: linear-gradient(180deg, #ffffffcc, #ffffff55);
  border: 1px solid rgba(255,255,255,.6); z-index: 1;
}
.p06-shaking { animation: p06Shake .5s ease-in-out infinite; transform-origin: 50% 92%; }
@keyframes p06Shake {
  0%, 100% { transform: rotate(0deg) translateY(0); }
  25% { transform: rotate(-9deg) translateY(-4px); }
  75% { transform: rotate(9deg) translateY(-2px); }
}

/* ---------- S2 竖排签诗 ---------- */
.p06-poem-wrap { min-height: 200px; display: flex; justify-content: center; padding: 6px 0; }
.p06-poem {
  writing-mode: vertical-rl; text-orientation: upright;
  font-family: 'Songti SC', 'STSong', 'SimSun', 'Noto Serif SC', serif;
  font-size: 21px; line-height: 2.15; letter-spacing: 7px;
  color: var(--zc-ink); height: 196px;
}
.p06-poem span { display: block; }

/* ---------- 结果页细节 ---------- */
.p06-stars { letter-spacing: 2px; color: var(--zc-warn); font-size: 14px; }
.p06-disclaim {
  text-align: center; color: var(--zc-ink2); font-size: 11px;
  margin: 14px auto 0; max-width: 320px; line-height: 1.7;
}
#koiTitle { letter-spacing: 1px; }
#statLine { font-weight: 700; color: var(--zc-primary); }
