/* ============================================================
   全站统一页脚（纯 CSS，不依赖 Tailwind）
   用于 story / news 等独立样式页面。类名前缀 .sf- 避免冲突。
   与主站 footer 视觉一致：深紫底、logo+公众号二维码、3 大模块、底部声明。
   ============================================================ */
.site-footer{
  background:#382D5C;
  color:rgba(255,255,255,.7);
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,sans-serif;
  margin-top:48px;
  padding:0;
  text-align:left;
  line-height:1.6;
}
.site-footer *{box-sizing:border-box;}

.sf-grid{
  max-width:1180px;
  margin:0 auto;
  padding:56px 32px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:40px 24px;
}

/* —— 品牌栏：logo + 公众号二维码 —— */
.sf-brand{grid-column:1 / -1;text-align:center;}
.sf-logo{height:64px;width:auto;display:block;margin:0 auto;}
.sf-qr{display:block;width:max-content;max-width:100%;margin:16px auto 0;}
.sf-qr-img{
  width:128px;height:128px;display:block;
  border-radius:12px;background:#fff;padding:6px;
  box-shadow:0 10px 30px -12px rgba(0,0,0,.45);
}
.sf-qr-cap{margin-top:8px;font-size:14px;color:rgba(255,255,255,.55);text-align:center;}

/* —— 链接模块 —— */
.sf-col h3{
  color:#fff;
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-weight:600;font-size:14px;letter-spacing:.03em;
  margin:0 0 16px;line-height:1.4;
}
.sf-list{list-style:none;margin:0;padding:0;font-size:14px;}
.sf-list li{margin-bottom:10px;}
.sf-list a,.sf-scenes-list a{color:rgba(255,255,255,.7);transition:color .2s;}
.sf-list a:hover,.sf-scenes-list a:hover{color:#E0B566;}
.sf-muted{color:rgba(255,255,255,.7);}

/* —— 家庭场景：内部 2 列 —— */
.sf-scenes{grid-column:1 / -1;}
.sf-scenes-list{
  list-style:none;margin:0;padding:0;font-size:14px;
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px;
}

/* —— 底部声明 —— */
.sf-bottom{
  border-top:1px solid rgba(255,255,255,.1);
  padding:24px 16px;text-align:center;
  font-size:12px;color:rgba(255,255,255,.45);line-height:1.9;
}

/* —— 桌面端：5 轨布局（品牌1 / 家庭场景2 / 了解产品1 / 联系我们1）—— */
@media(min-width:1024px){
  .sf-grid{grid-template-columns:1fr 2fr 1fr 1fr;}
  .sf-brand{grid-column:auto;text-align:left;}
  .sf-logo{margin:0;}
  .sf-qr{margin:16px 0 0;}
  .sf-scenes{grid-column:auto;}
}

/* ============================================================
   story 文章底部操作区：统一居中
   覆盖各页内联的 .article-foot（flex-wrap 行布局会让按钮忽左忽右）
   改为纵向居中堆叠：返回 / 下一篇 / 免费咨询客服 都水平居中
   ============================================================ */
.article-foot,
.guide-foot{
  max-width:760px;
  margin:36px auto 0;
  padding:0 32px;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center;
  text-align:center;
  gap:14px;
  font-size:15px;
}
.article-foot .back-link,
.guide-foot .back-link{
  color:#6b5ba0;
  font-size:15px;
  text-decoration:none;
  line-height:1.5;
}
.article-foot .back-link:hover,
.guide-foot .back-link:hover{text-decoration:underline;}
.article-foot .consult-btn,
.guide-foot .btn{margin-top:8px;}

/* 语言切换 Language Switch */
.lang-switch{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:500;}
.lang-switch a,.lang-switch span{padding:3px 7px;border-radius:5px;text-decoration:none;line-height:1;}
.lang-switch a{color:#6b5ba0;}
.lang-switch a:hover{background:rgba(107,91,160,0.1);}
.lang-switch span.lang-cur{color:#fff;background:#6b5ba0;font-weight:700;}
@media (max-width:768px){.lang-switch{font-size:12px;gap:3px;}.lang-switch a,.lang-switch span{padding:2px 5px;}}