#recommendtest.container{display:flex;justify-content:center;max-width:none!important;align-items:center;min-height:100vh;background:linear-gradient(90deg,#f5f7fa,#c3cfe2);padding:16px}#recommendtest .card{background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:500px;width:100%;padding:60px;text-align:center}#recommendtest .title{font-size:24px;font-weight:700;color:#333;margin-bottom:16px}#recommendtest .progress{font-size:14px;color:#777;margin-bottom:16px}#recommendtest .question{font-size:16px;font-weight:500;color:#555;margin-bottom:32px}#recommendtest .options{display:flex;justify-content:center;flex-direction:column;gap:16px}#recommendtest .button{background:#4a90e2;color:#fff;font-size:16px;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}#recommendtest .button:hover{background:#357abd;transform:scale(1.05);box-shadow:0 4px 6px rgba(0,0,0,.1)}#recommendtest .result-score{font-size:18px;font-weight:700;color:#444;margin:16px 0}#recommendtest .result{font-size:16px;color:#666;margin:8px 0 24px;line-height:1.5}@media (max-width:830px){#recommendtest.container{height:1000px}}