*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f5f7fa;color:#333;line-height:1.6}.container{max-width:640px;margin:0 auto;background:#fff;min-height:100vh}.header{background:linear-gradient(135deg,#1a5276,#2980b9);color:#fff;padding:30px 20px 25px;text-align:center}.header h1{font-size:22px;margin-bottom:8px;letter-spacing:1px}.header p{font-size:14px;opacity:.9}.header .badge{display:inline-block;background:#fff3;border-radius:20px;padding:3px 14px;font-size:12px;margin-top:10px}.progress-bar{background:#e8ecf1;height:4px;position:sticky;top:0;z-index:100}.progress-bar .fill{background:linear-gradient(90deg,#2980b9,#3498db);height:100%;transition:width .3s;width:0%}.step-info{padding:12px 20px;background:#f8f9fb;border-bottom:1px solid #eee;font-size:13px;color:#888;display:flex;justify-content:space-between;align-items:center;position:sticky;top:4px;z-index:99}.step-info .current{color:#2980b9;font-weight:700}.form-section{padding:20px}.section-title{font-size:16px;font-weight:700;color:#1a5276;margin-bottom:15px;padding-left:10px;border-left:3px solid #2980b9}.question-card{background:#fff;border:1px solid #e8ecf1;border-radius:10px;padding:16px;margin-bottom:16px;transition:all .3s}.question-card:hover{box-shadow:0 2px 12px #0000000f}.question-num{font-size:13px;color:#2980b9;font-weight:700;margin-bottom:6px}.question-text{font-size:15px;font-weight:500;margin-bottom:12px}.options{display:flex;flex-direction:column;gap:8px}.option{display:flex;align-items:center;padding:10px 14px;border:1.5px solid #e0e4ea;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px}.option:hover{border-color:#2980b9;background:#f0f7ff}.option.selected{border-color:#2980b9;background:#e8f4fd}.option .radio{width:18px;height:18px;border:2px solid #ccc;border-radius:50%;margin-right:10px;flex-shrink:0;position:relative;transition:all .2s}.option.selected .radio{border-color:#2980b9}.option.selected .radio:after{content:"";position:absolute;width:10px;height:10px;background:#2980b9;border-radius:50%;top:2px;left:2px}.info-input{width:100%;padding:10px 14px;border:1.5px solid #e0e4ea;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.info-input:focus{border-color:#2980b9}.info-input::placeholder{color:#bbb}.btn-next{width:100%;padding:14px;background:linear-gradient(135deg,#2980b9,#3498db);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;margin-top:10px;transition:all .2s}.btn-next:hover{opacity:.9}.btn-next:disabled{background:#ccc;cursor:not-allowed}.btn-prev{width:100%;padding:12px;background:#fff;color:#666;border:1.5px solid #ddd;border-radius:10px;font-size:14px;cursor:pointer;margin-top:8px}.btn-submit{width:100%;padding:16px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:10px;font-size:17px;font-weight:700;cursor:pointer;margin-top:20px}.btn-submit:hover{opacity:.9}.result-page{display:none}.result-header{background:linear-gradient(135deg,#1a5276,#2980b9);color:#fff;padding:30px 20px;text-align:center}.score-circle{width:120px;height:120px;border-radius:50%;border:5px solid rgba(255,255,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 15px}.score-circle .num{font-size:36px;font-weight:700}.score-circle .label{font-size:12px;opacity:.8}.risk-level{font-size:20px;font-weight:700;margin-bottom:5px}.risk-desc{font-size:14px;opacity:.9}.result-body{padding:20px}.result-section{margin-bottom:20px}.result-section h3{font-size:15px;color:#1a5276;margin-bottom:10px;padding-left:8px;border-left:3px solid #e74c3c}.risk-item{background:#fff;border:1px solid #e8ecf1;border-radius:8px;padding:12px;margin-bottom:8px}.risk-item .dim{font-size:13px;color:#888;margin-bottom:4px}.risk-item .bar-bg{background:#eee;height:8px;border-radius:4px;overflow:hidden}.risk-item .bar-fill{height:100%;border-radius:4px;transition:width .8s}.risk-item .bar-fill.high{background:linear-gradient(90deg,#e74c3c,#c0392b)}.risk-item .bar-fill.medium{background:linear-gradient(90deg,#f39c12,#e67e22)}.risk-item .bar-fill.low{background:linear-gradient(90deg,#27ae60,#2ecc71)}.risk-item .score-text{font-size:12px;color:#666;margin-top:4px;text-align:right}.advice-card{background:#fef9e7;border:1px solid #f9e79f;border-radius:8px;padding:14px;margin-bottom:8px}.advice-card .adv-title{font-size:14px;font-weight:700;color:#b7950b;margin-bottom:6px}.advice-card .adv-text{font-size:13px;color:#666}.cta-box{background:linear-gradient(135deg,#1a5276,#2980b9);border-radius:12px;padding:20px;text-align:center;color:#fff;margin-top:15px}.cta-box h3{font-size:16px;margin-bottom:8px}.cta-box p{font-size:13px;opacity:.9;margin-bottom:12px}.cta-box .cta-btn{display:inline-block;background:#fff;color:#2980b9;padding:10px 30px;border-radius:25px;font-weight:700;font-size:15px;text-decoration:none}.disclaimer{font-size:11px;color:#aaa;text-align:center;padding:15px 20px}.loading{display:none;text-align:center;padding:60px 20px}.loading .spinner{width:40px;height:40px;border:3px solid #e0e4ea;border-top-color:#2980b9;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 15px}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:#666;font-size:14px}.page{display:none}.page.active{display:block}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}.tag-a{background:#fde8e8;color:#e74c3c}.tag-b{background:#fef3cd;color:#d68910}.tag-c{background:#e8f8f5;color:#1abc9c}.tag-d{background:#ebf5fb;color:#2980b9}