:root{font-family:"Microsoft YaHei",system-ui,sans-serif;color:#203346;background:#f3f6f9;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#155e75;color:white;padding:20px max(20px,calc((100% - 1060px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}h1{font-size:24px;margin:0}header p{color:#d8eff6;margin:5px 0 0;font-size:14px}main{max-width:1100px;margin:auto;padding:24px 20px 60px}h2{font-size:21px;margin:0 0 14px}h3{font-size:17px;margin:8px 0}p{line-height:1.65}.card{background:white;border:1px solid #dce5ed;border-radius:14px;padding:22px;margin:16px 0;box-shadow:0 3px 12px #16324c06}.login{max-width:440px;margin:48px auto}.muted{color:#687c8b;font-size:14px}.notice{background:#e9f4f8;padding:13px 16px;border-radius:8px;line-height:1.65}.error{color:#a82329;white-space:pre-wrap;min-height:24px}button,.button{font:inherit;background:#155e75;color:white;border:0;border-radius:8px;padding:10px 17px;cursor:pointer;display:inline-block;text-decoration:none}button:hover{background:#0b4b60}button:disabled{opacity:.55;cursor:wait}button.secondary,.button.secondary{background:#e9f0f5;color:#294c60}header button{background:#ffffff20}header a{color:white}label{display:block;margin:14px 0 7px}input,select,textarea{font:inherit;border:1px solid #bdcbd7;border-radius:7px;padding:10px;max-width:100%;background:white;color:inherit}input:not([type=radio]):not([type=checkbox]),select,textarea{width:100%}textarea{min-height:120px}nav{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}nav button.active{background:#155e75;color:white}.filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.filters>div{flex:1;min-width:145px}.filters label{font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.stat{background:white;border:1px solid #dce5ed;border-radius:12px;padding:18px}.stat strong{display:block;font-size:27px;color:#155e75}.point{display:grid;grid-template-columns:35px 1fr 90px;gap:12px;align-items:center;border-top:1px solid #edf1f5;padding:17px 0}.rank{color:#9a5b2e;font-weight:bold}.bar{height:7px;background:#eef2f6;border-radius:8px;margin-top:9px;overflow:hidden}.bar span{display:block;height:100%;background:#d78e47}.good .bar span{background:#4e9d81}.mastery{text-align:right;color:#9a5b2e;font-weight:bold}.good .mastery{color:#28785d}.list-item{border-top:1px solid #e5ebf0;padding:17px 0;display:flex;justify-content:space-between;gap:15px;align-items:center}.list-item p{margin:4px 0}.question-body{line-height:1.9;overflow-wrap:anywhere}.question-body p{margin:6px 0}.question-body pre{white-space:pre-wrap;font:inherit}.q-img,.question-body img{max-width:100%;height:auto}.q-table{border-collapse:collapse;max-width:100%}.q-table td{border:1px solid #b9c4cf;padding:5px}.question-body table{max-width:100%;display:block;overflow:auto}.choices{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.choices label{margin:0;background:#f1f5f8;padding:14px 20px;border-radius:8px}.choices input{margin-right:10px;width:19px;height:19px;vertical-align:middle}.answer{border-top:1px solid #dce5ed;padding-top:17px;margin-top:24px;color:#23674e}.hidden{display:none!important}dialog{border:0;border-radius:14px;padding:22px;width:min(800px,95vw);max-height:90vh;overflow:auto;color:inherit}dialog::backdrop{background:#122b3b80}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.table-scroll{overflow:auto}table.admin{width:100%;border-collapse:collapse;white-space:nowrap}table.admin td,table.admin th{padding:12px;text-align:left;border-bottom:1px solid #e2e9ef}button.small{padding:6px 10px;font-size:14px}@media(max-width:600px){main{padding:14px 12px 40px}.card{padding:17px}.login{margin:22px auto}header{padding:16px}.stats{gap:7px}.stat{padding:12px;font-size:13px}.stat strong{font-size:23px}.point{grid-template-columns:24px 1fr 65px;gap:8px}.list-item{align-items:flex-start;flex-direction:column}.list-item button{align-self:flex-end}.choices{gap:8px}.choices label{padding:12px 16px}.filters>div{min-width:125px}}
/* Leave room for the complete analysis mode on phones. */
@media(max-width:600px){.filters #modeWrap{flex-basis:100%}}
.error:empty{display:none}
.grade-record{padding:18px 0;border-top:1px solid #e5ebf0}.grade-heading{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:baseline}.grade-heading h3{margin:0}.grade-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.grade-numbers>div{background:#f3f7f9;border-radius:10px;padding:12px}.grade-numbers span,.grade-numbers strong,.grade-numbers small{display:block}.grade-numbers span{font-size:14px;color:#687c8b}.grade-numbers strong{font-size:22px;color:#155e75;margin-top:3px}.grade-numbers strong small{display:inline;font-size:14px;font-weight:normal;color:#687c8b}.grade-record p{margin:8px 0 0}