:root{color:#17211c;font-synthesis:none;background:#dce7dc;font-family:Songti SC,STSong,serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 82% 12%,#f2eee0 0 13%,#0000 13.2%),#dce7dc;min-width:320px;margin:0}button{font:inherit}main{width:min(1160px,100% - 36px);margin:auto}header{border-bottom:1px solid #8fa495;align-items:center;gap:18px;height:94px;display:flex}header .seal{color:#fff;letter-spacing:.2em;background:#a63b32;place-items:center;width:44px;height:58px;padding-left:.2em;font:700 15px/1.15 Songti SC;display:grid}header span{letter-spacing:.16em;color:#53675a;font:11px sans-serif}header>b{color:#486052;margin-left:auto;font:italic 18px Georgia}.practice{border-bottom:1px solid #8fa495;grid-template-columns:340px 1fr;min-height:620px;display:grid}.practice aside{border-right:1px solid #8fa495;padding:92px 50px 60px 0}.practice aside>p,.score>span,.history>div>span{letter-spacing:.22em;color:#a63b32;font:700 10px sans-serif}.practice aside h1{margin:20px 0 50px;font:500 48px/1.2 Songti SC}.progress{background:#aec0b2;height:3px}.progress i{background:#a63b32;height:100%;transition:all .3s;display:block}.practice aside small{color:#617468;margin-top:22px;line-height:1.9;display:block}.question{padding:80px 0 60px 75px}.sentence{flex-wrap:wrap;align-items:center;min-height:170px;font:500 clamp(25px,3.1vw,42px)/1.8 Songti SC;display:flex}.sentence em{color:#a63b32;border-bottom:2px solid #a63b32;margin:0 8px;font-style:normal;line-height:1.25}.sentence em.wrong{color:#a63b32}.sentence em.right{color:#2c7254;border-color:#2c7254}.choices{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.choices button{color:#17211c;cursor:pointer;background:#edf3eb;border:1px solid #819787;flex-direction:column;justify-content:center;align-items:center;height:105px;transition:all .2s;display:flex}.choices button:hover:not(:disabled){background:#fff9e9;transform:translateY(-4px)}.choices button b{font-size:32px}.choices button span{color:#65786c;margin-top:6px;font:10px sans-serif}.choices button.correct{color:#fff;background:#2c7254;border-color:#2c7254}.choices button.correct span{color:#d8ede2}.choices button.incorrect{color:#fff;background:#a63b32;border-color:#a63b32}.choices button.incorrect span{color:#f3d9d6}.explain{border-left:4px solid #a63b32;margin-top:28px;padding:4px 0 4px 20px;animation:.3s rise}.explain>b{color:#a63b32}.explain p{color:#53675a;max-width:610px;font-size:13px;line-height:1.8}.explain button,.score button{color:#fff;cursor:pointer;background:#17211c;border:0;padding:11px 17px;font-size:12px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.dots{gap:8px;padding:22px 0;display:flex}.dots i{background:#9fb2a4;border-radius:50%;width:7px;height:7px}.dots i.now{outline-offset:3px;outline:1px solid #516a59}.dots i.ok{background:#2c7254}.dots i.bad{background:#a63b32}.result{border-bottom:1px solid #8fa495;grid-template-columns:1fr 1fr;align-items:center;min-height:550px;display:grid}.score strong{color:#a63b32;margin-top:20px;font:italic 100px/1 Georgia;display:block}.score strong i{color:#697c70;font-size:28px}.score h1{margin:5px 0;font-size:39px;font-weight:500}.score p{color:#5c7063;max-width:430px;line-height:1.8}.radar-wrap{width:440px;height:440px;margin:auto;position:relative}.radar{width:100%;height:100%}.radar g polygon,.radar g line{fill:none;stroke:#8ea392;stroke-width:.7px}.radar .area{fill:#a63b3255;stroke:#a63b32;stroke-width:2px}.radar circle{fill:#a63b32}.label{text-align:center;font-family:sans-serif;position:absolute}.label b,.label span{display:block}.label b{font-size:11px}.label span{color:#a63b32;font:italic 19px Georgia}.l0{top:15px;left:50%;transform:translate(-50%)}.l1{top:50%;right:5px;transform:translateY(-50%)}.l2{bottom:10px;left:50%;transform:translate(-50%)}.l3{top:50%;left:0;transform:translateY(-50%)}.history{grid-template-columns:240px 1fr;gap:45px;padding:48px 0 70px;display:grid}.history h2{margin:8px 0;font-size:28px;font-weight:500}.history-list{gap:8px;display:grid}.history-list article{border-bottom:1px solid #a9baad;grid-template-columns:90px 70px 1fr;align-items:center;padding:10px 0;font-family:sans-serif;font-size:11px;display:grid}.history-list b{color:#a63b32;font:italic 18px Georgia}.history-list span,.history-list time,.no-history{color:#64776a}.no-history{padding-top:14px;font:12px sans-serif}@media (width<=760px){main{width:min(100% - 26px,1160px)}header{height:76px}.practice{grid-template-columns:1fr}.practice aside{border-bottom:1px solid #8fa495;border-right:0;padding:45px 0 30px}.practice aside h1{margin:15px 0 30px;font-size:38px}.question{padding:40px 0}.sentence{min-height:140px;font-size:27px}.choices{grid-template-columns:1fr 1fr}.choices button{height:84px}.result{grid-template-columns:1fr;padding:45px 0}.score strong{font-size:76px}.radar-wrap{width:320px;height:320px;margin-top:35px}.history{grid-template-columns:1fr}.history-list article{grid-template-columns:70px 58px 1fr}.l0{top:0}.l2{bottom:0}}