:root{--n:#102839;--o:#ed7828;--b:#28637a;--l:#dbe4e8;--g:#f2f6f7;--m:#697c87}*{box-sizing:border-box}body{margin:0;background:var(--g);color:#142735;font-family:"Microsoft YaHei","PingFang SC",sans-serif}header{height:82px;background:var(--n);display:flex;align-items:center;justify-content:space-between;padding:10px 32px}.brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none}.brand img{width:210px;height:58px;object-fit:contain}.brand span{border-left:1px solid #ffffff40;padding-left:14px}.brand b,.brand small{display:block}.brand small{color:#bfd0d8;font-size:11px;margin-top:4px}nav{display:flex;gap:20px}nav a,nav button{color:#fff;background:none;border:0;text-decoration:none;font:inherit}main{max-width:1250px;margin:auto;padding:28px}.login{min-height:70vh;display:grid;place-items:center}.login .card{width:min(430px,100%)}.card,.summary article{background:#fff;border:1px solid var(--l);border-radius:14px;padding:24px}.card label{display:grid;gap:7px;margin:14px 0}.card input{padding:11px;border:1px solid #ccd9df;border-radius:8px;font:inherit}button{border:0;border-radius:7px;padding:10px 17px;font:inherit;font-weight:700;cursor:pointer}.primary{background:var(--o);color:#fff}.eye{font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--b)}.message{min-height:20px;color:#b33}.hero{background:linear-gradient(120deg,#d9eaed,#fff);padding:32px 38px;display:flex;align-items:center;justify-content:space-between}.hero h1{font:40px "STSong","SimSun",serif;margin:8px 0}.hero p{color:#546b78}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.summary span{color:var(--m)}.summary strong{font-size:30px;display:block;margin-top:8px}.section-head,.task-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.list{display:grid;gap:12px}.task{border:1px solid var(--l);border-radius:12px;padding:18px}.task h3{margin:0}.meta{display:flex;flex-wrap:wrap;gap:9px;color:var(--m);font-size:13px;margin:8px 0}.tag{padding:4px 9px;background:#e9f1f3;border-radius:999px}.passed{background:#e2f3e7;color:#16713a}.failed{background:#fae7e3;color:#a83b29}.progress{height:9px;background:#e4eaed;border-radius:9px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--b),#55a7a8)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.actions button{background:#e5eef1;color:var(--n)}.actions .primary{background:var(--o);color:#fff}.exam{margin-top:10px}.question{border-top:1px solid var(--l);padding:20px 0}.question h3{font-size:17px}.answers{display:grid;gap:8px}.answer{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:9px!important;margin:0!important;border:1px solid var(--l);border-radius:8px;padding:10px}.answer input{width:auto}.toast{position:fixed;right:25px;bottom:25px;background:var(--n);color:#fff;padding:13px 18px;border-radius:8px}@media(max-width:700px){header{padding:8px 12px}.brand img{width:150px}.brand span{display:none}main{padding:12px}.summary{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:30px}.section-head{align-items:start;flex-direction:column}}
.login-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}.link-button{background:transparent;color:var(--b);padding-left:0}.code-row{display:grid;grid-template-columns:1fr auto;gap:8px}.code-row button{background:#e5eef1;color:var(--n);white-space:nowrap}.card small{color:var(--m)}
