/* ============================================================
   LAKEFOX — component-footer.css
   页脚（sections/footer.liquid 顶部自引）—— 重构对齐 v7.html body > footer 五分区
   分区（v7 .foot-top / .foot-cols / .quick / .legal / .foot-bot）：
     foot-top    品牌（logo + shop.name）+ intro + 邮箱（主色字 + 朱砂下划线）| 社交圆钮 44px
     foot-cols   链接列网格（v7 7 列节奏，自适应；font 13px #5F6A6E，行距 4.5px）
     quick       快速链接条（横向，标题 + 链接，border-block 分隔）
     compliance  法务段（12.5px / line-height 2.05 / --ink-2 #5F6A6E，on #F4F4F2 5.05:1 AA ✓）
     bottom      底栏（政策链接 + 版权，flex space-between）
   背景：--footer-bg var(--page) #F4F4F2（v7 米白底）+ 级间 1px rgba(20,30,34,.08) 分隔
   G 版白底页脚（spec-g §07）：主色品牌名 + 朱砂装饰细线 + 链接列（13px #5F6A6E）+ 法务（12.5px --ink-2）
   朱砂 --acc 仅用于：品牌细线、链接 hover、邮箱下划线；图标描边 --pri / 文字 --ink-2（G§07/§10）
   ============================================================ */

/* 水印 .lf-watermark 为 absolute inset:0，footer 需 relative 锚点 */
.lf-footer {
  position: relative;
  overflow: hidden;
  background: var(--footer-bg); /* v7 米白底（--page #F4F4F2），与 body 页底同源 */
  color: var(--footer-text);
}

/* 水印已移出页脚（客户 2026-08） */
/* 内容层压在水印之上（水印 z-index: 0） */
.lf-footer__top,
.lf-footer__cols,
.lf-footer__quick,
.lf-footer__compliance,
.lf-footer__bottom {
  position: relative;
  z-index: 1;
}

/* ---------- foot-top：品牌 + 邮箱 | 社交，一行（v7 .foot-top，底部 1px 分隔） ---------- */
.lf-footer__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-8);
  flex-wrap: wrap;
  padding-block: var(--space-8) 38px; /* 顶部节奏：品牌区上 32px（v7 padding 72 顶含此）；底 38px（v7） */
  border-block-end: 1px solid rgba(20, 30, 34, 0.08); /* 墨影透明化（G§07 级间分隔） */
}

.lf-footer__brand {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  max-width: 44ch;
}

.lf-footer__brandline {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.lf-footer__brandline .lf-footer__name {
  font-family: var(--font-heading-family, system-ui, sans-serif);
  font-size: var(--text-8); /* 24px（v7 logo 字档） */
  font-weight: 900; /* G 字标 900（spec-g §07 logo 字标档） */
  letter-spacing: 0.06em; /* G logo 字距 */
  color: var(--pri); /* 主色字（G 页脚品牌名） */
  /* 朱砂装饰细线（spec-g §02 装饰线用朱砂；非文字 3:1 门槛 ✓） */
  position: relative;
}

.lf-footer__brandline .lf-footer__name::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 0;
  width: var(--space-8);
  height: 1px;
  background: linear-gradient(90deg, var(--acc), transparent 100%); /* 渐变收尾（v2.2 线条质感） */
}

.lf-footer__intro {
  font-size: var(--text-3);
  line-height: var(--leading-relaxed);
  color: var(--ink-2); /* G 页脚辅助文字 #5F6A6E */
  margin-block: 0;
}

/* 邮箱（v7 .foot-mail：15px/600 主色字 + 朱砂 2px 下划线 + 2px 底距） */
.lf-footer__mail {
  display: inline-flex;
  align-items: center;
  font-size: var(--text-5);
  font-weight: 600;
  color: var(--pri);
  padding-block-end: 2px;
  border-block-end: 2px solid var(--acc);
  text-decoration: none;
  transition: color var(--duration-fast) var(--ease-out);
}

.lf-footer__mail:hover {
  color: var(--acc);
}

