@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&family=ZCOOL+QingKe+HuangYou&display=swap";:root{--paper:#fef8ea;--paper-deep:#f9e0b5;--ink:#2e1d16;--ink-soft:#6f5141;--accent:#ca4f2c;--accent-soft:#ca4f2c29;--line:#5f3e2c33;--line-strong:#5f3e2c5c;--shadow:0 20px 48px #52352333}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 16% 18%,#f8c07b8c,#0000 42%),radial-gradient(circle at 86% 8%,#ee7e5c61,#0000 40%),linear-gradient(160deg,#fff9ea 0%,#f7d9ab 100%);margin:0;font-family:Noto Serif SC,serif;line-height:1.45}body:before{content:"";pointer-events:none;opacity:.16;mix-blend-mode:soft-light;background-image:linear-gradient(125deg,#fff3 25%,#0000 25% 50%,#fff3 50% 75%,#0000 75%,#0000);background-size:38px 38px;position:fixed;inset:0}h1,h2,h3,p{margin:0}button{font:inherit}#root{justify-content:center;align-items:stretch;padding:28px 16px 36px;display:flex}.app-shell{border:1px solid var(--line-strong);background:linear-gradient(170deg, #fffaeee6, #fff2d6e6), var(--paper);width:min(920px,100%);box-shadow:var(--shadow);border-radius:28px;margin:auto;padding:clamp(18px,4vw,36px);animation:.42s shell-enter;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{content:"";pointer-events:none;z-index:0;border-radius:999px;position:absolute}.app-shell:before{background:radial-gradient(circle,#ca4f2c33,#0000 72%);width:260px;height:260px;top:-120px;right:-110px}.app-shell:after{background:radial-gradient(circle,#ffd6827a,#0000 74%);width:210px;height:210px;bottom:-100px;left:-110px}.hero,.progress-card,.question-card,.action-row,.tips,.result-card{z-index:1;position:relative}.hero{gap:10px;margin-bottom:18px;display:grid}.hero__tag{border:1px solid var(--line-strong);width:fit-content;color:var(--ink-soft);background:#ffffff94;border-radius:999px;align-items:center;padding:4px 12px;font-size:.84rem;display:inline-flex}.hero h1{letter-spacing:.04em;font-family:ZCOOL QingKe HuangYou,cursive;font-size:clamp(2rem,5.2vw,3.3rem);line-height:1.05}.hero__hint{color:var(--ink-soft);max-width:60ch}.progress-card{border:1px solid var(--line);background:#ffffff94;border-radius:18px;margin-bottom:16px;padding:14px 16px}.progress-head{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;display:flex}.progress-track{background:#56392b29;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#f67e3a,#ca4f2c);height:100%;transition:width .22s;box-shadow:0 0 18px #ca4f2c5c}.question-card{border:1px solid var(--line-strong);background:#ffffffb8;border-radius:22px;padding:clamp(16px,2.8vw,24px)}.question-meta{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.pill{color:#8e431f;background:#ffd6a361;border:1px solid #b4672c7a;border-radius:999px;align-items:center;padding:4px 10px;font-size:.82rem;display:inline-flex}.question-index{color:var(--ink-soft);font-size:.84rem}.question-title{margin-bottom:14px;font-size:clamp(1.18rem,2.6vw,1.55rem)}.option-list{gap:10px;display:grid}.option-btn{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:#ffffffe6;border-radius:14px;padding:12px 14px;transition:transform .14s,border-color .14s,background-color .14s;animation:.3s both option-in;position:relative}.option-btn:nth-child(2){animation-delay:40ms}.option-btn:nth-child(3){animation-delay:80ms}.option-btn:nth-child(4){animation-delay:.12s}.option-btn:nth-child(5){animation-delay:.16s}.option-btn:nth-child(6){animation-delay:.2s}.option-btn:hover{border-color:#c26c45;transform:translateY(-1px)}.option-btn.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px #ca4f2c1f}.action-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.ghost-btn,.primary-btn{cursor:pointer;border:1px solid #0000;border-radius:12px;padding:10px 16px;transition:transform .14s,box-shadow .14s,border-color .14s}.ghost-btn{border-color:var(--line-strong);color:var(--ink);background:#ffffffb8}.primary-btn{color:#fff9ef;background:linear-gradient(140deg,#e26d39,#bc3f25);border-color:#b54725;box-shadow:0 8px 18px #bc3f2542}.ghost-btn:hover:not(:disabled),.primary-btn:hover:not(:disabled){transform:translateY(-1px)}.ghost-btn:disabled,.primary-btn:disabled{cursor:not-allowed;opacity:.46;box-shadow:none;transform:none}.tips{color:#8e5f49;margin-top:10px;font-size:.9rem}.result-card{border:1px solid var(--line-strong);background:#ffffffb8;border-radius:22px;gap:10px;padding:clamp(16px,2.6vw,24px);display:grid}.result-level{border:1px solid;border-radius:999px;width:fit-content;padding:4px 12px;font-size:.82rem}.result-description{color:var(--ink-soft);font-size:clamp(1rem,2vw,1.08rem);line-height:1.78}.result--normal{color:#2f6f3c;background:linear-gradient(#dcf6d0cc,#ffffffb8);border-color:#2f6f3c66}.result--latent{color:#5b6a28;background:linear-gradient(#f1f0c9c2,#ffffffb8);border-color:#5b6a2861}.result--ordinary{color:#8b5a1d;background:linear-gradient(#f9e2babd,#ffffffb8);border-color:#8b5a1d61}.result--advanced{color:#8d4321;background:linear-gradient(#f7caadbd,#ffffffb8);border-color:#8d432166}.result--super{color:#87281d;background:linear-gradient(#f2b3a5c2,#ffffffb8);border-color:#87281d70}@media (width<=720px){#root{padding-top:16px}.app-shell{border-radius:22px;padding:14px}.hero h1{letter-spacing:.02em}.progress-head{font-size:.82rem}.question-title{font-size:1.08rem}.action-row{justify-content:stretch}.ghost-btn,.primary-btn{justify-content:center;width:100%}}@keyframes shell-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes option-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}