*{box-sizing:border-box}body{margin:0;font:17px/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#222;background:#f4f5f7}
a{color:#0b6db6}header{background:#1d2b36;color:#fff;padding:18px 16px}header a{color:#fff;text-decoration:none}
header h1{margin:0;font-size:1.5em}header p{margin:4px 0 0;color:#c9d3db;font-size:.95em}
.notice{background:#fff4c2;border-left:4px solid #e0a800;padding:10px 14px;margin:16px 0;border-radius:4px;font-size:.95em}
main{max-width:860px;margin:0 auto;padding:0 16px 40px}h2{border-bottom:2px solid #dde2e6;padding-bottom:4px;margin-top:32px}
.qlist{list-style:none;padding:0}.qlist li{background:#fff;margin:8px 0;padding:12px 14px;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.qlist a{font-weight:600;text-decoration:none}.qlist p{margin:4px 0 0;color:#555;font-size:.93em}
.short{background:#e8f4fd;border-left:4px solid #0b6db6;padding:10px 14px;border-radius:4px}
.post{background:#fff;border-radius:6px;padding:14px 16px;margin:14px 0;box-shadow:0 1px 2px rgba(0,0,0,.08);overflow-wrap:anywhere}
.post.q{border-top:4px solid #8a99a6}.post.staff{border-top:4px solid #0b6db6}
.meta{font-size:.85em;color:#667;margin-bottom:6px}.meta b{color:#222}.badge{background:#0b6db6;color:#fff;border-radius:3px;padding:0 5px;font-size:.8em;margin-left:4px}
img{max-width:100%;height:auto}img.smiley{vertical-align:middle}figure{margin:10px 0}figcaption{font-size:.85em;color:#667}
pre{background:#f0f2f4;padding:10px;overflow-x:auto;font-size:.85em;border-radius:4px}blockquote{border-left:3px solid #ccc;margin:8px 0;padding:4px 12px;color:#444}
.hl{color:#6a1fb3}.dl{display:inline-block;background:#eef;padding:4px 10px;border-radius:4px}footer{text-align:center;color:#778;font-size:.85em;padding:20px}
.crumb{margin:14px 0 0;font-size:.9em}