@charset "utf-8";
/* ==========================================================
   中招网 移动端统一设计层  zz-unify-m.css
   2026-09-20  与 PC 端同一套设计令牌
   ========================================================== */

:root{
  --blue:#1E5EFF; --blue-dark:#0B1B3A; --blue-soft:#EEF3FF;
  --vio:#6C4CF1; --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, .ui-page, .ui-body-c{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif !important;
  color:var(--ink) !important;
  background:var(--bg-soft) !important;
  font-size:15px; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none !important;color:inherit}
a:hover{color:var(--blue)}
img{max-width:100%}

/* 主色收敛：旧青绿 #06978e / #0d8bf2 → 品牌蓝 */
.head .back, .ui-btn-up-b, .ui-bar-b{background:var(--blue) !important;border-color:var(--blue) !important}
.list-more a, .more a{color:var(--blue) !important}

/* ============ 2. 底部固定栏（内页） ============ */
.foot-bar{
  background:#fff !important;
  border-top:1px solid var(--line) !important;
  box-shadow:0 -2px 12px rgba(16,24,40,.05);
  padding-bottom:env(safe-area-inset-bottom);
}
.foot-bar ul li a{color:var(--ink-3) !important}
.foot-bar ul li.icon-home-on a span,
.foot-bar ul li.icon-my-on a span{color:var(--blue) !important}
.foot-bar ul li em{background:#F04438 !important}

/* ============ 3. 移动端统一页脚 ============ */
.zz-mfoot{background:#0B1B3A;color:#A6B5CC;padding:28px 16px calc(24px + env(safe-area-inset-bottom));margin-top:20px}
.zz-mfoot .zz-m-brand{
  display:flex;align-items:center;gap:10px;color:#fff;font-size:17px;font-weight:700;letter-spacing:1px;margin-bottom:12px;
}
.zz-mfoot .zz-m-brand .mark{
  width:30px;height:30px;border-radius:8px;background:var(--blue);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;letter-spacing:0;
}
.zz-mfoot .zz-m-desc{color:#8E9FB8;font-size:12.5px;line-height:1.8;margin-bottom:16px}
.zz-mfoot .zz-m-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:16px}
.zz-mfoot .zz-m-links a{color:#A6B5CC;font-size:13.5px}
.zz-mfoot .zz-m-links a:hover{color:#fff}
.zz-mfoot .zz-m-copy{
  border-top:1px solid rgba(255,255,255,.10);padding-top:14px;
  color:#7C8DA6;font-size:12px;line-height:1.8;text-align:center;
}
.zz-mfoot .zz-m-copy a{color:#93A5BE}
.zz-mfoot .zz-m-note{display:block;margin-top:6px;color:#6B7DA6;font-size:11.5px}

/* ============ 4. 通用组件 ============ */
.zz-m-card{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
.zz-m-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border-radius:10px;padding:9px 16px;font-size:14px;border:none;
}
.zz-m-btn-primary{background:var(--blue);color:#fff}
.zz-m-btn-ghost{background:var(--blue-soft);color:var(--blue)}
.zz-m-tag{display:inline-block;background:var(--blue-soft);color:var(--blue);font-size:12px;padding:3px 10px;border-radius:999px}
.zz-m-tag-vio{background:var(--vio-soft);color:var(--vio)}
.zz-m-tag-gold{background:var(--gold-soft);color:var(--gold)}
.zz-m-sec-title{font-size:17px;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.zz-m-sec-title:before{content:"";width:4px;height:16px;border-radius:2px;background:var(--blue)}