/* =============================================================
   design-2026.css  现代科技蓝 · 全站共用设计系统
   适用：首页 / 关于我们 / 客户案例 及全站共用头部页脚
   ============================================================= */
:root{
  --brand:#145fbf;
  --brand-dark:#0F488D;
  --brand-deep:#0a2e5c;
  --brand-gradient:linear-gradient(135deg,#145fbf 0%,#5f6fff 100%);
  --brand-gradient-soft:linear-gradient(135deg,rgba(20,95,191,.10),rgba(95,111,255,.12));
  --ink:#1f2d3d;
  --muted:#5f6c7b;
  --ucolor:#68798c;
  --line:#e5e9f0;
  --bg-soft:#f5f8ff;
  --white:#fff;
  --radius:14px;
  --radius-lg:20px;
  --shadow:0 12px 32px rgba(20,95,191,.12);
  --shadow-lg:0 24px 60px rgba(15,72,141,.18);
  --wrap:1400px;
}

*,*::before,*::after{box-sizing:border-box;}
html,body,main,header,footer,nav,section,article,aside,figure,figcaption{display:block;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  color:var(--ink);
  background:var(--white);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  min-width:320px;
}
a{text-decoration:none;color:inherit;transition:color .25s ease;}
img{max-width:100%;display:block;border:0;}
svg{display:inline-block;vertical-align:middle;}
ul{list-style:none;padding: 0px;margin:0px}
main{width:100%;overflow:hidden;}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px;box-sizing:border-box;}
/* 隐藏默认客服系统空锚点 */
#ibangkf{display:none!important;visibility:hidden;position:absolute;left:-9999px;top:-9999px;width:0;height:0;overflow:hidden;}

