:root{--orange:#f47a20;--orange2:#ff9b42;--soft:#fff6ed;--ink:#2d2a27;--muted:#84776c;--line:#f1dfce;--green:#21a66b;--red:#df4b45}*{box-sizing:border-box}body{margin:0;background:#fffaf5;color:var(--ink);font:15px/1.65 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;padding-bottom:78px}a{color:var(--orange);text-decoration:none}header{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100% - 1060px)/2));position:sticky;top:0;z-index:20}.brand{font-size:20px;font-weight:850;color:var(--orange)}header nav{display:flex;align-items:center;gap:16px}header nav a,header nav span{color:var(--muted)}main{max-width:1060px;margin:0 auto;padding:26px 18px;min-height:calc(100vh - 130px)}footer{text-align:center;color:#aa9c91;padding:25px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.4px;color:var(--orange)}.home-head,.page-title{display:flex;align-items:end;justify-content:space-between;margin:12px 0 25px}.home-head h1,.page-title h1{font-size:32px;margin:3px 0}.home-head p,.page-title p{margin:0;color:var(--muted)}.welcome{background:var(--soft);color:var(--orange);padding:9px 14px;border-radius:99px}.exam-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.exam-card,.panel,.profile-card,.result-card,.review-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 12px 35px rgba(208,105,24,.08)}.exam-card{border-top:5px solid var(--orange)}.exam-card h2{font-size:21px;margin:16px 0 6px}.exam-card p{color:var(--muted);min-height:48px}.card-top,.meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}.tag{background:var(--soft);color:var(--orange);padding:4px 10px;border-radius:99px;font-weight:750}.button,button{display:inline-block;border:0;border-radius:12px;padding:11px 20px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:white;font:inherit;font-weight:750;cursor:pointer}.exam-card .button{margin-top:18px;width:100%;text-align:center}.empty{text-align:center;background:#fff;border:1px dashed var(--line);border-radius:18px;padding:50px;color:var(--muted)}.bottom-tabs{position:fixed!important;left:50%;bottom:12px;transform:translateX(-50%);width:min(430px,calc(100% - 28px));height:64px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 35px rgba(119,73,35,.16);display:grid!important;grid-template-columns:repeat(3,1fr);z-index:50;overflow:hidden}.bottom-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9a8d82;font-size:12px;gap:1px}.bottom-tabs span{font-size:17px;font-weight:800}.bottom-tabs a.active{color:var(--orange);background:var(--soft)}.quiz-shell{max-width:620px;margin:auto}.quiz-heading{display:flex;justify-content:space-between;align-items:end;margin:5px 0 14px}.quiz-heading h1{font-size:23px;margin:3px 0}.progress{height:8px;background:#f6e6d7;border-radius:99px;margin-bottom:16px;overflow:hidden}.progress div{height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--orange2));transition:.3s}.quiz-card,.submit-card{display:none;background:#fff;border:1px solid var(--line);border-radius:24px;padding:25px;box-shadow:0 18px 50px rgba(208,105,24,.10)}.quiz-card.active,.submit-card.active{display:block;animation:up .3s ease}.q-index{margin:0 0 8px;color:var(--orange);font-size:13px;font-weight:700}.quiz-card h2{font-size:20px;line-height:1.55;margin:0 0 20px}.quiz-options{display:grid;gap:11px}.quiz-option{display:grid;grid-template-columns:22px 30px 1fr;align-items:center;border:2px solid #f1e5da;border-radius:15px;padding:13px 14px;cursor:pointer;transition:.2s}.quiz-option input{width:auto}.quiz-option b{color:var(--orange)}.quiz-option:has(input:checked){border-color:var(--orange);background:var(--soft)}.quiz-option.correct{border-color:var(--green);background:#effaf5}.quiz-option.wrong{border-color:var(--red);background:#fff1f0}.feedback{display:none;margin-top:16px;padding:15px;border-radius:15px}.feedback.show{display:block}.feedback.is-correct{background:#effaf5;border-left:4px solid var(--green)}.feedback.is-wrong{background:#fff1f0;border-left:4px solid var(--red)}.feedback-title{font-size:17px}.is-correct .feedback-title{color:var(--green)}.is-wrong .feedback-title{color:var(--red)}.feedback p{margin:5px 0}.check-btn,.next-btn{margin-top:16px}.next-btn{display:none}.next-btn.show{display:inline-block}.hidden{display:none!important}.result-card{text-align:center;max-width:620px;margin:0 auto 20px}.score-number{font-size:58px;line-height:1;color:var(--orange);font-weight:900;margin:20px}.score-number small{font-size:16px}.review-card{max-width:700px;margin:14px auto}.review-card.right{border-left:5px solid var(--green)}.review-card.wrong{border-left:5px solid var(--red)}.review-status{font-weight:850;color:var(--green)}.wrong .review-status{color:var(--red)}.analysis{background:var(--soft);padding:12px;border-radius:12px}.rank-list{display:grid;gap:10px}.rank-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px}.rank-no{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--orange);font-weight:800}.rank-item b{font-size:22px;color:var(--orange)}small{display:block;color:var(--muted)}.profile-card{max-width:620px;margin:auto;text-align:center}.avatar{display:grid;place-items:center;width:72px;height:72px;margin:auto;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--orange2));color:white;font-size:28px;font-weight:800}.profile-card h1{margin-bottom:0}.profile-card>p{color:var(--muted)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0}.profile-stats b{display:block;font-size:23px;color:var(--orange)}.profile-stats span{font-size:13px;color:var(--muted)}.profile-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 4px;color:var(--ink);text-align:left}.flash{padding:12px 16px;border-radius:12px;background:#effaf5;margin-bottom:15px}.flash.error{background:#fff1f0}input,select,textarea{width:100%;padding:10px;border:1px solid #dacbbc;border-radius:9px;font:inherit}textarea{min-height:90px}label{display:block;margin:10px 0}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.admin-nav a{background:var(--soft);padding:7px 12px;border-radius:8px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stats section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.stats strong{display:block;font-size:28px;color:var(--orange)}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse}th,td{padding:11px;text-align:left;border-bottom:1px solid var(--line)}th{background:var(--soft)}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.wide{grid-column:1/-1}.inline{display:flex;gap:5px}.question-pick{display:grid;grid-template-columns:25px 1fr 75px auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px}.options{display:grid;grid-template-columns:1fr 1fr;gap:8px}@keyframes up{from{opacity:0;transform:translateY(8px)}}@media(max-width:700px){header nav span{display:none}main{padding:18px 14px}.home-head{align-items:start}.home-head h1{font-size:26px}.welcome{display:none}.exam-grid{grid-template-columns:1fr}.grid-form,.options{grid-template-columns:1fr}.wide{grid-column:auto}.quiz-card{padding:20px}.inline{flex-wrap:wrap}}