.article-meta[data-v-3943907c]{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:14px;gap:16px;line-height:1.5}.article-meta.vertical[data-v-3943907c]{align-items:flex-start;flex-direction:column;gap:8px}.article-meta .meta-item[data-v-3943907c]{align-items:center;display:flex;gap:4px}.article-meta .meta-item .el-icon[data-v-3943907c]{color:#999;font-size:14px}.article-meta .meta-item.author .el-icon[data-v-3943907c]{color:#278bf2}.article-meta .meta-item.date .el-icon[data-v-3943907c]{color:#52c41a}.article-meta .meta-item.category .el-icon[data-v-3943907c]{color:#fa8c16}.article-meta .meta-item.category .category-link[data-v-3943907c]{color:#fa8c16;text-decoration:none;transition:color .3s ease}.article-meta .meta-item.category .category-link[data-v-3943907c]:hover{color:#d46b08;text-decoration:underline}.article-meta .meta-item.tags .el-icon[data-v-3943907c]{color:#722ed1}.article-meta .meta-item.tags .tags-list[data-v-3943907c]{display:flex;flex-wrap:wrap;gap:8px}.article-meta .meta-item.tags .tag-link[data-v-3943907c]{background-color:#f0f0f0;border-radius:12px;color:#722ed1;font-size:12px;padding:2px 8px;text-decoration:none;transition:all .3s ease}.article-meta .meta-item.tags .tag-link[data-v-3943907c]:hover{background-color:#722ed1;color:#fff}.article-meta .meta-item.views .el-icon[data-v-3943907c]{color:#13c2c2}.article-meta .meta-item.updated[data-v-3943907c]{color:#999;font-size:12px}.article-meta .meta-item.updated .el-icon[data-v-3943907c]{color:#eb2f96}@media (max-width:768px){.article-meta[data-v-3943907c]{font-size:13px;gap:12px}.article-meta .meta-item[data-v-3943907c]{gap:3px}.article-meta .meta-item .el-icon[data-v-3943907c]{font-size:13px}.article-meta .meta-item.tags .tag-link[data-v-3943907c]{font-size:11px;padding:1px 6px}}.article-card[data-v-e53f56b9]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.article-card[data-v-e53f56b9]:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.article-card.card-top[data-v-e53f56b9]{background:linear-gradient(135deg,#fff,#fff5f5);border:2px solid #f56565}.article-card.card-top[data-v-e53f56b9]:hover{box-shadow:0 4px 16px #f5666633}.article-card.card-recommend[data-v-e53f56b9]{background:linear-gradient(135deg,#fff,#fffbf0);border:2px solid #e6a23c}.article-card.card-recommend[data-v-e53f56b9]:hover{box-shadow:0 4px 16px #e6a23c33}.article-card.card-featured[data-v-e53f56b9]{background:linear-gradient(135deg,#fff,#f0f9ff);border:2px solid #67c23a}.article-card.card-featured[data-v-e53f56b9]:hover{box-shadow:0 4px 16px #67c23a33}.article-card.card-horizontal[data-v-e53f56b9]{flex-direction:row;height:auto}.article-card.card-horizontal .card-image[data-v-e53f56b9]{height:200px;min-width:300px;width:300px}.article-card.card-horizontal .card-content[data-v-e53f56b9]{flex:1;padding:24px}@media (max-width:768px){.article-card.card-horizontal[data-v-e53f56b9]{flex-direction:column}.article-card.card-horizontal .card-image[data-v-e53f56b9]{height:200px;min-width:auto;width:100%}}.article-card .card-image[data-v-e53f56b9]{height:240px;overflow:hidden;position:relative;width:100%}.article-card .card-image .image[data-v-e53f56b9]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.article-card .card-image:hover .image[data-v-e53f56b9]{transform:scale(1.05)}.article-card .card-image .status-badges[data-v-e53f56b9]{display:flex;flex-direction:column;gap:6px;position:absolute;right:12px;top:12px}.article-card .card-image .status-badge[data-v-e53f56b9]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;color:#fff;display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px}.article-card .card-image .status-badge.top[data-v-e53f56b9]{background:#f56666e6}.article-card .card-image .status-badge.recommend[data-v-e53f56b9]{background:#e6a23ce6}.article-card .card-image .status-badge.featured[data-v-e53f56b9]{background:#67c23ae6}.article-card .card-image .status-badge .iconfont[data-v-e53f56b9]{font-size:10px}.article-card .card-content[data-v-e53f56b9]{display:flex;flex:1;flex-direction:column;padding:20px}.article-card .card-content .card-title[data-v-e53f56b9]{color:#333;display:-webkit-box;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 12px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card .card-content .card-title .inline-status-badges[data-v-e53f56b9]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.article-card .card-content .card-title .inline-status-badge[data-v-e53f56b9]{border-radius:10px;color:#fff;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px}.article-card .card-content .card-title .inline-status-badge.top[data-v-e53f56b9]{background:#f56565}.article-card .card-content .card-title .inline-status-badge.recommend[data-v-e53f56b9]{background:#e6a23c}.article-card .card-content .card-title .inline-status-badge.featured[data-v-e53f56b9]{background:#67c23a}.article-card .card-content .card-title a[data-v-e53f56b9]{color:inherit;text-decoration:none;transition:color .3s ease}.article-card .card-content .card-title a[data-v-e53f56b9]:hover{color:var(--el-color-primary)}.article-card .card-content .card-summary[data-v-e53f56b9]{color:#666;display:-webkit-box;flex:1;font-size:14px;line-height:1.6;margin:0 0 16px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card .card-content .card-meta[data-v-e53f56b9]{margin-bottom:16px}.article-card .card-content .card-actions[data-v-e53f56b9]{margin-top:auto}.article-card .card-content .card-actions .read-more-btn[data-v-e53f56b9]{align-items:center;color:var(--el-color-primary);display:inline-flex;font-size:14px;font-weight:500;gap:4px;text-decoration:none;transition:all .3s ease}.article-card .card-content .card-actions .read-more-btn .iconfont[data-v-e53f56b9]{font-size:12px;transition:transform .3s ease}.article-card .card-content .card-actions .read-more-btn[data-v-e53f56b9]:hover{color:#1c6dd0}.article-card .card-content .card-actions .read-more-btn:hover .iconfont[data-v-e53f56b9]{transform:translate(2px)}@media (max-width:768px){.article-card .card-content[data-v-e53f56b9]{padding:16px}.article-card .card-content .card-title[data-v-e53f56b9]{font-size:16px;margin-bottom:10px}.article-card .card-content .card-summary[data-v-e53f56b9]{font-size:13px;margin-bottom:12px}.article-card .card-image[data-v-e53f56b9]{height:200px}}