.app-body{min-height:100dvh;padding-bottom:88px}.app-body .site-header{background:rgba(255,255,255,.72);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}
.welcome{display:flex;align-items:center;gap:9px}.welcome-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff1e5;color:var(--orange);font-weight:800;overflow:hidden}.welcome-avatar img,.avatar img{width:100%;height:100%;object-fit:cover;display:block}.welcome-avatar i,.avatar i{font-style:normal}.welcome-avatar.has-image i,.avatar.has-image i{display:none}
.avatar{overflow:hidden;position:relative}.center-actions{display:flex;justify-content:center;margin:22px 0}.center-actions .button{min-width:160px;text-align:center}
#celebration{position:fixed;inset:0;z-index:100;pointer-events:none}.score-ring{--score:0;width:132px;height:132px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--orange) calc(var(--score)*1%),#f1e9e2 0);position:relative}.score-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.score-ring>div{position:relative;display:flex;align-items:baseline;gap:3px}.score-ring strong{font-size:44px;line-height:1;color:#25211e}.score-ring span{color:#8d8178}.result-card h1{margin:6px 0}.result-title{margin:4px 0 14px;color:#746b64}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0;padding:12px 0;border-top:1px solid #f0e6dd;border-bottom:1px solid #f0e6dd}.result-stats div{display:flex;flex-direction:column;gap:3px}.result-stats b{font-size:21px}.result-stats span,.result-level{font-size:13px;color:#8c8178}.review-details{max-width:760px;margin:14px auto;border-radius:18px;background:#fff;border:1px solid #efe6df;box-shadow:0 10px 30px rgba(92,56,31,.07);overflow:hidden}.review-details summary{cursor:pointer;padding:17px 20px;font-weight:700;display:flex;justify-content:space-between;list-style:none}.review-details summary::-webkit-details-marker{display:none}.review-details summary span{font-size:13px;color:#9c8e84;font-weight:500}.review-list{padding:0 12px 12px}.review-card{margin:10px 0}.app-body button,.app-body .button{margin-left:auto;margin-right:auto}.quiz-card>.check-btn,.quiz-card>.next-btn,.submit-card button{display:block;min-width:150px}
@media(max-width:640px){.app-body .site-header{height:50px;padding:0 16px}.app-body .site-header .brand{font-size:15px}.app-body .site-header nav span{display:none}.app-body .site-header nav a{font-size:13px}.app-body main{padding:14px 14px 18px}.home-head{margin:4px 0 12px}.home-head h1,.page-title h1{font-size:24px;line-height:1.2;margin-bottom:4px}.home-head p,.page-title p{margin:0}.welcome{font-size:13px}.welcome-avatar{width:30px;height:30px}.exam-grid{gap:12px}.exam-card{padding:17px;border-radius:20px}.exam-card h2{font-size:19px;margin:12px 0 5px}.exam-card p{margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.exam-card .button{margin-top:14px}.page-title{margin:3px 0 12px}.rank-list{gap:8px}.rank-item{padding:12px 14px;min-height:58px}.profile-card{margin-top:4px;padding:20px 16px}.profile-card .avatar{width:66px;height:66px}.profile-card h1{margin:9px 0 2px}.profile-stats{margin:15px 0 10px}.profile-link{padding:13px 4px}.quiz-shell{margin-top:0}.quiz-heading{margin-bottom:9px}.quiz-heading h1{font-size:20px;margin:0}.quiz-card{padding:16px;border-radius:19px}.quiz-card h2{font-size:19px;line-height:1.45;margin:7px 0 12px}.quiz-options{gap:8px}.quiz-option{padding:11px 12px}.feedback{padding:11px;margin-top:10px}.result-card{padding:18px 16px;margin:2px auto 10px}.score-ring{width:112px;height:112px;margin-bottom:10px}.score-ring strong{font-size:38px}.result-card h1{font-size:23px}.result-stats{margin:10px 0;padding:9px 0}.review-details{margin:10px auto}.review-details summary{padding:14px 16px}.center-actions{margin:13px 0}.bottom-tabs{height:58px}.bottom-tabs .tab-slider{height:48px}.bottom-tabs a{font-size:14px}footer{display:none}}
@media(max-height:700px) and (max-width:640px){.app-body main{padding-top:9px}.home-head{margin-bottom:8px}.exam-card{padding:14px}.profile-card{padding-top:14px}.profile-card .avatar{width:56px;height:56px}.profile-stats{margin:10px 0}.quiz-card{padding:13px}.quiz-option{padding:9px 11px}.score-ring{width:98px;height:98px}.score-ring strong{font-size:34px}}