:root{--green:#4d6a53;--green-light:#6c8d71;--sage:#97b59c;--ink:#1e2a22;--ink-soft:#304034;--parchment:#f6faf6;--parchment-dark:#dbe8dd;--cream:#fff;--text:var(--ink);--text-muted:#6a786f;--bg:var(--parchment);--card-bg:var(--cream);--border:var(--parchment-dark);--shadow:0 4px 20px #2f493714;--soft:#edf6ef;--sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--serif:"Songti SC", "STSong", "SimSun", "Noto Serif SC", serif;font:16px/1.6 var(--sans);color:var(--text);background:var(--bg)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);min-height:100vh}#root{max-width:640px;min-height:100vh;margin:0 auto;padding:20px}.start-screen{justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.start-content{text-align:center;max-width:500px}.title-main{font-family:var(--serif);color:var(--green);letter-spacing:4px;margin-bottom:8px;font-size:2.5rem;font-weight:700}.title-sub{color:var(--green-light);letter-spacing:2px;margin-bottom:24px;font-size:1.2rem;font-weight:500}.title-desc{color:var(--text-muted);margin-bottom:32px;font-size:.95rem;line-height:1.8}.title-hint{background:var(--soft);color:var(--green);border-radius:4px;margin-top:8px;padding:4px 12px;font-size:.85rem;display:inline-block}.btn-start{background:var(--green);color:#fff;font-size:1.1rem;font-family:var(--sans);cursor:pointer;letter-spacing:2px;border:none;border-radius:8px;padding:14px 48px;transition:all .2s;display:inline-block;box-shadow:0 4px 12px #4d6a534d}.btn-start:hover{background:var(--green-light);transform:translateY(-1px);box-shadow:0 6px 16px #4d6a5366}.btn-start:active{transform:translateY(0)}.start-footer{color:#999;margin-top:24px;font-size:.75rem}.quiz-container{flex-direction:column;min-height:100vh;padding:20px 0;display:flex}.progress-bar{background:var(--parchment-dark);border-radius:3px;height:6px;margin-bottom:32px;position:relative;overflow:visible}.progress-fill{background:linear-gradient(90deg, var(--sage), var(--green));border-radius:3px;height:100%;transition:width .3s}.progress-text{color:var(--text-muted);font-size:.8rem;position:absolute;top:12px;right:0}.question-card{flex-direction:column;flex:1;display:flex}.question-text{color:var(--ink);white-space:pre-line;margin-bottom:24px;font-size:1.05rem;line-height:1.8}.options{flex-direction:column;gap:12px;display:flex}.option-btn{background:var(--card-bg);border:1px solid var(--border);text-align:left;width:100%;font-size:.95rem;font-family:var(--sans);color:var(--ink);cursor:pointer;border-radius:8px;align-items:flex-start;gap:12px;padding:14px 16px;line-height:1.5;transition:all .15s;display:flex}.option-btn:hover{background:#f8fcf9;border-color:#bcd0c1;transform:translate(4px)}.option-btn:active{background:var(--soft)}.option-code{background:var(--parchment-dark);width:24px;height:24px;color:var(--green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.8rem;font-weight:600;display:inline-flex}.option-text{flex:1}.result-card{padding:40px 0 20px}.result-header{text-align:center;margin-bottom:32px}.result-portrait{margin-bottom:16px}.result-portrait img{object-fit:cover;border-radius:12px;width:180px;height:180px;margin:0 auto;display:block}.result-emoji-fallback,.result-emoji{margin-bottom:12px;font-size:4rem;display:block}.result-name{font-family:var(--serif);color:var(--green);margin-bottom:4px;font-size:2rem}.result-title{color:var(--green-light);letter-spacing:1px;margin-bottom:8px;font-family:monospace;font-size:1rem}.result-badge{background:var(--green);color:#fff;letter-spacing:.5px;border-radius:4px;padding:4px 12px;font-size:.8rem;display:inline-block}.result-quote{font-family:var(--serif);color:var(--ink-soft);border-left:3px solid var(--green-light);background:var(--soft);border-radius:0 8px 8px 0;margin:0 0 24px;padding:12px 20px;font-size:1rem;line-height:1.8}.result-desc{color:var(--ink-soft);margin-bottom:28px;font-size:.95rem;line-height:1.8}.result-bio h3,.result-dimensions h3{color:var(--green);border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:8px;font-size:1rem}.result-bio p{color:var(--ink-soft);margin-bottom:28px;font-size:.9rem;line-height:1.9}.result-dimensions{margin-bottom:32px}.dimension-chart{flex-direction:column;gap:14px;display:flex}.dim-row{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;padding:10px 12px}.dim-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.dim-name{color:var(--ink);font-size:.85rem;font-weight:500}.dim-level{background:var(--soft);color:var(--green);border-radius:3px;padding:1px 8px;font-family:monospace;font-size:.85rem;font-weight:600}.dim-explanation{color:var(--text-muted);font-size:.8rem;line-height:1.5}.result-actions{text-align:center;margin-bottom:24px}.btn-restart{color:var(--green);border:2px solid var(--green);font-size:1rem;font-family:var(--sans);cursor:pointer;letter-spacing:1px;background:0 0;border-radius:8px;padding:12px 40px;transition:all .2s}.btn-restart:hover{background:var(--green);color:#fff}.result-footer{text-align:center;color:#999;border-top:1px solid var(--border);padding-top:20px;font-size:.75rem}@media (width<=480px){#root{padding:16px}.title-main{font-size:2rem}.title-sub{font-size:1rem}.result-emoji{font-size:3rem}.result-name{font-size:1.6rem}.question-text{font-size:.95rem}.option-btn{padding:12px 14px;font-size:.9rem}}