/* public/assets/test/css/partials/footer-home-v2.css */
/* Home Footer V2 (PC black full-width + Mobile spec) + Mobile TabBar (clean final) */

#site_footer.fmhb2{
  --hb2-max: 1410px;
  --hb2-radius: 56px;
  --hb2-left-w: 420px;

  margin: 0;
  padding: 0;
  border: 0;

  background: #080a0f;
  color: #fff;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
#site_footer.fmhb2,
#site_footer.fmhb2 *{
  box-sizing: border-box;
}

#site_footer.fmhb2 .hb2-wrap{
  width: 100%;
  margin: 0;
  padding: 26px 0 30px;
}
#site_footer.fmhb2 .hb2-card{
  width: min(var(--hb2-max), calc(100% - 44px));
  margin: 0 auto;

  display: flex;
  overflow: hidden;
  border-radius: var(--hb2-radius);
  background:
    radial-gradient(900px 520px at 0% 45%, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 58%),
    linear-gradient(90deg, #0b0f16 0%, #070a10 100%);
  box-shadow: 0 26px 80px rgba(0,0,0,.55);
}

/* left */
#site_footer.fmhb2 .hb2-left{
  flex: 0 0 var(--hb2-left-w);
  padding: 34px 34px 30px;
  position: relative;
}
#site_footer.fmhb2 .hb2-left::after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: rgba(255,255,255,.08);
}

#site_footer.fmhb2 .hb2-brand{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  user-select: none;
}
#site_footer.fmhb2 .hb2-brand img{
  height: 67px;
  width: auto;
  display: block;
}
#site_footer.fmhb2 .hb2-brand--m{ display: none; }
#site_footer.fmhb2 .hb2-brand--pc{ display: inline-flex; }

/* sns (PC) */
#site_footer.fmhb2 .hb2-sns{
  position: absolute;
  left: 34px;
  right: 34px;
  bottom: 28px;
  display: flex;
  align-items: center;
  gap: 14px;
}
#site_footer.fmhb2 .hb2-sns-btn{
  width: 52px;
  height: 52px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.92);
  text-decoration: none;

  transition: transform .14s ease, background .14s ease, border-color .14s ease;
}
#site_footer.fmhb2 .hb2-sns-btn:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.16);
}
#site_footer.fmhb2 .hb2-sns-btn svg{
  width: 22px;
  height: 22px;
  fill: currentColor;
  display: block;
}
#site_footer.fmhb2 .hb2-ico-txt{
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.2px;
}

/* right */
#site_footer.fmhb2 .hb2-right{
  flex: 1 1 auto;
  padding: 38px 54px 34px;
}
#site_footer.fmhb2 .hb2-nav{
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  column-gap: clamp(80px, 7vw, 150px);
  row-gap: 26px;
}
#site_footer.fmhb2 .hb2-ttl{
  font-size: 20px;
  font-weight: 650;
  color: #fff;
  margin: 0 0 14px;
}
#site_footer.fmhb2 .hb2-link{
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 2.05;
  color: rgba(255,255,255,.42);
  transition: color .14s ease, transform .14s ease;
}
#site_footer.fmhb2 .hb2-link:hover{
  color: rgba(255,255,255,.72);
  transform: translateX(1px);
}
#site_footer.fmhb2 .hb2-copy{
  margin-top: 14px;
  text-align: right;
  font-size: 12px;
  color: rgba(255,255,255,.38);
}

/* =========================
   Mobile footer spec
   ========================= */
