/* ===================== components.css（按钮 / 表单 / 卡片 / 标签 / 弹窗 / 广告 / 分页 / 提示） ===================== */

/* ---------- 按钮 ---------- */
.anniu{ display:inline-block; padding:9px 20px; border-radius:8px; font-size:14px; text-align:center; transition:.15s; background:var(--bei-se); color:var(--zi-se); }
.anniu:hover{ opacity:.9; }
.anniu-zhu{ background:var(--zhu-se); color:#fff; }
.anniu-zhu:hover{ background:var(--zhu-se-an); }
.anniu-ci{ background:#fff; border:1.5px solid var(--xian-se); color:var(--zi-se); }
.anniu-kuang{ background:transparent; border:1.5px solid var(--zhu-se); color:var(--zhu-se); }
.anniu-da{ padding:12px 28px; font-size:16px; }
.anniu-zu{ width:100%; }
.anniu:disabled{ opacity:.5; cursor:not-allowed; }

/* ---------- 表单 ---------- */
.biaodan{ }
.biaodan-xiang{ margin-bottom:16px; }
.biaodan-biaoqian{ display:block; margin-bottom:6px; font-size:14px; color:var(--zi-se); }
.biaodan-biaoqian .bi-tishi{ color:var(--cuowu); margin-left:3px; }
.biaodan-zu{ margin-bottom:16px; }
.biaodan-kuang{ width:100%; border:1.5px solid var(--xian-se); border-radius:8px; padding:10px 12px; background:#fff; color:var(--wen-se); font-size:14px; box-sizing:border-box; }
.biaodan-kuang:focus{ border-color:var(--zhu-se); outline:none; }
textarea.biaodan-kuang{ min-height:96px; resize:vertical; }
.biaodan-fuxuan{ display:flex; align-items:center; gap:6px; font-size:14px; color:var(--zi-se); cursor:pointer; }
.shuru-kuang, .xuanze-kuang, .wenben-kuang{
  width:100%; border:1.5px solid var(--xian-se); border-radius:8px; padding:10px 12px; background:#fff; color:var(--wen-se);
}
.shuru-kuang:focus, .xuanze-kuang:focus, .wenben-kuang:focus{ border-color:var(--zhu-se); }
.wenben-kuang{ min-height:120px; resize:vertical; }
.biaodan-cuowu{ color:var(--cuowu); font-size:12px; margin-top:4px; display:none; }
.biaodan-xiang.cuo .biaodan-cuowu{ display:block; }
.biaodan-xiang.cuo .shuru-kuang{ border-color:var(--cuowu); }
.dan-xuan, .duo-xuan{ display:flex; align-items:center; gap:6px; margin-right:16px; }
.xuan-xiang-hang{ display:flex; flex-wrap:wrap; gap:8px 18px; }

/* ---------- 标签 ---------- */
.biaoqian{ display:inline-block; background:var(--bei-se); color:var(--zi-se); border-radius:4px; padding:2px 8px; font-size:12px; margin:2px 4px 2px 0; }
.biaoqian-tuiguang{ background:var(--jinggao); color:#fff; border-radius:4px; padding:2px 8px; font-size:12px; margin-right:6px; }

/* ---------- 卡片 ---------- */
.ka-pian{ background:#fff; border-radius:var(--ban-jing); box-shadow:var(--yin-ying); padding:16px; }
.ka-pian-biaoti{ font-size:16px; font-weight:600; color:var(--zi-se); margin-bottom:10px; }

/* 职位卡片 */
.zhiwei-kapian{ background:#fff; border:1px solid var(--xian-se); border-radius:10px; padding:14px; transition:.15s; }
.zhiwei-kapian:hover{ border-color:var(--zhu-se); box-shadow:var(--yin-ying); }
.zhiwei-kapian-tou{ display:flex; align-items:center; gap:6px; margin-bottom:8px; }
.zhiwei-kapian-biaoti{ font-size:16px; font-weight:600; color:var(--zi-se); flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.zhiwei-kapian-biaoti:hover{ color:var(--zhu-se); }
.zhiwei-kapian-gongzi{ color:var(--zhu-se); font-weight:700; font-size:15px; white-space:nowrap; }
.zhiwei-kapian-qiye{ display:flex; justify-content:space-between; color:var(--hui-se); font-size:13px; margin-bottom:8px; }
.zhiwei-kapian-qiye a:hover{ color:var(--zhu-se); }
.zhiwei-kapian-biaoqian{ margin-bottom:8px; }
.zhiwei-kapian-di{ display:flex; justify-content:space-between; color:var(--hui-se); font-size:12px; }

/* 名企卡片 */
.mingqi-kapian{ background:#fff; border:1px solid var(--xian-se); border-radius:10px; padding:14px; text-align:center; transition:.15s; }
.mingqi-kapian:hover{ border-color:var(--zhu-se); }
.mingqi-logo{ width:54px; height:54px; border-radius:12px; background:linear-gradient(135deg,var(--zhu-se),var(--zi-se)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:20px; margin:0 auto 8px; }
.mingqi-ming{ font-size:14px; color:var(--zi-se); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mingqi-renzheng{ font-size:12px; color:var(--chenggong); }

/* 行业导航格 */
.hangye-ge{ background:#fff; border:1px solid var(--xian-se); border-radius:10px; padding:16px 12px; text-align:center; color:var(--zi-se); transition:.15s; cursor:pointer; }
.hangye-ge:hover{ border-color:var(--zhu-se); color:var(--zhu-se); transform:translateY(-2px); }
.hangye-ge i{ display:block; font-size:24px; margin-bottom:6px; }

/* 统计卡片（后台） */
.tongji-kapian{ background:#fff; border-radius:12px; box-shadow:var(--yin-ying); padding:20px; }
.tongji-shu{ font-size:30px; font-weight:800; color:var(--zhu-se); }
.tongji-ming{ color:var(--hui-se); font-size:13px; margin-top:4px; }

/* 表格（后台） */
.biao-ge{ width:100%; border-collapse:collapse; background:#fff; border-radius:10px; overflow:hidden; box-shadow:var(--yin-ying); }
.biao-ge th, .biao-ge td{ padding:12px 14px; text-align:left; border-bottom:1px solid var(--xian-se); font-size:13px; }
.biao-ge th{ background:var(--bei-se); color:var(--zi-se); font-weight:600; }
.biao-ge tr:hover td{ background:#fafbfe; }
.zhuangtai-biaoqian{ padding:2px 10px; border-radius:20px; font-size:12px; }
.zhuangtai-daishen{ background:#fff4e0; color:var(--jinggao); }
.zhuangtai-tongguo{ background:#e6f9ee; color:var(--chenggong); }
.zhuangtai-jujue{ background:#fdeaea; color:var(--cuowu); }

/* ---------- 通用弹窗 ---------- */
.tan-chuang-mu{ position:fixed; inset:0; background:rgba(20,28,48,.45); z-index:90; display:flex; align-items:center; justify-content:center; }
.tan-chuang{ background:#fff; width:420px; max-width:92vw; border-radius:14px; padding:22px; }
.tan-chuang-biaoti{ font-size:18px; font-weight:600; margin-bottom:14px; }

/* ---------- 广告位 ---------- */
.guanggao-weizhi{ }
.guanggao-tiao{ display:block; background:#fff7e6; border:1px dashed var(--jinggao); border-radius:8px; padding:8px 12px; margin:10px 0; color:#7a5a00; }
.guanggao-biao{ background:var(--jinggao); color:#fff; border-radius:3px; font-size:11px; padding:1px 6px; margin-right:8px; }
.guanggao-tonglan-ding{ margin:10px 0; }
.guanggao-lunbo-shouye .guanggao-tiao{ background:linear-gradient(90deg,#fff7e6,#ffe9c7); }

/* ---------- 分页 ---------- */
.fenye{ display:flex; justify-content:center; gap:6px; margin:22px 0; }
.fenye-an{ min-width:36px; height:36px; border:1px solid var(--xian-se); border-radius:8px; background:#fff; color:var(--zi-se); }
.fenye-an.huang{ background:var(--zhu-se); color:#fff; border-color:var(--zhu-se); }
.fenye-an.jinyong{ opacity:.4; cursor:not-allowed; }
.fenye-an:not(.jinyong):hover{ border-color:var(--zhu-se); }

/* ---------- 轻提示 toast ---------- */
.tishi-hezi{ position:fixed; left:50%; top:80px; transform:translateX(-50%) translateY(-20px); background:rgba(30,39,51,.92); color:#fff; padding:10px 22px; border-radius:24px; font-size:14px; z-index:200; opacity:0; transition:.25s; pointer-events:none; }
.tishi-hezi.tishi-xianshi{ opacity:1; transform:translateX(-50%) translateY(0); }
.tishi-chenggong{ background:rgba(34,197,94,.95); }
.tishi-cuowu{ background:rgba(239,68,68,.95); }

/* ---------- 侧边导航（个人中心） ---------- */
.cebian{ background:#fff; border-radius:12px; box-shadow:var(--yin-ying); padding:10px; }
.cebian-biaoti{ font-size:15px; font-weight:600; padding:12px 14px 8px; color:var(--zi-se); }
.cebian-xiang{ display:block; padding:10px 14px; border-radius:8px; color:var(--zi-se); font-size:14px; }
.cebian-xiang:hover{ background:var(--bei-se); }
.cebian-xiang.huang{ background:var(--zhu-se); color:#fff; }

/* ---------- 协议 / 详情正文 ---------- */
.zhengwen{ background:#fff; border-radius:12px; box-shadow:var(--yin-ying); padding:26px 30px; line-height:1.9; }
.zhengwen h2{ font-size:20px; margin-bottom:14px; }
.zhengwen h3{ font-size:16px; margin:18px 0 8px; }
.zhengwen p{ margin-bottom:10px; color:#3a465c; }
.zhengwen-zhuye-title{ text-align:center; font-size:22px; margin-bottom:6px; }
.zhengwen-riqi{ text-align:center; color:var(--hui-se); font-size:13px; margin-bottom:18px; border-bottom:1px solid var(--xian-se); padding-bottom:12px; }