/* 社交区：44px 圆钮 + 微影（G§10 社交图标规格，触摸契约 ≥44px） */
.lf-footer__social {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--space-3);
}

.lf-footer__social h3 {
  font-size: var(--text-4); /* 14.5/800 栏目标题（v7 foot-cols h4 档） */
  font-weight: 800;
  color: var(--ink);
  margin-block: 0;
}

.lf-footer__social-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
}

.lf-footer__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px; /* 触摸目标 ≥44px */
  border: 1px solid rgba(20, 30, 34, 0.12); /* 墨影透明化（描边） */
  border-radius: var(--radius-pill);
  background: var(--bg-white); /* 白圆 + 微影（G§10 社交图标规格） */
  box-shadow: var(--shadow-card);
  color: var(--ink-2);
  transition:
    color var(--duration-fast) var(--ease-out),
    border-color var(--duration-fast) var(--ease-out);
}

.lf-footer__social-link:hover {
  color: var(--acc);
  border-color: var(--acc);
}

/* ---------- foot-cols：链接列网格（客户 2026-08：六列一行显示，参考示例排版） ---------- */
.lf-footer__cols {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
  gap: var(--space-6); /* 24px：收紧列距，保证 ≥1024px 六列单行 */
  padding-block: var(--space-9) var(--space-6); /* 44px 顶 / 24px 底（v7） */
}

/* 栏目标题（v7 .foot-cols h4：14.5/800，上下边距） */
.lf-footer__col h3 {
  font-size: var(--text-4); /* G 页脚栏目标题 14.5/800 */
  font-weight: 800;
  color: var(--ink);
  margin-block: 0 var(--space-4);
}

/* 链接列（v7 .foot-cols a：block 13px #5F6A6E，行距 4.5px） */
.lf-footer__links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lf-footer__links li {
  margin-block-end: 0;
}

.lf-footer__links a {
  display: flex;
  align-items: center;
  min-height: 44px; /* GL-02：触摸契约 ≥44px（§八 页脚链接锁；44px 行框取代原 padding-block 4.5px 视觉行距） */
  font-size: var(--text-3); /* G 页脚链接 13px #5F6A6E */
  color: var(--ink-2);
  text-decoration: none;
  transition: color var(--duration-fast) var(--ease-out);
}

.lf-footer__links a:hover {
  color: var(--acc); /* 链接 hover 转朱砂（G§02 链接强调） */
}

/* 联系列：icon chip + 文本行；tel/mailto 整行可点（44px 触摸目标），地址为静态行 */
.lf-footer__contact-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lf-footer__contact-list li + li {
  margin-block-start: var(--space-1);
}

.lf-footer__contact-row {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: 44px; /* 触摸目标 ≥44px */
  font-size: var(--text-2);
  line-height: var(--leading-body);
  color: var(--ink-2);
}

.lf-footer__contact-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: var(--space-10); /* 40px chip（间距体系令牌） */
  height: var(--space-10);
  border-radius: var(--radius-base);
  background: var(--bg-white); /* 白底图标座（G§10 图标座规格） */
  border: 1px solid rgba(20, 30, 34, 0.08);
  color: var(--pri); /* 图标描边主色（G§10 浅底 --pri） */
}

a.lf-footer__contact-row {
  text-decoration: none;
  transition: color var(--duration-fast) var(--ease-out);
}

a.lf-footer__contact-row:hover {
  color: var(--acc);
}

/* ---------- quick 快速链接条（v7 .quick：flex 横向，border-block 分隔，13px） ---------- */
.lf-footer__quick {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 26px; /* v7 .quick gap 26px */
  padding-block: var(--space-5); /* 22px（v7） */
  border-block-start: 1px solid rgba(20, 30, 34, 0.08); /* 墨影透明化 */
  border-block-end: 1px solid rgba(20, 30, 34, 0.08);
}

.lf-footer__quick-label {
  font-size: var(--text-3); /* v7 .quick b 14px */
  font-weight: 600;
  color: var(--ink);
}

.lf-footer__quick-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4) 26px;
  margin: 0;
  padding: 0;
}