@media (max-width: 768px){

  #site_footer.fmhb2 .hb2-brand img{
    height: 67px;
    padding-left: 0;
    margin-top: 0;
    width: auto;
    display: block;
  }

  #site_footer.fmhb2{
    padding-bottom: 70px;
    background: #fff;
    color: #000;
  }

  #site_footer.fmhb2 .hb2-wrap{ padding: 0; }

  #site_footer.fmhb2 .hb2-card{
    width: 100%;
    margin: 0;
    border-radius: 0;
    flex-direction: column;
    background: #fff;
    box-shadow: none;
  }

  #site_footer.fmhb2 .hb2-left{ order: 2; }
  #site_footer.fmhb2 .hb2-right{ order: 1; }

  #site_footer.fmhb2 .hb2-left{
    padding: 6px 16px 18px;
    flex: 0 0 auto;
    position: relative;
  }
  #site_footer.fmhb2 .hb2-left::after{ display: none; }

  #site_footer.fmhb2 .hb2-brand--pc{ display: none; }
  #site_footer.fmhb2 .hb2-brand--m{
    display: flex;
    justify-content: center;
    padding: 14px 12px 6px;
  }
  #site_footer.fmhb2 .hb2-brand--m img{
    height: 48px;
    width: auto;
    display: block;
  }

  #site_footer.fmhb2 .hb2-right{ padding: 8px 16px 4px; }

  #site_footer.fmhb2 .hb2-nav{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 0;
  }

  #site_footer.fmhb2 .hb2-ttl{
    align-self: stretch;
    margin: 10px 0 10px;
    color: #000;
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -1px;
  }

  #site_footer.fmhb2 .hb2-link{
    color: rgba(0,0,0,0.50);
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -0.165px;

    text-decoration: none;
    transform: none;
    padding: 2px 0;
  }

  #site_footer.fmhb2 .hb2-sns{
    position: static;
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }

  #site_footer.fmhb2 .hb2-sns-btn{
    width: 54px;
    height: 54px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.16);
    color: #111827;
    box-shadow: none;
  }

  #site_footer.fmhb2 .hb2-copy{ display: none; }

  #mobile_tabbar .mb-tab{
    position: relative;
    overflow: visible;
  }

  #mobile_tabbar .mb-tab .mb-tab-badge{
    position: absolute;
    left: calc(50% + 8px);
    top: 2px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    box-shadow: 0 6px 14px rgba(239,68,68,.22);
    border: 2px solid rgba(255,255,255,.96);
    pointer-events: none;
    z-index: 3;
  }

  #mobile_tabbar .mb-tab .mb-tab-badge[hidden]{
    display: none !important;
  }
}

/* ===================================================================
   Mobile Bottom TabBar - final clean version
   =================================================================== */

:root{
  --fm-mbbar-h: 52px;       /* 比你之前 56px 再低一点 */
  --fm-mbbar-side: 12px;
  --fm-mbbar-lift: 8px;     /* 整体上移 8px */
  --fm-mbbar-cols: 4;
}

@media (max-width: 900px){

  body.has-mbtabbar #page_main{
    padding-bottom: calc(var(--fm-mbbar-h) + env(safe-area-inset-bottom) + 16px);
  }

  #mobile_tabbar{
    position: fixed;
    left: var(--fm-mbbar-side);
    right: var(--fm-mbbar-side);
    bottom: calc(env(safe-area-inset-bottom) + var(--fm-mbbar-lift));
    height: var(--fm-mbbar-h);

    display: flex;
    align-items: stretch;

    padding: 2px;
    z-index: 9999;
    overflow: hidden;

    background: #fff;
    border: 1px solid rgba(15,23,42,.08);
    box-shadow:
      0 8px 20px rgba(15,23,42,.09),
      0 2px 6px rgba(15,23,42,.04);

    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border-bottom-left-radius: 0;   /* 左下不要半圆 */
    border-bottom-right-radius: 0;  /* 右下不要半圆 */

    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  #mobile_tabbar .mb-tab{
    flex: 1 1 0;
    min-width: 0;
    height: 100%;

    margin: 0;
    padding: 0 1px 2px;   /* 整体位置更自然，轻微靠下 */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 0;

    border-radius: 10px;
    background: transparent;
    text-decoration: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;

    color: #8F8F8F;
    transition: transform 120ms ease, background-color 120ms ease, color 120ms ease;
  }

  #mobile_tabbar .mb-tab:active{
    transform: scale(.985);
  }

  #mobile_tabbar .mb-tab.is-active{
    color: #090B08;
    background: rgba(9,11,8,.05);
  }

  /* icon 容器：不固定死高度，避免上方空白 */
  #mobile_tabbar .mb-tab-ico-wrap{
    width: 100%;
    height: auto;
    flex: 0 0 auto;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    line-height: 0;
    margin: 0;
    transform: none;
  }

  /* 默认 icon */
  #mobile_tabbar .mb-tab-ico{
    width: 20px;
    height: 20px;
    display: block;
    flex: 0 0 auto;
    transform: none;
    vertical-align: bottom;
  }

  /* 按你四个 SVG 微调 */
  #mobile_tabbar .mb-tab--home .mb-tab-ico{
    width: 17px;
    height: 16px;
  }

  #mobile_tabbar .mb-tab--orders .mb-tab-ico{
    width: 14px;
    height: 15px;
  }

  #mobile_tabbar .mb-tab--support .mb-tab-ico{
    width: 18px;
    height: 18px;
  }

  #mobile_tabbar .mb-tab--me .mb-tab-ico{
    width: 18px;
    height: 18px;
  }

  #mobile_tabbar .mb-tab em{
    display: block;
    width: 100%;
    min-width: 0;

    margin: 0;
    font-style: normal;
    font-size: 10.5px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;

    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    transform: none;
  }

  #mobile_tabbar .mb-tab.is-active em::after{
    display: none !important;
  }

  #fm_chat_widget_wrap{
    display: none !important;
  }
}

