@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Noto+Serif+SC:wght@400;600&display=swap');

body {
    font-family: 'Noto Sans SC', sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #1E293B;
}

.article-card {
    transition: all 0.25s ease;
    border: 1px solid rgba(226, 232, 240, 0.7);
}

.article-card:hover {
    transform: translateY(-3px);
    border-color: rgba(165, 180, 252, 0.5);
}

.hero-gradient {
    background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);
}

.tag {
    transition: all 0.2s ease;
}

.tag:hover {
    transform: translateY(-1px);
}

.author-avatar {
    transition: all 0.3s ease;
}

.author-avatar:hover {
    transform: scale(1.1);
}