.news-section[data-v-f67bf5bb]{padding:60px 0 80px;margin-top:65px;min-height:400px;background:#f8fafc}.section-header[data-v-f67bf5bb]{text-align:center;margin-bottom:40px}.section-title[data-v-f67bf5bb]{font-size:32px;font-weight:700;color:#1a1a2e;margin:0 0 10px}.section-desc[data-v-f67bf5bb]{font-size:15px;color:#909399;margin:0}.category-filter[data-v-f67bf5bb]{text-align:center;margin-bottom:36px}.category-tag[data-v-f67bf5bb]{display:inline-block;padding:8px 22px;margin:0 6px 10px;border-radius:20px;cursor:pointer;font-size:14px;background:#fff;color:#606266;border:1px solid #e8e8e8;transition:all .25s ease}.category-tag[data-v-f67bf5bb]:hover{color:#409eff;border-color:#409eff;background:#ecf5ff}.category-tag.active[data-v-f67bf5bb]{background:#409eff;color:#fff;border-color:#409eff}.article-list[data-v-f67bf5bb]{max-width:800px;margin:0 auto}.article-card[data-v-f67bf5bb]{background:#fff;border-radius:12px;margin-bottom:16px;cursor:pointer;border:1px solid #f0f0f0;transition:all .3s ease;overflow:hidden}.article-card[data-v-f67bf5bb]:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000014;border-color:transparent}.article-card-inner[data-v-f67bf5bb]{padding:22px 28px;position:relative}.article-card-inner[data-v-f67bf5bb]:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:#409eff;border-radius:0 2px 2px 0;opacity:0;transition:opacity .3s ease}.article-card:hover .article-card-inner[data-v-f67bf5bb]:before{opacity:1}.article-card-header[data-v-f67bf5bb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.article-title[data-v-f67bf5bb]{font-size:17px;font-weight:600;color:#1a1a2e;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:12px;transition:color .2s ease}.article-card:hover .article-title[data-v-f67bf5bb]{color:#409eff}.article-category[data-v-f67bf5bb]{font-size:12px;color:#409eff;background:#ecf5ff;padding:3px 12px;border-radius:10px;white-space:nowrap}.article-summary[data-v-f67bf5bb]{font-size:14px;color:#606266;line-height:1.7;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta[data-v-f67bf5bb]{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#c0c4cc;padding-top:12px;border-top:1px solid #f5f5f5}.article-arrow[data-v-f67bf5bb]{font-size:15px;transition:all .3s ease}.article-card:hover .article-arrow[data-v-f67bf5bb]{color:#409eff;transform:translate(4px)}.empty-tip[data-v-f67bf5bb]{text-align:center;color:#c0c4cc;padding:80px 0}.empty-tip svg[data-v-f67bf5bb]{margin-bottom:16px}.loading-tip[data-v-f67bf5bb]{text-align:center;color:#909399;padding:60px 0}.pagination-wrapper[data-v-f67bf5bb]{text-align:center;margin-top:36px}@media (max-width: 768px){.section-title[data-v-f67bf5bb]{font-size:26px}.article-card-inner[data-v-f67bf5bb]{padding:18px 20px}.article-title[data-v-f67bf5bb]{font-size:15px}}