.test-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:24px}.container{margin:0 auto;padding:20px 16px;max-width:800px;flex:1}.breadcrumb{font-size:14px;color:#666;}.test-intro{background:#e7f3ff;padding:16px;border-radius:6px;margin-bottom:24px;border-left:4px solid #007bff}.test-intro h3{color:#007bff;margin-bottom:8px;font-size:16px}.test-intro p{font-size:14px;line-height:1.6;margin-bottom:8px}.test-intro p:last-child{margin-bottom:0}.question-group{margin-bottom:24px;padding:20px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.question-label{font-weight:500;color:#333;margin-bottom:12px;display:block;font-size:15px}.radio-group{display:flex;gap:20px;flex-wrap:wrap}.radio-item{display:flex;align-items:center;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background .2s ease}.radio-item:hover{background:#fff}.radio-item input[type="radio"]{margin-right:8px;width:18px;height:18px;cursor:pointer}.radio-item label{cursor:pointer;font-size:14px;color:#555}.submit-btn{display:block;width:100%;padding:14px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s ease;margin-top:20px}.submit-btn:hover{background:#0056b3}.submit-btn:active{transform:translateY(1px)}.submit-btn:disabled{background:#6c757d;cursor:not-allowed}.result-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-top:20px;display:none}.result-card.show{display:block}.result-score{background:#f8f9fa;padding:16px;border-radius:6px;margin-bottom:20px;text-align:center}.result-score .score{font-size:24px;font-weight:600;color:#007bff;margin-bottom:8px}.result-interpretation{padding:16px;border-radius:6px;margin-bottom:16px}.result-interpretation.low{background:#d4edda;border-left:4px solid #28a745;color:#155724}.result-interpretation.medium{background:#fff3cd;border-left:4px solid #ffc107;color:#856404}.result-interpretation.high{background:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.warning-box{background:#f8d7da;padding:16px;border-radius:6px;border-left:4px solid #dc3545;margin-top:20px}.warning-box h4{color:#721c24;margin-bottom:8px;font-size:16px}.warning-box p{color:#721c24;font-size:14px;line-height:1.6;margin-bottom:8px}.warning-box p:last-child{margin-bottom:0}.progress-bar{background:#e9ecef;height:6px;border-radius:3px;margin-bottom:20px;overflow:hidden}.progress-fill{background:#007bff;height:100%;width:0%;transition:width .3s ease}@media (max-width:768px){.header{padding:20px 16px}.header h1{font-size:22px}.container{padding:16px}.test-card{padding:20px}.question-group{padding:16px}.radio-group{flex-direction:column;gap:12px}}