.article-content{color:#666;background-color:#fff;border-radius:5px;flex:1;padding:30px;box-shadow:0 2px 15px #00000005}.article-content .article-tags{flex-wrap:wrap;margin-bottom:16px;display:flex}.article-content .article-tags .article-tag{border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500;line-height:1.4;display:inline-block}.article-content .article-title{letter-spacing:2px;color:#333;margin:10px 0 15px;font-size:36px;line-height:1.35}.article-content .article-meta{color:#999;align-items:center;margin-top:20px;margin-bottom:20px;font-size:.875rem;display:flex}.article-content .article-meta .article-separator{color:#ccc;margin:0 8px}.article-content .article-meta .article-date,.article-content .article-meta .article-author,.article-content .article-meta .article-read-time{font-weight:400}.article-content .article-divider{background-color:#e5e5e5;width:100px;height:1px;margin-top:20px;margin-bottom:20px}@media (width<=768px){.article-content{max-width:100%;margin-right:0}.article-content .article-title{font-size:24px}}

.related-articles{background:#fff;border-radius:5px;flex-shrink:0;width:25%;box-shadow:0 2px 8px #0000001a}.related-articles .related-title{color:#888;border-bottom:1px solid #eee;padding:1.2rem;font-size:16px;line-height:1}.related-articles .related-list{flex-direction:column;gap:15px;padding:30px;display:flex}.related-articles .related-list>a{text-decoration:none}.related-articles .related-item{cursor:pointer;color:inherit;border-radius:8px;flex-direction:column;text-decoration:none;transition:all .2s;display:flex}.related-articles .related-item:hover{background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.related-articles .related-item .related-item-image{background-color:#f5f5f5;border-radius:5px;width:100%;margin-bottom:12px;overflow:hidden}.related-articles .related-item .related-item-image img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.related-articles .related-item:hover .related-item-image img{transform:scale(1.05)}.related-articles .related-item .related-item-content{flex-direction:column;gap:8px;display:flex}.related-articles .related-item .related-item-title{color:#888;margin:5px 0;padding-left:2px;font-size:14px;font-weight:400}@media (width<=768px){.related-articles{order:2;width:100%;margin-top:20px}.related-articles .related-title{padding:1rem;font-size:14px}.related-articles .related-list{gap:12px;padding:20px}.related-articles .related-item .related-item-title{font-size:13px}}

.article-page{max-width:1120px;margin-left:auto;margin-right:auto}.article-page .article-page-container{align-items:flex-start;gap:30px;padding:40px 20px;display:flex}@media (width<=768px){.article-page .article-page-container{flex-direction:column;gap:24px;padding:24px 16px}}

/*# sourceMappingURL=794a726b74acfcb3.css.map*/