/* p04 AI解梦馆 · 页面级补充样式（通用样式与主题变量在 zc-core.css；本页主题 night） */

/* 输入页与分析页的月亮轻轻浮动 */
.p4-moon { animation: p4Float 2.6s ease-in-out infinite alternate; display: inline-block; }
@keyframes p4Float { from { transform: translateY(0); } to { transform: translateY(-8px); } }

/* 字数计数（10-500 字校验的可视化） */
.p4-count-row { text-align: right; font-size: 12px; color: var(--zc-ink2); margin: -4px 2px 8px; }
#charCount.p4-over { color: #ff6b9d; font-weight: 700; }
#charCount.p4-under { color: var(--zc-warn); }

/* 梦境元素行：词条 + 双语别名 + 象征短释 */
.p4-sym {
  border: 1px solid var(--zc-line); border-radius: 14px; padding: 12px 14px; margin: 10px 0 0;
  background: color-mix(in srgb, var(--zc-primary) 5%, transparent);
}
.p4-sym-head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.p4-sym-head b { font-size: 16px; color: var(--zc-ink); }
.p4-sym-alt { font-size: 12px; color: var(--zc-ink2); }
.p4-sym p { margin: 4px 0 0; font-size: 14px; color: var(--zc-ink2); }
/* 未解锁的符号：虚线占位 */
.p4-sym.p4-locked { border-style: dashed; opacity: .75; background: transparent; }

/* 未解锁的解读/提示：斜纹锁位 */
#summaryBox.p4-lockbox, #adviceBox.p4-lockbox {
  color: var(--zc-ink2);
  background: repeating-linear-gradient(135deg, transparent 0 10px, color-mix(in srgb, var(--zc-primary) 6%, transparent) 10px 20px);
  border-radius: 10px; padding: 8px;
}

/* 报告尾部合规句（壳层页脚之外、报告卡内的固定件） */
.p4-tail { font-size: 12px; margin: 2px 0 8px; }