@media (min-width: 901px){
  #mobile_tabbar{
    display: none !important;
  }
}

@media (max-width: 900px){

  /* 1) 去掉底部“悬空感” */
  body.has-mbtabbar #page_main{
    padding-bottom: calc(48px + env(safe-area-inset-bottom) + 10px);
  }

  #mobile_tabbar{
    bottom: env(safe-area-inset-bottom); /* 去掉之前额外上抬的 8px */
    height: 52px;                        /* 再压低一点高度 */
    padding: 1px 2px;                    /* 内边距也收紧 */
  }



  /* 4) 再把 icon 容器本身压实一点 */
  #mobile_tabbar .mb-tab-ico-wrap{
    line-height: 0;
  }
}


@media (max-width: 900px){

  /* 1) bar 本体往上留一点点，补回底部留白 */
  #mobile_tabbar{
    bottom: calc(env(safe-area-inset-bottom));
  }

  /* 2) 页面底部安全区同步一点，避免内容被顶住 */
  body.has-mbtabbar #page_main{
    padding-bottom: calc(48px + env(safe-area-inset-bottom) + 12px);
  }

}















@media (max-width: 900px){

  /* iOS 主屏启动：整块 bar 上移，而不是 bar 自己长高 */
  html.is-ios-standalone #mobile_tabbar{
    bottom: env(safe-area-inset-bottom) !important;
    
    height: 48px !important;
    padding: 1px 2px !important;
    box-sizing: border-box !important;

    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  html.is-ios-standalone #mobile_tabbar .mb-tab{
    height: 100% !important;
    padding: 0 1px 1px !important;
    justify-content: flex-end !important;
    gap: 0 !important;
  }

  /* 清掉你前面可能残留的 transform 干扰 */
  html.is-ios-standalone #mobile_tabbar .mb-tab-ico-wrap,
  html.is-ios-standalone #mobile_tabbar .mb-tab em{
    transform: none !important;
  }

  /* 注意：你 body 原始是 mb-has-tabbar，不是只有 has-mbtabbar */
  html.is-ios-standalone body.mb-has-tabbar #page_main,
  html.is-ios-standalone body.has-mbtabbar #page_main{
    padding-bottom: calc(48px + env(safe-area-inset-bottom) + 12px) !important;
  }

  /* footer 底部留白也一起重算，不然视觉还是会怪 */
  html.is-ios-standalone #site_footer.fmhb2{
    padding-bottom: calc(48px + env(safe-area-inset-bottom) + 8px) !important;
  }
}






/* =========================================================
   iOS Safari 添加到桌面（standalone）专用补丁
   - 不改普通手机端
   - 不改现有 tabbar 逻辑
   - 只补齐 bar 下方透明安全区
   ========================================================= */
