.article-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.article-title{font-size:28px;color:#222;margin-bottom:16px;line-height:1.4}.article-meta{color:#888;font-size:14px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.article-meta span{margin-right:16px}.article-meta-span svg{width:14px;height:14px;vertical-align:-2px}.article-content ol{list-style:none}.article-content .toc-level-2{margin-left:7px}.article-content .toc-level-3{margin-left:14px}.toc-link{color:#1890ff!important;transition:.4s all}.toc-link:hover{text-decoration:underline}.article-content{font-size:17px;color:#444}.article-content p{margin-bottom:24px}.article-content h2{font-size:22px;color:#222;margin:36px 0 16px;padding-left:10px;border-left:4px solid #4472c4}.article-content img{max-width:100%;border-radius:8px;margin:10px 0 20px}.article-content blockquote{background:#f2f7ff;border-left:4px solid #4472c4;padding:16px 20px;margin:0 0 24px;color:#555}.article-content a{color:#7c0}.article-content a:hover{text-decoration:underline}.back-home{display:inline-block;margin-top:40px;color:#4472c4;text-decoration:none;font-size:15px}.back-home:hover{text-decoration:underline}@media (max-width:600px){.banner{height:280px}.banner-text h1{font-size:26px}.container{margin-top:-30px}.article-card{padding:24px}.article-title{font-size:24px}.article-meta-span{display:block}}