:root{--color-text-sub:#999;--color-border:#ddd;--color-bg-code:#fafafa;--color-bg-sub:#f3f3f3;--border-radius:4px}.cms-rich-editor-content .main{flex-direction:column;justify-content:space-between;align-items:center;display:flex}.cms-rich-editor-content .title{text-align:center;margin-bottom:24px;font-size:2.4rem}.cms-rich-editor-content .description{color:var(--color-text-sub);text-align:center;margin:24px 40px;font-size:.9rem}.cms-rich-editor-content .meta{align-items:center;margin-bottom:64px;display:flex}.cms-rich-editor-content .writer{border-right:1px solid var(--color-border);justify-content:center;align-items:center;margin-right:40px;padding-right:40px;display:flex}.cms-rich-editor-content .writerIcon{border-radius:50%;width:48px;height:48px;display:block}.cms-rich-editor-content .writerName{margin-left:16px}.cms-rich-editor-content .thumbnail{width:960px;height:auto;margin-bottom:64px}.cms-rich-editor-content .content :first-child{margin-top:0}.cms-rich-editor-content .content>h1{margin:2.8rem 0 1rem;font-size:2rem;font-weight:700}.cms-rich-editor-content .content>h2{margin:2.8em 0 1rem;font-size:1.6rem;font-weight:700}.cms-rich-editor-content .content>h3{margin:2.8rem 0 1rem;font-size:1.4rem;font-weight:700}.cms-rich-editor-content .content>h4{margin:2.8rem 0 1rem;font-size:1.2rem;font-weight:700}.cms-rich-editor-content .content>h5{margin:2.8rem 0 1rem;font-size:1.1rem;font-weight:700}.cms-rich-editor-content .content>p{margin:2rem 0 .5rem;line-height:2}.cms-rich-editor-content .content>pre{overflow-x:auto}.cms-rich-editor-content .content pre>code{background-color:var(--color-bg-code);padding:16px;display:block;overflow-x:auto}.cms-rich-editor-content .content div[data-filename]:before{background-color:var(--color-bg-sub);content:attr(data-filename);border-radius:var(--border-radius) var(--border-radius) 0 0;margin:1em 0 0;padding:4px 16px;font-family:menlo,inconsolata,monospace;font-size:.8rem;display:inline-block}.cms-rich-editor-content .content ul,.cms-rich-editor-content .content ol{margin:.5rem 0 .5rem 2rem}.cms-rich-editor-content .content>ul,.cms-rich-editor-content .content>ol{margin-top:2rem;margin-bottom:2rem}.cms-rich-editor-content .content ul>li{list-style:outside}.cms-rich-editor-content .content ol>li{list-style:decimal}.cms-rich-editor-content .content li{margin:.5rem 0}.cms-rich-editor-content .content a{text-decoration:underline}.cms-rich-editor-content .content>figure{margin:2rem 0}.cms-rich-editor-content .content>figure img{max-width:100%;height:auto}.cms-rich-editor-content .content>figure figcaption{color:var(--color-text-sub);font-size:.8rem}.cms-rich-editor-content .content>strong{font-weight:700}.cms-rich-editor-content .content>blockquote{border-left:4px solid var(--color-border);margin:2rem 0;padding-left:1rem;font-style:italic}.cms-rich-editor-content .content>hr{background-color:var(--color-border);border:none;height:1px;margin:4rem 0}.cms-rich-editor-content .content>table{width:100%;margin:2rem 0}.cms-rich-editor-content .content>table th{background-color:var(--color-bg-sub);text-align:left;padding:1rem}.cms-rich-editor-content .content>table td{text-align:left;padding:1rem}@media (max-width:640px){.cms-rich-editor-content .title{text-align:center;margin-bottom:20px;font-size:2rem}.cms-rich-editor-content .description{color:var(--color-text-sub);text-align:center;margin:24px 0 40px;font-size:.9rem}.cms-rich-editor-content .meta{align-items:center;margin-bottom:40px;font-size:.9rem;display:flex}.cms-rich-editor-content .writer{margin-right:24px;padding-right:24px}.cms-rich-editor-content .writerIcon{border-radius:50%;width:32px;height:32px}.cms-rich-editor-content .writerName{margin-left:16px}.cms-rich-editor-content .thumbnail{width:100%;height:auto;margin-bottom:40px}.cms-rich-editor-content .content{width:100%}}