.lf-footer__quick-list a {
  display: inline-flex;
  align-items: center;
  min-height: 44px; /* GL-02：quick 链接同锁触摸契约 ≥44px */
  font-size: var(--text-3);
  color: var(--ink-2); /* v7 .quick a #5f6a6e */
  text-decoration: none;
  transition: color var(--duration-fast) var(--ease-out);
}

.lf-footer__quick-list a:hover {
  color: var(--acc);
}

/* ---------- compliance 法务段（v7 .legal：12.5px / 2.05 / #7C8589） ----------
   GL-03/AC-03/CM-04：法务/合规/版权文字一律 --ink-2（on --footer-bg #F4F4F2 复算 5.05:1 ≥ AA 4.5；
   原 --ink-3 #7C8589 米白底仅 3.42:1、纯白底亦仅 3.77:1，均不达 13px 常规字重 AA，spec 旧值失实） */
.lf-footer__compliance {
  padding-block: var(--space-6) var(--space-3); /* 26px 顶 / 10px 底（v7） */
}

.lf-footer__compliance-heading {
  font-size: var(--text-7);
  font-weight: 800;
  color: var(--pri); /* 主色标题（G 主体色 --pri） */
  margin-block: 0 var(--space-4);
}

.lf-footer__risk {
  font-size: var(--text-2);
  line-height: 2.05; /* v7 .legal 行高 2.05（gov 基线 12.5px AA ✓） */
  color: var(--ink-2); /* GL-03：法务文字提档 --ink-2（#5F6A6E on #F4F4F2 5.05:1 ✓ AA；ink-3 3.42 不达） */
  margin-block: 0 var(--space-4);
}

.lf-footer__company {
  font-size: var(--text-2);
  line-height: 2.05; /* 与 .lf-footer__risk 法务段格式一致 */
  color: var(--ink-2);
  margin-block: 0 var(--space-4);
}

/* ---------- bottom 底栏（v7 .foot-bot：flex space-between，政策链接 | 版权，12.5px） ---------- */
.lf-footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-4);
  padding-block: var(--space-5) var(--space-7); /* 20px 顶 / 28px 底（v7） */
  border-block-start: 1px solid rgba(20, 30, 34, 0.08); /* 墨影透明化 */
}

.lf-footer__legal-links {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4) var(--space-6);
  margin: 0;
  padding: 0;
}

.lf-footer__legal-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px; /* 触摸目标 ≥44px */
  font-size: var(--text-2);
  color: var(--ink-2);
  text-decoration: underline; /* v7 .foot-bot a 下划线 */
  transition: color var(--duration-fast) var(--ease-out);
}

.lf-footer__legal-links a:hover {
  color: var(--acc);
}

.lf-footer__copyright {
  font-size: var(--text-2);
  color: var(--ink-2);
  margin-block: 0;
}

/* 减少动态偏好：关闭页脚全部链接过渡（DESIGN-SPEC §7.4） */
@media (prefers-reduced-motion: reduce) {
  .lf-footer a {
    transition: none;
  }
}

/* 响应式：≤820px 单列堆叠（bottom 纵向，社交右对齐收起为左对齐） */
@media (max-width: 820px) {
  .lf-footer__top {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-6);
  }

  .lf-footer__social {
    align-items: flex-start;
  }

  .lf-footer__cols {
    grid-template-columns: 1fr 1fr;
  }

  .lf-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 480px) {
  .lf-footer__cols {
    grid-template-columns: 1fr;
  }
}

/* 公司信息行：名称（附品牌运营注）· 注册号 · 地址 · 邮箱 · 电话（12.5px 法务基线） */
.lf-footer__company-note {
  font-weight: 400;
  color: var(--ink-2);
}

/* 法务段（参考示例排版：公司信息行 → 收益不保证小注 → 内联引导段 → 分发免责段） */
.lf-footer__risk-note {
  font-size: var(--text-2);
  color: var(--ink-2);
  margin-block: 0 var(--space-3);
}


.lf-footer__risk-lead {
  font-weight: 700;
  color: var(--ink-2);
}