:root{--bg:#f7f7f5;--card:#fff;--fg:#1d1d1f;--mut:#6b6b70;--line:#e4e4e0;--acc:#2f5bd3;--acc-bg:#eaf0ff;
--must:#b45309;--must-bg:#fff4e0;--ok:#2f6f4f;--ok-bg:#e6f4ec;--skip:#77777c;--skip-bg:#efefef;
--gA:#166534;--gB:#1e5aa8;--gC:#8a5a00;--gD:#a12b2b}
@media (prefers-color-scheme:dark){:root{--bg:#121214;--card:#1b1b1e;--fg:#e8e8ea;--mut:#9a9aa2;--line:#2c2c31;--acc:#8fb0ff;--acc-bg:#1f2a44;
--must:#f5b54a;--must-bg:#3a2a10;--ok:#7fd1a5;--ok-bg:#143024;--skip:#a0a0a6;--skip-bg:#2a2a2e;
--gA:#7fd1a5;--gB:#8fb0ff;--gC:#f0c060;--gD:#ff8a8a}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;-webkit-text-size-adjust:100%}
.wrap{max-width:920px;margin:0 auto;padding:0 14px}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
.top{border-bottom:1px solid var(--line);background:var(--card)}
.top .wrap{padding-top:14px;padding-bottom:10px}
h1{margin:0;font-size:20px;letter-spacing:.5px}
.meta{margin:2px 0 0;color:var(--mut);font-size:13px}
h2{font-size:14px;margin:0 0 8px;color:var(--mut);font-weight:600}
.trends{margin-top:14px}
.trend-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.trend{all:unset;cursor:pointer;display:block;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px}
.trend b{display:block;font-size:14px;color:var(--fg)}
.trend span{color:var(--mut)}
.trend em{font-style:normal;color:var(--mut);font-size:12px}
.trend.on{border-color:var(--acc);background:var(--acc-bg)}
.filters{position:sticky;top:0;z-index:5;background:var(--bg);padding:12px 0 6px}
#q{width:100%;font:inherit;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg)}
.row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}
select,.dates input,.reset,.chips button{font:inherit;font-size:13px;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--fg)}
select{max-width:200px}
.chips{display:flex}
.chips button{border-radius:0;margin-left:-1px;cursor:pointer;min-width:34px}
.chips button:first-child{border-radius:6px 0 0 6px;margin-left:0}.chips button:last-child{border-radius:0 6px 6px 0}
.chips button.on{background:var(--acc-bg);color:var(--acc);border-color:var(--acc);position:relative}
.dates{display:flex;align-items:center;gap:3px;color:var(--mut)}
.dates input{padding:4px 6px;width:138px}
.reset{cursor:pointer;color:var(--mut)}
.status{margin:6px 0 0;font-size:12px;color:var(--mut)}
.list{display:flex;flex-direction:column;gap:8px;padding-bottom:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.card h3{margin:0;font-size:15.5px;line-height:1.45}
.card h3 a{color:var(--fg)}.card h3 a:hover{color:var(--acc)}
.sub{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin-top:4px;font-size:12.5px;color:var(--mut)}
.b{display:inline-block;padding:0 6px;border-radius:4px;font-size:12px;line-height:19px;font-weight:600}
.r-必读{color:var(--must);background:var(--must-bg)}.r-可读{color:var(--ok);background:var(--ok-bg)}.r-可跳过{color:var(--skip);background:var(--skip-bg)}
.g{border:1px solid currentColor;font-weight:600;line-height:17px}
.g-A{color:var(--gA)}.g-B{color:var(--gB)}.g-C{color:var(--gC)}.g-D{color:var(--gD)}
.tag{color:var(--mut);background:var(--skip-bg);font-weight:400}
.headline{margin:6px 0 0;font-size:13px;color:var(--mut)}
.claim{margin:6px 0 0}
.claim::before{content:"主张";font-size:11px;color:var(--mut);margin-right:6px;border:1px solid var(--line);border-radius:3px;padding:0 4px;vertical-align:1px}
.caveat{margin:5px 0 0;font-size:13.5px;color:var(--fg);opacity:.85}
.caveat::before{content:"条件/坑";font-size:11px;color:var(--must);margin-right:6px;border:1px solid var(--must);border-radius:3px;padding:0 4px;vertical-align:1px}
.skip{margin:5px 0 0;font-size:13px;color:var(--mut)}
details{margin-top:6px;font-size:13px}
summary{cursor:pointer;color:var(--mut)}
details ul{margin:4px 0 0;padding-left:18px}details li{margin:3px 0;word-break:break-word}
.st{font-size:11.5px;color:var(--mut)}
mark{background:#ffe58a;color:inherit;border-radius:2px}
@media (prefers-color-scheme:dark){mark{background:#6b5a12}}
.empty{text-align:center;color:var(--mut);padding:40px 0}
.foot{color:var(--mut);font-size:12px;padding-bottom:30px}
@media (max-width:600px){body{font-size:14.5px}.dates input{width:122px}select{flex:1 1 40%}.filters{padding-top:8px}}