/* ===== CAIGE m-end footer : grand / spacious style  2026-09-20 =====
   Rev3 (ft3) : LIGHT theme + SITE BLUE (#3592E2) accents.
     - all brand-orange removed -> site blue (hairline / logo / hotline card / button)
     - beian line kept but shrunk (10px) and faded (#B8BEC8), top border removed
   Scoped to .footer > .ft-wrap so it cannot leak into other blocks.
   Old-WebView safe: no flex `gap`, no object-fit, flex written with
   -webkit-box / -webkit-flex / flex triplets.
   NOTE: file is pure ASCII on purpose (no encoding risk on ANY server). */

body .footer { margin:0; padding:0; background:none; clear:both; position:relative; z-index:1; }

.ft-wrap {
  position:relative;
  padding:24px 16px 0 16px;
  color:#2A3040;
  background-color:#fff;
  background-image:-webkit-linear-gradient(top,#fff 0%,#F7F8FA 100%);
  background-image:linear-gradient(180deg,#fff 0%,#F7F8FA 100%);
  -webkit-box-shadow:0 -6px 20px rgba(20,24,32,.06);
  box-shadow:0 -6px 20px rgba(20,24,32,.06);
}
/* site-blue hairline on top */
.ft-wrap:before {
  content:''; position:absolute; left:0; top:0; width:100%; height:3px;
  background-image:-webkit-linear-gradient(left,#3592E2,#5FB3F5 52%,#A9D8FA);
  background-image:linear-gradient(90deg,#3592E2,#5FB3F5 52%,#A9D8FA);
}

/* ---------- brand ---------- */
.ft-brand {
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-box-align:center; -webkit-align-items:center; align-items:center;
}
.ft-logo {
  -webkit-box-sizing:border-box; box-sizing:border-box;
  -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto;
  width:44px; height:44px; line-height:44px; text-align:center;
  border-radius:13px; font-size:16px; font-weight:700; letter-spacing:1px; color:#fff;
  margin-right:11px;
  background-image:-webkit-linear-gradient(135deg,#4FA8F0,#3592E2 72%);
  background-image:linear-gradient(135deg,#4FA8F0,#3592E2 72%);
  -webkit-box-shadow:0 6px 14px rgba(53,146,226,.28);
  box-shadow:0 6px 14px rgba(53,146,226,.28);
}
.ft-brandtxt { -webkit-box-flex:1; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; min-width:0; }
.ft-name { font-size:19px; font-weight:700; line-height:1.2; letter-spacing:.5px; color:#2C3354; }
.ft-slogan { font-size:12px; line-height:1.5; margin-top:4px; color:#97A0AD; }

/* ---------- hotline card : B1 "quiet" (ft4, 2026-09-20) ----------
   Was a solid blue gradient panel with a coloured shadow. Now a pale
   grey panel with a hairline border: the phone number is still the
   loudest thing in it, but the block no longer competes with the
   footer around it.
   padding is trimmed by 1px on every side so the added 1px border
   keeps the card at 87px tall -> footer total stays 368px. */
.ft-call {
  -webkit-box-sizing:border-box; box-sizing:border-box;
  margin-top:18px; padding:12px 13px 13px 13px; border-radius:13px;
  border:1px solid #EDEFF3;
  background-image:none;
  background-color:#F8F9FB;
  -webkit-box-shadow:none;
  box-shadow:none;
}
.ft-call-k { font-size:12px; letter-spacing:.5px; color:#97A0AD; }
.ft-call-r {
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-box-align:center; -webkit-align-items:center; align-items:center;
  -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between;
  margin-top:8px;
}
.ft-call-v {
  display:block; min-width:0;
  font-size:21px; font-weight:700; line-height:1.2; letter-spacing:.3px; color:#2C3354;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  -webkit-tap-highlight-color:transparent;
}
.ft-call-v svg { width:18px; height:18px; margin-right:5px; vertical-align:-2px; }
/* the phone glyph ships with a hard-coded green fill; force site blue
   on the pale card (CSS beats the SVG presentation attribute) */
.ft-call-v svg path { fill:#3592E2; }
.ft-call-btn {
  -webkit-box-sizing:border-box; box-sizing:border-box;
  -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto;
  display:block; height:36px; line-height:36px; padding:0 15px; margin-left:10px;
  border-radius:18px; font-size:13.5px; font-weight:700; color:#3592E2;
  border:1px solid #D8E6F5;
  text-align:center; white-space:nowrap;
  background-image:none; background-color:#fff;
  -webkit-box-shadow:none;
  box-shadow:none;
  -webkit-tap-highlight-color:transparent;
}
.ft-call-btn:active { opacity:.86; }

/* ---------- quick links (4 up) ---------- */
.ft-links {
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
  -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between;
  margin:16px 0 0 0; padding:0; list-style:none;
}
.ft-links li {
  -webkit-box-sizing:border-box; box-sizing:border-box;
  width:23.2%; margin:0 0 10px 0;
}
.ft-links li a {
  -webkit-box-sizing:border-box; box-sizing:border-box;
  display:block; height:38px; line-height:36px; text-align:center;
  font-size:13px; color:#4C5464;
  border:1px solid #ECEFF3; border-radius:10px;
  background-color:#F6F7F9;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  -webkit-tap-highlight-color:transparent;
}
.ft-links li a:active {
  color:#3592E2; border-color:rgba(53,146,226,.50); background-color:#EEF6FE;
}

/* ---------- beian / copyright : kept, but shrunk + faded ---------- */
.ft-beian {
  margin-top:12px; padding-top:0;
  border-top:0 none;
  font-size:10px; line-height:1.75; text-align:center;
  color:#B8BEC8;
  word-break:break-all;
}
.ft-beian p { margin:0; }
.ft-beian a { color:#A8AEB9; }

/* ---------- tail: clearance for the 51px fixed #contactbar ---------- */
.ft-tail { height:66px; }

/* iPhone home-indicator safe area (ignored by old WebView) */
.ft-wrap { padding-bottom:env(safe-area-inset-bottom); }
.ft-wrap { padding-bottom:constant(safe-area-inset-bottom); }