/* footer-tesla.css · Tesla-inspired typography for #colophon
 * 借鉴特斯拉 tesla.cn 页脚实测：链接 12px / fw500 / lh20px / #5C5E62；
 * 容器 padding 0 24px 60px；克制灰阶、充足留白。
 * 只覆盖样式，不改 HTML 文案与链接地址。
 */

/* ---------- 容器：黑底、留白、字体栈 ---------- */
#colophon .elementor.elementor-1607,
#colophon .footer-width-fixer {
  font-family: "PingFang SC", "Microsoft YaHei", "Universal Sans Text", -apple-system, BlinkMacSystemFont, sans-serif !important;
}

#colophon .elementor-1607 .elementor-element-29bedb4 {
  --padding-top: 72px !important;
  --padding-bottom: 48px !important;
  --padding-left: 24px !important;
  --padding-right: 24px !important;
  padding-top: 72px !important;
  padding-bottom: 48px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  background-color: #000000 !important;
}

#colophon .elementor-1607 .elementor-element-b44157e {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  gap: 48px !important;
}

/* ---------- 电话：缩小但仍是左侧锚点（原 45px → 22px） ---------- */
#colophon .elementor-1607 .elementor-element-e5af1e7 .elementor-heading-title {
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 28px !important;
  letter-spacing: 0.02em !important;
  color: #FFFFFF !important;
}

/* ---------- 公司名 / 地址 ---------- */
#colophon .elementor-1607 .elementor-element-66199ec .elementor-heading-title,
#colophon .elementor-1607 .elementor-element-d5caff2 .elementor-heading-title {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: #9A9A9A !important;
}

#colophon .elementor-1607 .elementor-element-66199ec {
  margin-top: 16px !important;
}

#colophon .elementor-1607 .elementor-element-d5caff2 {
  margin-top: 8px !important;
}

/* ---------- 列标题：服务 / 案例 / 洞察 / 我们 ---------- */
#colophon .elementor-1607 .elementor-element-165a94f .elementor-heading-title,
#colophon .elementor-1607 .elementor-element-cb66b57 .elementor-heading-title,
#colophon .elementor-1607 .elementor-element-c97fa14 .elementor-heading-title,
#colophon .elementor-1607 .elementor-element-28ece3e .elementor-heading-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  color: #CFCFCF !important;
  letter-spacing: 0.04em !important;
}

/* 列标题下方留白 */
#colophon .elementor-1607 .elementor-element-1f3a04e,
#colophon .elementor-1607 .elementor-element-a8c3483,
#colophon .elementor-1607 .elementor-element-133d4ab,
#colophon .elementor-1607 .elementor-element-d9362a1 {
  --margin-bottom: 12px !important;
  --padding-bottom: 8px !important;
  margin-bottom: 12px !important;
  padding-bottom: 8px !important;
}

/* ---------- 小标题：人工智能营销 / 品牌全案 / 关于我们 等 ---------- */
#colophon .elementor-1607 .elementor-element-da24d9b .elementor-heading-title,
#colophon .elementor-1607 .elementor-element-36ee024 .elementor-heading-title,
#colophon .elementor-1607 .elementor-element-97fb3f8 .elementor-heading-title,
#colophon .elementor-1607 .elementor-element-429a550 .elementor-heading-title,
#colophon .elementor-1607 .elementor-element-dbdd7e3 .elementor-heading-title {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  color: #A0A0A0 !important;
}

/* ---------- 链接：特斯拉式 12px / 500 / #5C5E62 ---------- */
#colophon .elementor-1607 .qm-footer-cushover .elementor-heading-title,
#colophon .elementor-1607 .qm-footer-cushover .elementor-heading-title a {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  color: #A0A0A5 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

#colophon .elementor-1607 .qm-footer-cushover .elementor-heading-title a:hover,
#colophon .elementor-1607 .qm-footer-cushover:hover .elementor-heading-title,
#colophon .elementor-1607 .qm-footer-cushover:hover .elementor-heading-title a {
  color: #FFFFFF !important;
}

/* 列内条目垂直间距（Elementor 子容器 gap） */
#colophon .elementor-1607 .elementor-element-13893b7,
#colophon .elementor-1607 .elementor-element-39d6b8d,
#colophon .elementor-1607 .elementor-element-9cbb6bf,
#colophon .elementor-1607 .elementor-element-37edfed,
#colophon .elementor-1607 .elementor-element-b0ac76d,
#colophon .elementor-1607 .elementor-element-ea48463 {
  --gap: 10px 12px !important;
  --row-gap: 10px !important;
  --column-gap: 12px !important;
  gap: 10px 12px !important;
}

