:root{--ink:#172033;--muted:#667085;--line:#e4e7ec;--soft:#f5f7fa;--paper:#fff;--accent:#1667d9;--accent-soft:#eaf2ff;--good:#147a55;--gold:#a15c00}*{box-sizing:border-box}body{margin:0;background:#f2f4f7;color:var(--ink);font:15px/1.65 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}.topbar{height:68px;background:var(--paper);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(20px,calc((100vw - 1320px)/2));position:sticky;top:0;z-index:10}.brand{display:flex;gap:10px;align-items:center}.brand strong,.brand small{display:block}.brand small{font-size:12px;color:var(--muted)}.mark{width:30px;height:30px;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:800;border-radius:6px}.tabs{height:100%;display:flex}.tab{border:0;border-bottom:2px solid transparent;background:transparent;padding:0 18px;color:var(--muted);cursor:pointer}.tab.active{border-color:var(--accent);color:var(--ink);font-weight:700}.connection{justify-self:end;font-size:13px;color:var(--good);background:#edf9f3;padding:5px 10px;border-radius:999px}.page{max-width:1320px;margin:auto;padding:28px 24px 72px}.summary-bar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.kicker,.type{margin:0;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.08em}.summary-bar h1{font-size:28px;line-height:1.3;margin:5px 0 0;letter-spacing:0}.counts{display:flex;gap:16px;color:var(--muted);font-size:13px}.toolbar{display:flex;gap:10px;margin-bottom:14px}.search{display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);padding:0 12px;flex:1;max-width:620px}.search span{font-size:20px;color:var(--muted)}input,select,button{font:inherit}input{border:0;outline:0;width:100%;padding:10px 0;background:transparent}select,.icon-button{border:1px solid var(--line);background:var(--paper);padding:9px 13px;color:var(--ink)}.icon-button{width:42px;font-size:20px;cursor:pointer}.view{display:none}.view.active{display:block}.workspace{display:grid;grid-template-columns:320px 1fr;gap:14px}.sidebar,.reader{background:var(--paper);border:1px solid var(--line)}.side-head{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line)}h2{font-size:16px;margin:0}.side-head span,.muted{color:var(--muted);font-size:13px}.list{padding:7px}.list-row{display:block;width:100%;text-align:left;padding:12px;border:0;border-left:3px solid transparent;background:transparent;cursor:pointer}.list-row:hover{background:var(--soft)}.list-row.active{background:var(--accent-soft);border-left-color:var(--accent)}.list-row time,.list-row small{display:block;color:var(--muted);font-size:12px}.list-row strong{display:block;margin:2px 0;font-size:14px}.reader{min-height:650px}.reader-head{padding:23px 30px;border-bottom:1px solid var(--line)}.reader-head h2{font-size:21px;margin:4px 0}.reader-body{padding:26px 32px}.markdown{max-width:900px}.markdown h1{font-size:24px;line-height:1.35;margin:0 0 20px}.markdown h2{font-size:18px;border-bottom:1px solid var(--line);padding-bottom:7px;margin:27px 0 10px}.markdown h3{font-size:16px}.markdown a,.resource-row a,.product-row a{color:var(--accent);word-break:break-all}.markdown ul{padding-left:22px}.markdown blockquote{border-left:3px solid var(--accent);margin:14px 0;padding:5px 15px;background:var(--soft);color:#475467}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.chip{font-size:12px;background:var(--soft);border:1px solid var(--line);padding:3px 8px;border-radius:999px;color:var(--muted)}button.chip{cursor:pointer}.empty{color:var(--muted);padding:30px 12px;text-align:center}.large{padding:120px 20px}.resource-row{display:grid;grid-template-columns:1fr 230px;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.resource-row:first-child{padding-top:0}.resource-row h3,.product-row h3{font-size:16px;margin:4px 0}.resource-row p{margin:5px 0}.resource-row code{display:inline-block;background:var(--soft);padding:3px 7px}.source,.seller{display:flex;flex-direction:column;align-items:flex-start;color:var(--muted);font-size:12px}.source strong{color:var(--ink)}.product-groups{display:grid;gap:16px}.product-section{background:var(--paper);border:1px solid var(--line)}.product-section>header{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.product-section>header span{color:var(--muted);font-size:12px}.product-row{display:grid;grid-template-columns:145px 1fr 240px;gap:18px;align-items:center;padding:17px 18px;border-bottom:1px solid var(--line)}.product-row:last-child{border:0}.rank span,.seller small,.seller time{display:block;color:var(--muted);font-size:12px}.rank strong{display:block;font-size:18px}.product-row.lowest{border-left:3px solid #e99a22;background:#fffaf1}.product-row.lowest .rank span{color:var(--gold);font-weight:700}.product-info p{margin:3px 0;color:var(--muted)}.seller strong{font-size:14px;color:var(--ink)}@media(max-width:820px){.topbar{height:auto;grid-template-columns:1fr auto;padding:10px 14px}.tabs{grid-column:1/-1;order:3;overflow:auto;margin:8px -14px -10px;border-top:1px solid var(--line)}.tab{height:44px;flex:1;white-space:nowrap}.page{padding:20px 12px 48px}.summary-bar{display:block}.counts{margin-top:12px;flex-wrap:wrap;gap:8px 14px}.toolbar{flex-wrap:wrap}.search{max-width:none;flex-basis:100%}.workspace{grid-template-columns:1fr}.sidebar{max-height:250px;overflow:auto}.reader-body{padding:21px 17px}.reader-head{padding:19px 17px}.resource-row,.product-row{grid-template-columns:1fr;gap:10px}.source,.seller{border-top:1px dashed var(--line);padding-top:9px}.product-row{padding:16px 14px}.summary-bar h1{font-size:24px}}