@charset "utf-8";
/* ==========================================================
   中招网 全站统一设计层  zz-unify.css
   2026-09-20  统一配色 / 字体 / 顶部导航 / 页脚 / 通用组件
   ========================================================== */

:root{
  --blue:#1E5EFF; --blue-dark:#0B1B3A; --blue-soft:#EEF3FF;
  --vio:#6C4CF1; --vio-dark:#2A1B6B; --vio-soft:#F0ECFE;
  --gold:#B7791F; --gold-soft:#FBF3E4;
  --ink:#101828; --ink-2:#475467; --ink-3:#98A2B3;
  --line:#E7ECF4; --bg:#FFFFFF; --bg-soft:#F7F9FC;
  --r:14px; --r-lg:20px;
  --shadow:0 6px 24px rgba(16,24,40,.06);
}

/* ============ 1. 全局基础统一 ============ */
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
  color:var(--ink); background:#fff; font-size:14px; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
a:hover{color:var(--blue)}
h1,h2,h3,h4,h5{font-weight:600;color:var(--ink);line-height:1.4}
img{max-width:100%}

/* ============ 2. 旧主题色收编 → 品牌蓝 ============ */
/* 旧模板主色 #06978e(青绿) / #258CFF(旧蓝) 统一为 #1E5EFF */
.box dt:before{background:var(--blue)}
.pages a:hover{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}
.pages strong{background:var(--blue);border-color:var(--blue)}
.pages_btn{background:var(--blue);border-color:var(--blue)}
.pages a:link,.pages a:visited,.pages a:active{border-radius:6px;padding:7px 12px;display:inline-block;margin:0 2px}
.pages strong{border-radius:6px;padding:7px 12px;display:inline-block;margin:0 2px}
.pages label{border-radius:6px;padding:7px 12px}

/* 面包屑 */
.pos,.breadcrumb,.nav-path{color:var(--ink-3);font-size:13px;padding:12px 0}
.pos a,.breadcrumb a{color:var(--ink-2)}
.pos a:hover,.breadcrumb a:hover{color:var(--blue)}

/* ============ 3. 新版顶部导航（全站统一） ============ */
.zz-head{
  position:sticky; top:0; z-index:9999; width:100%;
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line);
}
.zz-head .zz-wrap{
  max-width:1200px; margin:0 auto; padding:0 24px;
  height:64px; display:flex; align-items:center; gap:28px;
}
.zz-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:1px;color:var(--ink);flex:none}
.zz-logo:hover{color:var(--ink)}
.zz-logo .mark{
  width:34px;height:34px;border-radius:9px;background:var(--blue);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;letter-spacing:0;
}
.zz-nav{display:flex;align-items:center;gap:24px;flex:1;min-width:0;overflow:hidden}
.zz-nav a{color:var(--ink-2);font-size:15px;white-space:nowrap;transition:color .15s}
.zz-nav a:hover{color:var(--blue)}
.zz-nav a.on{color:var(--ink);font-weight:600}
.zz-head .zz-act{display:flex;align-items:center;gap:10px;flex:none}
.zz-btn{
  display:inline-flex;align-items:center;gap:6px;
  border-radius:10px;padding:9px 16px;font-size:14px;border:none;cursor:pointer;white-space:nowrap;
  transition:all .15s;
}
.zz-btn-primary{background:var(--blue);color:#fff;box-shadow:0 4px 14px rgba(30,94,255,.32)}
.zz-btn-primary:hover{background:#1552ee;color:#fff}
.zz-btn-ghost{background:var(--blue-soft);color:var(--blue)}
.zz-btn-ghost:hover{background:#e2ebff;color:var(--blue)}
.zz-city{
  display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--ink-2);
  border:1px solid var(--line);border-radius:999px;padding:5px 12px;
}
.zz-city:hover{color:var(--blue);border-color:var(--blue)}

/* ============ 4. 新版页脚（全站统一） ============ */
.zz-foot{background:#0B1B3A;color:#C3CEE0;margin-top:48px;font-size:14px}
.zz-foot .zz-wrap{max-width:1200px;margin:0 auto;padding:44px 24px 28px}
.zz-foot .zz-cols{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:32px}
.zz-foot h5{color:#fff;font-size:15px;font-weight:600;margin:0 0 14px}
.zz-foot a{display:block;color:#A6B5CC;font-size:13.5px;line-height:2.1}
.zz-foot a:hover{color:#fff}
.zz-foot .zz-brand p{color:#8E9FB8;font-size:13px;line-height:1.8;margin-top:12px;max-width:300px}
.zz-foot .zz-brand .zz-badge{
  display:inline-block;background:rgba(255,255,255,.08);color:#9FB2CC;
  font-size:12px;padding:4px 10px;border-radius:999px;margin-top:12px;
}
.zz-foot .zz-contact{border-top:1px solid rgba(255,255,255,.10);margin-top:32px;padding-top:20px;
  display:flex;flex-wrap:wrap;gap:24px;align-items:center;color:#8E9FB8;font-size:13px}
.zz-foot .zz-contact b{color:#C3CEE0;font-weight:500}
.zz-foot .zz-copy{
  border-top:1px solid rgba(255,255,255,.10);margin-top:18px;padding-top:18px;
  color:#7C8DA6;font-size:12.5px;line-height:1.9;text-align:center;
}
.zz-foot .zz-copy a{display:inline;color:#93A5BE}
.zz-foot .zz-copy a:hover{color:#fff}
.zz-foot .zz-note{color:#6B7DA6;font-size:12px;display:block;margin-top:6px}

/* ============ 5. 通用组件（供内页逐步套用） ============ */
.zz-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.zz-card-pad{padding:20px}
.zz-tag{
  display:inline-block;background:var(--blue-soft);color:var(--blue);
  font-size:12px;padding:3px 10px;border-radius:999px;
}
.zz-tag-vio{background:var(--vio-soft);color:var(--vio)}
.zz-tag-gold{background:var(--gold-soft);color:var(--gold)}
.zz-sec-title{font-size:20px;font-weight:600;margin:0 0 16px;display:flex;align-items:center;gap:10px}
.zz-sec-title:before{content:"";width:4px;height:18px;border-radius:2px;background:var(--blue)}
.zz-mb{margin-bottom:24px}

/* ============ 7. 返回顶部 ============ */
.zz-totop{
  position:fixed; right:24px; bottom:88px; z-index:9998;
  width:44px; height:44px; border-radius:12px;
  background:#fff; border:1px solid var(--line); box-shadow:var(--shadow);
  color:var(--ink-2); font-size:13px; line-height:44px; text-align:center;
  opacity:0; pointer-events:none; transition:opacity .2s;
}
.zz-totop.show{opacity:1;pointer-events:auto}
.zz-totop:hover{color:var(--blue);border-color:var(--blue)}

/* ============ 6. 窄屏收敛 ============ */
@media (max-width:1100px){
  .zz-nav{gap:16px}
  .zz-nav a{font-size:14px}
}
@media (max-width:900px){
  .zz-foot .zz-cols{grid-template-columns:1fr 1fr;gap:24px}
  .zz-head .zz-wrap{height:56px;padding:0 16px;gap:14px}
  .zz-nav a{font-size:13px}
  .zz-btn{padding:7px 12px;font-size:13px}
}
@media (max-width:640px){
  .zz-logo span.zz-txt{display:none}
  .zz-nav{gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .zz-foot .zz-cols{grid-template-columns:1fr}
}