*{box-sizing:border-box}
body{margin:0;background:#0e1116;color:#d7dde5;
 font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.wrap{max-width:760px;margin:0 auto;padding:28px 20px 80px}
a{color:#5eead4;text-decoration:none}
h1{font-size:26px;margin:0 0 4px}
.sub,.meta{color:#7d8899;font-size:13px}
.back{display:inline-block;margin-bottom:18px;font-size:14px}
.card{display:block;padding:16px 18px;margin:10px 0;background:#161b23;
 border:1px solid #212936;border-radius:12px;transition:.15s}
.card:hover{border-color:#2d6a63;background:#18202a}
.card .t{color:#e6edf5;font-weight:600;margin-top:4px}
#q{width:100%;padding:11px 14px;margin:14px 0 4px;background:#161b23;
 border:1px solid #212936;border-radius:10px;color:#d7dde5;font-size:15px}
#q:focus{outline:none;border-color:#2d6a63}
article h1{font-size:24px;margin:18px 0 12px;color:#fff;line-height:1.35}
article h2{font-size:19px;margin:28px 0 10px;color:#fff;
 border-bottom:1px solid #212936;padding-bottom:6px}
article h3{font-size:16px;margin:20px 0 8px;color:#c8d3e0}
article p{margin:12px 0}
article code{background:#1c2430;padding:1px 5px;border-radius:4px;
 font-size:13.5px;color:#9fe8d8}
article pre{background:#131920;border:1px solid #212936;border-radius:10px;
 padding:14px;overflow-x:auto;font-size:13px;line-height:1.55}
article pre code{background:none;padding:0;color:#c9d6e4}
article table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px;
 display:block;overflow-x:auto}
article th,article td{border:1px solid #212936;padding:8px 10px;text-align:left}
article th{background:#1a212b;color:#fff}
article ul,article ol{padding-left:22px}
article li{margin:5px 0}
article blockquote{border-left:3px solid #2d6a63;margin:14px 0;
 padding:2px 14px;color:#a8b4c4}
hr{border:0;border-top:1px solid #212936;margin:26px 0}
footer{margin-top:48px;padding-top:16px;border-top:1px solid #212936;
 color:#5f6a78;font-size:13px}