:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#18344c;background:#f3f7fa;font-size:16px}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1240px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #dbe5ed}.brand{font-size:23px;font-weight:750;color:#18344c;text-decoration:none}.brand small{display:block;font-size:12px;font-weight:400;color:#61768a}h1{font-size:36px;margin:12px 0}h2{font-size:24px}h3{margin-top:0}p{line-height:1.8}button,input,textarea,select{font:inherit}button,.button{display:inline-block;padding:11px 17px;border:1px solid #b9ccda;border-radius:9px;background:white;color:#214c70;cursor:pointer;text-decoration:none}button.primary,.button.primary{background:#126e73;color:white;border-color:#126e73}button:disabled{opacity:.5;cursor:wait}button:hover:not(:disabled),.button:hover{filter:brightness(.96)}input,textarea{padding:11px;border:1px solid #bacbd8;border-radius:7px;background:#fff;color:#18344c}input:not([type=radio]),textarea{width:100%}textarea{min-height:110px;resize:vertical;line-height:1.6}label{display:block;margin:9px 0}.card{background:white;border:1px solid #dce6ed;border-radius:14px;padding:24px;margin:16px 0}.hero{background:#e2f1ef;border-color:#c8e3df}.muted{color:#61768a;font-size:14px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.grid .card{margin:0}.auth{max-width:480px;margin:40px auto}.tabs button.active{background:#18344c;color:#fff}.exam{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.viewer{position:sticky;top:12px;align-self:start}.viewer img{width:100%;height:auto;border:1px solid #dce6ed;max-height:75vh;object-fit:contain;background:white}.question{scroll-margin-top:24px;line-height:1.8}.question img{max-width:100%;max-height:270px;object-fit:contain}.options label{border:1px solid #e0e8ee;border-radius:8px;padding:8px 12px;cursor:pointer;display:flex;gap:9px;align-items:baseline}.options input{width:auto}.passage{white-space:pre-wrap;background:#f3f7fa;padding:14px;border-radius:7px}.score{background:#e6f3ef;padding:12px;border-radius:8px;margin-top:12px}.wrong{background:#fff0e7}.feedback{white-space:pre-wrap;background:#eef5fd;padding:16px;border-radius:8px;margin:12px 0;line-height:1.8}.nav{display:flex;flex-wrap:wrap;gap:5px;max-height:150px;overflow:auto}.nav a{padding:5px 8px;border:1px solid #dce6ed;text-decoration:none;color:#214c70;border-radius:5px}audio{width:100%;margin:12px 0}.stickybar{position:sticky;bottom:0;padding:14px;background:#fff;border:1px solid #dce6ed;border-radius:10px;box-shadow:0 -5px 18px #18344c0d}.error{color:#ad391b}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#18344c;color:white;padding:13px 20px;border-radius:9px;max-width:90vw;display:none;z-index:10}footer{color:#61768a;text-align:center;font-size:13px}.badge{border-radius:20px;background:#e2f1ef;padding:7px 12px}.record{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #e0e8ee}@media(max-width:760px){header,main{padding:16px}header{align-items:flex-start}.brand{font-size:18px}h1{font-size:28px}.exam{grid-template-columns:1fr}.viewer{position:static}.card{padding:17px}.record{flex-direction:column}#account{font-size:13px}}

#account{max-width:50%;overflow-wrap:anywhere}.badge{display:inline-block}#account button{margin-left:6px}@media(max-width:760px){#account{max-width:45%;display:flex;flex-direction:column;gap:6px;align-items:flex-end}#account .badge{font-size:12px}#account button{margin-left:0;padding:6px 12px}}