/* ---------- 通用按钮 ---------- */
.btn-grad{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 34px;border-radius:999px;color:#fff;font-size:16px;font-weight:600;
  background:var(--brand-gradient);box-shadow:0 10px 24px rgba(20,95,191,.32);
  transition:transform .25s ease,box-shadow .25s ease;
  border:0;cursor:pointer;line-height:1;
}
.btn-grad:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(20,95,191,.42);color:#fff;}
.btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 34px;border-radius:999px;color:var(--brand);font-size:16px;font-weight:600;
  background:var(--white);border:1px solid rgba(20,95,191,.35);line-height:1;
  transition:all .25s ease;
}
.btn-ghost:hover{background:var(--brand);color:#fff;border-color:var(--brand);}

/* ---------- 区块标题 ---------- */
.section-head{text-align:center;margin-bottom:44px;}
.section-head .kicker{display:inline-block;font-size:13px;letter-spacing:3px;color:var(--brand);background:var(--brand-gradient-soft);
  padding:5px 16px;border-radius:999px;margin-bottom:14px;font-weight:600;}
.section-head h2{font-size:32px;font-weight:800;color:var(--ink);letter-spacing:1px;}
.section-head .line{width:52px;height:4px;border-radius:4px;background:var(--brand-gradient);margin:16px auto 12px;}
.section-head .sub{font-size:14px;color:var(--muted);letter-spacing:1px;}
.section-head.light h2{color:#fff;}
.section-head.light .sub{color:rgba(255,255,255,.75);}
.section-head.light .kicker{background:rgba(255,255,255,.14);color:#fff;}

/* =============================================================
   头部 site-header（全站共用）
   ============================================================= */
.site-header{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);box-shadow:0 2px 18px rgba(15,30,60,.06);}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:90px;}
.site-header .brand{display:flex;align-items:center;gap:12px;}
.site-header .brand img{height:60px;width:auto;}
.site-header .brand .name{font-size:20px;font-weight:800;color:var(--brand-dark);line-height:1.2;letter-spacing:1px;}
.site-header .brand .en{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:600;}
.site-header .nav{display:flex;align-items:center;gap:4px;}
.site-header .nav > li{position:relative;}
.site-header .nav > li > a{display:block;padding:10px 16px;font-size:15px;color:var(--ink);font-weight:500;border-radius:999px;}
.site-header .nav > li > a:hover,.site-header .nav > li.on > a{color:#fff;background:var(--brand-gradient);
  box-shadow:0 8px 18px rgba(20,95,191,.28);}
.site-header .nav .v_list{position:absolute;top:100%;left:0;min-width:150px;padding-top:12px;display:none;z-index:50;}
.site-header .nav > li:hover .v_list{display:block;}
.site-header .nav .v_list a{display:block;background:#fff;padding:11px 18px;font-size:14px;color:var(--ink);
  border-left:3px solid transparent;}
.site-header .nav .v_list a:hover{color:var(--brand);border-left-color:var(--brand);background:var(--bg-soft);}
.site-header .hotline{display:flex;align-items:center;gap:10px;margin-left:12px;}
.site-header .hotline .ico{width:44px;height:44px;border-radius:50%;background:var(--brand-gradient-soft);
  display:flex;align-items:center;justify-content:center;color:var(--brand);}
.site-header .hotline b{display:block;font-size:11px;color:var(--muted);font-weight:600;letter-spacing:1px;}
.site-header .hotline span{display:block;font-size:19px;font-weight:800;color:var(--brand);letter-spacing:.5px;line-height:1.2;}
.menu-btn{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:#fff;
  align-items:center;justify-content:center;cursor:pointer;color:var(--ink);}
.site-nav-m{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:#fff;z-index:1000;
  box-shadow:-6px 0 30px rgba(15,30,60,.14);transition:right .3s ease;padding:30px 20px;overflow-y:auto;}
.site-nav-m.open{right:0;}
.site-nav-m .close{position:absolute;top:16px;right:16px;font-size:26px;cursor:pointer;color:var(--muted);line-height:1;}
.site-nav-m a{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;font-size:15px;
  color:var(--ink);border-bottom:1px solid var(--line);}
.site-nav-m a.on{color:var(--brand);font-weight:700;}
.site-nav-m .v_list{padding-left:2px;background:var(--bg-soft);border-radius:10px;margin:6px 0 10px;padding:6px 12px;}
.site-nav-m .v_list a{border-bottom:none;font-size:14px;color:var(--muted);}
.site-nav-m .v_list a:hover{color:var(--brand);}
.scrim{position:fixed;inset:0;background:rgba(10,20,40,.42);z-index:999;opacity:0;visibility:hidden;
  transition:opacity .3s;backdrop-filter:blur(2px);}
.scrim.open{opacity:1;visibility:visible;}

/* =============================================================
   页内横幅 page-banner（关于/案例）
   ============================================================= */
.page-banner{position:relative;overflow:hidden;background:linear-gradient(120deg,#0a2e5c,#0F488D 45%,#145fbf);
  color:#fff;padding:72px 0 70px;}
.page-banner::before,.page-banner::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.07);}
.page-banner::before{width:340px;height:340px;top:-120px;right:-90px;}
.page-banner::after{width:260px;height:260px;bottom:-120px;left:-60px;background:rgba(255,255,255,.05);}
.page-banner .deco{position:absolute;inset:0;background-repeat:no-repeat;background-size:cover;opacity:.18;
  background-position:center;}
.page-banner .wrap{position:relative;z-index:2;}
.page-banner h1{font-size:38px;font-weight:800;letter-spacing:2px;}
.page-banner .en{font-size:13px;letter-spacing:4px;color:rgba(255,255,255,.68);margin-top:6px;}
.page-banner .crumbs{margin-top:18px;font-size:14px;color:rgba(255,255,255,.82);display:flex;align-items:center;gap:6px;}
.page-banner .crumbs a{color:rgba(255,255,255,.82);margin: 0px 10px;}
.page-banner .crumbs a:hover{color:#fff;}
.page-banner .crumbs b{font-weight:600;color:#fff;}

/* =============================================================
   页脚 site-footer（全站共用）
   ============================================================= */
.site-footer{background:linear-gradient(150deg,#0a2e5c,#0F488D 60%,#145fbf);color:rgba(255,255,255,.82);margin-top:0;}
.foot-main{padding:64px 0 34px;}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;}
.site-footer h4{color:#fff;font-size:16px;margin-bottom:18px;position:relative;padding-left:14px;letter-spacing:1px;}
.site-footer h4::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:3px;
  background:var(--brand-gradient);}
.site-footer .f-about{color:rgba(255,255,255,.72);font-size:14px;line-height:1.9;}
.site-footer .f-contact li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.9;color:rgba(255,255,255,.78);}
.site-footer .f-contact svg{flex:none;margin-top:4px;color:rgba(255,255,255,.8);}
.site-footer .f-links li{margin-bottom:10px;}
.site-footer .f-links a{font-size:14px;color:rgba(255,255,255,.78);position:relative;padding-left:14px;}
.site-footer .f-links a::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4);}
.site-footer .f-links a:hover{color:#fff;padding-left:18px;}
.site-footer .f-qr{display:flex;flex-direction:column;align-items:center;gap:10px;}
.site-footer .f-qr img{width:116px;height:116px;border-radius:12px;border:3px solid #fff;object-fit:cover;}
.site-footer .f-qr span{font-size:13px;color:rgba(255,255,255,.8);letter-spacing:1px;}
.f-sns{display:flex;gap:12px;margin-top:16px;}
.f-sns a{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;
  justify-content:center;color:#fff;transition:background .25s;border:1px solid rgba(255,255,255,.16);}
.f-sns a:hover{background:var(--brand);}
.foot-bottom{border-top:1px solid rgba(255,255,255,.14);padding:20px 0;font-size:13px;
  color:rgba(255,255,255,.6);display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;}
.foot-bottom a{color:rgba(255,255,255,.62);margin:0 6px;}
.foot-bottom a:hover{color:#fff;}

/* ---------- 右侧悬浮操作条 ---------- */
.fix-actions{position:fixed;right:18px;bottom:90px;z-index:800;display:flex;flex-direction:column;gap:12px;}
.fix-actions .fa{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--brand);
  display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;gap:2px;
  box-shadow:0 6px 18px rgba(15,72,141,.16);cursor:pointer;border:0;transition:transform .2s;}
.fix-actions .fa svg{width:22px;height:22px;}
.fix-actions .fa:hover{transform:translateY(-3px);background:var(--brand);color:#fff;}
.fix-actions .fa-pop{position:relative;}
.fix-actions .fa-pop .pop{position:absolute;right:70px;bottom:0;background:#fff;border-radius:10px;
  padding:10px;box-shadow:var(--shadow);width:auto;min-width:180px;max-width:240px;
  display:none!important;}
.fix-actions .fa-pop[data-open="1"] .pop{display:block!important;}
.fix-actions .fa svg, .fix-actions .fa img{flex:none;max-width:100%;height:auto;}
.fix-actions .fa span{white-space:nowrap;line-height:1;font-weight:600;}
.fix-actions .fa-pop .pop img,.fix-actions .fa-pop .pop svg{max-width:100%;height:auto;}

/* =============================================================
   IE 提示
   ============================================================= */
.iet{display:none;background:#ffd45c;color:#644a1c;text-align:center;padding:8px 12px;font-size:13px;}
.iet a{color:#0a58ca;text-decoration:underline;}
.iet .closed{cursor:pointer;margin-left:10px;font-weight:700;}

/* =============================================================
   精致化增强 v2 · 全站通用细节打磨（2026-09-04）
   ============================================================= */

/* ---------- 1. 滚动入场动画 ----------
   由 public_footer 的脚本给 body 加 .reveal-ready 后启用；
   若 JS 未执行则元素保持默认可见，不会出现内容空白。 */
.reveal{transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1);}
body.reveal-ready .reveal{opacity:0;transform:translateY(28px);}
body.reveal-ready .reveal.in{opacity:1;transform:none;text-align: center;}
@media (prefers-reduced-motion:reduce){
  body.reveal-ready .reveal{opacity:1!important;transform:none!important;}
}

/* ---------- 2. 区块标题细节 ---------- */
.section-head .kicker{position:relative;box-shadow:inset 0 0 0 1px rgba(20,95,191,.14);backdrop-filter:blur(4px);}
.section-head .kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand);
  display:inline-block;margin-right:9px;vertical-align:1px;animation:pulseDot 2.2s ease-in-out infinite;}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.78)}}
.section-head .line{position:relative;overflow:hidden;width:72px;}
.section-head .line::after{content:"";position:absolute;top:0;left:0;height:100%;width:40%;border-radius:4px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);
  animation:lineSweep 3.4s ease-in-out infinite;}
