/* 站点共享样式：首页、归档、404、说明页。
   长文正文各自内联样式，保持单文件可离线阅读，不引用本文件。 */

:root{
  --bg:#0d1117; --panel:#161b22; --line:#30363d;
  --fg:#e6edf3; --dim:#8b949e; --faint:#6e7681;
  --acc:#f78166; --acc2:#58a6ff; --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--fg);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;
}
a{color:var(--acc2);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
.wrap{max-width:820px;margin:0 auto;padding:64px 28px 96px}

/* 页头 */
.site-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:10px}
.site-name{font-size:15px;font-weight:600;letter-spacing:.01em;color:var(--fg)}
.site-name a{color:inherit}
.site-links{display:flex;gap:16px;font-size:13px;color:var(--dim);font-family:var(--mono)}
.site-links a{color:var(--dim)}
.site-links a:hover{color:var(--acc2)}
.tagline{color:var(--dim);font-size:14.5px;margin:0 0 44px;max-width:62ch}

/* 分组标题 */
.group{font-size:11.5px;letter-spacing:.16em;color:var(--acc);font-weight:600;margin:0 0 4px}
.rule{height:1px;background:var(--line);border:0;margin:0 0 8px}

/* 条目 */
.item{display:block;padding:22px 0;border-bottom:1px solid var(--line);color:inherit}
.item:last-of-type{border-bottom:0}
.item:hover{background:linear-gradient(90deg,rgba(88,166,255,.05),transparent 60%)}
.item h2{margin:0 0 8px;font-size:19px;font-weight:600;line-height:1.4}
.item:hover h2{color:var(--acc2)}
.item p{margin:0;color:var(--dim);font-size:14.5px;line-height:1.7;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.meta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:9px;
  font-size:12px;color:var(--faint);font-family:var(--mono);font-variant-numeric:tabular-nums}
.meta .dot{opacity:.45}
.tag{font-family:-apple-system,sans-serif;font-size:11.5px;color:var(--dim);
  border:1px solid var(--line);border-radius:20px;padding:1px 9px}
.tag:hover{border-color:var(--acc2);color:var(--acc2)}

/* 页脚 */
.site-foot{margin-top:56px;padding-top:22px;border-top:1px solid var(--line);
  color:var(--faint);font-size:12.5px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* 说明页 / 404 */
.plain h1{font-size:26px;margin:0 0 12px}
.plain p{color:var(--dim)}

@media(max-width:640px){
  .wrap{padding:44px 20px 72px}
  .item h2{font-size:17.5px}
  .site-links{gap:12px}
}

/* 年份分组与标签筛选 */
.year{font-family:var(--mono);font-size:12px;color:var(--faint);letter-spacing:.08em;
  margin:30px 0 2px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.tagbar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.chip{font:inherit;font-size:12px;color:var(--dim);background:transparent;cursor:pointer;
  border:1px solid var(--line);border-radius:20px;padding:3px 12px;transition:.15s}
.chip:hover{color:var(--acc2);border-color:var(--acc2)}
.chip.active{color:var(--bg);background:var(--acc2);border-color:var(--acc2)}
.item.off,.year.off{display:none}