.article-page{padding:32px 0 80px;min-height:680px}
.article-breadcrumb{font-size:14px;color:#777;margin-bottom:42px}
.article-breadcrumb a:hover,.article-back:hover{color:var(--red)}
.article-page article{max-width:900px;margin:0 auto}
.article-page h1{font-size:32px;line-height:1.45;text-align:center;margin:0 0 18px;color:#222}
.article-meta{text-align:center;color:#888;font-size:14px;padding-bottom:25px;border-bottom:1px solid #eee;margin-bottom:32px}
.article-meta span{margin-left:22px}
.article-cover{display:block;width:100%;max-height:480px;object-fit:cover;margin:0 auto 30px}
.article-body{font-size:18px;line-height:1.95;color:#333;overflow-wrap:anywhere}
.article-body p{margin:0 0 1.4em;text-indent:2em}
.article-body h2{font-size:25px;margin:1.7em 0 .65em;color:#0f34a0}
.article-body h3{font-size:21px;margin:1.5em 0 .6em}
.article-body a{color:#0f62c4;text-decoration:underline}
.article-body ul{padding-left:1.8em;margin:0 0 1.4em}
.article-body li{margin:.35em 0}
.article-body blockquote{margin:1.5em 0;padding:12px 22px;border-left:4px solid #0f34a0;background:#f5f8fc}
.article-body figure{margin:28px 0;text-align:center}
.article-body figure img{display:block;max-width:100%;height:auto;margin:0 auto}
.article-body figcaption{font-size:14px;color:#777;margin-top:8px}
.article-back{display:block;max-width:900px;margin:40px auto 0;color:#0f34a0}
@media(max-width:900px){.article-page{padding-top:24px}.article-page h1{font-size:25px}.article-body{font-size:16px}}