@media (max-width: 900px){

  /* 仅在 standalone 命中 */
  html.is-ios-standalone #mobile_tabbar{
    overflow: visible !important; /* 让补丁层能画到 bar 外面 */
  }

  /* 给 bar 下方那段 safe-area 补白底，避免透明空隙 */
  html.is-ios-standalone #mobile_tabbar::after{
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: 100%;
    height: env(safe-area-inset-bottom);

    background: #fff; /* 跟 tabbar 本体一致 */

    border-left: 1px solid rgba(15,23,42,.08);
    border-right: 1px solid rgba(15,23,42,.08);

    pointer-events: none;
    z-index: -1;
  }

  /* 页面主体底部预留：兼容你两种 body class */
  html.is-ios-standalone body.mb-has-tabbar #page_main,
  html.is-ios-standalone body.has-mbtabbar #page_main{
    padding-bottom: calc(48px + env(safe-area-inset-bottom) + 12px) !important;
  }

  /* footer 底部也顺带补齐，避免 footer 区域被裁切 */
  html.is-ios-standalone #site_footer.fmhb2{
    padding-bottom: calc(70px + env(safe-area-inset-bottom)) !important;
  }
}















/* =========================================================
   Mobile footer fix
   - 只修首页 footer
   - 不动你其他手机页
   ========================================================= */
@media (max-width: 768px){

  /* 1) 首页不要把“tabbar 预留空间”加在 body 最后面
     否则空白会出现在 footer 下方 */
  body.is-home.mb-has-tabbar,
  body.home-page.mb-has-tabbar,
  body.is-home.has-mbtabbar,
  body.home-page.has-mbtabbar{
    padding-bottom: 0 !important;
  }

  /* 2) 把底部预留收回到 footer 自己内部
     这样 tabbar 不会挡住 footer，但也不会在 footer 外面多一大块空白 */
  #site_footer.fmhb2{
    padding-bottom: calc(48px + env(safe-area-inset-bottom) + 8px) !important;
    background: #fff !important;
  }

  /* 3) 移动端左侧块现在是空的，直接隐藏，避免多余留白 */
  #site_footer.fmhb2 .hb2-left{
    display: none !important;
  }

  /* 4) 压紧顶部间距 */
  #site_footer.fmhb2 .hb2-right{
    padding: 8px 16px 0 !important;
  }

  /* 5) logo 不要居中，改成左对齐 */
  #site_footer.fmhb2 .hb2-brand--m{
    display: flex !important;
    justify-content: flex-start !important;
    padding: 0 0 12px !important;
  }

  #site_footer.fmhb2 .hb2-brand--m img{
    height: 42px !important;
    width: auto !important;
    display: block !important;
  }

  /* 6) 你现在只有两列，就按两列排，不要再 repeat(3) */
  #site_footer.fmhb2 .hb2-nav{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 28px !important;
    row-gap: 0 !important;
    align-items: start !important;
  }

  #site_footer.fmhb2 .hb2-col{
    min-width: 0;
  }

  /* 7) 标题和链接再紧一点，避免看起来“散” */
  #site_footer.fmhb2 .hb2-ttl{
    margin: 0 0 10px !important;
    letter-spacing: -0.2px !important;
  }

  #site_footer.fmhb2 .hb2-link{
    padding: 3px 0 !important;
  }

  /* 8) 清掉底部多余的小缝 */
  #site_footer.fmhb2 .hb2-wrap,
  #site_footer.fmhb2 .hb2-card{
    margin: 0 !important;
  }

  /* 9) iOS 加桌面时，沿用同样的 footer 底部预留，不要再用你前面那个 70px */
  html.is-ios-standalone #site_footer.fmhb2{
    padding-bottom: calc(48px + env(safe-area-inset-bottom) + 8px) !important;
  }
}



/* 首页专用：收掉 #page_main 底部预留，改由 footer 自己承担 */
@media (max-width: 900px){

  body.is-home.mb-has-tabbar #page_main,
  body.home-page.mb-has-tabbar #page_main,
  body.is-home.has-mbtabbar #page_main,
  body.home-page.has-mbtabbar #page_main{
    padding-bottom: 0 !important;
  }

  body.is-home.mb-has-tabbar #site_footer.fmhb2,
  body.home-page.mb-has-tabbar #site_footer.fmhb2,
  body.is-home.has-mbtabbar #site_footer.fmhb2,
  body.home-page.has-mbtabbar #site_footer.fmhb2{
    padding-bottom: calc(48px + env(safe-area-inset-bottom) + 8px) !important;
  }

}


