:root{font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.45;font-weight:400;color:#11213a;background:#e7f0ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px}#root{width:100%}.page{min-height:100vh;padding:36px 16px;background:radial-gradient(circle at 15% 10%,#f0f8ff,#e7f0ff 35%,#dde9ff)}.shell{max-width:920px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 22px 60px #203e7c1f;overflow:hidden}.hero{padding:40px 40px 22px;background:linear-gradient(135deg,#1a3f82,#2e6dd8);color:#f7fbff}.hero h1{margin:10px 0;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.2}.badge{display:inline-block;margin:0;padding:7px 12px;border-radius:999px;background:#fff3;font-size:.85rem;letter-spacing:.02em}.hero-text{margin:0;max-width:700px;font-size:1rem;opacity:.9}.intro,.quiz,.result-card{padding:26px 32px 32px}.intro-image,.result-image{width:100%;border-radius:16px;max-height:300px;object-fit:cover}.intro-content p{margin:18px 0 10px}.intro-content ul{margin:0 0 20px;padding-left:18px;color:#44546e}.primary-btn,.secondary-btn{border:0;border-radius:12px;padding:12px 20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .16s ease,opacity .16s ease}.primary-btn{background:#2d67c8;color:#fff}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}.primary-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.quiz-actions{display:flex;justify-content:flex-end;gap:12px}.question-list{display:grid}.submit-btn{min-width:160px}.ghost-btn{border:1px solid #c8d9f7;border-radius:12px;padding:12px 20px;font-size:.95rem;font-weight:600;color:#2a4c81;background:#fff;cursor:pointer;transition:transform .16s ease,opacity .16s ease,border-color .16s ease}.ghost-btn:hover{transform:translateY(-1px);border-color:#6e96de}.ghost-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.progress-row{display:flex;justify-content:space-between;color:#5d6d85;font-size:.92rem;margin-bottom:10px}.progress-track{width:100%;height:9px;border-radius:999px;background:#e6eefb;overflow:hidden;margin-bottom:18px}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f67cb,#44a4fd);transition:width .2s ease}.question-card{border:1px solid #e6eef9;border-radius:16px;padding:24px 20px;margin-bottom:18px;background:#fbfdff}.question-card-missing{border-color:#f29a9a;box-shadow:0 0 0 3px #f29a9a26}.question-card h2{margin:0 0 14px;color:#10213f;font-size:clamp(1.12rem,2.6vw,1.45rem)}.options{display:grid;gap:10px}.option-btn{width:100%;border:1px solid #d9e5fb;border-radius:12px;background:#fff;color:#1f2f4a;text-align:left;display:flex;gap:10px;align-items:center;padding:12px 14px;cursor:pointer;transition:border-color .16s ease,background .16s ease}.option-btn:hover{border-color:#6e96de}.option-btn.active{background:#edf4ff;border-color:#2e6cd8}.option-marker{width:20px;height:20px;border-radius:999px;border:1px solid #96b4e5;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;color:#2a67cb;flex:0 0 auto}.result-body{padding-top:18px}.result-badge{margin:0;color:#2c67c8;font-weight:700;font-size:.9rem}.result-body h2{margin:8px 0 4px;color:#142744;font-size:clamp(1.4rem,3vw,2rem)}.result-subtitle{margin:0 0 10px;color:#465777}.fortune{margin:0 0 14px;color:#2e4366}.keyword-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chip{padding:6px 10px;border-radius:999px;background:#ebf3ff;color:#255db6;font-size:.84rem}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-panel{padding:14px;border:1px solid #e5edfb;border-radius:12px;background:#fcfdff}.result-panel h3{margin:0 0 10px;font-size:1rem;color:#17325c}.result-panel ul{margin:0;padding-left:18px;color:#445470}.preference-panel{margin-top:14px;padding:14px;border:1px solid #d8e5fb;border-radius:12px;background:linear-gradient(180deg,#f9fbff,#f1f6ff)}.preference-panel h3{margin:0 0 8px;font-size:1rem;color:#17325c}.preference-title{margin:0;color:#1f4e98;font-weight:700}.preference-text{margin:6px 0 0;color:#405576}.preference-tip{margin:6px 0 0;color:#3a4d6c;font-size:.9rem}.help-panel{margin-top:14px;padding:14px;border:1px solid #e5edfb;border-radius:12px;background:#fcfdff}.help-panel h3{margin:0 0 10px;font-size:1rem;color:#17325c}.help-actions{display:flex;gap:10px;flex-wrap:wrap}.help-btn{border:1px solid #cfe0fb;border-radius:10px;background:#fff;color:#2a456f;padding:9px 14px;cursor:pointer}.help-btn.active{border-color:#2e6cd8;background:#edf4ff;color:#1d4f9f}.help-note{margin:10px 0 0;font-size:.9rem;color:#4d6184}.result-footer{margin-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:.92rem;color:#5b6d8d}.secondary-btn{background:#1f3f79;color:#fff}@media(max-width:768px){.hero,.intro,.quiz,.result-card{padding:22px 16px}.result-grid{grid-template-columns:1fr}.result-footer{flex-direction:column;align-items:flex-start;gap:10px}}