@charset "UTF-8";
/*
  @component card
  @display Card
  @chinese 卡片
  @family data-display
*/
:root {
  /*
   @desc bg-color
   @semantic 背景色
   @namespace style/common
   */
  --card-bg-color: var(--color-white);
  /*
     @desc card-corner
     @semantic 圆角
     @namespace size/bounding
   */
  --card-corner: var(--corner-3);
  /*
     @desc card-shadow
     @semantic 阴影
     @namespace style/common
   */
  --card-shadow: var(--shadow-zero);
  /*
     @desc card-padding-lr
     @semantic 左右内边距
     @namespace size/common
   */
  --card-padding-lr: var(--s-3);
  /*
   @desc title-height
   @semantic 标题高度
   @namespace size/title
   */
  --card-header-height: var(--s-14);
  /**
   @desc title-padding-tb
   @semantic 头部上下内边距
   @namespace size/title
   */
  --card-title-padding-tb: var(--s-2);
  /*
     @desc title-font-size
     @semantic 标题字体大小
     @namespace size/title
   */
  --card-title-font-size: var(--p-subhead-font-size);
  /*
     @desc title-font-weight
     @semantic 标题字重
     @namespace size/title
   */
  --card-title-font-weight: 400;
  /*
     @desc extra-font-size
     @semantic 附加内容字体大小
     @namespace size/title
   */
  --card-extra-font-size: var(--p-body-2-font-size);
  /*
     @desc title-font-color
     @semantic 标题字体色
     @namespace style/title
   */
  --card-title-font-color: var(--color-text1-4);
  /*
     @desc extra-font-color
     @semantic 附加内容字体色
     @namespace style/title
   */
  --card-extra-font-color: var(--color-text1-2);
  /*
     @desc arrow-color
     @semantic 箭头颜色
     @namespace style/title
   */
  --card-arrow-color: var(--color-text1-2);
  /*
     @desc card-spacing
     @semantic 元素间距
     @namespace size/common
   */
  --card-spacing: var(--box-medium-spacing);
  /*
     @desc divider-color
     @semantic 分割线颜色
     @namespace style/common
   */
  --card-divider-color: var(--color-line1-4);
  /*
     @desc body-padding-tb
     @semantic 内容上下内边距
     @namespace size/common
   */
  --card-body-padding-tb: var(--s-4);
  /*
     @desc footer-padding-tb
     @semantic footer 上下内边距
     @namespace size/common
   */
  --card-footer-padding-tb: var(--s-4);
}