服务卡片

展示一项服务：图标、名称、英文副标题、简介、要点列表与申请按钮。

examples/service-card/grid.html

结构要点

部分	做法
栅格	`grid gap-6 md:grid-cols-2 lg:grid-cols-3`
卡片	`flex h-full flex-col gap-4 rounded-xl border bg-card p-6 hover:shadow-lg hover:shadow-navy/5`
图标块	`size-11 rounded-lg`；同一组内可交替 `bg-navy` / `bg-brand`
副标题	`font-mono text-xs uppercase tracking-wide text-muted-foreground`
要点	`mt-auto border-t pt-4`，对勾图标 `text-brand`
按钮	通栏描边按钮；外链加 `external-link` 图标
即将推出	右上角中性徽标，去掉悬停阴影与按钮