*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f7f8fc;color:#1a1a1a;-webkit-font-smoothing:antialiased}button{font-family:inherit}.question-item{padding:20px 0;border-bottom:1px solid #f0f0f0}.question-item:last-child{border-bottom:none}.question-text{font-size:15px;color:#1a1a1a;margin:0 0 14px;line-height:1.6}.question-index{color:#888;margin-right:4px;font-size:13px}.options{display:flex;gap:8px;flex-wrap:wrap}.option-btn{padding:7px 14px;border:1.5px solid #d9d9d9;border-radius:20px;background:#fff;color:#555;font-size:13px;cursor:pointer;transition:all .15s ease}.option-btn:hover{border-color:#4f86f7;color:#4f86f7}.option-btn.selected{background:#4f86f7;border-color:#4f86f7;color:#fff}.entropy-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:overlayIn .25s ease}.entropy-overlay.closing{animation:overlayOut .3s ease forwards}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes overlayOut{0%{opacity:1}to{opacity:0}}.entropy-card{width:calc(100% - 48px);max-width:420px;border-radius:28px;padding:36px 28px 40px;text-align:center;position:relative;animation:cardUp .35s cubic-bezier(.34,1.56,.64,1)}.entropy-card.closing{animation:cardDown .3s ease forwards}@keyframes cardUp{0%{transform:scale(.85) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes cardDown{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.85) translateY(20px);opacity:0}}.entropy-close{position:absolute;top:16px;right:20px;background:#00000014;border:none;border-radius:50%;width:32px;height:32px;font-size:14px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.entropy-close:hover{background:#00000026}.entropy-emoji{font-size:72px;line-height:1;margin-bottom:16px;animation:emojiPop .5s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes emojiPop{0%{transform:scale(.4) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.entropy-name{font-size:28px;font-weight:700;margin-bottom:14px;animation:fadeSlideIn .4s ease .3s both}.entropy-tags{display:flex;gap:8px;justify-content:center;margin-bottom:20px;animation:fadeSlideIn .4s ease .38s both}.entropy-tag{padding:4px 14px;border-radius:20px;border:1.5px solid;font-size:13px;font-weight:500;background:#fff9}.entropy-desc{font-size:14px;color:#444;line-height:1.8;margin:0;animation:fadeSlideIn .4s ease .46s both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result-view{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 20px 40px;text-align:center}.result-title{font-size:16px;color:#888;margin:0 0 14px;font-weight:400}.score-card{display:flex;align-items:baseline;gap:4px;margin-bottom:10px}.score-number{font-size:56px;font-weight:700;color:#1a1a1a;line-height:1}.score-unit{font-size:20px;color:#555}.level-badge{display:inline-block;padding:6px 20px;border-radius:24px;font-size:15px;font-weight:600;background:#eef3ff;color:#4f86f7;margin-bottom:8px}.score-range{font-size:12px;color:#bbb;margin:0 0 20px}.section{width:100%;max-width:480px;margin:0 0 16px;text-align:center}.section-title{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.section-desc{font-size:12px;color:#aaa;margin:0 0 6px}.main-dimensions{display:flex;gap:10px;justify-content:center}.main-dim-card{flex:1;background:#fff;border-radius:12px;padding:12px 10px;box-shadow:0 1px 6px #0000000f;text-align:center}.main-dim-label{font-size:12px;color:#888;margin-bottom:6px}.main-dim-score{font-size:28px;font-weight:700;color:#1a1a1a;line-height:1;margin-bottom:8px}.main-dim-unit{font-size:13px;font-weight:400;color:#888;margin-left:2px}.main-dim-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;background:#eef3ff;color:#4f86f7;margin-bottom:4px}.main-dim-hint{font-size:10px;color:#ccc}.pentagon-wrap{display:flex;justify-content:center}.type-btn{padding:11px 0;border:none;border-radius:24px;background:linear-gradient(135deg,#4f86f7,#34c98a);color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:10px;width:200px;transition:opacity .2s ease,transform .2s ease;box-shadow:0 4px 16px #4f86f740}.type-btn:hover{opacity:.9;transform:translateY(-1px)}.reset-btn{padding:11px 0;border:none;border-radius:24px;background:linear-gradient(135deg,#f76f6f,#f7a94f);color:#fff;font-size:14px;font-weight:600;cursor:pointer;width:200px;transition:opacity .2s ease,transform .2s ease;box-shadow:0 4px 16px #f76f6f40}.reset-btn:hover{opacity:.9;transform:translateY(-1px)}.confirm-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:#fff;border-radius:20px;padding:28px 24px 20px;width:280px;text-align:center;animation:dialogPop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes dialogPop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.confirm-text{font-size:15px;color:#333;line-height:1.6;margin:0 0 20px}.confirm-actions{display:flex;gap:10px}.confirm-cancel{flex:1;padding:10px 0;border:1.5px solid #e0e0e0;border-radius:20px;background:#fff;color:#888;font-size:14px;cursor:pointer;transition:border-color .15s}.confirm-cancel:hover{border-color:#bbb}.confirm-ok{flex:1;padding:10px 0;border:none;border-radius:20px;background:linear-gradient(135deg,#f76f6f,#f7a94f);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.confirm-ok:hover{opacity:.88}.questionnaire-view{max-width:720px;margin:0 auto;padding:40px 24px 120px}.questionnaire-header{text-align:center;margin-bottom:32px}.questionnaire-header h1{font-size:24px;color:#1a1a1a;margin:0 0 8px}.progress-text{color:#888;font-size:14px;margin:0}.question-list{background:#fff;border-radius:12px;padding:8px 24px;box-shadow:0 1px 6px #0000000f}.submit-area{position:fixed;bottom:0;left:0;right:0;padding:16px 24px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid #f0f0f0;display:flex;justify-content:center}.submit-btn{padding:12px 48px;border:none;border-radius:24px;font-size:15px;cursor:pointer;transition:all .2s ease;background:#4f86f7;color:#fff}.submit-btn:disabled{background:#d9d9d9;color:#aaa;cursor:not-allowed}.submit-btn:not(:disabled):hover{background:#3a6fd8}
