/* IGNIREE Footer 4-column light pack */
/* === Footer 4-column layout (scoped) === */
.site-footer{ 
  background:#fffaf5;
  border-top:1px solid #efe6db;
  color:#0f172a;
}
.site-footer .footer-wrap{ padding:22px 0; }
.site-footer .top-row{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:24px;
  align-items:start;
}
.site-footer .footer-card{
  background:#fff;
  border:1px solid #efe6db;
  border-radius:14px;
  padding:16px 16px 14px;
}
.site-footer .footer-card h4{
  margin:0 0 8px;
  font-weight:900;
  font-size:16px;
  color:#0f172a;
}
.site-footer .footer-card .divider{
  height:1px; background:#efe6db; margin:8px 0 10px;
}
.site-footer .ft-nav{ list-style:none; margin:0; padding:0; }
.site-footer .ft-nav li{ margin:8px 0; }
.site-footer .ft-nav a{
  color:#334155; text-decoration:none;
}
.site-footer .ft-nav a:hover{ color:#ff6a00; }
.site-footer .payments .pay{
  display:inline-block; font-weight:800; font-size:12px; 
  color:#a16207; padding:6px 10px; border-radius:999px;
  background:linear-gradient(180deg,#fff7ee,#ffe9cc);
  border:1px solid #f3ddc8; margin:6px 8px 0 0;
}
.site-footer .social .sbtn{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:10px; margin-left:8px;
  border:1px solid #f0e7dd; color:#ff6a00; text-decoration:none;
}
.site-footer .social .sbtn:hover{ background:#fff3e0; }
.site-footer .news-wrap{ display:flex; gap:8px; margin:8px 0; }
.site-footer .news-wrap .input{
  flex:1 1 auto; height:40px; border:1px solid #efe6db; border-radius:10px; padding:0 12px;
}
.site-footer .news-wrap .btn{
  height:40px; border-radius:10px; padding:0 14px; 
  border:1px solid #ff6a00; background:#ff6a00; color:#fff; font-weight:800;
}
.site-footer small.note{ color:#64748b; }
.site-footer .brand-box{ display:flex; gap:10px; align-items:center; }
.site-footer .logo-badge{
  width:34px; height:34px; border-radius:10px; 
  display:inline-flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid #f0e7dd;
}
.site-footer .bottom-bar{ border-top:1px solid #efe6db; background:#fff; }
.site-footer .bottom-inner{
  max-width:1360px; margin:0 auto; padding:12px 16px;
  display:flex; gap:12px; align-items:center; justify-content:space-between;
  color:#475569;
}
.site-footer .bottom-inner a{ color:#ff6a00; text-decoration:none; }
@media (max-width: 1024px){
  .site-footer .top-row{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .site-footer .top-row{ grid-template-columns:1fr; }
  .site-footer .footer-card{ padding:14px; }
  .site-footer .bottom-inner{ flex-direction:column; align-items:flex-start; gap:6px; }
}
/* Simplified Brand Column */
.ign-footer .brand--simple {
  text-align: center;
}

.ign-footer .brand--simple .brand-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 14px;
}

.ign-footer .brand--simple .brand-logo {
  height: 38px;
  margin-bottom: 6px;
  opacity: .95;
}

.ign-footer .brand--simple .brand-meta small {
  display: block;
  color: #777;
  font-size: 13px;
  margin-top: 2px;
}

.ign-footer .brand--simple .contact-list a {
  color: #333;
  font-weight: 500;
  text-decoration: none;
}

.ign-footer .brand--simple .cert-row {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  gap: 8px;
}

.ign-footer .brand--simple .cert {
  font-size: 11px;
  background:#eee;
  padding:3px 6px;
  border-radius:4px;
  color:#666;
}
/* ========== Footer 4 Columns (scoped) ========== */
.site-footer.ign-footer .ft-grid{
  display:flex; flex-wrap:wrap; gap:24px;
}
.site-footer.ign-footer .ft-grid > .footer-card{
  flex:1 0 calc(25% - 18px);
  max-width:calc(25% - 18px);
}

/* 支持 Grid 时优先用 Grid（更稳的 4 等分） */
@supports (display:grid){
  .site-footer.ign-footer .ft-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:24px;
  }
  .site-footer.ign-footer .ft-grid > .footer-card{
    flex:initial; max-width:none;
  }
}

/* 卡片基础 */
.site-footer.ign-footer .footer-card{
  background:#fff; border:1px solid #efe6db; border-radius:14px; padding:16px 16px 14px;
}
.site-footer.ign-footer .ft-title{
  margin:0 0 8px; font-weight:900; font-size:16px; color:#0f172a;
}
.site-footer.ign-footer .ft-nav{ list-style:none; margin:0; padding:0; }
.site-footer.ign-footer .ft-nav li{ margin:8px 0; }
.site-footer.ign-footer .ft-nav a{ color:#334155; text-decoration:none; }
.site-footer.ign-footer .ft-nav a:hover{ color:#ff6a00; }

/* 徽章/支付 */
.site-footer.ign-footer .payments .pay{
  display:inline-block; font-weight:800; font-size:12px; color:#a16207;
  padding:6px 10px; border-radius:999px;
  background:linear-gradient(180deg,#fff7ee,#ffe9cc);
  border:1px solid #f3ddc8; margin:6px 8px 0 0;
}

/* ====== 第 4 栏：精简版 ====== */
.site-footer.ign-footer .footer-card--mini{
  display:flex; flex-direction:column; gap:10px;
}
.site-footer.ign-footer .brand-mini{ text-align:left; }
.site-footer.ign-footer .brand-mini__logo{
  height:28px; width:auto; display:block; margin:0 0 6px;
}
.site-footer.ign-footer .brand-mini__name{
  font-weight:900; color:#0f172a; line-height:1.1;
}
.site-footer.ign-footer .brand-mini__tag{
  color:#64748b; font-size:12px;
}
.site-footer.ign-footer .contact-compact{
  list-style:none; margin:6px 0 0; padding:0;
}
.site-footer.ign-footer .contact-compact li{ margin:6px 0; }
.site-footer.ign-footer .contact-compact a{
  color:#334155; text-decoration:none;
}
.site-footer.ign-footer .contact-compact a:hover{ color:#ff6a00; }

.site-footer.ign-footer .social-compact{
  display:flex; gap:8px; margin-top:4px;
}
.site-footer.ign-footer .social-compact .sbtn{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:10px;
  border:1px solid #f0e7dd; color:#ff6a00; text-decoration:none;
}
.site-footer.ign-footer .social-compact .sbtn:hover{ background:#fff3e0; }

/* 响应式：平板 2 列、手机 1 列 */
@media (max-width:1024px){
  .site-footer.ign-footer .ft-grid > .footer-card{
    flex-basis:calc(50% - 12px); max-width:calc(50% - 12px);
  }
  @supports (display:grid){
    .site-footer.ign-footer .ft-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  }
}
@media (max-width:640px){
  .site-footer.ign-footer .ft-grid > .footer-card{
    flex-basis:100%; max-width:100%;
  }
  @supports (display:grid){
    .site-footer.ign-footer .ft-grid{ grid-template-columns:1fr; }
  }
}
/* ===== Brand Card (4栏提升) 仅作用于 .site-footer.ign-footer ===== */
.site-footer.ign-footer .brand-card{
  background: linear-gradient(180deg,#fff7ee 0%, #fffdf9 60%, #ffffff 100%);
  border:1px solid #f3ddc8;
  box-shadow: 0 8px 24px rgba(255,106,0,.06);
  padding:18px 16px 14px;
}

.site-footer.ign-footer .brand-card__head{
  display:flex; align-items:center; gap:10px; margin-bottom:8px;
}
.site-footer.ign-footer .brand-card .logo-badge{
  width:42px; height:42px; border-radius:12px;
  display:inline-flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid #f0e7dd; font-size:20px;
}
.site-footer.ign-footer .brand-card__title{
  font-weight:900; letter-spacing:.2px; color:#0f172a;
}
.site-footer.ign-footer .brand-card__tag{
  font-size:12px; color:#64748b; margin-top:2px;
}

/* USP 列表 */
.site-footer.ign-footer .brand-card__usp{
  list-style:none; margin:10px 0 12px; padding:0;
}
.site-footer.ign-footer .brand-card__usp li{
  display:flex; align-items:center; gap:8px;
  color:#334155; margin:6px 0; position:relative; padding-left:22px;
}
.site-footer.ign-footer .brand-card__usp li::before{
  content:""; position:absolute; left:0; top:7px; width:14px; height:14px;
  border-radius:4px; background:linear-gradient(180deg,#ffe5c4,#ffd29b);
  border:1px solid #f3c58c; box-shadow: inset 0 0 0 2px #fff;
}

/* 按钮 */
.site-footer.ign-footer .brand-card__actions{ display:flex; gap:8px; margin:2px 0 10px; }
.site-footer.ign-footer .ft-btn{
  display:inline-block; padding:10px 14px; border-radius:10px; font-weight:800;
  background:#ff6a00; color:#fff; text-decoration:none; border:1px solid #ff6a00;
}
.site-footer.ign-footer .ft-btn:hover{ background:#d95500; border-color:#d95500; }
.site-footer.ign-footer .ft-btn--ghost{
  background:#fff; color:#ff6a00; border-color:#f4d9b4;
}
.site-footer.ign-footer .ft-btn--ghost:hover{ background:#fff3e0; }

/* 证书 + 社媒 */
.site-footer.ign-footer .brand-card__meta{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
}
.site-footer.ign-footer .brand-card .pills .pill{
  display:inline-block; font-weight:800; font-size:12px; color:#a16207;
  padding:6px 10px; border-radius:999px;
  background:linear-gradient(180deg,#fff7ee,#ffe9cc); border:1px solid #f3ddc8;
  margin-right:6px;
}

/* 响应式：保持四列等宽规则不变 */
@media (max-width:1024px){
  .site-footer.ign-footer .brand-card{ padding:16px; }
}
@media (max-width:640px){
  .site-footer.ign-footer .brand-card{ padding:14px; }
}
@media (min-width:1024px){
  .site-footer.ign-footer .ft-grid > .brand-card{ grid-column: span 1; } /* 保持等分：span 1 */
  /* 想变宽就改 span 2，同时把第三列精简为一列；但目前你希望四列等宽，所以不改 */
}
/* ====== Brand Card (column 4) ====== */
.ign-footer .brand-card{
  display:grid;
  grid-template-columns: auto 1fr;
  gap:12px 14px;
  align-items:start;
}

.ign-footer .brand-card .logo-badge{
  width:36px;height:36px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid #f0e7dd;flex:0 0 auto;
}

.ign-footer .brand-card .brand-meta b{font-weight:900;}
.ign-footer .brand-card .brand-meta small{display:block;color:#64748b;line-height:1.25;}

.ign-footer .brand-card .checklist{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:8px 12px;
}
@media (max-width:1024px){
  .ign-footer .brand-card .checklist{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media (max-width:640px){
  .ign-footer .brand-card .checklist{grid-template-columns:1fr;}
}
.ign-footer .brand-card .check{
  display:flex;gap:8px;align-items:flex-start;
  color:#334155;word-break:break-word;
}
.ign-footer .brand-card .tick{
  width:16px;height:16px;border-radius:4px;flex:0 0 auto;
  border:1px solid #f3ddc8;background:linear-gradient(180deg,#fff7ee,#ffe9cc);
}

.ign-footer .brand-card .cta-row{
  grid-column:1 / -1;
  display:flex;gap:10px;flex-wrap:wrap;
}
.ign-footer .brand-card .btn-pill{
  display:inline-block;padding:10px 14px;border-radius:12px;
  border:1px solid #ff6a00;background:#ff6a00;color:#fff;text-decoration:none;font-weight:800;
  flex:0 0 auto;
}
.ign-footer .brand-card .btn-pill--ghost{
  background:#fff;color:#ff6a00;border-color:#f3ddc8;
}

.ign-footer .brand-card .trust-social{
  grid-column:1 / -1;
  display:flex;gap:10px 10px;flex-wrap:wrap; /* 关键：自动换行 */
}

.ign-footer .brand-card .chip{
  display:inline-block;padding:6px 10px;border-radius:10px;font-weight:800;font-size:12px;
  color:#a16207;background:linear-gradient(180deg,#fff7ee,#ffe9cc);border:1px solid #f3ddc8;
  flex:0 0 auto; /* 不挤压文字，允许换行到下一行 */
}

.ign-footer .brand-card .sbtn{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:10px;border:1px solid #f0e7dd;color:#ff6a00;text-decoration:none;
  flex:0 0 auto;
}
.ign-footer .brand-card .sbtn:hover{background:#fff3e0;}
/* —— 第4栏：内框协调 + 不溢出换行 —— */
.site-footer.ign-footer .footer-card.brand{ padding:14px; }
.site-footer.ign-footer .footer-card.brand .brand-panel{
  border:1px solid #f3ddc8; border-radius:12px; background:#fff;
  padding:14px 16px; box-shadow:0 6px 20px rgba(255,138,0,.06);
}

/* 品牌头：网格对齐、字号层级一致 */
.site-footer.ign-footer .brand-panel .brand-box{
  display:grid; grid-template-columns:40px 1fr; gap:10px; align-items:center; margin-bottom:10px;
}
.site-footer.ign-footer .brand-panel .logo-badge{
  width:34px; height:34px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid #f0e7dd;
}
.site-footer.ign-footer .brand-panel .brand-meta b{ display:block; font-weight:900; color:#0f172a; line-height:1.05; }
.site-footer.ign-footer .brand-panel .brand-meta small{ display:block; color:#64748b; line-height:1.25; }

/* KPI：三列自适应，溢出自动换行，视觉均衡 */
.site-footer.ign-footer .brand-panel .brand-kpis{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:8px 0 10px; padding:0; list-style:none;
}
@media (max-width:1024px){
  .site-footer.ign-footer .brand-panel .brand-kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px){
  .site-footer.ign-footer .brand-panel .brand-kpis{ grid-template-columns:1fr; }
}
.site-footer.ign-footer .brand-panel .brand-kpis li{
  border:1px solid #f3ddc8; border-radius:10px; background:linear-gradient(180deg,#fff7ee,#ffe9cc);
  padding:10px 12px; min-height:56px; display:flex; flex-direction:column; justify-content:center;
}
.site-footer.ign-footer .brand-panel .brand-kpis li span{ font-weight:900; color:#a16207; }
.site-footer.ign-footer .brand-panel .brand-kpis li em{ font-style:normal; color:#7c6a57; }

/* CTA：主次按钮 + 换行不挤 */
.site-footer.ign-footer .brand-panel .brand-ctas{
  display:flex; flex-wrap:wrap; gap:8px; margin:6px 0 8px;
}
.site-footer.ign-footer .brand-panel .btn-cta{
  display:inline-block; padding:10px 14px; border-radius:10px; font-weight:800; border:1px solid #ff6a00; color:#ff6a00; text-decoration:none; background:#fff;
}
.site-footer.ign-footer .brand-panel .btn-cta:hover{ background:#fff3e0; }
.site-footer.ign-footer .brand-panel .btn-cta.is-primary{ background:#ff6a00; color:#fff; }
.site-footer.ign-footer .brand-panel .btn-cta.is-primary:hover{ background:#d95500; border-color:#d95500; }

/* 资质/社媒：左右两块，内部都可换行 */
.site-footer.ign-footer .brand-panel .brand-rows{
  display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:flex-start;
}
.site-footer.ign-footer .brand-panel .brand-badges{ display:flex; flex-wrap:wrap; gap:8px; }
.site-footer.ign-footer .brand-panel .brand-badges .pay{
  display:inline-block; font-weight:800; font-size:12px; color:#a16207; padding:6px 10px; border-radius:999px;
  background:linear-gradient(180deg,#fff7ee,#ffe9cc); border:1px solid #f3ddc8;
}
.site-footer.ign-footer .brand-panel .brand-social{ display:flex; gap:8px; flex-wrap:wrap; }
.site-footer.ign-footer .brand-panel .brand-social .sbtn{
  display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:10px;
  border:1px solid #f0e7dd; color:#ff6a00; text-decoration:none;
}
.site-footer.ign-footer .brand-panel .brand-social .sbtn:hover{ background:#fff3e0; }