:root{color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:#0d1117;color:#c9d1d9;
  font:16px/1.78 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  word-break:break-word;
}
main{max-width:760px;margin:0 auto;padding:1.4rem 1.1rem 4rem}
a{color:#58a6ff;text-decoration:none}
a:hover{text-decoration:underline}

h1,h2,h3,h4{color:#e6edf3;line-height:1.35;font-weight:650}
h1{font-size:1.55rem;margin:1.6rem 0 1rem;letter-spacing:-.01em}
h2{font-size:1.22rem;margin:2.2rem 0 .8rem;padding-bottom:.4rem;border-bottom:1px solid #21262d}
h3{font-size:1.05rem;margin:1.6rem 0 .6rem}
h4{font-size:.98rem;margin:1.2rem 0 .5rem;color:#8b949e}
p{margin:.85rem 0}
ul,ol{padding-left:1.35rem;margin:.85rem 0}
li{margin:.35rem 0}
li>ul,li>ol{margin:.3rem 0}
hr{border:0;border-top:1px solid #21262d;margin:2rem 0}

blockquote{margin:1.2rem 0;padding:.7rem 1rem;border-left:3px solid #3d444d;background:#161b22;border-radius:0 6px 6px 0;color:#8b949e}
blockquote p{margin:.3rem 0}

code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:#1c2128;padding:.15em .4em;border-radius:4px;color:#e6edf3}
pre{background:#161b22;border:1px solid #21262d;border-radius:8px;padding:.9rem 1rem;overflow-x:auto;margin:1.1rem 0;-webkit-overflow-scrolling:touch}
pre code{background:none;padding:0;font-size:.84rem;line-height:1.6;color:#c9d1d9}

table{width:100%;border-collapse:collapse;margin:1.1rem 0;font-size:.88rem;display:block;overflow-x:auto;white-space:nowrap}
th,td{border:1px solid #21262d;padding:.5rem .7rem;text-align:left;vertical-align:top}
th{background:#161b22;color:#e6edf3;font-weight:600}
tr:nth-child(even) td{background:#0f141a}

img{max-width:100%;height:auto;border-radius:8px;margin:.8rem 0}

/* post list */
.post-list{list-style:none;padding:0;margin:0}
.post-list li{padding:1.05rem 0;border-bottom:1px solid #21262d}
.post-list li:last-child{border-bottom:none}
.post-list a.title{font-size:1.04rem;font-weight:600;color:#e6edf3;display:block;margin-bottom:.3rem}
.post-list a.title:hover{color:#58a6ff;text-decoration:none}
.post-meta{color:#6e7681;font-size:.8rem;display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}
.badge{display:inline-block;font-size:.72rem;padding:.1rem .45rem;border-radius:4px;background:#21262d;color:#8b949e;border:1px solid #30363d}
.post { padding-top:.2rem }

/* toc */
.toc{margin:1.2rem 0 2rem;padding:.85rem 1rem;background:#161b22;border:1px solid #21262d;border-radius:8px;font-size:.88rem}
.toc summary{cursor:pointer;color:#8b949e;font-weight:600;outline:none;user-select:none}
.toc nav{margin-top:.7rem}
.toc ul{list-style:none;padding-left:.9rem;margin:.2rem 0}
.toc>nav>ul{padding-left:0}
.toc li{margin:.32rem 0}
.toc a{color:#8b949e}
.toc a:hover{color:#58a6ff}

@media (max-width:520px){
  body{font-size:15.5px;line-height:1.75}
  main{padding:1rem .9rem 3rem}
  h1{font-size:1.35rem}
  h2{font-size:1.13rem}
  table{font-size:.83rem}
  pre{padding:.75rem .8rem;border-radius:6px}
}