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