/* =========================================================
   Mobile TabBar - 所有 tab 的图标和文字间距拉开
   只影响手机端
   ========================================================= */
@media (max-width: 900px){
  #mobile_tabbar .mb-tab .mb-tab-ico-wrap{
    margin-bottom: 4px !important;
  }

  #mobile_tabbar .mb-tab em{
    margin-top: 2px !important;
  }
}

/* =========================================================
   Mobile TabBar - 去掉左右留白
   只影响手机端
   ========================================================= */
@media (max-width: 900px){
  #mobile_tabbar{
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top-left-radius: 14px !important;
    border-top-right-radius: 14px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}


/* =========================================================
   Footer HB2 - PC logo 放大
   只影响桌面端
   ========================================================= */
@media (min-width: 769px){
  #site_footer.fmhb2 .hb2-brand--pc img{
    height: 170px !important; /* 原来 67，可再调 80 / 84 / 88 */
    width: auto !important;
    display: block !important;
  }
}


/* =========================================================
   Footer HB2 - PC logo 暗底增强可见性
   ========================================================= */
@media (min-width: 769px){
  #site_footer.fmhb2 .hb2-brand--pc img{
    height: 170px !important;
    width: auto !important;
    display: block !important;

    filter:
      drop-shadow(0 0 1px rgba(255,255,255,.75))
      drop-shadow(0 0 10px rgba(255,255,255,.10))
      drop-shadow(0 6px 18px rgba(0,0,0,.30));
  }
}

