卡片用于展示与某个主题相关的内容和操作。
一、概览（Overview）
1. 要点
1. 使用卡片来承载和组织彼此相关的内容元素。
2.卡片共有三种类型：有阴影卡片（Elevated）、填充卡片（Filled）、描边卡片（Outlined）
3. 卡片内部可以包含多种内容：从图片、标题、辅助文本，到按钮、列表等组件都可以放入其中。
4. 卡片还可以嵌套其他组件。
5. 卡片的布局与尺寸会根据内部内容灵活变化。
卡片的三种类型：① Elevated card（有阴影卡片）② Filled card（填充卡片）③ Outlined card（描边卡片）
2. 与M2的区别
1. 颜色：采用了新的色彩映射方式，并支持动态配色。
2. 层级高度（Elevation）：默认提升高度变低，且默认无阴影。
3. 类型：M3 正式定义了三种卡片类型——有阴影、填充、描边。
卡片在 颜色、层级高度（Elevation）以及类型 上都进行了更新。
二、规格（Specs）
1. 卡片区域
① 容器（Container）
1.1 浮置卡片颜色（Elevated card color）
颜色数值是通过设计令牌来实现的。对设计而言，这意味着你使用与设计令牌一一对应的颜色值进行设计。
对开发实现而言，一个颜色值会以设计令牌的形式引用具体数值。
浮置卡片在亮色与暗色主题中使用的颜色角色如图 ① 低层级表面容器（Surface container low）
1.2 浮置卡片状态（Elevated card states）
状态是用来表达组件或可交互元素当前状态的视觉表现形式。
浮置卡片的状态包括：（Elevated card states:）① 悬停（Hovered）② 聚焦（Focused）③ 按下（Pressed）④ 拖拽（Dragged）⑤ 禁用（Disabled）
2. 填充卡片
① 容器（Container）
2.1 填充卡片颜色（Filled card color）
颜色数值是通过设计令牌来实现的。对设计而言，这意味着你使用与设计令牌一一对应的颜色值进行设计。
对开发实现而言，一个颜色值会以设计令牌的形式引用具体数值。了解更多关于设计令牌的信息
填充卡片在亮色与暗色主题中使用的颜色角色如图：最高层级表面容器（Surface container highest）
2.2 填充卡片状态（Filled card states）
状态是用来表达组件或可交互元素当前状态的视觉表现形式。了解更多关于交互状态
填充卡片状态（Filled card states）① 悬停（Hovered）② 聚焦（Focused）③ 按下（Pressed）④ 拖拽（Dragged）⑤ 禁用（Disabled）
3. 描边卡片
