/* 改造首页文章列表为独立卡片 */
.index-card {
    background: #ffffff;
    border-radius: 8px !important; /* 圆角 */
    padding: 20px 24px !important;   /* 内边距 */
    margin-bottom: 20px !important;  /* 卡片之间的间距 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* 微弱的卡片阴影 */
    transition: all 0.3s ease;      /* 平滑过渡动画 */
}

/* 鼠标悬浮在卡片上时的动效（类似掘金/Medium的精致感） */
.index-card:hover {
    transform: translateY(-4px);    /* 卡片微微上浮 */
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1); /* 阴影加深 */
}

/* 暗黑模式适配（如果是深色主题，卡片变成深色） */
[data-user-color-scheme="dark"] .index-card {
    background: #1d242a;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}