@media (max-width: 900px){

  /* 激活文字 */
  #mobile_tabbar .mb-tab.is-active em{
    color: #000 !important;
  }

  /* 激活时：隐藏原 svg，改用背景图图标 */
  #mobile_tabbar .mb-tab.is-active .mb-tab-ico-wrap{
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
  }

  #mobile_tabbar .mb-tab.is-active .mb-tab-ico-wrap svg{
    opacity: 0 !important;
  }

  /* 首页 */
  #mobile_tabbar .mb-tab--home.is-active .mb-tab-ico-wrap{
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='19'%20viewBox='0%200%2020%2019'%20fill='none'%3E%3Cpath%20d='M9.99512%200C10.3821%200%2010.7602%200.123041%2011.0654%200.352539L19.3271%206.53223C20.0823%207.09701%2020.2163%208.14543%2019.6123%208.86719C19.407%209.11318%2019.132%209.2957%2018.8242%209.39746V16.0908C18.8238%2017.3991%2017.7697%2018.4559%2016.4316%2018.5713H16.4277L16.3301%2018.5781L16.3223%2018.5791H16.3145L16.2119%2018.5811H3.78516C2.40317%2018.5811%201.24248%2017.5534%201.16992%2016.2031L1.16895%2016.1943L1.16699%2016.0977V16.0908L1.16602%209.39648C0.525194%209.18416%200.044224%208.62081%200.00292969%207.92969L0.00195312%207.91992L0%207.84375V7.83496C0%207.32258%200.248075%206.84389%200.664062%206.53223L8.9248%200.352539C9.23004%200.122983%209.60809%204.45413e-05%209.99512%200ZM12.4971%2011.8535C12.3742%2011.844%2012.2499%2011.8565%2012.1318%2011.8916C12.0139%2011.9266%2011.9033%2011.9837%2011.8066%2012.0596C11.271%2012.4802%2010.7487%2012.6679%2010.2158%2012.668C9.68241%2012.668%209.16017%2012.4802%208.625%2012.0596C8.52829%2011.9836%208.41689%2011.9267%208.29883%2011.8916C8.18096%2011.8566%208.05722%2011.8441%207.93457%2011.8535C7.81174%2011.8629%207.69114%2011.8943%207.58008%2011.9473C7.46902%2012.0003%207.36905%2012.0743%207.28613%2012.165C7.20317%2012.2559%207.13884%2012.3622%207.09863%2012.4785C7.05844%2012.5949%207.04278%2012.7182%207.05371%2012.8408C7.06466%2012.9633%207.10157%2013.082%207.16113%2013.1895C7.22082%2013.297%207.30268%2013.3918%207.39941%2013.4678C8.25474%2014.1386%209.20211%2014.4941%2010.2158%2014.4941C11.2294%2014.4941%2012.1764%2014.1386%2013.0312%2013.4678C13.2267%2013.3144%2013.3545%2013.0901%2013.377%2012.8418C13.3993%2012.5929%2013.3133%2012.349%2013.1455%2012.165C13.0628%2012.0744%2012.9624%2012.0013%2012.8516%2011.9482C12.7406%2011.8952%2012.6199%2011.863%2012.4971%2011.8535Z'%20fill='%23000'/%3E%3C/svg%3E");
  }

  /* 订单 */
  #mobile_tabbar .mb-tab--orders.is-active .mb-tab-ico-wrap{
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M15.6433%204.71289H17.465C17.9481%204.71289%2018.4114%204.90481%2018.7531%205.24644C19.0947%205.58807%2019.2866%206.05141%2019.2866%206.53455V19.2861C19.2866%2019.7693%2019.0947%2020.2326%2018.7531%2020.5742C18.4114%2020.9159%2017.9481%2021.1078%2017.465%2021.1078H6.53503C6.0519%2021.1078%205.58856%2020.9159%205.24693%2020.5742C4.9053%2020.2326%204.71338%2019.7693%204.71338%2019.2861V6.53455C4.71338%206.05141%204.9053%205.58807%205.24693%205.24644C5.58856%204.90481%206.0519%204.71289%206.53503%204.71289H8.35669'%20fill='black'/%3E%3Cpath%20d='M15.6433%204.71289H17.465C17.9481%204.71289%2018.4114%204.90481%2018.7531%205.24644C19.0947%205.58807%2019.2866%206.05141%2019.2866%206.53455V19.2861C19.2866%2019.7693%2019.0947%2020.2326%2018.7531%2020.5742C18.4114%2020.9159%2017.9481%2021.1078%2017.465%2021.1078H6.53503C6.0519%2021.1078%205.58856%2020.9159%205.24693%2020.5742C4.9053%2020.2326%204.71338%2019.7693%204.71338%2019.2861V6.53455C4.71338%206.05141%204.9053%205.58807%205.24693%205.24644C5.58856%204.90481%206.0519%204.71289%206.53503%204.71289H8.35669'%20stroke='black'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12%2011.0898H15.6433'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12%2015.6436H15.6433'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.35693%2011.0898H8.36693'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.35693%2015.6436H8.36693'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M14.7327%202.8916H9.26776C8.76472%202.8916%208.35693%203.29939%208.35693%203.80243V5.62408C8.35693%206.12712%208.76472%206.53491%209.26776%206.53491H14.7327C15.2358%206.53491%2015.6436%206.12712%2015.6436%205.62408V3.80243C15.6436%203.29939%2015.2358%202.8916%2014.7327%202.8916Z'%20fill='black'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  }

  /* 客服 */
  #mobile_tabbar .mb-tab--support.is-active .mb-tab-ico-wrap{
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Cpath%20d='M8.14994%2019.4795C9.92613%2020.3906%2011.9693%2020.6374%2013.9114%2020.1754C15.8535%2019.7134%2017.5666%2018.5729%2018.7422%2016.9595C19.9178%2015.3461%2020.4785%2013.3659%2020.3232%2011.3757C20.1679%209.38546%2019.3069%207.51614%2017.8954%206.10457C16.4838%204.69301%2014.6145%203.83201%2012.6243%203.67675C10.6341%203.52149%208.65385%204.08216%207.04045%205.25774C5.42705%206.43332%204.28658%208.1465%203.82454%2010.0886C3.36251%2012.0306%203.60931%2014.0738%204.52045%2015.85L2.65918%2021.3408L8.14994%2019.4795Z'%20fill='black'%20stroke='black'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M9.25684%209.24239C9.47563%208.62042%209.90749%208.09595%2010.4759%207.76187C11.0444%207.4278%2011.7127%207.30568%2012.3625%207.41715C13.0124%207.52861%2013.6018%207.86647%2014.0264%208.37088C14.451%208.87528%2014.6834%209.51369%2014.6824%2010.173C14.6824%2012.0343%2011.8905%2012.9649%2011.8905%2012.9649'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11.9658%2016.6875H11.9758'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  }

  /* 我的 */
  #mobile_tabbar .mb-tab--me.is-active .mb-tab-ico-wrap{
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='25'%20height='25'%20viewBox='0%200%2025%2025'%20fill='none'%3E%3Ccircle%20cx='12.5'%20cy='12.5'%20r='9.25'%20fill='black'%20stroke='black'%20stroke-width='1.5'/%3E%3Cpath%20d='M9.24862%2015.8499C8.89608%2015.2489%208.71981%2014.9483%209.0079%2014.4453C9.296%2013.9424%209.77416%2013.9424%2010.7305%2013.9424H14.2711C15.2274%2013.9424%2015.7055%2013.9424%2015.9936%2014.4453C16.2817%2014.9483%2016.1055%2015.2489%2015.7529%2015.8499C15.592%2016.1244%2015.3956%2016.3796%2015.1668%2016.6084C14.4597%2017.3155%2013.5007%2017.7127%2012.5008%2017.7127C11.5008%2017.7127%2010.5418%2017.3155%209.83476%2016.6084C9.60595%2016.3796%209.40958%2016.1244%209.24862%2015.8499Z'%20fill='white'/%3E%3C/svg%3E");
  }
}