/* ---------- 底栏版权：去掉荧光绿，统一低调灰 ---------- */
#colophon .elementor-1607 .elementor-element-ab2b617 .elementor-heading-title,
#colophon .elementor-1607 .elementor-element-dd7219b .elementor-heading-title,
#colophon .elementor-1607 .elementor-element-b50a4d8 .elementor-heading-title,
#colophon .elementor-1607 .elementor-element-4638c05 .elementor-heading-title,
#colophon .elementor-1607 .elementor-element-966a16c .elementor-heading-title {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  color: #A0A0A5 !important;
}

#colophon .elementor-1607 .elementor-element-ffb0bce {
  --margin-top: 40px !important;
  margin-top: 40px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 20px !important;
}

/* 底栏社交图标略缩小，更克制 */
#colophon .elementor-1607 .elementor-element-4e13e89 img {
  width: 14px !important;
  height: auto !important;
  opacity: 0.55;
  transition: opacity 0.2s ease;
}

#colophon .elementor-1607 .elementor-element-4e13e89 a:hover img,
#colophon .elementor-1607 .elementor-element-4e13e89 .elementor-widget:hover img {
  opacity: 0.9;
}

/* ---------- 平板 ---------- */
@media (max-width: 1024px) {
  #colophon .elementor-1607 .elementor-element-29bedb4 {
    --padding-top: 64px !important;
    --padding-bottom: 48px !important;
    --padding-left: 24px !important;
    --padding-right: 24px !important;
    padding: 64px 24px 48px !important;
  }

  #colophon .elementor-1607 .elementor-element-e5af1e7 .elementor-heading-title {
    font-size: 20px !important;
    line-height: 26px !important;
  }

  #colophon .elementor-1607 .elementor-element-66199ec .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-d5caff2 .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-165a94f .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-cb66b57 .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-c97fa14 .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-28ece3e .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-da24d9b .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-36ee024 .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-97fb3f8 .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-429a550 .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-dbdd7e3 .elementor-heading-title,
  #colophon .elementor-1607 .qm-footer-cushover .elementor-heading-title,
  #colophon .elementor-1607 .qm-footer-cushover .elementor-heading-title a {
    font-size: 12px !important;
    line-height: 20px !important;
  }
}

/* ---------- 手机：两列网格，字号保持 12px ---------- */
@media (max-width: 767px) {
  #colophon .elementor-1607 .elementor-element-29bedb4 {
    --padding-top: 56px !important;
    --padding-bottom: 40px !important;
    --padding-left: 20px !important;
    --padding-right: 20px !important;
    padding: 56px 20px 40px !important;
  }

  #colophon .elementor-1607 .elementor-element-e5af1e7 .elementor-heading-title {
    font-size: 20px !important;
    line-height: 26px !important;
  }

  #colophon .elementor-1607 .elementor-element-66199ec .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-d5caff2 .elementor-heading-title {
    font-size: 12px !important;
    line-height: 18px !important;
  }

  #colophon .elementor-1607 .elementor-element-165a94f .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-cb66b57 .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-c97fa14 .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-28ece3e .elementor-heading-title {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #CFCFCF !important;
  }

  #colophon .elementor-1607 .qm-footer-cushover .elementor-heading-title,
  #colophon .elementor-1607 .qm-footer-cushover .elementor-heading-title a,
  #colophon .elementor-1607 .elementor-element-da24d9b .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-36ee024 .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-97fb3f8 .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-429a550 .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-dbdd7e3 .elementor-heading-title {
    font-size: 12px !important;
    line-height: 18px !important;
  }

  #colophon .elementor-1607 .elementor-element-ab2b617 .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-dd7219b .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-b50a4d8 .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-4638c05 .elementor-heading-title,
  #colophon .elementor-1607 .elementor-element-966a16c .elementor-heading-title {
    font-size: 11px !important;
    line-height: 18px !important;
    color: #A0A0A5 !important;
  }

  #colophon .elementor-1607 .elementor-element-ffb0bce {
    --margin-top: 28px !important;
    margin-top: 28px !important;
    padding-top: 16px !important;
  }
}

/* ==========================================================
   bottom-bar-v2 · 底部版权条（2026-10-06）
   顺序：© 2003-2025 · Brandai.ai 版权所有 · 京ICP备12041594号-1 · 订阅资讯 · 加入我们 · 关注我们
   ========================================================== */
