/* ============================================================
   内页页脚 · 首页结构，浅色版本
   ============================================================ */

.dfoot{position:relative;overflow:hidden;background:linear-gradient(180deg,#2b3338 0%,#232b30 100%);color:#f2f4f5;padding:48px 0 18px}
.dfoot::before{content:"";position:absolute;left:0;right:0;top:0;height:360px;background:url("../assets/img/logo_icon.svg") 82% 40%/min(42vw,420px) no-repeat;opacity:.1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 55%,transparent 100%)}
.dfoot .wrap{position:relative;z-index:1}
.dfoot a{text-decoration:none}
.dfoot-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:16px;border-bottom:1px solid #3a454b}
.dfoot-brand{display:flex;align-items:center;gap:14px;font-family:var(--num);font-size:9.5px;letter-spacing:.16em;color:#9aa6ac;text-transform:uppercase}
.dfoot-brand img{width:auto;height:40px;display:block}
.dfoot-word{font-family:var(--num);font-size:clamp(84px,10.5vw,146px);font-weight:500;line-height:.76;letter-spacing:-.01em;color:transparent;margin-right:44px;-webkit-text-stroke:1px rgba(255,255,255,.32);user-select:none}
.dfoot-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:44px;align-items:end;padding:24px 0 28px;border-bottom:1px solid #3a454b}
.dfoot-cta h2{font-family:var(--serif);font-size:clamp(28px,3.2vw,42px);font-weight:700;line-height:1.35;color:#f5f7f8}
.dfoot-cta p{margin-top:10px;font-size:11.5px;line-height:1.85;color:#a3afb5;max-width:52em}
.dfoot-cta .btn-red{font-size:12.5px;padding:13px 20px}
.dfoot-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:40px;padding:26px 0 30px}
.dfoot-col h3{margin-bottom:11px;font-family:var(--num);font-size:9.5px;font-weight:500;letter-spacing:.18em;color:#87949a;text-transform:uppercase}
.dfoot-col a{display:block;font-size:12px;line-height:1.95;color:#d6dde0;transition:color .2s}
.dfoot-col a:hover{color:#fff}
.dfoot-contact .dfoot-tel{font-family:var(--num);font-size:25px;font-weight:500;line-height:1.2;letter-spacing:.02em;color:#fff;margin-bottom:5px}
.dfoot-contact p{margin-top:9px;font-size:10.5px;line-height:1.8;color:#9aa6ac}
.dfoot-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:14px;border-top:1px solid #3a454b;font-family:var(--num);font-size:9px;letter-spacing:.09em;color:#7e8a90}

/* 浅色版 */
.dfoot-light{background:linear-gradient(180deg,#f8f7f4 0%,#f0efeb 100%);color:var(--ink)}
.dfoot-light::before{opacity:.055}
.dfoot-light .dfoot-top,.dfoot-light .dfoot-cta,.dfoot-light .dfoot-bottom{border-color:#dcd9d2}
.dfoot-light .dfoot-brand{color:#8a8a85}
.dfoot-light .dfoot-word{-webkit-text-stroke:1px rgba(17,17,17,.15)}
.dfoot-light .dfoot-cta h2{color:var(--ink)}
.dfoot-light .dfoot-cta p{color:var(--ink-2)}
.dfoot-light .dfoot-col h3{color:#8a8a85}
.dfoot-light .dfoot-col a{color:#33332f}
.dfoot-light .dfoot-col a:hover{color:var(--red)}
.dfoot-light .dfoot-contact .dfoot-tel{color:var(--ink)}
.dfoot-light .dfoot-contact p{color:var(--ink-2)}
.dfoot-light .dfoot-bottom{color:#8a8a85}

@media(max-width:1100px){
  .dfoot-grid{grid-template-columns:1fr 1fr}
  .dfoot-contact{grid-column:1/-1;border-top:1px solid #3a454b;padding-top:20px}
  .dfoot-light .dfoot-contact{border-color:#dcd9d2}
}
@media(max-width:760px){
  .dfoot{padding:36px 0 72px}
  .dfoot::before{height:230px;opacity:.12}
  .dfoot-top{align-items:center;padding-bottom:12px}
  .dfoot-brand img{height:30px}
  .dfoot-brand span{display:none}
  .dfoot-word{font-size:72px;margin-right:0}
  .dfoot-cta{grid-template-columns:1fr;gap:18px;padding:20px 0 22px}
  .dfoot-cta h2{font-size:27px}
  .dfoot-cta p{font-size:10.5px}
  .dfoot-grid{grid-template-columns:1fr 1fr;gap:24px;padding:22px 0 24px}
  .dfoot-contact{grid-column:1/-1;padding-top:18px}
  .dfoot-contact .dfoot-tel{font-size:23px}
  .dfoot-bottom{flex-wrap:wrap;gap:6px 18px;font-size:8.5px}
}

/* 页脚 · 悬停反馈 */
.dfoot-col a{transition:color .25s,transform .3s var(--ease)}
.dfoot-col a:hover{transform:translateX(4px)}
.dfoot-brand img{transition:transform .45s var(--ease)}
.dfoot-brand:hover img{transform:scale(1.02)}
@media(prefers-reduced-motion:reduce){
  .dfoot-col a,.dfoot-brand img{transition:none}
  .dfoot-col a:hover,.dfoot-brand:hover img{transform:none}
}