body.meihua-page { background: #11100d; }
.meihua-hero { background: radial-gradient(circle at 78% 20%, rgba(117, 78, 28, .36), transparent 31%), linear-gradient(120deg, rgba(65, 38, 22, .96), rgba(16, 18, 17, .9)); }
.meihua-workspace { display: grid; gap: 22px; background: rgba(48, 31, 19, .5); }
.meihua-panel, .meihua-result { max-width: 1120px; width: 100%; margin: 0 auto; padding: 28px; border: 1px solid rgba(214, 171, 92, .32); background: rgba(22, 20, 16, .92); }
.meihua-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: end; margin-top: 22px; }
.meihua-form label { display: grid; gap: 8px; color: #d8c29b; font-size: 13px; }
.meihua-form .meihua-question { grid-column: span 2; }
.meihua-form button { grid-column: 1 / -1; justify-self: start; }
.meihua-hint, .meihua-boundary { color: var(--muted); font-size: 13px; line-height: 1.7; }
.meihua-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
.meihua-facts article, .meihua-reading article, .meihua-note-grid article { padding: 16px; border: 1px solid rgba(214, 171, 92, .23); background: rgba(75, 51, 26, .28); }
.meihua-facts span { display: block; color: #c7a86b; font-size: 12px; }
.meihua-facts strong { display: block; margin-top: 7px; color: #f0dfb7; font-size: 16px; }
.meihua-reading { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.meihua-reading h3, .meihua-note-grid strong, .meihua-book-cta h3, .meihua-book-confirm h3 { margin: 0; color: #eed49b; }
.meihua-reading p, .meihua-note-grid p, .meihua-book-cta p { margin: 8px 0 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.meihua-book-cta, .meihua-book-confirm { margin-top: 18px; padding: 18px; border: 1px solid rgba(214, 171, 92, .3); background: rgba(75, 51, 26, .22); }
.meihua-book-cta { display: flex; justify-content: space-between; gap: 18px; align-items: center; }
.meihua-book-action { display: grid; gap: 7px; min-width: 150px; text-align: right; }
.meihua-book-action span { color: #c7a86b; font-size: 12px; }
.meihua-book-action strong { color: #eed49b; }
.meihua-book-confirm .service-boundary-check { display: flex; gap: 8px; align-items: center; margin-top: 14px; color: #ddcca7; font-size: 13px; }
.meihua-book-confirm .inline-actions { display: flex; gap: 10px; margin-top: 12px; }
.meihua-note-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; max-width: 1120px; margin: 0 auto; }
@media (max-width: 800px) { .meihua-form, .meihua-facts, .meihua-reading, .meihua-note-grid { grid-template-columns: 1fr; } .meihua-form .meihua-question { grid-column: auto; } .meihua-book-cta { display: grid; } .meihua-book-action { min-width: 0; text-align: left; } }