
/*! NO8GEO-AUTHORSHIP-20261013 | 教学设计与平台开发：史若彬 | 版权所有，仅限个人使用，侵权必究 | no8geo.online
 * 声明适用于本站原创教学设计及平台开发；第三方库、授权素材与共创作品保留各自作者及许可。 */
:root{font-family:'Microsoft YaHei',system-ui,sans-serif;color:#17364a;background:#f2f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;gap:20px;max-width:1100px;margin:auto;padding:26px 24px;font-size:14px}a{color:#16769c;text-decoration:none}main{max-width:1000px;margin:auto;padding:20px 24px 60px}.intro{max-width:700px;margin:15px 0 30px}.eyebrow{color:#1b819b;font-size:14px;letter-spacing:.14em}h1{font-size:36px;margin:12px 0}h2{font-size:21px;margin:0 0 22px}p{line-height:1.75}nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}button,a.button{border:1px solid #c6dce6;border-radius:12px;padding:11px 18px;background:white;color:#20526b;cursor:pointer;font:inherit;text-align:center}button.active,button.primary,a.primary{background:#1b7da4;color:white;border-color:#1b7da4}button:disabled{opacity:.55;cursor:wait}button:hover:not(:disabled){filter:brightness(.96)}.card{background:white;border:1px solid #dce8ee;border-radius:22px;padding:28px;box-shadow:0 10px 35px #163f5a06}.auth{max-width:510px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}label{display:block;margin:16px 0 8px;font-size:14px}input,select{width:100%;padding:13px 14px;border:1px solid #bdd3df;border-radius:10px;font:inherit;background:#fff;color:inherit}input:focus,select:focus{outline:3px solid #2086a620;outline-offset:1px}input[type=checkbox]{width:auto}.check{display:flex;gap:10px;align-items:flex-start;line-height:1.7}.check input{margin-top:5px}.hint{font-size:13px;color:#557384}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.stats{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0}.stats strong{font-size:24px;display:block}.stats small{color:#557384}#notice{padding:13px 18px;border:1px solid #bedce8;border-radius:12px;background:#e7f5fa;white-space:pre-wrap}.records{display:grid;gap:14px}.record{border:1px solid #dce8ee;border-radius:14px;padding:18px;white-space:pre-wrap;overflow-wrap:anywhere}.record .answer{margin:12px 0;color:#36556a;line-height:1.8}.record small{color:#658092}.account-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e2edf2;padding:18px 0}.account-row p{margin:4px 0}.account-row .actions{margin:0}.empty{color:#6b8190;padding:30px 0}footer{max-width:1000px;margin:auto;padding:0 24px 32px;font-size:13px;color:#658092;line-height:1.8}code{font-size:13px} [hidden]{display:none!important}@media(max-width:640px){header,main{padding-left:16px;padding-right:16px}header span{display:none}h1{font-size:29px}.grid{grid-template-columns:1fr}.card{padding:22px 18px}.account-row{align-items:flex-start;flex-direction:column}.account-row .actions{width:100%}.actions button{flex:1}nav button{padding:10px 12px}}

.credential-list{max-height:340px;overflow:auto;font-family:monospace;border:1px solid #dce8ee;padding:12px;border-radius:12px}.credential-list p{white-space:pre-wrap;overflow-wrap:anywhere}#loginEvents{font-size:13px;line-height:1.8;overflow-wrap:anywhere}

.account-row .actions button{flex:0 0 auto;white-space:nowrap}@media(max-width:640px){.account-row .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.account-row .actions button{width:100%;padding:11px 8px;font-size:13px}}

.table-scroll{overflow:auto;max-height:70vh;margin-top:18px}.metrics-table{border-collapse:collapse;width:100%;min-width:820px;text-align:left}.metrics-table th,.metrics-table td{padding:12px;border-bottom:1px solid #d5e2ed}.metrics-table th{position:sticky;top:0;background:#edf5fa}.card .school-login-form{color:#17364a}.card .school-login-form input{background:#f5f9fc;color:#17364a;border:1px solid #bed4e2}.card .school-error{color:#8b2434;background:#fff0f2}
