@charset "UTF-8";
/*设计变量*/
:root {
    /*// 品牌蓝*/
    --rcd-color-brand-normal: #0043FF;
    /* // 品牌蓝-hover */
    --rcd-color-brand-hover: #3369FF;
    /* // 品牌蓝-active */
    --rcd-color-brand-click: #0036CC;
    /* // 品牌蓝-disable */
    --rcd-color-brand-disable: #99B4FF;

    /* // 品牌蓝-浅 */
    --rcd-color-brand-light-normal: #F0F4FF;
    /* // 品牌蓝-浅-hover */
    --rcd-color-brand-light-hover: #F5F7FF;
    /* // 品牌蓝-浅-active */
    --rcd-color-brand-light-click: #E0E8FF;
    /* // 品牌蓝-浅-disable */
    --rcd-color-brand-light-disable: #F7F9FF;

    /* // 功能色-成功 */
    --rcd-color-success-normal: #33BA99;
    /* // 功能色-成功-hover */
    --rcd-color-success-hover: #66CBB3;
    /* // 功能色-成功-active */
    --rcd-color-success-click: #00A980;
    /* // 功能色-成功-disable */
    --rcd-color-success-disable: #99DDCC;
    /* // 功能色-成功-背景 */
    --rcd-color-success-background: #EDF9F6;

    /* // 功能色-警示 */
    --rcd-color-warning-normal: #F29333;
    /* // 功能色-警示-hover */
    --rcd-color-warning-hover: #F5AE66;
    /* // 功能色-警示-active */
    --rcd-color-warning-click: #EF7800;
    /* // 功能色-警示-disable */
    --rcd-color-warning-disable: #F9C999;
    /* // 功能色-警示-background */
    --rcd-color-warning-background: #FEF7EF;

    /* // 功能色-错误 */
    --rcd-color-error-normal: #F7344B;
    /* // 功能色-错误-hover */
    --rcd-color-error-hover: #F96778;
    /* // 功能色-错误-active */
    --rcd-color-error-click: #F5011E;
    /* // 功能色-错误-disable */
    --rcd-color-error-disable: #FB99A5;
    /* // 功能色-错误-background */
    --rcd-color-error-background: #FEEFF1;

    /* // 功能色-信息 */
    --rcd-color-info-normal: #3375DC;
    /* // 功能色-信息-hover */
    --rcd-color-info-hover: #6698E5;
    /* // 功能色-信息-click */
    --rcd-color-info-click: #0053D3;
    /* // 功能色-信息-disable */
    --rcd-color-info-disable: #99BAED;
    /* // 功能色-信息-background */
    --rcd-color-info-background: #EFF4FC;

    /* // 中性色卡-文本（图标） */
    --rcd-color-text-400: #080B31;
    --rcd-color-text-300: #393C5A;
    --rcd-color-text-200: #77798E;
    --rcd-color-text-100: #B4B5C1;
    --rcd-color-text-white: #FFFFFF;

    /* // 中性色卡-线 */
    --rcd-color-line-300: #B1B4C5;
    --rcd-color-line-200: #DEDFE6;
    --rcd-color-line-100: #EDEEF2;
    --rcd-color-line-white: #FFFFFF;

    /* // 中性色卡-填充 */
    --rcd-color-fill-300: #D2D5E3;
    --rcd-color-fill-200: #EBEDF3;
    --rcd-color-fill-100: #F7F8FA;
    /* // 中性色卡-填充-白色渐变 */
    --rcd-color-fill-white: #FFFFFF;
    --rcd-color-fill-white-80: rgba(255, 255, 255, 0.8);
    --rcd-color-fill-white-60: rgba(255, 255, 255, 0.6);
    --rcd-color-fill-white-40: rgba(255, 255, 255, 0.4);
    --rcd-color-fill-white-20: rgba(255, 255, 255, 0.2);
    /* // 中性色卡-填充-黑色渐变 */
    --rcd-color-fill-black: #000000;
    --rcd-color-fill-black-80: rgba(0, 0, 0, 0.8);
    --rcd-color-fill-black-60: rgba(0, 0, 0, 0.6);
    --rcd-color-fill-black-40: rgba(0, 0, 0, 0.4);
    --rcd-color-fill-black-20: rgba(0, 0, 0, 0.2);

    /* // 辅助色卡-紫 */
    --rcd-color-auxiliary-purple-600: #5D12B3;
    --rcd-color-auxiliary-purple-500: #7535BE;
    --rcd-color-auxiliary-purple-400: #9665CD;
    --rcd-color-auxiliary-purple-300: #B594DC;
    --rcd-color-auxiliary-purple-200: #D6C3EB;
    --rcd-color-auxiliary-purple-100: #E6DAF3;

    /* // 辅助色卡-天青 */
    --rcd-color-auxiliary-cyan-600: #008EA3;
    --rcd-color-auxiliary-cyan-500: #269EB0;
    --rcd-color-auxiliary-cyan-400: #59B5C3;
    --rcd-color-auxiliary-cyan-300: #8CCCD5;
    --rcd-color-auxiliary-cyan-200: #BFE2E7;
    --rcd-color-auxiliary-cyan-100: #D9EEF1;

    /* // 辅助色卡-草绿 */
    --rcd-color-auxiliary-lawngreen-600: #83C10D;
    --rcd-color-auxiliary-lawngreen-500: #95CA31;
    --rcd-color-auxiliary-lawngreen-400: #AED662;
    --rcd-color-auxiliary-lawngreen-300: #C7E391;
    --rcd-color-auxiliary-lawngreen-200: #DFEFC2;
    --rcd-color-auxiliary-lawngreen-100: #ECF5DA;

    /* // 辅助色卡-紫红 */
    --rcd-color-auxiliary-fuchsia-600: #BF03AC;
    --rcd-color-auxiliary-fuchsia-500: #C829B8;
    --rcd-color-auxiliary-fuchsia-400: #D55AC8;
    --rcd-color-auxiliary-fuchsia-300: #E28DD9;
    --rcd-color-auxiliary-fuchsia-200: #EEBFEA;
    --rcd-color-auxiliary-fuchsia-100: #F5D9F2;

    /* // 辅助色卡-黄 */
    --rcd-color-auxiliary-yellow-600: #E9AF02;
    --rcd-color-auxiliary-yellow-500: #ECBA27;
    --rcd-color-auxiliary-yellow-400: #F0CA5A;
    --rcd-color-auxiliary-yellow-300: #F5DA8C;
    --rcd-color-auxiliary-yellow-200: #F9EABF;
    --rcd-color-auxiliary-yellow-100: #FBF2D8;
	
	/* // 阴影 */
    --rcd-shadow-low: 0 1px 3px 0 rgba(4,1,135,0.08), 0 1px 6px 0 rgba(4,1,135,0.06);
    --rcd-shadow-middle: 0 6px 12px -2px rgba(4,1,135,0.08), 0 2px 14px 0 rgba(4,1,135,0.06);
    --rcd-shadow-high: 0 10px 18px -3px rgba(4,1,135,0.08), 0 2px 28px -1px rgba(4,1,135,0.06);
	
	/* // 圆角 */
    --rcd-border-radius-base: 2px;
    /* 圆角-0 */
    --rcd-border-radius-0: 0px;
    /* 圆角-4px */
    --rcd-border-radius-2x: 4px;
    /* 圆角-8px */
    --rcd-border-radius-4x: 8px;
    /* 圆角-16px */
    --rcd-border-radius-8x: 12px;
	/* 除开输入框、按钮、搜索框、下拉框的全圆角 */
    --rcd-border-radius-half: 50%;
	/* 圆角 零圆角 */
	--rcd-border-radius-0: 0px;
	
	/* // 间距 界面最小间距基准值 */
    --rcd-border-spacing-base: 2px;
    /* 间距 常用于图标与右侧文字间距 */
    --rcd-border-spacing-2x: 4px;
    /* 间距 常用于单选复选框与文字内容、输入框标题距离输入框间距、校验文案与上方输入框间距 */
    --rcd-border-spacing-4x: 8px;
    /* 间距 常用于按钮与按钮之间间距等 */
    --rcd-border-spacing-6x: 12px;
    /* 间距 常用语表单内上下关联的输入框上下的间距 */
    --rcd-border-spacing-8x: 16px;
    /* 间距 popover或tooltip文本与背景内间距 */
    --rcd-border-spacing-10x: 20px;
    /* 间距 常用于两个输入框组合样之间上下左右的间距 */
    --rcd-border-spacing-12x: 24px;
    /* 间距 常用模块或元素距离卡片底部的距离 */
    --rcd-border-spacing-16x: 32px;
    /* 间距 可用于页面版心与周围间距 */
    --rcd-border-spacing-20x: 40px;
    /* 间距 界面大间距特殊场景 */
    --rcd-border-spacing-24x: 48px;
    /* 间距 界面大间距特殊场景 */
    --rcd-border-spacing-28x: 56px;
	
	/* 行高 */
    /* --rcd-font-size-base 对应行高*/
    --rcd-line-height-16: 16px;
    /* --rcd-font-size-12x 对应行高*/
    --rcd-line-height-18: 18px;
    /* --rcd-font-size-14x 对应行高*/
    --rcd-line-height-22: 22px;
    /* --rcd-font-size-16x 对应行高*/
    --rcd-line-height-24: 24px;
    /* --rcd-font-size-18x 对应行高*/
    --rcd-line-height-28: 28px;
    /* --rcd-font-size-20x 对应行高*/
    --rcd-line-height-30: 30px;
    /* --rcd-font-size-24x 对应行高*/
    --rcd-line-height-36: 36px;
    /* --rcd-font-size-32x 对应行高*/
    --rcd-line-height-48: 48px;
    /* --rcd-font-size-40x 对应行高*/
    --rcd-line-height-60: 60px;
	/* // 字体大小 */
	--rcd-font-size-base: 10px;
    --rcd-font-size-12x: 12px;
    --rcd-font-size-14x: 14px;
    --rcd-font-size-16x: 16px;
    --rcd-font-size-18x: 18px;
    --rcd-font-size-20x: 20px;
    --rcd-font-size-24x: 24px;
    --rcd-font-size-32x: 32px;
    --rcd-font-size-40x: 40px;
	
    /** 字重 */
    --rcd-font-weight-regular: 400;
    --rcd-font-weight-bold: 600;

    /** 线宽变量 */
    --rcd-border-width-base: 1px;
    --rcd-border-width-2x: 2px;
}