#colophon .elementor-1607 .elementor-element-ac4c943 {
  --gap: 0px !important;
  --row-gap: 0px !important;
  --column-gap: 0px !important;
  gap: 0 !important;
  align-items: center !important;
}

/* 先清掉 Elementor 原有的 30px 左右外边距 */
#colophon .elementor-1607 .elementor-element-ac4c943 .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* 组间统一间距 20px；组内小间距 6px；备案号两段 0 间距 */
#colophon .elementor-1607 .elementor-element-ab2b617 { margin-right: 6px !important; }   /* © 2003-2025 */
#colophon .elementor-1607 .elementor-element-dd7219b { margin-right: 6px !important; }   /* Brandai.ai  */
#colophon .elementor-1607 .elementor-element-b50a4d8 { margin-right: 20px !important; }  /* 版权所有    */
#colophon .elementor-1607 .elementor-element-4638c05 { margin-right: 0 !important; }     /* 京ICP备     */
#colophon .elementor-1607 .elementor-element-966a16c { margin-left: 0 !important; }      /* 12041594号-1 + 链接 */

#colophon .elementor-1607 .elementor-element-ac4c943 .elementor-heading-title {
  white-space: nowrap;
}

/* 订阅资讯 / 加入我们 / 关注我们：与备案号拉开，彼此间距一致 */
#colophon .elementor-1607 .qm-foot-links { display: inline; }
#colophon .elementor-1607 .qm-foot-link {
  display: inline-block;
  margin-left: 20px;
  color: #A0A0A5;
  cursor: pointer;
  transition: color 0.2s ease;
}
#colophon .elementor-1607 .qm-foot-link:hover { color: #FFFFFF; }
#colophon .qm-social-official-link { display: inline-flex; align-items: center; }
#colophon :is(.qm-foot-link, .qm-social-official-link):focus-visible {
  outline: 2px solid #b7ff45;
  outline-offset: 5px;
}

/* 手机：横向换行居中，备案号保持连在一起 */
@media (max-width: 767px) {
  #colophon .elementor-1607 .elementor-element-ac4c943 {
    --flex-direction: row !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    row-gap: 2px !important;
    --row-gap: 2px !important;
  }
  /* 去掉 Elementor 组件默认的下外边距，两行贴近 */
  #colophon .elementor-1607 .elementor-element-ac4c943 > .elementor-element {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
  }
  /* 版权一行结束后换行，下一行从「京ICP备」开始 */
  #colophon .elementor-1607 .elementor-element-b50a4d8 { margin-right: 0 !important; }
  #colophon .elementor-1607 .elementor-element-ab2b617,
  #colophon .elementor-1607 .elementor-element-dd7219b,
  #colophon .elementor-1607 .elementor-element-b50a4d8 { order: 1; }
  #colophon .elementor-1607 .elementor-element-ac4c943::after {
    content: "";
    order: 2;
    flex-basis: 100%;
    height: 0;
  }
  #colophon .elementor-1607 .elementor-element-4638c05,
  #colophon .elementor-1607 .elementor-element-966a16c { order: 3; }
  #colophon .elementor-1607 .qm-foot-link { margin-left: 14px; }
}
#colophon .qm-footer-content{display:inline-block;position:relative;text-align:left}
#colophon .qm-footer-content summary{cursor:pointer;list-style:none}
#colophon .qm-footer-content summary::-webkit-details-marker{display:none}
#colophon .qm-footer-content summary:focus-visible{outline:2px solid #aecde6;outline-offset:5px}
#colophon .qm-footer-panel{position:absolute;right:0;bottom:32px;width:340px;padding:24px;background:#17212b;border:1px solid #445563;color:#d0dce5;z-index:30;box-shadow:0 12px 36px #0008;font:13px/1.8 "Microsoft YaHei",sans-serif;white-space:normal}
#colophon .qm-footer-panel h3{font-size:18px;line-height:1.5;font-weight:400;color:#fff;margin:0 0 14px}
#colophon .qm-footer-panel p{margin:0 0 14px;color:#b5c5d2}
#colophon .qm-footer-panel a{display:block;color:#d8e9f5;margin-top:12px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:600px){#colophon .qm-footer-panel{position:fixed;left:20px;right:20px;bottom:70px;width:auto;max-height:65vh;overflow:auto}}

