.article-section[data-v-6b4e702d]{max-width:1000px;margin:0 auto}@media screen and (width<=768px){.article-section[data-v-6b4e702d]{padding:0 15px}}.article-section h1[data-v-6b4e702d]{text-align:center;padding:20px 0;font-size:24px;font-weight:400;line-height:1.75em}.article-section .article-info[data-v-6b4e702d]{text-align:center;background-color:#f0f0f0;width:100%;padding:10px}.article-section .article-content[data-v-6b4e702d]{margin:15px 0;line-height:1.5em;overflow-x:auto}.article-section .article-content[data-v-6b4e702d] img{max-width:100%}.article-section .article-content[data-v-6b4e702d] p{margin:1em 0}.article-section .article-list[data-v-6b4e702d]{margin-top:20px}.article-section .article-list li[data-v-6b4e702d]{border-bottom:1px solid #f0f0f0;padding:12px 0;display:flex}.article-section .article-list li a[data-v-6b4e702d]{flex:1}.article-section .article-list li span[data-v-6b4e702d]{color:#666}.article-section .article-menus[data-v-6b4e702d]{font-size:var(--el-font-size-base);color:var(--el-text-color-regular);border-bottom:2px solid var(--el-color-info-light-8);display:flex}.article-section .article-menus-item[data-v-6b4e702d]{cursor:pointer;background-color:var(--el-color-info-light-9);white-space:nowrap;padding:10px 30px}.article-section .article-menus-item .icon[data-v-6b4e702d]{text-align:center;width:16px;height:16px;margin-right:8px}.article-section .article-menus-item.active[data-v-6b4e702d],.article-section .article-menus-item[data-v-6b4e702d]:hover{color:var(--el-color-primary);background-color:var(--el-color-info-light-8);border-left:2px solid #0000;padding-left:28px}.article-section .article-menus-item.active .icon[data-v-6b4e702d],.article-section .article-menus-item:hover .icon[data-v-6b4e702d]{color:var(--el-color-primary)!important}.article-section[data-v-6b4e702d]{container:article-section/inline-size}.article-section .article-list[data-v-6b4e702d]{grid-template-columns:1fr;gap:0;margin:0;padding:0;list-style:none;display:grid}@container (width>=1100px){.article-section .article-list[data-v-6b4e702d]{grid-template-columns:repeat(2,1fr);gap:0 24px}.article-section .article-list li[data-v-6b4e702d]{border-bottom:1px solid #f0f0f0}.article-section .article-list li[data-v-6b4e702d]:nth-last-child(-n+2){border-bottom:none}}.article-card[data-v-6b4e702d]{color:inherit;gap:16px;padding:16px 0;text-decoration:none;transition:background-color .2s;display:flex}.article-card[data-v-6b4e702d]:hover{background-color:#fafafa}.article-cover[data-v-6b4e702d]{aspect-ratio:4/3;border-radius:6px;flex-shrink:0;width:160px;overflow:hidden}.article-cover img[data-v-6b4e702d]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.article-card:hover .article-cover img[data-v-6b4e702d]{transform:scale(1.03)}.article-body[data-v-6b4e702d]{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.article-title[data-v-6b4e702d]{font-size:16px;font-weight:600;line-height:1.5}.article-desc[data-v-6b4e702d],.article-title[data-v-6b4e702d]{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;display:-webkit-box;overflow:hidden}.article-desc[data-v-6b4e702d]{color:#666;font-size:14px;line-height:1.6}.article-date[data-v-6b4e702d],.article-like[data-v-6b4e702d]{color:#999;margin-top:auto;font-size:14px}.article-like[data-v-6b4e702d]{align-items:center;gap:4px;display:flex}.article-like.active[data-v-6b4e702d]{color:#409eff}@media (width<=768px){.article-cover[data-v-6b4e702d]{width:120px}.article-title[data-v-6b4e702d]{font-size:15px}.article-desc[data-v-6b4e702d]{font-size:13px}}