.pony-canvas-shell[data-v-5da2240e]{position:relative;width:100%;margin-top:6px;z-index:8;display:flex;justify-content:center;pointer-events:none}.pony-canvas[data-v-5da2240e]{width:min(480px,calc(100vw - 16px));height:260px;display:block}@media(max-width:420px){.pony-canvas[data-v-5da2240e]{height:236px}}.app-shell[data-v-503056bb]{position:relative;min-height:100vh}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-width:320px;color:var(--text-main);font-family:Noto Sans SC,Microsoft YaHei,sans-serif;background:linear-gradient(165deg,var(--bg-start),var(--bg-end))}.page{min-height:100vh;padding:22px 14px 24px}.card{border-radius:22px;background:var(--card-bg);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-card,.result-card{max-width:520px;margin:0 auto;padding:26px 20px 24px}.quiz-layout{max-width:560px;margin:0 auto}.tag{display:inline-block;margin:0;padding:6px 12px;border-radius:999px;background:#b91c1c1f;color:var(--brand);font-size:13px;font-weight:600}h1,h2,h3{margin:14px 0 10px}h1{font-size:30px}.intro,.rules,.result-summary,.result-blessing{margin:0 0 14px;color:var(--text-soft);line-height:1.7}.rules{padding-left:18px}.identity{margin-top:14px;font-size:12px;color:#985f3f}.question-card{margin-top:16px;padding:18px 14px}.question-title{margin-top:0;margin-bottom:14px;font-size:20px}.option-btn{width:100%;margin-bottom:10px;padding:13px 12px;border-radius:13px;border:1px solid #dfc6aa;background:#fff8e9;color:#6f3f22;text-align:left;font-size:16px;line-height:1.5;transition:all .18s ease}.option-btn.active{background:#b91c1c1f;border-color:var(--brand);color:#7f1d1d;font-weight:600}.option-btn:last-child{margin-bottom:0}.progress-wrap{border-radius:16px;padding:14px;background:#fff0d4f2;border:1px solid var(--line)}.progress-text{margin-bottom:8px;font-size:14px;color:var(--text-soft)}.progress-track{height:10px;border-radius:999px;background:#b91c1c29;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--gold));transition:width .2s ease}.action-row,.result-actions,.modal-actions{display:flex;gap:10px;margin-top:16px}.result-actions{flex-wrap:wrap}.btn{border-radius:12px;border:1px solid transparent;padding:11px 16px;font-size:15px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(120deg,var(--brand),var(--brand-light));color:#fff}.btn.secondary{background:#ffe8b5;color:#6d3f1d}.btn.ghost{border-color:#d5aa80;color:#7d4020;background:#fff7e8e6}.btn.large{width:100%;margin-top:10px;padding:13px 18px}.tip{margin-top:10px;font-size:13px;color:#7a4d2f}.tip-error{color:#a11d1d}.modal-mask{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;padding:16px}.modal-panel{width:min(420px,100%);border-radius:18px;padding:16px;background:#fff8ea;border:1px solid #f2cc95}.poster-preview{width:100%;border-radius:12px;border:1px solid #f4d2a4;margin-top:10px}@media(min-width:768px){.page{padding:28px}.hero-card,.result-card{margin-top:22px}}:root{--card-bg: rgba(255, 245, 222, .93);--text-main: #2f1b14;--text-soft: #6d4b35;--brand: #b91c1c;--brand-light: #dc2626;--gold: #f59e0b;--line: rgba(145, 47, 28, .28);--shadow: 0 20px 45px rgba(70, 17, 7, .2)}