:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#17382f;background:#f2f6f3;font-size:16px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px max(18px,calc((100% - 900px)/2));background:#153f33;color:#fff}h1{font-size:25px;margin:5px 0}small{font-size:12px}main{max-width:900px;margin:auto;padding:0 18px 24px}h2{font-size:21px;line-height:1.4;overflow-wrap:anywhere}p{line-height:1.6}form,article,#login,#detail{background:#fff;border:1px solid #d4e2d9;border-radius:14px;padding:18px}form{display:grid;gap:14px}#login form{border:0;padding:0}label{display:grid;gap:7px;font-size:14px;min-width:0}input,select,button,.vr{font:inherit;border-radius:8px;min-height:44px;width:100%;min-width:0;padding:10px;border:1px solid #adc4b6}input,select{background:#fff;color:#17382f}button,.vr{background:#22654e;color:#fff;cursor:pointer;text-decoration:none;text-align:center;font-weight:600}button:disabled{opacity:.4;cursor:default}.secondary{background:#f7faf8;color:#22503e}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.actions,.pager{display:flex;gap:10px;align-items:center;margin-top:10px}.actions>*{flex:1}.pager span{white-space:nowrap;font-size:13px}.pager{margin:18px 0}.hint{font-size:14px;color:#53695e}.tag{display:inline-block;padding:4px 8px;margin:0 6px 6px 0;border-radius:6px;font-size:12px;background:#e8f0eb;color:#385347}.unknown{background:#faf0dc;color:#7c5b20}article{margin-bottom:12px;overflow-wrap:anywhere}article h2{margin:9px 0}article p{margin:8px 0;font-size:14px}.price{font-size:20px;font-weight:700;color:#205d46}.meta{color:#54685e}.vr{display:block}.id{font-variant-numeric:tabular-nums;letter-spacing:.3px}.history{border-top:1px solid #dce6de;padding:16px 0;white-space:pre-wrap;overflow-wrap:anywhere}.history small{display:block;line-height:1.7;color:#526a5c}#notice:not(:empty){background:#fff4cf;border-radius:8px;padding:12px}#detailView>#back{width:auto;margin:16px 0}#menu{position:relative}summary{cursor:pointer;padding:10px;min-height:44px}nav{position:absolute;right:0;top:46px;z-index:2;min-width:180px;padding:12px;background:#fff;box-shadow:0 8px 30px #0003;border-radius:10px}nav a{display:block;padding:12px;color:#174d38}footer{text-align:center;font-size:12px;color:#617b6b;padding:20px}dl{margin:16px 0}dt{font-size:12px;color:#64796a;margin-top:12px}dd{margin:4px 0;overflow-wrap:anywhere}[hidden]{display:none!important}@media(min-width:700px){#results{display:grid;grid-template-columns:1fr 1fr;gap:14px}article{margin:0}.grid{grid-template-columns:repeat(4,1fr)}}

/* Query stays before filters, clear of the mobile browser's bottom controls. */
.query-row{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:10px;align-items:end}
.query-row .searchNow{height:44px}
.resetButton{justify-self:start;width:auto;min-height:40px;padding:8px 16px}
.cardHead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.cardHead>div{min-width:0;flex:1}
.stateBadge{display:inline-block;flex:none;max-width:42%;padding:7px 9px;border:2px solid #7b4b12;border-radius:8px;background:#ffe5b5;color:#32200b;font-size:14px;font-weight:800;line-height:1.35;text-align:center;overflow-wrap:anywhere;color-scheme:light}
.detailState{max-width:none;margin:4px 0 8px}
.sourceLine{font-size:12px;color:#46594f;line-height:1.45;overflow-wrap:anywhere}
#snapshotInfo{margin:12px 0 6px;font-weight:600}
.intro{margin:6px 0 10px}
#count{scroll-margin-top:12px}
#detail{scroll-margin-top:12px}
@media(max-width:699px){header{padding:12px 16px}h1{font-size:22px}main{padding:0 14px 20px}form,article,#login,#detail{padding:14px}form{gap:10px}.grid{gap:9px}.query-row{grid-template-columns:1fr;gap:6px}.query-row .searchNow{min-height:46px}.intro{font-size:13px;line-height:1.35}.cardHead h2{font-size:19px}}
@media(prefers-color-scheme:dark){
 :root{color:#e6f2e9;background:#16211b;color-scheme:dark}
 form,article,#login,#detail{background:#1e2b23;border-color:#526d5b}
 input,select{background:#142018;color:#e6f2e9;border-color:#8aa58f}
 .secondary{background:#243b2e;color:#e6f2e9}
 .tag{background:#314b3a;color:#e6f2e9}
 .unknown{background:#594122;color:#fff0d1}
 .meta,.hint,.history small,dt,footer,.sourceLine,#snapshotInfo,.intro{color:#c7dccc}
 .price{color:#a4ebc0}
 nav{background:#24352b}nav a{color:#e6f2e9}
 .history{border-color:#526d5b}
 #notice:not(:empty){background:#5c4c26;color:#fff1d1}
 .stateBadge{background:#ffe5b5;color:#241705;border-color:#b56b12}
}