*{font-family:微软雅黑}
html{background-color:#808080;color:#333;text-align:justify}
body{min-height:400px;padding:20px;background-color:#FFFAF5}
pre,.pre{white-space:pre-line;word-wrap:break-word;line-height:1.8em}
pre i,.pre i{font-family:"Consolas","Courier New";white-space:pre-wrap;font-size:80%;background-color:#333;color:#aaa;display:block;line-height:1.5em}
img {width:36px}
dl{font-size:80%;color:#ccc;clear:left}
dt{float:left;clear:left}
dd{float:left;clear:right}
td{vertical-align:top}
td:last-child{color:#888;background-color:#f8f8f8}
a{color:#07f;text-decoration:none;vertical-align:middle}
a:hover{font-weight:bold}
.footer{display:flex;flex-direction:column;align-items:center}
.footer img{width:60%;margin:4px}
.full{width:100%}
@media only screen and (min-width:1024px) {
  body{width:700px;padding:70px;margin:20px auto;border:1px solid #000;box-shadow:2px 2px 0}
  pre,.pre{width:700px;max-width:100%;font-size:1.2em}
}
@media only screen and (max-width:1024px) {
  html{background-color:#808080}
  body{padding:40px}
  h1,pre,.pre,td,th,p{font-size:3em;line-height:1.8em}
  pre,.pre,p{text-align:justify}
  pre i,.pre i{font-size:40%}
  dt,dd{font-size:2em}
  img {width:48px}
}
code,.code{white-space:pre-wrap;background-color:#f8f8f8}
code *,.code *{font-family:Consolas}
.code{border:1px dotted #aaa;padding:4px}