.article-container[data-v-5ba111f6]{display:flex;gap:30px;margin:0 auto;max-width:1200px;padding:20px}.article-main[data-v-5ba111f6]{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;flex:1;overflow:hidden;padding:30px;position:relative}.article-main[data-v-5ba111f6]:before{background:radial-gradient(circle,#ffc0cb33 0,#fff0 70%);content:"";height:150px;position:absolute;right:0;top:0;width:150px;z-index:0}.article-main[data-v-5ba111f6]:after{background:radial-gradient(circle,#ffc0cb26 0,#fff0 70%);bottom:0;content:"";height:100px;left:0;position:absolute;width:100px;z-index:0}.article-category .category-tag[data-v-5ba111f6]{background-color:#f0f2f5;border-radius:16px;color:#606266;cursor:pointer;display:inline-block;font-size:14px;margin-bottom:8px;margin-right:8px;padding:4px 10px;transition:all .3s ease}.article-category .category-tag[data-v-5ba111f6]:hover{background-color:#409eff;box-shadow:0 4px 12px #409eff4d;color:#fff;transform:translateY(-2px)}.article-category .category-tag:hover i[data-v-5ba111f6]{color:#fff}.article-category .category-tag i[data-v-5ba111f6]{color:#909399;margin-right:4px;transition:color .3s ease}.article-title[data-v-5ba111f6]{color:#333;font-size:28px;font-weight:700;line-height:1.4;margin-bottom:25px;text-align:center}.article-meta-container[data-v-5ba111f6]{border-bottom:1px dashed #e9ecef;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.article-meta-container[data-v-5ba111f6],.author-info[data-v-5ba111f6]{align-items:center;display:flex}.author-info .author-avatar[data-v-5ba111f6]{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;height:40px;margin-right:10px;overflow:hidden;width:40px}.author-info .author-avatar img[data-v-5ba111f6]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.author-info .author-name[data-v-5ba111f6]{color:#555;font-size:14px;font-weight:500}.author-info .author-name i[data-v-5ba111f6]{color:#666;margin-right:5px}.article-meta[data-v-5ba111f6]{align-items:center;display:flex;gap:15px}.article-meta .meta-item[data-v-5ba111f6]{align-items:center;color:#666;display:flex;font-size:14px}.article-meta .meta-item i[data-v-5ba111f6]{margin-right:5px}.article-meta .comment-count[data-v-5ba111f6]{background-color:#f8f9fa;border-radius:15px;padding:5px 10px}.article-meta .comment-count[data-v-5ba111f6]:hover{background-color:#e9ecef}.article-featured-image[data-v-5ba111f6]{border-radius:8px;box-shadow:0 5px 15px #0000001a;margin:0 -30px 30px;overflow:hidden}.article-featured-image img[data-v-5ba111f6]{display:block;height:auto;width:100%}.article-content[data-v-5ba111f6]{position:relative;z-index:1}.article-content .article-body[data-v-5ba111f6]{color:#333;font-size:16px;line-height:1.8}.article-content .article-body h2[data-v-5ba111f6],.article-content .article-body h3[data-v-5ba111f6],.article-content .article-body h4[data-v-5ba111f6]{font-weight:600;margin-bottom:15px;margin-top:30px}.article-content .article-body p[data-v-5ba111f6]{margin-bottom:20px}.article-content .article-body img[data-v-5ba111f6]{border-radius:8px;margin:20px 0;max-width:100%}.article-content .article-body code[data-v-5ba111f6],.article-content .article-body pre[data-v-5ba111f6]{background-color:#f8f9fa;border-radius:5px;overflow-x:auto;padding:15px}.article-sidebar[data-v-5ba111f6]{align-self:flex-start;flex-shrink:0;position:sticky;top:80px;width:300px}.demo-image__error .image-slot[data-v-5ba111f6],.demo-image__error .image-slot .el-icon[data-v-5ba111f6]{font-size:30px}.demo-image__error .el-image[data-v-5ba111f6]{height:200px;width:100%}@media(max-width:768px){.article-container[data-v-5ba111f6]{flex-direction:column;gap:20px;padding:15px}.article-main[data-v-5ba111f6]{border-radius:8px;padding:20px 15px}.article-main[data-v-5ba111f6]:after,.article-main[data-v-5ba111f6]:before{display:none}.article-category .category-tag[data-v-5ba111f6]{font-size:12px;margin-bottom:6px;margin-right:6px;padding:3px 8px}.article-title[data-v-5ba111f6]{font-size:22px;margin-bottom:20px;text-align:left}.article-meta-container[data-v-5ba111f6]{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:20px;padding-bottom:15px}.author-info .author-avatar[data-v-5ba111f6]{height:36px;width:36px}.author-info .author-name[data-v-5ba111f6]{font-size:13px}.article-meta[data-v-5ba111f6]{flex-wrap:wrap;gap:10px;width:100%}.article-meta .meta-item[data-v-5ba111f6]{font-size:13px}.article-meta .meta-item i[data-v-5ba111f6]{margin-right:4px}.article-meta .comment-count[data-v-5ba111f6]{font-size:12px;padding:4px 8px}.article-featured-image[data-v-5ba111f6]{border-radius:0;margin:0 -15px 20px}.article-content .article-body[data-v-5ba111f6]{font-size:15px;line-height:1.7}.article-content .article-body h2[data-v-5ba111f6]{font-size:20px;margin-bottom:12px;margin-top:25px}.article-content .article-body h3[data-v-5ba111f6]{font-size:18px;margin-bottom:10px;margin-top:20px}.article-content .article-body h4[data-v-5ba111f6]{font-size:16px;margin-bottom:10px;margin-top:18px}.article-content .article-body p[data-v-5ba111f6]{margin-bottom:15px}.article-content .article-body img[data-v-5ba111f6]{border-radius:6px;margin:15px 0}.article-content .article-body code[data-v-5ba111f6],.article-content .article-body pre[data-v-5ba111f6]{border-radius:4px;font-size:14px;padding:12px}.article-sidebar[data-v-5ba111f6]{margin-top:20px;position:static;width:100%}.demo-image__error .image-slot[data-v-5ba111f6],.demo-image__error .image-slot .el-icon[data-v-5ba111f6]{font-size:24px}.demo-image__error .el-image[data-v-5ba111f6]{height:180px}}