:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#23334b;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{background:#143352;color:white}.top{max-width:1200px;margin:auto;padding:17px 22px;display:flex;justify-content:space-between;align-items:center}.top span{font-size:12px;font-weight:normal;color:#acc8de}.top a{color:white}nav{max-width:1200px;margin:auto;padding:10px 20px;display:flex;gap:8px;overflow-x:auto}nav a{padding:9px 12px;text-decoration:none;color:#bde5ff;white-space:nowrap;border-radius:5px}nav a:hover{background:#245174}main{max-width:1200px;margin:24px auto;padding:0 18px;min-height:65vh}h1{font-size:23px;margin:20px 0}h2{font-size:34px;margin:5px;color:#1665a5}h3{font-size:18px;margin:5px 0 16px}article{background:white;border:1px solid #dee6ef;box-shadow:0 2px 8px #e1e7ee66;border-radius:12px;padding:21px;margin:0 0 17px;overflow:hidden}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.cards article{margin-bottom:10px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.inline{display:flex;gap:8px;align-items:center}form label{display:block;font-size:14px;margin:10px 0;color:#34445b}input,select,button{font:inherit}input:not([type=checkbox]),select{display:block;width:100%;max-width:460px;padding:10px;border:1px solid #c3cfdf;border-radius:7px;margin-top:6px;background:white}input[type=checkbox]{margin-right:8px}.toolbar input,.toolbar select,.toolbar button,.inline select,.inline button{width:auto}.check{display:inline-flex;align-items:center;border:1px solid #dbe5ee;padding:10px;margin:5px;border-radius:8px}button{background:#176bb5;color:white;border:0;padding:11px 18px;border-radius:7px;font-weight:600;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){background:#12518e}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid #e7edf3;text-align:left;padding:11px 10px;white-space:nowrap}th{background:#eef4f9}code{word-break:break-all}.alert{padding:14px;border-radius:8px;background:#e1faef;color:#0c7754}.alert.error{background:#fff1e9;color:#a34a11}footer{padding:30px;text-align:center;color:#75889c;font-size:12px}.center{max-width:540px;margin:14vh auto}.center small{display:block;margin-top:18px;color:#64748b}@media(max-width:600px){.grid2{grid-template-columns:1fr}.top{flex-wrap:wrap;gap:7px}h1{font-size:21px}main{padding:0 10px;margin:13px auto}article{padding:14px}.toolbar{display:grid}.toolbar input,.toolbar select{width:100%}}
.staffpick{margin:4px;padding:8px 12px;background:#daeaf7;color:#154f7e}.staffpick:hover{background:#c0dcef}.clearbtn{background:#a3abb6}
