/*
 * desc: 参赛必读弹窗组件样式变量
 * date: 2025-08-15
 * author: lauheeliu
 * email: lauheeliu@tencent.com
 */

// 前缀
$prefix: 'pm-must-read';

// 间距、块状系统
$mrp-head-height: var(--mrp-head-height, 1rem); // 头部高度
$mrp-content-padding: var(--mrp-content-padding, 0 .24rem); // 内容区内边距
$mrp-content-height: var(--mrp-content-height, 6.8rem); // 内容区高度
$mrp-tab-height: var(--mrp-tab-height, .6rem); // 标签高度
$mrp-tab-width: var(--mrp-tab-width, 1.76rem); // 标签宽度
$mrp-tab-border-width: var(--mrp-tab-border-width, .02rem); // 标签边框宽度
$mrp-title-padding: var(--mrp-title-padding, .32rem 0 .26rem); // 标题内边距
$mrp-title-num-margin: var(--mrp-title-num-margin, 0 .1rem 0 0); // 标题数字外边距
$mrp-rules-form-padding: var(--mrp-rules-form-padding, .4rem); // 规则表单内边距
$mrp-rules-form-li-margin: var(--mrp-rules-form-li-margin, .3rem); // 规则表单项外边距
$mrp-rule-form-label-width: var(--mrp-rule-form-label-width, 1.52rem); // 规则表单标签宽度
$mrp-rule-value-width: var(--mrp-rule-value-width, 5.4rem); // 规则表单值宽度
$mrp-rule-form-table-margin: var(--mrp-rule-form-table-margin, .24rem); // 规则表单表格外边距
$mrp-rule-form-th-padding: var(--mrp-rule-form-th-padding, 0 0 0 .52rem); // 表格头部内边距
$mrp-rule-form-td-padding: var(--mrp-rule-form-td-padding, .12rem 0 .12rem .62rem); // 表格单元格内边距
$mrp-rule-form-td-first-padding: var(--mrp-rule-form-td-first-padding, .12rem 0 .12rem .48rem); // 表格第一个单元格内边距
$mrp-rule-sche-item-padding: var(--mrp-rule-sche-item-padding, 0 0 0 .4rem); // 规则进度项内边距
$mrp-rule-step-name-margin: var(--mrp-rule-step-name-margin, .04rem); // 规则步骤名称外边距
$mrp-rule-step-content-margin: var(--mrp-rule-step-content-margin, .14rem 0 .32rem); // 规则步骤内容外边距
$mrp-guide-content-margin: var(--mrp-guide-content-margin, 0 auto); // 引导内容外边距
$mrp-guide-text-padding: var(--mrp-guide-text-padding, .3rem .14rem); // 引导文本内边距
$mrp-guide-wx-img-margin: var(--mrp-guide-wx-img-margin, .28rem 0 0 .7rem); // 引导微信图片外边距
$mrp-qr-code-margin: var(--mrp-qr-code-margin, .26rem auto .32rem); // 二维码外边距
$mrp-qr-code-border: var(--mrp-qr-code-border, .06rem solid #d8d4f1); // 二维码边框
$mrp-qr-code-tips-margin: var(--mrp-qr-code-tips-margin, .12rem); // 二维码提示外边距
$mrp-guide-tips-margin: var(--mrp-guide-tips-margin, -1rem); // 引导提示外边距
$mrp-guide-example-img-margin: var(--mrp-guide-example-img-margin, -.26rem auto -1.4rem); // 引导示例图片外边距
$mrp-guide-tab-width: var(--mrp-guide-tab-width, 3.72rem); // 引导标签宽度
$mrp-guide-tab-height: var(--mrp-guide-tab-height, .74rem); // 引导标签高度
$mrp-guide-tab-active-after-width: var(--mrp-guide-tab-active-after-width, .72rem); // 引导激活标签下划线宽度
$mrp-guide-tab-active-after-height: var(--mrp-guide-tab-active-after-height, .06rem); // 引导激活标签下划线高度
$mrp-guide-tab-active-after-margin: var(--mrp-guide-tab-active-after-margin, -.36rem); // 引导激活标签下划线外边距
$mrp-calendar-margin: var(--mrp-calendar-margin, .24rem auto 0); // 日历外边距
$mrp-btn-common-height: var(--mrp-btn-common-height, .5rem); // 通用按钮高度
$mrp-btn-common-width: var(--mrp-btn-common-width, 3.06rem); // 通用按钮宽度
$mrp-btn-primary-margin: var(--mrp-btn-primary-margin, .36rem auto 0); // 主按钮外边距
$mrp-btn-wrap-padding: var(--mrp-btn-wrap-padding, .32rem 0 .48rem); // 按钮包装内边距

// 颜色系统
$mrp-bg-color: var(--mrp-bg-color, #fff); // 背景色
$mrp-head-title-color: var(--mrp-head-title-color, #212124); // 头部标题颜色
$mrp-head-border-color: var(--mrp-head-border-color, #eff2f6); // 头部边框颜色
$mrp-tab-color: var(--mrp-tab-color, rgba(33, 33, 36, .55)); // 标签颜色
$mrp-tab-bg-color: var(--mrp-tab-bg-color, #edecef); // 标签背景色
$mrp-tab-border-color: var(--mrp-tab-border-color, rgba(84, 84, 87, .06)); // 标签边框颜色
$mrp-tab-active-color: var(--mrp-tab-active-color, #5300c3); // 激活标签颜色
$mrp-tab-active-bg-color: var(--mrp-tab-active-bg-color, rgba(92, 40, 247, .16)); // 激活标签背景色
$mrp-tab-active-border-color: var(--mrp-tab-active-border-color, rgba(93, 40, 247, .16)); // 激活标签边框颜色
$mrp-title-color: var(--mrp-title-color, #212124); // 标题颜色
$mrp-title-num-gradient: var(--mrp-title-num-gradient, linear-gradient(to right, #5300c3, #5e2eff)); // 标题数字渐变色
$mrp-rule-form-label-color: var(--mrp-rule-form-label-color, rgba(33, 33, 36, .5)); // 规则表单标签颜色
$mrp-rule-value-color: var(--mrp-rule-value-color, #212124); // 规则表单值颜色
$mrp-rule-form-table-border-color: var(--mrp-rule-form-table-border-color, #dedce8); // 表格边框颜色
$mrp-rule-form-th-bg-gradient: var(--mrp-rule-form-th-bg-gradient, linear-gradient(78.86deg, #d3cdee -1.19%, #ecf0fd 106.68%)); // 表格头部背景渐变
$mrp-rule-form-th-color: var(--mrp-rule-form-th-color, #212124); // 表格头部文字颜色
$mrp-rule-form-td-color: var(--mrp-rule-form-td-color, #212124); // 表格单元格文字颜色
$mrp-rule-step-name-color: var(--mrp-rule-step-name-color, #212124); // 规则步骤名称颜色
$mrp-rule-step-content-color: var(--mrp-rule-step-content-color, rgba(33, 33, 36, .75)); // 规则步骤内容颜色
$mrp-rule-sche-line-color: var(--mrp-rule-sche-line-color, #d3ceee); // 规则进度线颜色
$mrp-game-start-tips-bg-color: var(--mrp-game-start-tips-bg-color, #000); // 游戏开始提示背景色
$mrp-game-start-text-color: var(--mrp-game-start-text-color, #fff); // 游戏开始提示文字颜色
$mrp-guide-tab-color: var(--mrp-guide-tab-color, #212124); // 引导标签颜色
$mrp-guide-tab-active-color: var(--mrp-guide-tab-active-color, #5300c3); // 引导激活标签颜色
$mrp-guide-tab-active-after-bg: var(--mrp-guide-tab-active-after-bg, linear-gradient(180deg, #5300c3 0%, #5e2eff 62%)); // 引导激活标签下划线背景
$mrp-guide-tips-color: var(--mrp-guide-tips-color, #212124); // 引导提示文字颜色
$mrp-qr-code-border-color: var(--mrp-qr-code-border-color, #d8d4f1); // 二维码边框颜色
$mrp-qr-code-bg-color: var(--mrp-qr-code-bg-color, #fff); // 二维码背景色
$mrp-qr-code-tips-color: var(--mrp-qr-code-tips-color, #212124); // 二维码提示文字颜色
$mrp-calendar-date-color: var(--mrp-calendar-date-color, #212124); // 日历日期文字颜色
$mrp-calendar-time-color: var(--mrp-calendar-time-color, #000); // 日历时间文字颜色
$mrp-btn-primary-color: var(--mrp-btn-primary-color, #212124); // 主按钮文字颜色

// 字体系统
$mrp-head-title-font-size: var(--mrp-head-title-font-size, .32rem); // 头部标题字体大小
$mrp-head-title-font-weight: var(--mrp-head-title-font-weight, 600); // 头部标题字体粗细
$mrp-tab-font-size: var(--mrp-tab-font-size, .24rem); // 标签字体大小
$mrp-tab-line-height: var(--mrp-tab-line-height, .6rem); // 标签行高
$mrp-title-font-size: var(--mrp-title-font-size, .24rem); // 标题字体大小
$mrp-title-line-height: var(--mrp-title-line-height, .4rem); // 标题行高
$mrp-title-num-font-size: var(--mrp-title-num-font-size, .32rem); // 标题数字字体大小
$mrp-rule-form-label-font-size: var(--mrp-rule-form-label-font-size, .24rem); // 规则表单标签字体大小
$mrp-rule-form-label-line-height: var(--mrp-rule-form-label-line-height, .34rem); // 规则表单标签行高
$mrp-rule-value-font-size: var(--mrp-rule-value-font-size, .24rem); // 规则表单值字体大小
$mrp-rule-value-line-height: var(--mrp-rule-value-line-height, .34rem); // 规则表单值行高
$mrp-rule-form-th-font-size: var(--mrp-rule-form-th-font-size, .24rem); // 表格头部字体大小
$mrp-rule-form-th-line-height: var(--mrp-rule-form-th-line-height, .6rem); // 表格头部行高
$mrp-rule-form-td-font-size: var(--mrp-rule-form-td-font-size, .28rem); // 表格单元格字体大小
$mrp-rule-form-td-line-height: var(--mrp-rule-form-td-line-height, .8rem); // 表格单元格行高
$mrp-rule-step-name-font-size: var(--mrp-rule-step-name-font-size, .24rem); // 规则步骤名称字体大小
$mrp-rule-step-name-line-height: var(--mrp-rule-step-name-line-height, .28rem); // 规则步骤名称行高
$mrp-rule-step-name-font-weight: var(--mrp-rule-step-name-font-weight, 500); // 规则步骤名称字体粗细
$mrp-rule-step-content-font-size: var(--mrp-rule-step-content-font-size, .2rem); // 规则步骤内容字体大小
$mrp-rule-step-content-line-height: var(--mrp-rule-step-content-line-height, .28rem); // 规则步骤内容行高
$mrp-rule-step-content-font-weight: var(--mrp-rule-step-content-font-weight, 200); // 规则步骤内容字体粗细
$mrp-game-start-tips-font-size: var(--mrp-game-start-tips-font-size, .2rem); // 游戏开始提示字体大小
$mrp-guide-tab-font-size: var(--mrp-guide-tab-font-size, .24rem); // 引导标签字体大小
$mrp-guide-tab-line-height: var(--mrp-guide-tab-line-height, .84rem); // 引导标签行高
$mrp-guide-tab-active-line-height: var(--mrp-guide-tab-active-line-height, .74rem); // 引导激活标签行高
$mrp-guide-tips-font-size: var(--mrp-guide-tips-font-size, .24rem); // 引导提示字体大小
$mrp-guide-tips-line-height: var(--mrp-guide-tips-line-height, .28rem); // 引导提示行高
$mrp-guide-tips-wx-font-size: var(--mrp-guide-tips-wx-font-size, 12px); // 引导微信提示字体大小
$mrp-guide-tips-wx-font-weight: var(--mrp-guide-tips-wx-font-weight, 200); // 引导微信提示字体粗细
$mrp-qr-code-tips-font-size: var(--mrp-qr-code-tips-font-size, .24rem); // 二维码提示字体大小
$mrp-qr-code-tips-line-height: var(--mrp-qr-code-tips-line-height, .34rem); // 二维码提示行高
$mrp-qr-code-tips-font-weight: var(--mrp-qr-code-tips-font-weight, 200); // 二维码提示字体粗细
$mrp-calendar-date-font-size: var(--mrp-calendar-date-font-size, .36rem); // 日历日期字体大小
$mrp-calendar-date-line-height: var(--mrp-calendar-date-line-height, 1.1rem); // 日历日期行高
$mrp-calendar-time-font-size: var(--mrp-calendar-time-font-size, .84rem); // 日历时间字体大小
$mrp-calendar-time-line-height: var(--mrp-calendar-time-line-height, 1.2rem); // 日历时间行高
$mrp-btn-common-font-size: var(--mrp-btn-common-font-size, .24rem); // 通用按钮字体大小
$mrp-btn-common-line-height: var(--mrp-btn-common-line-height, .5rem); // 通用按钮行高
$mrp-btn-common-letter-spacing: var(--mrp-btn-common-letter-spacing, .02rem); // 通用按钮字间距

// 圆角系统
$mrp-border-radius: var(--mrp-border-radius, .16rem .16rem 0 0); // 组件圆角
$mrp-tab-first-radius: var(--mrp-tab-first-radius, .04rem 0 0 .04rem); // 第一个标签圆角
$mrp-tab-last-radius: var(--mrp-tab-last-radius, 0 .04rem .04rem 0); // 最后一个标签圆角
$mrp-qr-code-radius: var(--mrp-qr-code-radius, .12rem); // 二维码圆角
$mrp-guide-tab-active-after-radius: var(--mrp-guide-tab-active-after-radius, .03rem); // 引导激活标签下划线圆角