*{box-sizing:border-box;border-radius:0!important;margin:0;padding:0}
:root{--p:#1F2A30;--o:#E9825A;--y:#2E9C7A;--c:#2F86B8;--bg:#FFFFFF;--pn:#F7FAF9;--line:#DCE5E3;--mute:#5B6B72;--lil:#C9B4D6;--hl:#D3DEDC}
html{scrollbar-gutter:stable}
body{background:var(--bg);color:var(--p);font-family:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif;padding:40px 32px 56px}
button,input{font:inherit;color:inherit}
.wrap{max-width:1180px;margin:auto}
.head{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--hl);padding-bottom:14px;margin-bottom:24px}
.back{display:inline-flex;align-items:center;height:44px;padding:0 14px;border:1px solid #B9C7C5;font-weight:700;font-size:14px;text-decoration:none;color:var(--p);background:var(--bg)}
h1{font-size:34px;font-weight:800;letter-spacing:.02em}
.sub{color:var(--mute);font-size:14px}
.upd{margin-left:auto;font-size:13px;color:var(--mute);font-variant-numeric:tabular-nums}
.panel{background:var(--pn);border:1px solid var(--hl);box-shadow:0 1px 3px rgba(31,42,48,.06)}
.bar{display:grid;grid-template-columns:auto 1fr;gap:0;margin-bottom:20px}
.lab{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--mute);margin-bottom:8px}
.bar>div{padding:16px 18px}.bar>div+div{border-left:1px solid var(--hl)}
.seg{display:flex}
.seg button{height:48px;min-width:76px;padding:0 14px;background:var(--bg);border:1px solid #B9C7C5;margin-left:-1px;font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;justify-content:center}
.seg button:first-child{margin-left:0}
.seg i{width:12px;height:12px;display:inline-block;border:2px solid var(--ce)}
.seg button.on{background:var(--p);color:#fff;border-color:var(--p)}
.seg .n{font-size:12px;opacity:.65;font-variant-numeric:tabular-nums;width:1.4em;text-align:left}
.q{width:100%;height:48px;border:1px solid #B9C7C5;background:var(--bg);padding:0 14px 0 44px;font-size:16px;background-image:linear-gradient(var(--p),var(--p));background-size:0 0}
.qw{position:relative}.qw:before{content:"";position:absolute;left:15px;top:15px;width:12px;height:12px;border:2.5px solid var(--p)}.qw:after{content:"";position:absolute;left:28px;top:29px;width:8px;height:2.5px;background:var(--p);transform:rotate(45deg)}
.q:focus{outline:2px solid var(--c);outline-offset:0}
.count{height:24px;line-height:24px;font-size:14px;margin-bottom:14px;color:var(--mute);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}
.count b{color:var(--p)}
.chip{display:inline-flex;align-items:center;height:24px;padding:0 9px;font-size:12px;font-weight:700;letter-spacing:.1em;border:1px solid var(--ce);border-left-width:4px;color:var(--p)}
.k-1{--ce:#BF5530}.k-2{--ce:#2A7AB0}.k-3{--ce:#1F7A60}.k-4{--ce:#8F6A0C}.k-5{--ce:#6F5DBE}
.chip[class*=k-],.seg i{background:var(--ce)!important;color:#fff!important;border:0!important}
.seg button.on[data-c]:not([data-c=全部]){background:var(--ce);border-color:var(--ce);color:#fff}
.seg button.on i{outline:1.5px solid #fff}
.tbd{color:#97A3A8;border-bottom:1.5px dashed #C3CCCF;padding:0 2px;font-size:.92em}
.empty{border:1.5px dashed #B9C7C5;background:var(--pn);min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:30px}
.empty .big{font-size:22px;font-weight:900}.empty .s{color:var(--mute);font-size:14px}
.btn{height:48px;padding:0 20px;border:2px solid var(--p);background:var(--p);color:var(--bg);font-weight:700;display:inline-flex;align-items:center}
.foot{margin-top:40px;font-size:12px;color:var(--mute)}
@media(max-width:600px){body{padding:16px 14px 40px}.head{flex-wrap:wrap;gap:10px}h1{font-size:26px}.sub{display:none}.upd{margin-left:0;width:100%}
.bar{grid-template-columns:1fr}.bar>div+div{border-left:0;border-top:1px solid var(--hl)}.bar>div{padding:14px}
.seg{display:grid;grid-template-columns:repeat(3,1fr)}.seg button{margin:-1px 0 0 -1px;min-width:0;padding:0 6px;white-space:nowrap;gap:6px}.seg button:nth-child(-n+3){margin-top:0}.seg button:nth-child(3n+1){margin-left:0}
}