* { box-sizing: border-box; }
body {
  margin: 0; background: #11151c; color: #c8cdd6;
  font: 15px/2 Georgia, "宋体", SimSun, serif;
}
a { color: #8fb3d9; }
a:hover { color: #c9def2; }
.bg { max-width: 720px; margin: 0 auto; padding: 30px 18px 60px; }
.masthead { text-align: center; border-bottom: 1px solid #2a313d; padding-bottom: 20px; margin-bottom: 26px; }
.masthead h1 { margin: 0; font-size: 28px; font-weight: normal; letter-spacing: 8px; color: #dfe6ef; }
.masthead .sub { color: #6f7a8a; font-size: 12.5px; letter-spacing: 3px; margin-top: 8px; }
.masthead .lamp { font-size: 22px; }
article { margin-bottom: 40px; }
article h2 { font-size: 17px; font-weight: normal; color: #e6ecf4; margin: 0 0 2px; letter-spacing: 2px; }
article .when { color: #5d6775; font-size: 12.5px; margin-bottom: 12px; font-family: Consolas, monospace; }
article p { text-indent: 2em; margin: 10px 0; }
article .first { color: #e6ecf4; }
.sep { text-align: center; color: #39424f; letter-spacing: 8px; margin: 34px 0; }
.gbook { background: #161b24; border: 1px solid #2a313d; padding: 16px 20px; font-size: 13.5px; }
.gbook h3 { margin: 0 0 12px; color: #dfe6ef; font-weight: normal; letter-spacing: 3px; font-size: 15px; }
.gbook .msg { border-bottom: 1px dashed #2a313d; padding: 8px 0; }
.gbook .msg:last-child { border-bottom: none; }
.gbook .who { color: #8fb3d9; }
.gbook .when { color: #5d6775; font-size: 12px; margin-left: 8px; }
.roll { background: #161b24; border: 1px solid #2a313d; padding: 14px 20px; font-size: 13px; line-height: 2.2; margin-top: 22px; }
.archived { border: 1px dashed #5d6775; color: #8b95a3; padding: 10px 14px; font-size: 12.5px; margin-top: 30px; text-align: center; }
.foot { text-align: center; color: #4d5663; font-size: 12px; margin-top: 34px; line-height: 2; }