@keyframes lineSweep{0%{left:-50%}65%,100%{left:110%}}
.section-head h2{position:relative;letter-spacing:2px;}

/* ---------- 3. 按钮：光扫 + 按压反馈 ---------- */
.btn-grad{position:relative;overflow:hidden;}
.btn-grad::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);
  transform:skewX(-18deg);transition:left .65s ease;}
.btn-grad:hover::after{left:125%;}
.btn-grad:active{transform:translateY(0);box-shadow:0 6px 16px rgba(20,95,191,.34);}
.btn-ghost{position:relative;overflow:hidden;}
.btn-ghost::before{content:"";position:absolute;inset:0;background:var(--brand);transform:scaleX(0);
  transform-origin:left;transition:transform .3s ease;z-index:0;}
.btn-ghost:hover::before{transform:scaleX(1);}
.btn-ghost span,.btn-ghost svg{position:relative;z-index:1;}
.btn-ghost:hover{color:#fff;}

/* ---------- 4. 页内横幅：纹理 / 标题装饰 / 面包屑胶囊 ---------- */
.page-banner{isolation:isolate;
  background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(120deg,#0a2e5c,#0F488D 45%,#145fbf);
  background-size:24px 24px,auto;}
.page-banner::after{background:rgba(255,255,255,.04);}
.page-banner h1{position:relative;padding-left:20px;}
.page-banner h1::before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:6px;border-radius:4px;
  background:linear-gradient(180deg,#7fd0ff,#fff);box-shadow:0 0 12px rgba(127,208,255,.6);}
.page-banner .en{position:relative;padding-left:20px;letter-spacing:6px;text-transform:uppercase;}
.page-banner .crumbs{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);
  border-radius:999px;padding:7px 18px;display:inline-flex;backdrop-filter:blur(8px);width:auto;}
.page-banner .crumbs span{opacity:.7;}

/* ---------- 5. 头部滚动阴影 ---------- */
.site-header{transition:box-shadow .3s ease,background .3s ease;}
.site-header.scrolled{box-shadow:0 6px 26px rgba(15,30,60,.12);background:rgba(255,255,255,.98);}

/* ---------- 6. 通用卡片光晕 ---------- */
.service-card,.why-card,.adv-card,.case-card,.news-card,.step{
  will-change:transform;
  transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease,border-color .35s ease,background .35s ease;
}

/* =============================================================
   响应式
   ============================================================= */
@media (max-width:1024px){
  .site-header .nav,.site-header .hotline{display:none;}
  .menu-btn{display:inline-flex;}
  .foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
}
@media (max-width:640px){
  .site-header .wrap{height:64px;}
  .site-header .brand .en{display:none;}
  .page-banner{padding:48px 0 46px;}
  .page-banner h1{font-size:26px;}
  .section-head h2{font-size:24px;}
  .section-head{margin-bottom:30px;}
  .foot-grid{grid-template-columns:1fr;}
  .fix-actions{right:10px;bottom:70px;}
}
/* ======== HOTFIX 2026-09-03: 防止头部flex收缩、各section空白 ======== */
.site-header{width:100%;}
.site-header .wrap{flex-wrap:nowrap;gap:18px;}
.site-header .brand{flex:0 0 auto;max-width:42%;min-width:0;}
.site-header .brand img{max-height:60px;min-width:auto;}
.site-header .nav{flex:1 1 auto;justify-content:center;flex-wrap:nowrap;min-width:0;gap:2px;}
.site-header .nav > li{flex:0 0 auto;white-space:nowrap;}
.site-header .nav > li > a{padding:9px 14px;font-size:14px;white-space:nowrap;min-width:max-content;}
.site-header .hotline{flex:0 0 auto;white-space:nowrap;}
.menu-btn{flex:0 0 auto;}
/* 保护主体区块不塌陷不透明 */
main section, main .hero, main .home-section{
  display:block;width:100%;opacity:1!important;visibility:visible!important;
  position:relative;z-index:1;overflow:visible;min-height:60px;
}
main > .hero{min-height:420px;padding:54px 0 40px;}
main > .home-section{padding-top:72px;padding-bottom:72px;}
/* 品牌渐变无遮挡 */
.hero-stats{margin-top:32px!important;position:relative;z-index:2;}
.hero-badge{display:inline-block!important;white-space:nowrap;}
.hero h1 em{-webkit-text-fill-color:#fff;-webkit-background-clip:unset;background-clip:border-box;background:none!important;}
.hero-art{min-height:160px;display:block;}
.hero-art img{display:block!important;visibility:visible!important;margin:0 auto!important;max-height:360px!important;height:auto!important;width:auto!important;}
.hero-inner{min-height:380px!important;align-items:center;}
/* 分页强制白底黑字可见 */
.pagination{display:flex!important;}

/* ======== 尺寸保护 ======== */
.site-header .brand img{max-width:220px!important;width:auto!important;height:60px!important;object-fit:contain;}
ul.nav{overflow:visible!important;}
/* 平台图标与服务卡最小可见 */
.service-card,.why-card,.case-card,.news-card,.step,.adv-card{
  display:block!important;opacity:1!important;visibility:visible!important;position:relative;min-height:100px;overflow:visible;
}
.platform-strip .p-item{min-width:72px;}
.sector-card{height:300px!important;display:block!important;opacity:1!important;visibility:visible!important;}
.sector-track{grid-auto-flow:column!important;overflow-x:auto!important;}

/* =============================================================
   v4 强力隐藏（2026-09-04）：屏蔽 ibangkf 客服浮窗
   ============================================================= */
/* ibangkf 客服插件会动态创建浮窗（无法用 #ibangkf 锚点匹配），
   通用屏蔽规则覆盖：锚点、脚本注入的容器、iframe */
#ibangkf,a[id="ibangkf"]{display:none!important;visibility:hidden!important;
  position:absolute!important;left:-99999px!important;top:-99999px!important;
  width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important;}
/* ibangkf 脚本（c.ibangkf.com/i/c-*.js）注入的浮动层通常用 fixed + z-index 高 */
iframe[src*="ibangkf"],iframe[src*="c.ibangkf"],iframe[id^="ibangkf"]{display:none!important;visibility:hidden!important;width:0!important;height:0!important;}
/* 实测注入的真实浮窗节点：#ib_iconDiv / id 以 ib_ 开头 / 内部 a#ib_img，统一隐藏 */
#ib_iconDiv,div[id^="ib_"],a#ib_img{display:none!important;visibility:hidden!important;
  position:absolute!important;left:-99999px!important;top:-99999px!important;
  width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important;}
/* 部分账号还会注入 id 含 ibangkf 的浮层容器，兜底屏蔽 */
[id*="ibangkf"],[class*="ibangkf"]{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important;}
/* 兜底：右下角的小工具栏（与截图工具冲突） */
.fix-actions{position:fixed!important;right:16px!important;left:auto!important;bottom:118px!important;top:auto!important;z-index:850!important;gap:10px!important;}
.fix-actions .fa{width:50px!important;height:50px!important;font-size:11px!important;gap:3px!important;}
.fix-actions .fa svg{width:20px!important;height:20px!important;}

/* ---- 9/7: ghost button hover text fix (sweep layer hid the text) ---- */
.btn-ghost::before{display:none;}
.btn-ghost:hover{background:var(--brand);color:#fff;border-color:var(--brand);}

/* ---- 9/7: footer layout refinement ---- */
@media (min-width:993px){
  .foot-grid{grid-template-columns:1.5fr 1.25fr .55fr 1.15fr;gap:44px;}
}
.foot-main{padding:58px 0 32px;}
.site-footer .f-links li{margin-bottom:9px;}
.f-links-2{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;}
.site-footer .f-qr{display:inline-flex;flex-direction:row;align-items:center;gap:14px;margin-top:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:12px 20px 12px 12px;}
.site-footer .f-qr img{width:86px;height:86px;border-width:2px;}
.site-footer .f-qr span{font-size:13px;line-height:1.9;color:rgba(255,255,255,.85);text-align:left;letter-spacing:.5px;}
.foot-bottom{justify-content:center;text-align:center;}

/* ---- 9/9: mobile floating phone + back-to-top ---- */
.m-float{display:none;}
@media (max-width:640px){
  .m-float{display:flex;flex-direction:column;gap:10px;position:fixed;right:12px;bottom:20px;z-index:960;}
  .m-float a,.m-float button{width:46px;height:46px;border-radius:50%;border:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 22px rgba(15,30,60,.3);-webkit-tap-highlight-color:transparent;}
  .m-float .mf-tel{background:#ff5a2c;color:#fff;animation:mfPulse 2.2s ease-in-out infinite;}
  .m-float .mf-top{background:rgba(70,70,70,.94);color:#fff;}
  .m-float .mf-top:active{background:#333;}
  @keyframes mfPulse{0%,100%{box-shadow:0 8px 22px rgba(255,90,44,.42);}50%{box-shadow:0 8px 22px rgba(255,90,44,.42),0 0 0 9px rgba(255,90,44,.14);}}
}

/* ---- 9/9: footer mobile: hide 3 cols, center qr + contact ---- */
@media (max-width:640px){
  .foot-grid{grid-template-columns:1fr!important;gap:24px!important;}
  .foot-grid > div:nth-child(2),.foot-grid > div:nth-child(3){display:none!important;}
  .foot-grid > div:first-child h4,.foot-grid > div:first-child .f-about{display:none!important;}
  .foot-grid > div:first-child{display:flex!important;flex-direction:column;align-items:center;}
  .site-footer .f-qr{margin-top:0!important;}
  .foot-grid > div:last-child{display:flex!important;flex-direction:column;align-items:center;text-align:center;}
  .site-footer .f-contact li{justify-content:center!important;}
}
@media (max-width:640px){
.site-header .wrap{height:54px!important;}
.site-header .brand img{height:42px!important;max-height:42px!important;max-width:180px!important;}
.menu-btn{width:36px!important;height:36px!important;border-radius:8px!important;}
}