*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:#17233a;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;font-size:16px;line-height:1.6}a{color:inherit}main{width:min(920px,calc(100% - 40px));margin:11vh auto}.login{max-width:420px;margin:14vh auto;padding:36px;background:white;border:1px solid #e2e7ef;border-radius:16px;box-shadow:0 12px 45px #15233a08}.brand{color:#3b638e;font-size:13px;letter-spacing:2px;font-weight:600}h1{font-size:28px;font-weight:650;line-height:1.3;margin:10px 0 26px}label{display:block;margin-top:18px;font-size:14px;font-weight:550}input{width:100%;padding:12px 14px;border:1px solid #cdd6e2;border-radius:8px;margin-top:7px;font:inherit;background:#fff}input:focus{outline:2px solid #80a5d4;outline-offset:2px}button,.primary{font:inherit;border:0;border-radius:8px;cursor:pointer}.primary{width:100%;background:#234f80;color:white;padding:12px;margin-top:26px}button:hover,.card:hover{filter:brightness(.98)}.muted{color:#778399;font-size:14px}.error{color:#a12a2a;background:#fff0f0;padding:10px 12px;border-radius:8px;font-size:14px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px;gap:20px}.top h1{margin-bottom:0}.account{display:flex;gap:16px;align-items:center}.logout{background:white;border:1px solid #d9e1eb;padding:8px 15px;color:#34465e}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card{display:block;text-decoration:none;background:#fff;border:1px solid #dfe6ef;border-radius:14px;padding:30px;transition:border-color .15s,transform .15s}.card:hover{border-color:#7199c4;transform:translateY(-2px)}.card:focus-visible{outline:3px solid #7199c4}.num{color:#547da8;font-size:13px;letter-spacing:1px}.card h2{font-size:24px;margin:18px 0 12px}.open{display:block;color:#234f80;margin-top:36px;font-size:14px;font-weight:600}.foot{margin-top:24px;color:#778399;font-size:13px}.site-footer{margin-top:36px;padding-top:18px;border-top:1px solid #e2e7ef;color:#778399;font-size:13px;text-align:center}.site-footer a{color:#60718a;text-decoration:none}.site-footer a:hover{text-decoration:underline}.login .site-footer{margin-bottom:-20px}@media(max-width:640px){main{margin:7vh auto}.login{margin:8vh auto;padding:26px}.cards{grid-template-columns:1fr}.top{align-items:flex-start}.account{gap:10px}.card{padding:24px}h1{font-size:25px}}