*{box-sizing:border-box}body{margin:0;background:#f3f4ef;color:#1d3029;font-family:"Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.65}.bar{height:62px;background:#123b35;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1120px)/2));font-size:14px}.bar a{color:#d6eadf;text-decoration:none}.bar span{opacity:.75}main{max-width:1120px;margin:30px auto;padding:0 22px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;background:#fff;border:1px solid #e3e7e0;border-radius:24px;padding:22px;box-shadow:0 12px 35px #193a2c0b}.hero img{width:100%;aspect-ratio:1.78;object-fit:cover;border-radius:17px}.eyebrow{font-size:12px;letter-spacing:.16em;color:#78867b;margin:0 0 8px}.hero h1{font-size:clamp(28px,4vw,44px);line-height:1.2;margin:0 0 14px;color:#153e33}.hero p:not(.eyebrow){color:#5d6c63;margin:0}.stats{display:flex;gap:18px;margin-top:24px;flex-wrap:wrap;color:#68776e;font-size:13px}.stats b{font-size:20px;color:#bd7920;margin-right:4px}.learning,.practice{margin-top:34px}.learning h2,.section-title h2{font-size:24px;margin:0}.points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.points article{background:#fff;border:1px solid #e2e7df;border-radius:16px;padding:20px}.points article>span{color:#ba812e;font-weight:700;font-size:13px}.points h3{font-size:17px;margin:8px 0}.points p{font-size:14px;color:#66746b;margin:0}.section-title{display:flex;align-items:end;justify-content:space-between}.section-title>span{font-size:13px;color:#758178}.tabs{display:flex;gap:10px;margin:17px 0 12px}.tabs button{border:1px solid #ccd7ce;background:#fff;border-radius:999px;padding:11px 18px;font-weight:700;color:#365247;cursor:pointer}.tabs button.active{background:#16463a;border-color:#16463a;color:#fff}.notice{background:#e8f0e9;color:#385549;border-radius:10px;padding:11px 14px;font-size:14px;margin-bottom:14px}.question{background:#fff;border:1px solid #e1e6df;border-radius:16px;padding:20px;margin:12px 0}.qhead{display:flex;gap:9px;align-items:center;color:#748078;font-size:12px}.badge{background:#eaf2ec;color:#315d49;padding:3px 9px;border-radius:20px}.question h3{font-size:16px;line-height:1.75;margin:13px 0}.options{display:grid;gap:8px}.option{display:flex;align-items:flex-start;gap:8px;border:1px solid #e3e8e2;border-radius:9px;padding:10px 12px;cursor:pointer;font-size:14px}.option:hover{border-color:#89ab96;background:#f6faf6}.option input{margin-top:5px;accent-color:#27684f}.option.correct{border-color:#4c9b6b;background:#eef8f0}.option.wrong{border-color:#cf7770;background:#fff3f1}.result{margin-top:12px;padding:13px;background:#f4f6f2;border-radius:10px;font-size:14px}.result strong{color:#174b37}.result p{margin:6px 0}.result details{margin-top:8px;color:#59675e}.error{color:#a23c32}footer{border-top:1px solid #dce2dc;margin:40px 0 20px;padding:17px 0;color:#617068;font-size:13px;display:flex;justify-content:space-between;gap:10px}@media(max-width:700px){.bar{height:52px;padding:0 16px;font-size:12px}main{margin:14px auto;padding:0 12px}.hero{grid-template-columns:1fr;gap:17px;padding:13px;border-radius:17px}.hero img{order:2;aspect-ratio:1.8}.hero h1{font-size:29px}.stats{gap:12px;margin-top:16px}.points{grid-template-columns:1fr;gap:9px}.points article{padding:15px}.learning,.practice{margin-top:25px}.tabs button{flex:1;padding:10px 8px;font-size:13px}.question{padding:14px}.question h3{font-size:15px}.option{padding:11px 10px}footer{display:block}footer span{display:block;margin-top:4px}}
.show-answer{margin-top:12px;border:0;border-radius:9px;background:#17483a;color:#fff;padding:11px 16px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.show-answer:disabled{background:#75877c}
.qimage-wrap{position:relative;width:100%;aspect-ratio:1080/608;overflow:hidden;border-radius:11px;margin:0 0 13px;background:#f3f7f5}
.qimage{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.unit-overlay{position:absolute;left:3.7%;top:14.5%;width:60%;height:9%;display:flex;align-items:center;background:#f3f7f5;color:#17323a;font-size:clamp(14px,2.6vw,28px);font-weight:500;line-height:1;letter-spacing:.01em;white-space:nowrap;pointer-events:none}