:root{--bg:#0b0f0c;--panel:#121912;--ink:#e8f3e9;--ink-dim:#9db3a0;--neon:#b6ff3d;--line:#24321f}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,Noto Sans SC,sans-serif}button{font:inherit;-webkit-tap-highlight-color:transparent}.app{flex-direction:column;align-items:center;min-height:100vh;padding:24px 16px 48px;display:flex}.home{text-align:center;width:100%;max-width:480px;margin-top:4vh}.home-brand{color:var(--neon);letter-spacing:.3em;margin:0 0 10px;font-size:12px}.home-title{letter-spacing:.06em;margin:0 0 18px;font-size:44px}.home-hero{border:1px solid var(--line);border-radius:16px;width:100%;margin-bottom:18px;display:block}.home-slogan{color:var(--ink-dim);margin:0 0 8px;font-size:15px}.home-hook{color:var(--ink);margin:0 0 32px;font-size:15px}.home-foot{color:var(--ink-dim);margin-top:64px;font-size:13px}.home-foot p{margin:4px 0}.home-foot-note{opacity:.6}.btn-primary{background:var(--neon);color:#0b0f0c;cursor:pointer;border:none;border-radius:12px;width:100%;max-width:320px;padding:16px 32px;font-size:17px;font-weight:700}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:12px;width:100%;max-width:320px;margin-top:12px;padding:12px 24px;font-size:15px}.btn-ghost:active{color:var(--ink)}.brand{justify-content:space-between;align-items:baseline;width:100%;max-width:480px;margin-bottom:20px;display:flex}.brand-name{margin:0;font-size:15px}.brand-tag{color:var(--neon);letter-spacing:.2em;font-size:10px}.quiz{width:100%;max-width:480px;margin-top:8px}.quiz-count{color:var(--ink-dim);margin-bottom:8px;font-size:13px;display:block}.progress{background:var(--line);border-radius:3px;height:6px;margin-bottom:28px;overflow:hidden}.progress-bar{background:var(--neon);height:100%;transition:width .25s}.question-text{margin:0 0 24px;font-size:22px;line-height:1.5}.options{flex-direction:column;gap:12px;display:flex}.option{text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:12px;align-items:baseline;gap:12px;padding:14px 16px;font-size:16px;line-height:1.5;display:flex}.option:active{border-color:var(--neon)}.option.selected{border-color:var(--neon);color:var(--neon)}.option-key{color:var(--neon);flex:none;font-weight:700}.quiz-foot{justify-content:center;margin-top:20px;display:flex}.quiz-foot .btn-ghost{width:auto;min-width:140px}.result{flex-direction:column;align-items:center;width:100%;max-width:480px;display:flex}.result-detail{background:var(--panel);border:1px solid var(--line);width:min(88vw,420px);color:var(--ink-dim);border-radius:14px;margin-top:16px;padding:16px;font-size:13px;line-height:1.75}.result-detail p{margin:0 0 10px}.result-detail p:last-child{margin-bottom:0}.result-actions{flex-direction:column;align-items:center;width:100%;margin-top:24px;display:flex}.result-hint{color:var(--ink-dim);text-align:center;margin:14px 0 0;font-size:13px}.result-safety{color:var(--ink-dim);text-align:center;margin-top:44px;font-size:12px;line-height:1.8}.result-safety p{margin:4px 0}.result-safety strong{color:var(--ink)}.poster{aspect-ratio:3/4;border:1px solid var(--line);background-color:#0b0f0c;background-position:50%;background-size:cover;border-radius:16px;flex-direction:column;width:min(88vw,420px);padding:18px 20px 16px;display:flex;overflow:hidden}.poster-head{color:var(--neon);letter-spacing:.12em;justify-content:space-between;font-size:10px;display:flex}.poster-title{color:var(--ink-dim);letter-spacing:.35em;margin:10px 0 0;font-size:12px}.poster-stick{background:#0b0f0c8c;border:1px solid #b6ff3d8c;border-radius:10px;width:54%;margin:10px auto 0;padding:5px}.poster-stick img{border-radius:6px;width:100%;display:block}.poster-stick-label{text-align:center;letter-spacing:.25em;color:var(--ink-dim);margin:5px 0 1px;font-size:9px}.poster-name{color:var(--neon);letter-spacing:.04em;text-shadow:0 0 24px #b6ff3d59;margin:12px 0 4px;font-size:40px;line-height:1.05}.poster-tag{color:var(--ink);opacity:.9;margin:0 0 8px;font-size:13px}.poster-quote{color:var(--ink);border-left:3px solid var(--neon);margin:0;padding-left:10px;font-size:15px;line-height:1.6}.poster-foot{border-top:1px solid #b6ff3d59;margin-top:auto;padding-top:10px}.poster-slogan{color:var(--ink-dim);margin:0 0 4px;font-size:10px}.poster-cta{color:var(--neon);margin:0;font-size:12px;font-weight:700}@media (width<=360px){.poster{padding:14px 16px 12px}.poster-title{margin-top:8px;font-size:11px}.poster-stick{width:50%;margin-top:8px}.poster-name{margin:10px 0 3px;font-size:32px}.poster-tag{margin-bottom:6px;font-size:12px}.poster-quote{font-size:13.5px}.poster-foot{padding-top:8px}.poster-slogan{font-size:9px}.poster-cta{font-size:11px}}.poster-label{letter-spacing:.2em;color:var(--neon);font-size:10px}.export-overlay{z-index:10;background:#040705eb;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:fixed;inset:0}.export-overlay img{border:1px solid var(--line);border-radius:12px;max-width:min(80vw,360px);max-height:60vh}.export-tip{color:var(--ink);text-align:center;margin:0;font-size:14px}.export-close{border:1px solid var(--line);color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:10px;padding:10px 28px}