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