:root{--bg:#fffef8;--ink:#1a1a1a;--muted:#666;--line:#ddd;--accent:#0b57a8;--accent-soft:#e8f1fb;--font:"Trebuchet MS","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink)}
.inner{width:min(1100px,calc(100% - 2rem));margin:0 auto}.head{padding:1.5rem 0;border-bottom:2px solid var(--ink)}
h1{margin:0}h1 a{color:var(--ink);text-decoration:none}.head p{color:var(--muted)}
.alpha{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.8rem}.alpha a{width:2rem;height:2rem;display:grid;place-items:center;border:1px solid var(--line);background:#fff;text-decoration:none;color:var(--ink);font-weight:700}
.group{margin:1.2rem 0;padding-bottom:1rem;border-bottom:1px dashed var(--line)}.group h2{margin:0 0 .6rem;font-size:1.4rem;color:var(--accent)}
.cols{columns:3;gap:1.2rem}.cols a{display:block;padding:.18rem 0;break-inside:avoid;color:var(--ink);text-decoration:none;border-bottom:1px dotted #eee}.cols a:hover{color:var(--accent)}

.pager{display:flex;flex-wrap:wrap;gap:.35rem;margin:.85rem auto;width:min(1180px,calc(100% - 2rem))}
.pager a,.pager .cur{display:inline-block;padding:.3rem .65rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:.88rem;text-decoration:none}
.pager .cur{background:var(--accent);border-color:var(--accent);color:#fff}
.page-cloud{display:flex;flex-wrap:wrap;gap:.3rem}
.page-cloud a{padding:.22rem .55rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:.82rem;text-decoration:none}
.page-cloud a.on{background:var(--accent-soft, #eef6ff);border-color:var(--accent)}
.foot{width:min(1180px,calc(100% - 2rem));margin:1rem auto 2rem;color:var(--muted)}
.muted{color:var(--muted)}.empty{padding:1rem 0;color:var(--muted)}
a{color:var(--accent)}

@media(max-width:800px){.cols{columns:2}}@media(max-width:520px){.cols{columns:1}}