@media (max-width: 900px){

  #mobile_tabbar .mb-tab--home.is-active .mb-tab-ico-wrap{
    width: 20px !important;
    height: 19px !important;
    flex: 0 0 19px !important;
  }

  #mobile_tabbar .mb-tab--orders.is-active .mb-tab-ico-wrap{
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
  }

  #mobile_tabbar .mb-tab--support.is-active .mb-tab-ico-wrap{
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
  }

  #mobile_tabbar .mb-tab--me.is-active .mb-tab-ico-wrap{
    width: 25px !important;
    height: 25px !important;
    flex: 0 0 25px !important;
  }
}


@media (max-width: 900px){


  /* 清掉之前额外拉开的距离 */
  #mobile_tabbar .mb-tab .mb-tab-ico-wrap{
    margin-bottom: 0 !important;
  }

  #mobile_tabbar .mb-tab em{
    margin-top: 0 !important;
  }

}

@media (max-width: 900px){

  /* 首页默认态：不要再用原始 25x25 的 svg，改用和 active 同画板的灰色版 */
  #mobile_tabbar .mb-tab--home:not(.is-active) .mb-tab-ico-wrap{
    width: 20px !important;
    height: 19px !important;
    flex: 0 0 19px !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;

    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='19'%20viewBox='0%200%2020%2019'%20fill='none'%3E%3Cpath%20d='M9.99512%200C10.3821%200%2010.7602%200.123041%2011.0654%200.352539L19.3271%206.53223C20.0823%207.09701%2020.2163%208.14543%2019.6123%208.86719C19.407%209.11318%2019.132%209.2957%2018.8242%209.39746V16.0908C18.8238%2017.3991%2017.7697%2018.4559%2016.4316%2018.5713H16.4277L16.3301%2018.5781L16.3223%2018.5791H16.3145L16.2119%2018.5811H3.78516C2.40317%2018.5811%201.24248%2017.5534%201.16992%2016.2031L1.16895%2016.1943L1.16699%2016.0977V16.0908L1.16602%209.39648C0.525194%209.18416%200.044224%208.62081%200.00292969%207.92969L0.00195312%207.91992L0%207.84375V7.83496C0%207.32258%200.248075%206.84389%200.664062%206.53223L8.9248%200.352539C9.23004%200.122983%209.60809%204.45413e-05%209.99512%200ZM12.4971%2011.8535C12.3742%2011.844%2012.2499%2011.8565%2012.1318%2011.8916C12.0139%2011.9266%2011.9033%2011.9837%2011.8066%2012.0596C11.271%2012.4802%2010.7487%2012.6679%2010.2158%2012.668C9.68241%2012.668%209.16017%2012.4802%208.625%2012.0596C8.52829%2011.9836%208.41689%2011.9267%208.29883%2011.8916C8.18096%2011.8566%208.05722%2011.8441%207.93457%2011.8535C7.81174%2011.8629%207.69114%2011.8943%207.58008%2011.9473C7.46902%2012.0003%207.36905%2012.0743%207.28613%2012.165C7.20317%2012.2559%207.13884%2012.3622%207.09863%2012.4785C7.05844%2012.5949%207.04278%2012.7182%207.05371%2012.8408C7.06466%2012.9633%207.10157%2013.082%207.16113%2013.1895C7.22082%2013.297%207.30268%2013.3918%207.39941%2013.4678C8.25474%2014.1386%209.20211%2014.4941%2010.2158%2014.4941C11.2294%2014.4941%2012.1764%2014.1386%2013.0312%2013.4678C13.2267%2013.3144%2013.3545%2013.0901%2013.377%2012.8418C13.3993%2012.5929%2013.3133%2012.349%2013.1455%2012.165C13.0628%2012.0744%2012.9624%2012.0013%2012.8516%2011.9482C12.7406%2011.8952%2012.6199%2011.863%2012.4971%2011.8535Z'%20fill='%238F8F8F'/%3E%3C/svg%3E");
  }

  #mobile_tabbar .mb-tab--home:not(.is-active) .mb-tab-ico-wrap svg{
    opacity: 0 !important;
  }
}


