/* =========================================================
   象意 / 四柱解读
   源文件行号：510-535
   ========================================================= */

/* ============ 象意 / 四柱解读 ============ */
.xy-core { margin: 20px 20px 14px; padding: 18px; background: #FDFBF7; border-left: 4px solid var(--accent-gold); border-radius: 10px; box-shadow: var(--shadow-sm); }
.xy-core h3 { font-size: 14px; color: var(--accent-gold); margin-bottom: 10px; display: flex; align-items: center; gap: 6px; font-weight: 700; }
.xy-core p { font-size: 15px; font-weight: 700; color: var(--text-main); line-height: 1.7; }
.xy-core p + p { margin-top: 6px; font-size: 13.5px; font-weight: 400; color: var(--text-sub); }
.xy-module { margin: 0 20px 14px; padding: 16px; background: var(--card-bg); border-radius: 12px; border: 1px solid var(--border-color); box-shadow: var(--shadow-sm); }
.xy-module h4 { font-size: 14px; color: var(--accent-dark); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; padding-bottom: 8px; border-bottom: 1px dashed var(--border-color); font-weight: 700; }
.xy-module h4::before { content: '◆'; font-size: 10px; color: var(--accent-gold); }
.xy-module p { font-size: 13.5px; line-height: 1.85; color: var(--text-sub); margin-bottom: 10px; text-indent: 2em; }
.xy-module p:last-child { margin-bottom: 0; }
.xy-module strong { color: var(--text-main); font-weight: 600; }
.xy-module .highlight { color: var(--accent-gold); font-weight: 600; }
.xy-module ul { list-style: none; padding: 0; }
.xy-module li { font-size: 13.5px; line-height: 1.85; color: var(--text-sub); margin-bottom: 10px; display: flex; align-items: flex-start; gap: 8px; }
.xy-module li::before { content: '•'; color: var(--accent-gold); font-size: 18px; line-height: 1; flex-shrink: 0; }
.xy-module li strong { white-space: nowrap; flex-shrink: 0; color: var(--text-main); font-weight: 600; }
.xy-module li:last-child { margin-bottom: 0; }
.xy-blur { filter: blur(5px); opacity: 0.45; pointer-events: none; user-select: none; transition: all 0.6s ease; }
.xy-blur.unlocked { filter: none; opacity: 1; pointer-events: auto; user-select: auto; }
.xy-footer-cta { flex-shrink: 0; padding: 14px 20px 22px; background: linear-gradient(0deg, #F8F6F0 70%, rgba(248, 246, 240, 0.9) 100%); border-top: 1px solid var(--border-color); }
.xy-btn { width: 100%; background: var(--vip-gradient); color: var(--vip-text); border: none; border-radius: 24px; padding: 16px; font-size: 16px; font-family: inherit; font-weight: 700; cursor: pointer; box-shadow: 0 6px 20px rgba(212, 184, 126, 0.35); display: flex; justify-content: center; align-items: center; gap: 8px; }
.xy-tip { font-size: 11px; color: var(--text-light); text-align: center; margin-top: 10px; }
.xy-footer-unlocked { flex-shrink: 0; display: none; justify-content: space-around; padding: 14px 20px 22px; background: #FDFBF7; border-top: 1px solid var(--border-color); }
.xy-action { display: flex; flex-direction: column; align-items: center; gap: 4px; color: var(--text-sub); font-size: 11px; cursor: pointer; }
.xy-action svg { width: 20px; height: 20px; color: var(--accent-gold); }