/* ===================== base.css（基础变量 / 重置 / 排版） ===================== */
/* 设计变量：招聘橘红主色 + 深蓝辅助 */
:root{
  --zhu-se:#ff5a36;          /* 主色 */
  --zhu-se-an:#e8431f;       /* 主色按下 */
  --zi-se:#2b3553;           /* 辅助深色 */
  --bei-se:#f5f7fa;          /* 背景灰 */
  --wen-se:#1f2733;          /* 正文 */
  --hui-se:#8a94a6;          /* 次要灰 */
  --xian-se:#e8ecf3;         /* 分割线 */
  --chenggong:#22c55e;       /* 成功 */
  --jinggao:#f59e0b;         /* 警告 */
  --cuowu:#ef4444;           /* 错误 */
  --ban-jing:10px;           /* 圆角 */
  --yin-ying:0 2px 12px rgba(40,55,90,.08);
}

/* 重置 */
*{ margin:0; padding:0; box-sizing:border-box; }
html,body{ height:100%; }
body{
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;
  color:var(--wen-se); background:var(--bei-se); font-size:14px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{ color:inherit; text-decoration:none; }
ul,ol{ list-style:none; }
img{ max-width:100%; display:block; }
button{ font-family:inherit; cursor:pointer; border:none; background:none; }
input,select,textarea{ font-family:inherit; font-size:14px; outline:none; }
h1,h2,h3,h4{ font-weight:600; color:var(--zi-se); }

/* 布局容器 */
.rongqi{ max-width:1200px; margin:0 auto; padding:0 16px; }
.zhuti{ min-height:calc(100vh - 60px - 240px); padding:20px 0; } /* 主体（抵消头尾） */

/* 栅格 */
.wangge{ display:flex; flex-wrap:wrap; margin:0 -10px; }
.lie{ padding:0 10px; }
.lie-1{ width:8.333%; } .lie-2{ width:16.666%; } .lie-3{ width:25%; }
.lie-4{ width:33.333%; } .lie-5{ width:41.666%; } .lie-6{ width:50%; }
.lie-7{ width:58.333%; } .lie-8{ width:66.666%; } .lie-9{ width:75%; }
.lie-12{ width:100%; }
@media(max-width:768px){ .lie{ width:100% !important; } }

/* 通用区块标题 */
.kuai-biaoti{ display:flex; align-items:center; justify-content:space-between; margin:22px 0 14px; }
.kuai-biaoti h3{ font-size:18px; position:relative; padding-left:12px; }
.kuai-biaoti h3::before{ content:""; position:absolute; left:0; top:3px; bottom:3px; width:4px; background:var(--zhu-se); border-radius:2px; }
.kuai-biaoti a{ color:var(--hui-se); font-size:13px; }
.kuai-biaoti a:hover{ color:var(--zhu-se); }

/* 通用工具 */
.chuang-tiao{ height:14px; }
.you-fu{ float:right; }
.qing-chu::after{ content:""; display:block; clear:both; }
.an-quan-quyu{ max-width:560px; margin:0 auto; }