/* ============================================================
   手机站多城市主题
   结构：m.shxsxbx.com/{slug}/
   城市 slug 只影响配色/文案，不改路由与组件结构。
   ============================================================ */
.m-logo { display: inline-flex; align-items: center; }
.m-logo-city {
  display: inline-block; margin-left: 7px; vertical-align: middle;
  background: linear-gradient(135deg, var(--brand), var(--accent)); color: #fff;
  font-size: 10px; font-weight: 700; border-radius: 999px; padding: 2px 7px;
}

/* 重庆：山城红 + 暖橙 + 夜景深棕 */
body.m-city-cq {
  --brand: #cf4527; --brand-strong: #a83317; --brand-soft: #fdeaE4;
  --accent: #ff7c21; --accent-soft: #fff2e7; --ink: #221510; --ink-2: #5c4a41;
  --ink-3: #97837a; --line: #eadcd3; --bg: #f8f4ef; --card: #fffdfb;
  background: #e9e1d8;
}
body.m-city-cq .m-hero { background: linear-gradient(135deg, #20100a, #3d1a10 55%, #7e2f18); }

/* 上海：浦江蓝 + 橙色行动点 */
body.m-city-sh {
  --brand: #0c74b8; --brand-strong: #0a5f96; --brand-soft: #e9f5ff;
  --accent: #ff5a1f; --accent-soft: #fff0e8; --ink: #15242f; --ink-2: #4b5b66;
  --ink-3: #86939d; --line: #dce8f0; --bg: #eef4f8; --card: #ffffff;
  background: #e4ecf2;
}
body.m-city-sh .m-hero { background: linear-gradient(135deg, #082f52, #0c65a8 56%, #1b9ce2); }

/* 广州：岭南青绿 + 橙色行动点 */
body.m-city-gz {
  --brand: #0a9a86; --brand-strong: #087c6d; --brand-soft: #e8faf6;
  --accent: #ff6a17; --accent-soft: #fff1e7; --ink: #162523; --ink-2: #435250;
  --ink-3: #75827e; --line: #d9eae6; --bg: #eff7f5; --card: #ffffff;
  background: #e5f0ed;
}
body.m-city-gz .m-hero { background: linear-gradient(135deg, #063c3a, #0a7f72 55%, #13b4a1); }

/* 北京：宫墙红 + 青灰 */
body.m-city-bj {
  --brand: #b63a2e; --brand-strong: #972c22; --brand-soft: #fdeeea;
  --accent: #ff7b24; --accent-soft: #fff1e8; --ink: #231a17; --ink-2: #56453e;
  --ink-3: #91817a; --line: #ecdcd5; --bg: #f7f2ef; --card: #fffcfb;
  background: #efe6e1;
}
body.m-city-bj .m-hero { background: linear-gradient(135deg, #341816, #7c2f27 52%, #c24a35); }

/* 深圳：湾区蓝绿 */
body.m-city-sz {
  --brand: #0a8fb8; --brand-strong: #08779a; --brand-soft: #e7f6fb;
  --accent: #ff6633; --accent-soft: #fff0ea; --ink: #15252d; --ink-2: #46585f;
  --ink-3: #7c8d94; --line: #d9e9ee; --bg: #eef5f7; --card: #ffffff;
  background: #e3eef1;
}
body.m-city-sz .m-hero { background: linear-gradient(135deg, #0b3752, #0c7ea4 55%, #1bb0d4); }

/* 成都：青城绿 */
body.m-city-cd {
  --brand: #128a71; --brand-strong: #0d6f5c; --brand-soft: #e7f7f3;
  --accent: #ff6a1f; --accent-soft: #fff0e7; --ink: #162723; --ink-2: #455955;
  --ink-3: #778884; --line: #d7eae5; --bg: #eef7f4; --card: #ffffff;
  background: #e4f0ec;
}
body.m-city-cd .m-hero { background: linear-gradient(135deg, #0b3f37, #0f7a63 55%, #18b391); }

/* 未配置城市统一使用主站蓝 */
body.m-city-default .m-hero { background: linear-gradient(135deg, #0b5fa8, #0090e6 58%, #3bb4ff); }
/* 重庆沿用夜景深色页脚与暖色链接 */
body.m-city-cq .m-footer { background: #241410; color: #cdb6aa; }
body.m-city-cq .m-footer .brand { color: #fff; }
body.m-city-cq .m-footer .tel-link { color: #ffce9e; }
body.m-city-cq .m-footer .icp { color: #8c7266; }
body.m-city-cq .m-footer a { color: #cdb6aa; }

/* V3 城市本地化移动信息 */
.m-city-local { background: #fff; border: 1px solid #e6ebf0; border-radius: 16px; padding: 18px 16px; box-shadow: 0 2px 12px rgba(27,43,58,.06); }
.m-city-intro { color: #55626f; font-size: 14px; line-height: 1.8; margin: -4px 0 12px; }
.m-city-areas { color: #55626f; font-size: 12px; line-height: 1.7; margin: 0 0 12px; }
.m-city-case { display: flex; gap: 8px; align-items: flex-start; color: #55626f; font-size: 13px; line-height: 1.7; margin: 0 0 10px; }
.m-city-case span { flex: none; display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 999px; background: #fff0e6; color: #e85500; font-size: 11px; font-weight: 700; }