/* ============================================================
   宝措卤阳® 统一主体可追溯页脚  bcl-footer.css   (2026-10-18)
   ------------------------------------------------------------
   两站共用同一套视觉与结构，只在变量上做微调：
     bcl 站（品牌官网）  → <footer class="bclfoot">
     bclshop（官方商城）  → <footer class="bclfoot bclfoot--shop">
   引入方式：<link rel="stylesheet" href="assets/bcl-footer.css">
   （商城路径为 assets/shop.css 同目录，故 href 相同）

   排版基线（14:50 调整）：整块居中。主体信息 5 行文字居中，
   不再限制 1180px 内容宽度——否则在宽屏上内容区仍靠左、右侧留白，
   视觉上还是"左边"，居中不会生效。
   ============================================================ */

.bclfoot {
  /* 变量仅作内部复用；同时把最终值写进下面各条声明，
     避免某些页面 :root / .dark 规则覆盖同名变量导致页脚变白底白字 */
  --bf-ink: #2b2622;
  --bf-tx: #b9b1a2;
  --bf-tx-2: #8f8679;
  --bf-line: rgba(255, 255, 255, .10);
  --bf-gold: #dcc9b3;
  background: #2b2622;
  color: #b9b1a2;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 12px;
  line-height: 2.05;
  letter-spacing: .3px;
  padding: 40px 0 30px;
  margin: 0;
  text-align: center;
}

/* 居中排版：容器去掉定宽，靠左右 padding 守住小屏不贴边 */
.bclfoot .bf-in {
  max-width: none;
  margin: 0 auto;
  padding: 0 22px;
  text-align: center;
}

/* ---- 系统入口（FCRM / SCRM）：居中一行，位于主体信息上方 ---- */
.bclfoot .bf-sys {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 30px;
  padding: 0 0 14px;
  margin: 0 0 14px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.bclfoot .bf-sys a {
  color: #a99f90;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: .8px;
  transition: color .2s;
}

.bclfoot .bf-sys a:hover {
  color: #dcc9b3;
}

/* ---- 主体信息块 ---- */
.bclfoot .bf-lines {
  display: block;
  text-align: center;
}

.bclfoot .bf-lines p {
  margin: 0;
  text-align: center;
  /* 让每行都占满整行，避免长行与短行视觉左对齐 */
  display: block;
}

.bclfoot .bf-lines a {
  color: #dcc9b3;
  text-decoration: none;
  border-bottom: 1px solid rgba(220, 201, 179, .35);
  padding-bottom: 1px;
  transition: color .2s, border-color .2s;
}

.bclfoot .bf-lines a:hover {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, .6);
}

.bclfoot .bf-lines a:focus-visible {
  outline: 2px solid #dcc9b3;
  outline-offset: 2px;
  border-radius: 2px;
}

.bclfoot .bf-dim {
  color: #8f8679;
  font-size: 11.5px;
  letter-spacing: .5px;
  margin-top: 6px !important;
}

/* 外链小箭头（新窗口打开，视觉上给个提示，不参与朗读） */
.bclfoot a[target="_blank"]::after {
  content: "↗";
  font-size: 10px;
  margin-left: 3px;
  opacity: .7;
  speak: none;
}

/* ---- 底部一行：商标与合规提示（同样居中，不再两端分开） ---- */
.bclfoot .bf-tail {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, .10);
  display: flex;
  flex-wrap: wrap;
  gap: 6px 22px;
  justify-content: center;
  align-items: center;
  color: #8f8679;
  font-size: 11.5px;
  text-align: center;
}

.bclfoot .bf-tail .bf-legal {
  color: #e8cfae;
  letter-spacing: .5px;
}

/* ---- 商城版：深色系与 shop.css 一致，仅微调间距 ---- */
.bclfoot--shop {
  margin-top: 70px;
  padding: 40px 0 28px;
}

.bclfoot--shop .bf-in {
  max-width: none;
  padding: 0 20px;
  text-align: center;
}

/* ---- 移动端 ---- */
@media (max-width: 640px) {
  .bclfoot {
    padding: 32px 0 24px;
    font-size: 11.5px;
    line-height: 1.95;
  }

  .bclfoot .bf-in {
    padding: 0 18px;
  }

  .bclfoot .bf-tail {
    flex-direction: column;
    gap: 4px;
  }
}

/* ---- 从右向左书写语言（ar / ug）---- */
html[dir="rtl"] .bclfoot {
  text-align: right;
}

/* ---- 打印：页脚保留，去掉深色底 ---- */
@media print {
  .bclfoot {
    background: #fff !important;
    color: #333 !important;
    border-top: 1px solid #ccc;
  }

  .bclfoot .bf-lines a {
    color: #333 !important;
    border-bottom: none;
  }

  .bclfoot a[target="_blank"]::after {
    content: "";
  }
}