链接卡片 — 状态变体
共 6 个变体，覆盖链接收藏页的卡片展示。
🌐
良人伊欣
宁白久和刘小Q的情侣博客，记录代码与日常
默认
白底 + 灰边框，整卡点击
🌐
良人伊欣
宁白久和刘小Q的情侣博客，记录代码与日常
Hover
上移 2px + 阴影
推荐
🎨
Grace 主题
简约科技风的 Hexo 博客主题
带"推荐"角标
右上角绿色推荐标签
新
🔧
Tailwind CSS 中文文档
实用优先的 CSS 框架，中文翻译
带"新"角标
右上角红色新标签
张洪 Heo
前端设计师，博客作者，分享设计与技术
有 Logo 图片
圆角 Logo 图，加载失败显示首字
📚
掘金技术社区
一个帮助开发者成长的社区，这里有高质量的技术文章、教程和实践经验分享，涵盖前端、后端、AI、移动端等多个领域
长介绍（截断）
超出 2 行自动省略号
设计 Tokens
| Token | 值 | 说明 |
|---|---|---|
| 卡片圆角 | rounded-xl（12px） | 与文章卡片一致 |
| Logo 圆角 | rounded-lg（8px） | 48x48px |
| Hover 效果 | translateY(-2px) + 阴影 | 与文章卡片一致 |
| 交互方式 | 整卡点击跳转 | 不设单独按钮 |