.layout[data-v-ef9f6908]{display:flex;gap:24px;margin:0 auto;max-width:1280px;padding:20px}.layout .left[data-v-ef9f6908]{flex:1;min-width:0}.layout .left h2[data-v-ef9f6908]{color:var(--el-color-primary);margin-bottom:24px}.layout .left .category-container[data-v-ef9f6908]{background-color:#f5f7fa;border-radius:8px;margin-bottom:20px;padding:16px}.layout .left .category-container .category-grid[data-v-ef9f6908]{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.layout .left .category-container .category-grid .category-button[data-v-ef9f6908]{border-radius:6px;font-size:14px;padding:12px;width:100%}.layout .left .articles[data-v-ef9f6908]{display:grid;gap:20px}.layout .left .articles .article-card[data-v-ef9f6908]{margin-bottom:16px;transition:box-shadow .2s}.layout .left .articles .article-card[data-v-ef9f6908]:hover{box-shadow:0 2px 12px #0000001a}.layout .left .articles .article-card .article-content[data-v-ef9f6908]{display:flex;gap:16px;height:100%}.layout .left .articles .article-card .article-content .article-image[data-v-ef9f6908]{border-radius:4px;flex-shrink:0;height:120px;-o-object-fit:cover;object-fit:cover;width:200px}.layout .left .articles .article-card .article-content .article-info[data-v-ef9f6908]{display:flex;flex:1;flex-direction:column;height:100%}.layout .left .articles .article-card .article-content .article-info h3[data-v-ef9f6908]{color:#333;font-size:18px;margin:0 0 8px}.layout .left .articles .article-card .article-content .article-info p[data-v-ef9f6908]{color:#666;flex:1;line-height:1.6;margin:0 0 12px;min-height:0}.layout .left .articles .article-card .article-content .article-info .article-meta[data-v-ef9f6908]{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between;margin-top:25px}.layout .left .articles .article-card .article-content .article-info .article-meta .meta-left[data-v-ef9f6908]{align-items:center;display:flex;gap:8px}.layout .left .articles .article-card .article-content .article-info .article-meta .meta-left .article-tag[data-v-ef9f6908]{margin-right:6px}.layout .left .articles .article-card .article-content .article-info .article-meta .meta-left .post-time[data-v-ef9f6908]{font-size:13px}.layout .left .pagination-container[data-v-ef9f6908]{display:flex;justify-content:center;margin-top:24px}.layout .right[data-v-ef9f6908]{flex:0 0 320px;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 100px);overflow-y:auto;position:sticky;top:80px}@media (max-width:1024px){.layout .right[data-v-ef9f6908]{display:none}}@media (max-width:768px){.layout[data-v-ef9f6908]{flex-direction:column;gap:16px;padding:12px}.layout .left .articles[data-v-ef9f6908]{gap:12px}.layout .left .articles .article-card[data-v-ef9f6908]{margin-bottom:12px}.layout .left .articles .article-card .article-content[data-v-ef9f6908]{flex-direction:column;gap:12px}.layout .left .articles .article-card .article-content .article-image[data-v-ef9f6908]{width:100%!important}.layout .left .articles .article-card .article-content .article-info h3[data-v-ef9f6908]{font-size:16px}.layout .left .articles .article-card .article-content .article-info p[data-v-ef9f6908]{font-size:13px}.layout .left .articles .article-card .article-content .article-info .article-meta[data-v-ef9f6908]{align-items:flex-start;flex-direction:column;gap:8px;margin-top:12px!important}.layout .left .articles .article-card .article-content .article-info .article-meta .meta-left .post-time[data-v-ef9f6908]{font-size:13px}}@media (max-width:480px){.layout .left .articles .article-card .article-content .article-image[data-v-ef9f6908]{height:140px!important}}.article-meta[data-v-ef9f6908]{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between;margin-top:25px}.article-meta .meta-left[data-v-ef9f6908]{align-items:center;display:flex;gap:8px}.article-meta .meta-left .article-category[data-v-ef9f6908],.article-meta .meta-left .article-tag[data-v-ef9f6908]{margin-right:6px}.article-meta .meta-left .post-time[data-v-ef9f6908]{font-size:13px}