body { max-width: 720px; margin: 0 auto; padding: 24px 20px 60px; font-family: -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; font-size: 18px; line-height: 1.9; color: #1a1a1a; background: #fafafa; }
h1 { font-size: 30px; margin-bottom: 4px; }
h2 { font-size: 20px; border-bottom: 1px solid #ddd; padding-bottom: 8px; }
article h2 { border-bottom: none; padding-bottom: 0; margin-top: 32px; }
.sub { color: #666; margin-top: 0; letter-spacing: 2px; }
.intro { color: #444; }
.soon { color: #888; }
ul.list { list-style: none; padding: 0; }
ul.list li { padding: 10px 0; border-bottom: 1px solid #eee; }
.date { color: #999; font-size: 15px; margin-right: 12px; }
a { color: #1a5fb4; text-decoration: none; }
a:hover { text-decoration: underline; }
footer { margin-top: 40px; color: #888; font-size: 15px; }
article p { margin: 0 0 16px; }
article ul { margin: 0 0 16px; padding-left: 24px; }
article li { margin-bottom: 8px; }
figure { margin: 20px 0; }
figure img { max-width: 100%; height: auto; display: block; }
figcaption { color: #888; font-size: 14px; text-align: center; margin-top: 8px; }
.back { margin-top: 32px; }