/* Case catalog: keep both desktop footer rows on the same outer edges. */
@media (min-width: 1025px) {
  body.qm-case-index #colophon .elementor-1607
    :is(.elementor-element-b44157e, .elementor-element-ffb0bce) {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  body.qm-case-index #colophon .elementor-1607
    .elementor-element-f7840e0 > .e-con-inner {
    width: 100%;
    margin-inline: 0;
    padding-inline: 0;
    align-items: flex-start;
    text-align: left;
  }
  body.qm-case-index #colophon .elementor-1607 .elementor-element-e729e59 {
    --justify-content: space-between;
    justify-content: space-between;
  }
  body.qm-case-index #colophon .elementor-1607 .elementor-element-ac4c943 {
    --padding-right: 0px;
    padding-right: 0;
    justify-content: flex-end;
  }
}

/* Shared content edges for every Elementor footer. */
html body #colophon#colophon .elementor-1607 .elementor-element-29bedb4 {
 --padding-left:0px !important; --padding-right:0px !important;
 padding-left:0 !important; padding-right:0 !important;
}
html body #colophon .elementor-1607 .elementor-element-29bedb4 > .e-con-inner {
 width:min(calc(100% - 112px),1520px) !important;
 max-width:none !important; margin-inline:auto !important; padding-inline:0 !important;
}
html body #colophon .elementor-1607 .elementor-element-b44157e {
 max-width:none !important; width:100% !important; margin-inline:0 !important;
}
html body #colophon .elementor-1607 .elementor-element-f7840e0,
html body #colophon .elementor-1607 .elementor-element-f7840e0 > .e-con-inner {
 width:100% !important; max-width:none !important; margin-inline:0 !important; padding-inline:0 !important;
}
html body.qm-home-black #colophon .elementor-1607 .elementor-element-29bedb4 > .e-con-inner {
 width:calc(100% - var(--home-copy-inset,4vw) * 2) !important;
}
@media(max-width:1024px) {
 html body #colophon .elementor-1607 .elementor-element-29bedb4 > .e-con-inner { width:calc(100% - 64px) !important; }
}
@media(max-width:700px) {
 html body #colophon .elementor-1607 .elementor-element-29bedb4 > .e-con-inner { width:calc(100% - 40px) !important; }
}

/* Customer service QR code below the footer address. */
html body #colophon .qm-footer-qr { display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin:24px 0 0; }
html body #colophon .qm-footer-qr a { display:block; width:112px; height:112px; padding:6px; background:#fff; border-radius:6px; }
html body #colophon .qm-footer-qr img { display:block; width:100px; height:100px; object-fit:contain; }
html body #colophon .qm-footer-qr figcaption { color:#aeb2b6; font:12px/1.6 "Microsoft YaHei",sans-serif; }
html body #colophon .qm-footer-qr a:focus-visible { outline:2px solid #b7ff45; outline-offset:5px; }
@media(max-width:767px) { html body #colophon .qm-footer-qr { align-items:center; } }

/* Company description leads the contact column above the telephone. */
html body #colophon .elementor-1607 .elementor-element-44a29ea { display:flex; flex-direction:column; }
html body #colophon .elementor-1607 .elementor-element-66199ec {
 order:-1; margin-top:0 !important; margin-bottom:24px !important;
 --margin-top:0px; --margin-bottom:24px; width:100%;
}
html body #colophon .elementor-1607 .elementor-element-66199ec .elementor-heading-title {
 font-size:16px !important; line-height:1.8 !important; font-weight:400 !important; color:#cbd0d6 !important;
}
html body #colophon .elementor-1607 .elementor-element-4ce4169 { order:0; }
html body #colophon .elementor-1607 .elementor-element-d5caff2 { order:1; }
html body #colophon .elementor-1607 .qm-footer-qr { order:2; }

/* Three larger type steps for the footer company name only. */
html body #colophon .elementor-1607 .elementor-element-66199ec .qm-footer-company-name {
 display:inline-block; font-size:26px; font-weight:700; line-height:1.35; color:#f1f3f5; margin-bottom:28px;
}

/* Homepage footer uses the established white brand mark. */
html body #colophon .elementor-1607 .qm-footer-company-logo { display:inline-block; margin-bottom:28px; line-height:0; }
html body #colophon .elementor-1607 .qm-footer-company-logo img { display:block; width:64px; height:64px; max-width:none; object-fit:contain; filter:brightness(0) invert(1); }
html body #colophon .elementor-1607 .qm-footer-company-logo:focus-visible { outline:2px solid #cbd0d6; outline-offset:6px; }
