/* ==========================================================================
   花薪借 H5 · 统一设计令牌与主题覆盖 (unify.css)
   --------------------------------------------------------------------------
   目的：把 maguo-apploan 下全部页面的配色 / 组件 / 排版收敛到同一套体系。
   用法：在每页所有样式表之后引入（保证优先级最高）：
         <link rel="stylesheet" type="text/css" href="css/unify.css"/>
   --------------------------------------------------------------------------
   口径：
     · 设计稿宽 750px，1rem = 100px（设计稿）；实际 375 屏 1rem = 50px
       （由 js/main.js 的 font() 计算，rem.js 会被其覆盖）
     · 主色沿用本站既有绿色体系，不新造色
     · 库组件主色（Vant 2.x / Element UI）通过选择器覆盖，Vant 2 无 CSS 变量
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 设计令牌
   -------------------------------------------------------------------------- */
:root {
  /* 主色阶 */
  --c-primary-darkest: #0a3d2a;   /* 最深，用于渐变起点 / 强调 */
  --c-primary-dark:    #11603f;   /* 深绿，渐变主色 */
  --c-primary:         #1a7a52;   /* 主色（品牌绿） */
  --c-primary-light:   #28a06c;   /* 亮绿，按钮高亮 / 渐变终点 */
  --c-primary-pale:    #ecf7ec;   /* 极浅绿底 */
  --c-primary-pale2:   #f2faf5;   /* 更浅绿底 */
  --c-primary-line:    #dcebe3;   /* 浅绿描边 */
  --c-primary-line2:   #cfe8da;   /* 浅绿描边（深一档） */

  /* 渐变（全站统一，禁止再出现其它渐变） */
  --g-primary:      linear-gradient(135deg, #11603f, #1a7a52);
  --g-primary-deep: linear-gradient(155deg, #0a3d2a 0%, #11603f 55%, #1a7a52 100%);
  --g-primary-btn:  linear-gradient(to right, #11603f, #1a7a52);

  /* 文字 */
  --t-main:  #222222;   /* 主文字 */
  --t-title: #333333;   /* 标题 */
  --t-body:  #666666;   /* 正文 */
  --t-weak:  #999999;   /* 弱化 / 说明 */
  --t-hint:  #bfc5ce;   /* 占位符 / 禁用 */
  --t-white: #ffffff;

  /* 背景 / 分割线 */
  --bg-page: #f5f5f5;
  --bg-card: #ffffff;
  --bg-soft: #f8f9fa;
  --line:    #e8e8e8;
  --line-2:  #e9ecef;

  /* 语义色（跨页面统一，勿各自定义） */
  --c-success: #1a7a52;
  --c-warn:    #ff9600;   /* 待审 / 提示 */
  --c-danger:  #f56c6c;   /* 错误 / 拒绝 */
  --c-danger-deep: #ff3939;

  /* 圆角 */
  --r-sm: .08rem;   /* 8px  */
  --r-md: .1rem;    /* 10px */
  --r-lg: .2rem;    /* 20px */
  --r-pill: 100rem;

  /* 间距 */
  --sp-xs: .1rem;
  --sp-sm: .2rem;
  --sp-md: .3rem;
  --sp-lg: .4rem;

  /* 字号（rem 已随屏缩放） */
  --fs-xs: .22rem;
  --fs-sm: .24rem;
  --fs-md: .28rem;
  --fs-lg: .32rem;
  --fs-title: .34rem;
  --fs-xl: .4rem;

  /* 控件高度 */
  --h-btn: .9rem;
  --h-header: .8rem;

  /* 阴影 */
  --sh-card: 0 2px 12px rgba(13, 74, 51, .08);
}

/* --------------------------------------------------------------------------
   2. 页面基底
   -------------------------------------------------------------------------- */
body {
  color: var(--t-main);
  background-color: var(--bg-page);
  font-family: 微软雅黑, "Open Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--c-primary); }

/* --------------------------------------------------------------------------
   3. 统一头部（全站唯一写法）
   -------------------------------------------------------------------------- */
.header,
.header.fixed,
.header.on,
.header.header_fff {
  background: var(--g-primary) !important;
  border: none !important;
  box-shadow: 0 2px 12px rgba(13, 74, 51, .2);
}
.header h1,
.header.fixed h1,
.header.on h1,
.header_fff h1 { color: var(--t-white) !important; }

/* --------------------------------------------------------------------------
   4. 统一主按钮 / 次按钮
   -------------------------------------------------------------------------- */
.div_btns a.on,
.btn-primary,
.unify-btn-primary {
  background: var(--g-primary-btn) !important;
  border-color: transparent !important;
  color: var(--t-white) !important;
}
.div_btns a {
  border-color: var(--c-primary) !important;
  color: var(--c-primary) !important;
}

/* --------------------------------------------------------------------------
   5. Vant 2.x 组件主题覆盖（该版本无 CSS 变量，只能选择器覆盖）
   -------------------------------------------------------------------------- */
/* 主按钮 */
.van-button--primary {
  color: #fff !important;
  background-color: var(--c-primary) !important;
  border-color: var(--c-primary) !important;
}
.van-button--primary.van-button--plain {
  color: var(--c-primary) !important;
  background-color: #fff !important;
}
/* 勾选 / 单选 */
.van-checkbox__icon--checked .van-icon,
.van-radio__icon--checked .van-icon {
  color: #fff !important;
  background-color: var(--c-primary) !important;
  border-color: var(--c-primary) !important;
}
/* 开关 */
.van-switch--on { background-color: var(--c-primary) !important; }
/* 进度条 / 滑块 */
.van-progress__pivot { background-color: var(--c-primary) !important; }
.van-slider__bar { background-color: var(--c-primary) !important; }
/* 标签页 / 步骤条 */
.van-tabs__line { background-color: var(--c-primary) !important; }
.van-step--finish .van-step__circle,
.van-step--finish .van-step__line { background-color: var(--c-primary) !important; }
.van-step--process .van-step__circle-container .van-icon { color: var(--c-primary) !important; }
/* 单元格箭头 / 加载 */
.van-cell__right-icon,
.van-loading__spinner { color: var(--c-primary) !important; }
/* 弹出层确认 / 取消按钮 */
.van-dialog__confirm,
.van-dialog__confirm:active { color: var(--c-primary) !important; }
/* 下拉选择器选中态 */
.van-picker__confirm { color: var(--c-primary) !important; }
.van-picker-column__item--selected { color: var(--t-main) !important; }
/* 级联选择（原 basicInfo 用亮绿，此处统一） */
.van-cascader__option--selected { color: var(--c-primary) !important; }
.van-radio__icon--checked + .van-radio__label,
.van-checkbox__label--checked { color: var(--c-primary) !important; }
/* 步进器 */
.van-stepper__plus,
.van-stepper__minus { color: var(--c-primary) !important; }
/* 字段聚焦 */
.van-field__control:focus { color: var(--t-main) !important; }

/* --------------------------------------------------------------------------
   6. Element UI 主题覆盖
   -------------------------------------------------------------------------- */
.el-button--primary {
  background-color: var(--c-primary) !important;
  border-color: var(--c-primary) !important;
}
.el-button--primary.is-plain { color: var(--c-primary) !important; }
.el-button--text { color: var(--c-primary) !important; }
.el-radio__input.is-checked .el-radio__inner,
.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--c-primary) !important;
  border-color: var(--c-primary) !important;
}
.el-radio__input.is-checked + .el-radio__label,
.el-checkbox__input.is-checked + .el-checkbox__label { color: var(--c-primary) !important; }
.el-input__inner:focus,
.el-textarea__inner:focus { border-color: var(--c-primary) !important; }
.el-select-dropdown__item.selected { color: var(--c-primary) !important; }
.el-tabs__item.is-active { color: var(--c-primary) !important; }
.el-tabs__active-bar { background-color: var(--c-primary) !important; }
.el-message-box__headerbtn:hover .el-message-box__close { color: var(--c-primary) !important; }
.el-loading-spinner .path { stroke: var(--c-primary) !important; }

/* --------------------------------------------------------------------------
   7. 统一卡片 / 提示条 / 徽标
   -------------------------------------------------------------------------- */
.unify-card {
  background: var(--bg-card);
  border-radius: var(--r-md);
  box-shadow: var(--sh-card);
  padding: var(--sp-md);
}
.tips2,
.unify-tips {
  background: var(--c-primary-pale) !important;
  color: var(--c-primary) !important;
  border-radius: var(--r-sm);
}
.lbl_type { background: var(--c-warn) !important; }
.lbl_type.type2 { background: var(--c-danger-deep) !important; }
.lbl_type.type3 { background: var(--c-primary) !important; }
.lbl_type.type4 { background: #cacaca !important; }

/* --------------------------------------------------------------------------
   8. 统一协议头（原为蓝色 #4-0-9-E-F-F，全站改绿）
   -------------------------------------------------------------------------- */
.agreement-header {
  background: var(--g-primary) !important;
  color: #fff !important;
}
.agreement-header .close-btn,
.agreement-header button { color: #fff !important; }

/* 倒计时保持语义色（提示） */
.countdown-timer { color: var(--c-danger) !important; }

/* --------------------------------------------------------------------------
   9. 禁止残留的旧主题色兜底
      （若某页仍有内联的旧色，这里的同权重规则会在其之后生效；
        前提是 unify.css 在所有内联样式之前引入——见各页引入位置说明）
   -------------------------------------------------------------------------- */
.unify-forbid-purple { background: var(--g-primary) !important; }