.article { word-break: break-word; }
.article-block { margin-top: 0; margin: 10px auto; max-width: 880px; }
.article-block:first-child { margin-top: 0; }
.article-block-content { border: 1px solid #eee; border-radius: 0 0 5px 5px; padding: 15px; cursor: pointer; word-break: break-word; }
.article-block-content:hover { border: 1px solid #27b0ff; box-shadow: 0 0 10px #27b0ff66; }
.article-block-edit-header { padding: 5px 15px; line-height: 40px; background: linear-gradient(0, #eee, #fff); border: 1px solid #eee; border-radius: 5px 5px 0 0; border-bottom: none; overflow: hidden; white-space: nowrap; user-select: none; display: flex; justify-content: space-between; }
.article-block-edit-up, .article-block-edit-down, .article-block-edit-delete, .article-block-edit-insert { width: 24px; height: 24px; display: inline-block; cursor: pointer; vertical-align: -6px; }
.article-block-edit-up:hover, .article-block-edit-down:hover, .article-block-edit-delete:hover, .article-block-edit-insert:hover { opacity: .7; }
.article-block-edit-insert { background: url(/i/icons/insert-up.png?2) 50% / 24px; }
.article-block-edit-up { background: url(/i/icons/arrow-up.png) 50% / 24px; }
.article-block-edit-down { background: url(/i/icons/arrow-down.png) 50% / 24px; }
.article-block-edit-delete { background: url(/i/icons/trash.png) 50% / 24px; }
.article-block-edit-up.disabled, .article-block-edit-up.disabled:hover { background: url(/i/icons/arrow-up-gray.png) 50% / 24px; cursor: auto; opacity: 1; }
.article-block-edit-down.disabled, .article-block-edit-down.disabled:hover { background: url(/i/icons/arrow-down-gray.png) 50% / 24px; cursor: auto; opacity: 1; }
.article-block-edit-delete.disabled, .article-block-edit-delete.disabled:hover { background: url(/i/icons/trash-gray.png) 50% / 24px; cursor: auto; opacity: 1; }
.article-block-edit-type { font-size: 14px; color: #999; }
.article-block-title-2 { font-size: 24px; font-weight: bold; text-align: center; }
.article-block-title-3 { font-size: 18px; font-weight: bold; }
#article-image { height: 280px; margin-top: 10px; }
#article-image div { max-width: 100%; height: 280px; display: block; background-size: contain; background-repeat: no-repeat; background-position: 50%; }
.article-block-image { text-align: center; }
.article-block-image img { max-width: 100%; vertical-align: top; box-shadow_: 0 0 10px 1px #0004; border-radius: 10px; padding_: 2px; }