:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#202124;font-size:14px}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;background:#fff url("/background.jpg") center center / cover no-repeat fixed}
header{height:150px;padding:0 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0078d4;color:#fff;text-align:center;font-family:-apple-system,BlinkMacSystemFont,opensans,Optima,"Microsoft Yahei",sans-serif}
.brand,.badge{text-shadow:2px 2px 2px #666}
.brand{font-size:40px;font-weight:400;line-height:1.1}
.badge{font-size:25px;font-weight:300;letter-spacing:1px;line-height:1.8}
main{max-width:1000px;min-height:calc(100vh - 150px);margin:0 auto;padding:28px 36px 0;background:rgba(255,255,255,.42);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.searchbox{padding-bottom:8px;border-bottom:1px solid #d8dfe5}
.inputrow,.keyrow{display:flex;align-items:center;background:#fff;border:1px solid #c8cdd3;border-radius:6px;overflow:hidden}
.inputrow:focus-within,.keyrow:focus-within{border-color:#0078d4;box-shadow:0 0 0 2px #0078d41a}
.search-icon{display:flex;align-items:center;flex:none;padding-left:15px;color:#7a838c}
input{min-width:0;font:inherit;outline:none}
#query{flex:1;height:48px;padding:0 12px;border:0;background:transparent;font-size:15px}
#query::-webkit-search-cancel-button{display:none}
button{font:inherit;cursor:pointer}
#clear{flex:none;width:36px;height:36px;margin-right:6px;padding:0;border:0;border-radius:4px;background:transparent;color:#838b94;font-size:23px;line-height:1}
#clear:hover{background:#f0f3f6;color:#303942}
.inputrow:has(#query:placeholder-shown) #clear{visibility:hidden}
.primary{align-self:stretch;padding:0 25px;border:0;background:#0078d4;color:#fff;font-size:15px}
.primary:hover{background:#0067b8}
.keyrow{height:46px;margin-top:7px;background:rgba(255,255,255,.96)}
.keyrow label{flex:none;padding:0 14px;color:#4c5965;font-size:13px}
#access-key{flex:1;height:100%;padding:0 12px;border:0;border-left:1px solid #e4e7ea;background:transparent;font-size:14px}
.status{margin:9px 0 0;color:#9c2525;font-size:13px}
.status.success{color:#1f6845}
.results{margin-top:16px}
.resultbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
h2{margin:0;font-size:15px;font-weight:500}
.muted{color:#66717c;font-size:12px}
.tablewrap{overflow:auto}
table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}
th{padding:12px 10px;border-bottom:2px solid #d8dfe5;font-size:13px;font-weight:600}
td{padding:12px 10px;border-bottom:1px solid #e0e5e9;font-size:13px}
tr:hover td{background:#edf6fd}
.code{font-family:Consolas,monospace;color:#174f7c}
.empty{text-align:center;padding:30px 16px;color:#6f7881}
.pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin:18px 0}
.pagination button{padding:7px 11px;border:1px solid #dfe1e5;border-radius:3px;background:#fff;color:#0067b8}
.pagination button:disabled{opacity:.4;cursor:default}
footer{margin-top:0;padding:16px 0 24px;color:#66717c;font-size:12px;line-height:1.7}
@media(max-width:650px){header{height:120px;padding:18px 16px}.brand{font-size:32px}.badge{font-size:18px}main{min-height:calc(100vh - 120px);padding:22px 16px 0}.search-icon{padding-left:12px}#query{height:44px;padding:0 8px;font-size:14px}#clear{width:28px;margin-right:4px}.primary{padding:0 18px}.keyrow label{padding:0 10px}th,td{padding:11px 10px}.resultbar{align-items:flex-start}}