:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#17332b;background:#eef5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 100% 0,#d5eee2 0,transparent 35%),#eef5f1}button,input{font:inherit}.shell{min-height:100vh;padding:max(24px,env(safe-area-inset-top)) 18px max(30px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center}.hero-card,.center-card,.result-card{width:min(100%,460px);background:#fff;border-radius:28px;padding:32px 24px;box-shadow:0 18px 60px #184a3a1a}.center-card,.result-card{text-align:center}.brand-mark{width:64px;height:64px;margin:0 auto 28px;border-radius:20px;display:grid;place-items:center;color:#fff;background:#087f5b;font-size:28px;font-weight:800}.spinner{width:28px;height:28px;margin:auto;border:3px solid #dcebe5;border-top-color:#087f5b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:#087f5b;text-transform:uppercase}.hero-card h1,.result-card h1,.center-card h1{font-size:25px;line-height:1.35;margin:10px 0 8px}.muted,.description{color:#71847d;line-height:1.7}.countdown-label{text-align:center;color:#71847d;margin:38px 0 8px}.countdown{text-align:center;font:700 34px/1.2 ui-monospace,monospace;color:#075d44;letter-spacing:.05em}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:32px 0}.info-grid div{background:#f3f8f5;padding:15px;border-radius:14px}.info-grid span,.info-grid strong{display:block}.info-grid span{font-size:12px;color:#80918b;margin-bottom:5px}.tip{background:#fff8df;color:#8e6820;padding:13px;border-radius:12px;text-align:center;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0;border:1px solid #e2ece7;border-radius:18px}.metrics div{padding:18px 4px}.metrics div+div{border-left:1px solid #e2ece7}.metrics b,.metrics span{display:block}.metrics b{font-size:25px;color:#087f5b}.metrics span{font-size:12px;color:#7a8e87;margin-top:4px}.rules{padding:0;list-style:none;color:#526860;font-size:14px;line-height:1.6;margin:0 0 26px}.rules li{position:relative;padding:9px 0 9px 25px;border-bottom:1px dashed #e4ece8}.rules li:before{content:"✓";position:absolute;left:2px;color:#0a8f67;font-weight:800}.primary,.submit,.secondary{border:0;border-radius:14px;height:52px;padding:0 22px;font-weight:700;cursor:pointer}.primary{width:100%;color:#fff;background:#087f5b;box-shadow:0 8px 20px #087f5b33}.primary:disabled,.submit:disabled{opacity:.55}.form-card label{display:block;font-size:13px;font-weight:700;margin:16px 0;color:#536a62}.form-card em{color:#d54b4b}.form-card input{display:block;width:100%;height:48px;border:1px solid #dbe7e2;border-radius:12px;margin-top:7px;padding:0 13px;outline:none}.form-card input:focus{border-color:#087f5b;box-shadow:0 0 0 3px #e0f4ec}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.error-text{color:#c14343;font-size:13px}.exam-header{position:fixed;z-index:2;top:0;left:0;right:0;height:84px;padding:max(14px,env(safe-area-inset-top)) 20px 12px;background:#0c5946;color:#fff;display:flex;justify-content:space-between;align-items:end;box-shadow:0 6px 18px #0843332e}.exam-header small,.exam-header strong,.time span,.time b{display:block}.exam-header small{font-size:12px;opacity:.75;margin-bottom:4px;max-width:55vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exam-header strong{font-size:22px}.exam-header strong i{font-size:13px;font-style:normal;opacity:.65}.time{text-align:right}.time span{font-size:11px;opacity:.7}.time b{font:700 20px/1.4 ui-monospace,monospace}.time.danger b{color:#ffd37a}.question-card{align-self:flex-start;width:min(100%,520px);margin:82px auto 76px;background:#fff;padding:24px 20px;border-radius:22px;box-shadow:0 12px 40px #184a3a14}.q-meta{display:flex;justify-content:space-between;align-items:center}.q-meta span{background:#e4f5ed;color:#087f5b;border-radius:20px;padding:5px 11px;font-size:12px;font-weight:700}.q-meta small{color:#8a9994}.question-card h2{font-size:19px;line-height:1.65;margin:20px 0}.options{display:grid;gap:12px}.options button{min-height:58px;border:1px solid #dce7e2;background:#fbfdfc;border-radius:15px;padding:10px 12px;display:grid;grid-template-columns:34px 1fr 24px;align-items:center;text-align:left;color:#36534a}.options button i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#edf3f0;font-weight:700}.options button span{padding:0 9px;line-height:1.5}.options button b{text-align:center;color:#087f5b}.options button.selected{border-color:#0a8f67;background:#eef9f4;box-shadow:0 0 0 1px #0a8f67}.options button.selected i{color:#fff;background:#087f5b}.save-state{text-align:center;color:#91a19b;font-size:12px;margin-top:22px}.exam-footer{position:fixed;z-index:3;bottom:0;left:0;right:0;padding:10px 14px max(10px,env(safe-area-inset-bottom));background:#fff;display:flex;gap:9px;box-shadow:0 -8px 24px #184a3a1a}.exam-footer button{flex:1;height:46px}.secondary{background:#edf3f0;color:#496158}.card-entry{border:0;background:transparent;color:#5d716a}.card-entry b{display:block;color:#087f5b}.small{width:auto;height:46px}.submit{width:100%;color:#fff;background:#e26d40}.drawer-mask{position:fixed;z-index:10;inset:0;background:#061e187a;display:flex;align-items:flex-end}.drawer{width:100%;max-height:82vh;overflow:auto;background:#fff;border-radius:26px 26px 0 0;padding:24px 20px max(24px,env(safe-area-inset-bottom))}.drawer-title{display:flex;justify-content:space-between;align-items:center}.drawer-title h3{margin:0}.drawer-title button{border:0;background:#edf3f0;border-radius:50%;width:34px;height:34px;font-size:22px}.drawer>p{color:#789088;font-size:13px}.card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:20px 0 28px}.card-grid button{aspect-ratio:1;border:1px solid #dce7e2;background:#fff;border-radius:10px;color:#71847d}.card-grid button.done{background:#e7f6ef;border-color:#8bceb7;color:#087f5b;font-weight:700}.card-grid button.active{box-shadow:0 0 0 2px #087f5b}.success{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;color:#fff;background:#0a936a;font-size:30px}.score{margin:24px 0 8px;color:#087f5b}.score b{font-size:64px;line-height:1}.score span{font-size:20px;font-weight:700}.result-status{display:inline-block;padding:6px 14px;border-radius:20px;background:#fff1e7;color:#b05a37;font-size:13px}.result-status.pass{background:#e6f5ee;color:#087f5b}.score-list{margin:26px 0;border-top:1px solid #e4ece8}.score-list div{display:flex;justify-content:space-between;padding:15px 4px;border-bottom:1px solid #e4ece8}.closed-icon,.error-icon{width:64px;height:64px;border-radius:20px;background:#edf3f0;color:#6f837b;display:grid;place-items:center;margin:auto;font-size:28px}.error-icon{background:#fff0ed;color:#d45945;font-weight:800}@media(min-width:600px){.exam-header,.exam-footer{padding-left:calc((100% - 520px)/2);padding-right:calc((100% - 520px)/2)}}