:root{color-scheme:dark;--bg:#171421;--card:#242033;--line:#40364e;--text:#f4f0e7;--muted:#b6acc6;--purple:#c2a2ff;--gold:#f5cf7e}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at top right,#302642 0,transparent 50%),var(--bg);color:var(--text);font:16px/1.65 "Microsoft YaHei",system-ui,sans-serif}main{max-width:1440px;padding:40px 44px;margin:auto}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,4vw,48px);letter-spacing:-1px;margin:12px 0}h2{font-size:23px}h3{font-size:18px}p,small,.hint{color:var(--muted)}a{color:var(--purple);text-decoration:none}.back{font-size:14px}.eyebrow{color:var(--purple);letter-spacing:2px;margin-top:28px}.header-row,.section-head,.dialog-head,.activity-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.header-row{margin-bottom:32px}.panel{background:#242033d9;border:1px solid var(--line);border-radius:18px;padding:26px;margin:22px 0}.toolbar,.actions{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.toolbar label{flex:1}.toolbar .lesson-picker{flex:2}.actions{margin:16px 0}.hint{font-size:14px;margin:12px 0}button,input,select,textarea{font:inherit}button,.button{border:1px solid #625070;background:#30283f;color:var(--text);border-radius:9px;padding:10px 17px;cursor:pointer;display:inline-block;text-align:center}button:hover,.button:hover{border-color:var(--purple);background:#413451}button:disabled{opacity:.4;cursor:default}.primary{background:var(--purple);color:#20172d;font-weight:700}.primary:hover{background:#d5baff}.danger{color:#ffb2a8}input,select,textarea{background:#17131f;border:1px solid #5c4b6c;border-radius:8px;color:var(--text);padding:10px 12px;max-width:100%}label{display:block;color:var(--muted)}label>input,label>select,label>textarea{display:block;width:100%;margin-top:6px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.login{max-width:620px}.login p{margin:12px 0}.login button{margin-top:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}.stats>div{padding:22px;background:linear-gradient(135deg,#30243f,#242033);border:1px solid var(--line);border-radius:14px}.stats span,.stats small{display:block}.stats strong{font-size:46px;font-weight:700;color:var(--gold);display:block;line-height:1.35;margin:7px 0}.stats small{font-size:12px}.section-head{margin-bottom:22px}.section-head p{font-size:14px;margin-top:5px}.badge{color:var(--gold);border:1px solid #66573d;padding:3px 12px;border-radius:20px;white-space:nowrap}.activity{border-top:1px solid var(--line);padding:18px 0}.activity:first-child{border-top:0}.activity-top p{font-size:13px}.activity-bottom{display:flex;align-items:center;gap:16px;margin-top:12px}.activity-bottom .bar{flex:1}.bar{height:7px;border-radius:4px;background:#443b51;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#9676cc,#c6a5ff);border-radius:4px}.activity-bottom span{font-size:14px;white-space:nowrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-variant-numeric:tabular-nums}th{font-size:13px;color:var(--muted);font-weight:400}td,th{padding:12px;border-bottom:1px solid var(--line)}td:first-child,th:first-child{padding-left:0}td button.link{border:0;background:none;color:var(--purple);padding:0;text-align:left}td.score{color:var(--gold);font-weight:700}tr:hover td{background:#b59cdb08}#status{min-height:28px;color:var(--gold);margin:18px 0}footer{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px}.empty{padding:50px 26px}.empty p{margin-top:14px}.formStatus{color:var(--gold);margin:12px 0}dialog{border:1px solid #6a527c;border-radius:18px;background:#242033;color:var(--text);padding:28px;width:min(850px,94vw);max-height:88vh;overflow:auto}dialog::backdrop{background:#080610bf;backdrop-filter:blur(5px)}.dialog-head{margin-bottom:22px}dialog label{margin:12px 0}.question-editor{padding:20px;margin:20px 0;background:#1b1727;border:1px solid var(--line);border-radius:12px}.question-controls{display:flex;gap:16px;align-items:flex-end}.question-controls label{flex:1}.question-editor textarea{min-height:85px;resize:vertical}.question-editor .options-input{min-height:115px}.question-result,.history-card{border-top:1px solid var(--line);padding:20px 0}.question-result h3{margin-bottom:10px}.option-result{display:grid;grid-template-columns:minmax(80px,1fr) 130px 44px;align-items:center;gap:10px;margin:10px 0}.option-result.correct{color:var(--gold)}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.record-list{padding-left:20px}.record-list li{margin:12px 0}.record-list small{display:block}.history-card h3{color:var(--purple)}.student-page{max-width:720px;padding:30px 20px}.student-page h1{font-size:30px}.student-page fieldset{border:0;padding:0;margin:0}.student-question{padding:22px 0;border-bottom:1px solid var(--line)}.student-question legend{font-weight:700;padding-top:24px}.answer-option{display:flex;gap:12px;background:#30283f;padding:14px;border-radius:9px;margin:10px 0;color:var(--text);align-items:flex-start}.answer-option input{width:20px;height:20px;flex-shrink:0;margin:3px 0}.answer-option:has(input:checked){outline:2px solid var(--purple)}.student-page .primary{width:100%;margin-top:24px;padding:15px}.student-page .success{padding:30px;background:#2e3d35;border-radius:14px;color:#bfe4cf}.project{max-width:1680px;padding:60px}.project h1{font-size:clamp(34px,4vw,66px)}.project-grid{display:grid;grid-template-columns:340px 1fr;gap:64px;margin-top:40px}.qr-box{background:white;border-radius:12px;padding:20px;aspect-ratio:1}.qr-box img{display:block;width:100%;height:100%}.project-count strong{font-size:80px;color:var(--gold)}.project-question{font-size:23px;border-top:1px solid var(--line);padding:20px 0}.project-question p{margin:10px 0;font-size:20px}.project-status{font-size:22px;color:var(--purple)}@media(max-width:900px){main{padding:24px 20px}.stats{grid-template-columns:repeat(2,1fr)}.toolbar label{flex-basis:45%}.toolbar .lesson-picker{flex-basis:100%}.section-head{align-items:flex-start;flex-wrap:wrap}.project{padding:28px}.project-grid{grid-template-columns:220px 1fr;gap:24px}}@media(max-width:580px){.stats{gap:10px}.stats>div{padding:16px}.stats strong{font-size:36px}.stats span{font-size:13px}.panel{padding:18px}.activity-top{align-items:flex-start;gap:10px}.activity-top button{white-space:nowrap;padding:7px 10px}.header-row{align-items:flex-start}.header-row button{font-size:13px;white-space:nowrap}.actions button{flex:1 1 40%;font-size:14px}.question-controls{flex-wrap:wrap}.project-grid{display:flex;flex-direction:column}.qr-box{width:220px}.option-result{grid-template-columns:1fr 65px 36px}}
:is(#report) .table-wrap{max-height:560px}#report th{position:sticky;top:0;background:#242033;z-index:1}