@media (max-width: 900px){

  /* 整体统一上移 5px + 图标文字间距统一 5px */
  #mobile_tabbar .mb-tab{
    justify-content: flex-end !important;
    gap: 5px !important;
    padding: 0 1px 5px !important;
  }

  /* 清掉旧的 margin / transform 干扰 */
  #mobile_tabbar .mb-tab .mb-tab-ico-wrap,
  #mobile_tabbar .mb-tab em{
    margin: 0 !important;
    transform: none !important;
  }

  /* 默认态和激活态都共用同一套图标容器尺寸 */
  #mobile_tabbar .mb-tab--home .mb-tab-ico-wrap{
    width: 20px !important;
    height: 19px !important;
    flex: 0 0 19px !important;
  }

  #mobile_tabbar .mb-tab--orders .mb-tab-ico-wrap{
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
  }

  #mobile_tabbar .mb-tab--support .mb-tab-ico-wrap{
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
  }

  #mobile_tabbar .mb-tab--me .mb-tab-ico-wrap{
    width: 25px !important;
    height: 25px !important;
    flex: 0 0 25px !important;
  }

  /* 默认态 svg 跟容器走，避免默认比激活小 */
  #mobile_tabbar .mb-tab .mb-tab-ico-wrap svg{
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }

  /* 激活态背景图也严格跟同一容器尺寸走 */
  #mobile_tabbar .mb-tab.is-active .mb-tab-ico-wrap{
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
  }

  #mobile_tabbar .mb-tab.is-active .mb-tab-ico-wrap svg{
    opacity: 0 !important;
  }
}





@media (max-width: 900px){
  #mobile_tabbar .mb-tab--home:not(.is-active) .mb-tab-ico-wrap{
    transform: scale(1) !important;
    transform-origin: center center !important;
  }
}

/* =========================================================
   Footer HB2 - PC flatten footer glow
   去掉底部 footer 的光斑、边框和分隔线，只保留纯色暗块
   ========================================================= */
@media (min-width: 769px){
  #site_footer.fmhb2{
    background: #080a0f !important;
  }

  #site_footer.fmhb2 .hb2-card{
    background: #080a0f !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  #site_footer.fmhb2 .hb2-left::after{
    display: none !important;
  }

  #site_footer.fmhb2 .hb2-brand--pc img{
    filter: none !important;
  }
}