/* ============================================================
   页脚改版 · 方案01「深色平衡」 · 2026-10-22
   只作用于 footer.ft，全部使用新类名；不覆盖 style.css 里旧 footer 的规则
   1rem = 100px（1920 视口），窄屏由 max()/media 兜底
   ============================================================ */
footer.ft{position:relative;overflow:hidden;background:#0C1218;color:rgba(255,255,255,.92);}
footer.ft::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(62,155,217,.45),transparent);}
.ft-glow{position:absolute;left:50%;top:-2.6rem;width:11rem;height:4.6rem;transform:translateX(-50%);background:radial-gradient(50% 50% at 50% 50%,rgba(17,119,184,.15),transparent 70%);pointer-events:none;}
.ft-inner{position:relative;width:100%;max-width:14rem;margin:0 auto;}

/* ---- 品牌收尾条 ---- */
.ft-brand{display:flex;align-items:flex-end;justify-content:space-between;padding:.52rem 0 .34rem;}
.ft-logo{position:relative;display:block;width:1.9rem;height:.38rem;overflow:hidden;}
.ft-logo img{position:absolute;left:0;top:-.06rem;display:block;width:1.9rem;}
.ft-tag{margin:.15rem 0 0;font-size:max(12px,calc(13 * 1rem / 100));letter-spacing:.02em;color:rgba(255,255,255,.55);}
.ft-hot{display:flex;align-items:center;gap:.12rem;text-align:right;}
.ft-hot-icon{width:28px;height:28px;flex:none;color:#fff;}
.ft-hot-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.ft-hot-label{font-size:12px;letter-spacing:.14em;color:rgba(255,255,255,.5);}
.ft-tel{display:block;margin:.08rem 0 .06rem;font-size:max(28px,calc(36 * 1rem / 100));font-weight:600;line-height:1.1;letter-spacing:-.01em;color:#fff;text-decoration:none;font-variant-numeric:tabular-nums;}
.ft-tel:hover{color:#fff;}
.ft-hot-note{font-size:12px;color:rgba(255,255,255,.5);}

/* ---- 导航 + 资源 ---- */
.ft-main{display:flex;gap:.56rem;padding:.36rem 0 .4rem;border-top:1px solid rgba(255,255,255,.06);}
.ft-nav{flex:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.32rem;min-width:0;margin:0;padding:0;list-style:none;}
.ft-nav>li{min-width:0;}
.ft-nav-title{display:inline-block;margin:0 0 .18rem;font-size:max(13px,calc(14 * 1rem / 100));font-weight:600;letter-spacing:.02em;line-height:1.4;color:rgba(255,255,255,.92);text-decoration:none;}
.ft-nav-title:hover{color:#fff;}
.ft-sub{margin:0;padding:0;list-style:none;}
.ft-sub>li{margin-bottom:.11rem;}
.ft-sub>li:last-child{margin-bottom:0;}
.ft-sub a{display:inline-block;font-size:max(12.5px,calc(13.5 * 1rem / 100));line-height:1.6;color:rgba(255,255,255,.64);text-decoration:none;transition:color .16s ease;}
.ft-sub a:hover{color:#fff;}

.ft-res{width:3.14rem;flex:none;min-width:0;}
.ft-res-title{margin:0 0 .15rem;font-size:max(13px,calc(14 * 1rem / 100));font-weight:600;letter-spacing:.02em;line-height:1.4;color:rgba(255,255,255,.92);}
.ft-res-more{margin-left:.12rem;font-size:12px;color:rgba(255,255,255,.5);text-decoration:none;transition:color .16s ease;}
.ft-res-more:hover{color:#3E9BD9;}
.ft-res-list{display:flex;flex-direction:column;gap:.18rem;}
.ft-res-item{display:flex;align-items:center;gap:.14rem;cursor:pointer;}
.ft-res-cover{display:block;width:56px;flex:none;border-radius:4px;overflow:hidden;box-shadow:0 8px 18px rgba(0,0,0,.45);transition:transform .2s ease,box-shadow .2s ease;}
.ft-res-cover img{display:block;width:100%;}
.ft-res-item:hover .ft-res-cover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.55);}
.ft-res-meta{min-width:0;}
.ft-res-name{font-size:max(12px,calc(12.5 * 1rem / 100));line-height:1.5;color:rgba(255,255,255,.64);transition:color .16s ease;}
.ft-res-item:hover .ft-res-name{color:#fff;}
.ft-res-dl{display:inline-flex;align-items:center;gap:4px;margin-top:.05rem;font-size:11.5px;color:#3E9BD9;}
.ft-res-dl svg{transition:transform .2s ease;}
.ft-res-item:hover .ft-res-dl svg{transform:translateX(2px);}

/* ---- 联系方式 + 二维码 ---- */
.ft-contact{display:flex;align-items:center;gap:.56rem;padding:.28rem 0;border-top:1px solid rgba(255,255,255,.08);}
.ft-ci{display:flex;align-items:flex-start;gap:.12rem;min-width:0;}
.ft-ci-icon{width:32px;height:32px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(62,155,217,.10);border:1px solid rgba(62,155,217,.18);}
.ft-ci-icon svg{width:16px;height:16px;stroke:#5FB0E6;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.ft-ci-label{display:block;margin-bottom:.05rem;font-size:11.5px;letter-spacing:.08em;color:rgba(255,255,255,.5);}
.ft-ci-value{font-size:max(12.5px,calc(14 * 1rem / 100));line-height:1.5;color:rgba(255,255,255,.64);text-decoration:none;}
a.ft-ci-value:hover{color:#fff;}
.ft-qr-wrap{margin-left:auto;display:flex;align-items:center;gap:.26rem;}
.ft-qr-note{font-size:11.5px;line-height:1.75;color:rgba(255,255,255,.5);text-align:right;}
.ft-qr-group{display:flex;gap:.2rem;}
.ft-qr{text-align:center;}
.ft-qr-box{width:1.04rem;height:1.04rem;padding:6px;background:#fff;border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.38);transition:transform .2s ease;}
.ft-qr-box img{display:block;width:100%;height:100%;object-fit:contain;}
.ft-qr:hover .ft-qr-box{transform:translateY(-2px);}
.ft-qr-cap{margin-top:.09rem;font-size:11.5px;color:rgba(255,255,255,.55);white-space:nowrap;}

/* ---- 法务条 ---- */
.ft-legal{display:flex;align-items:center;justify-content:space-between;gap:.24rem;padding:.2rem 0 0;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:rgba(255,255,255,.5);}
.ft-legal-left{display:flex;align-items:center;flex-wrap:wrap;gap:.07rem;}
.ft-legal-left p{margin:0;display:inline-flex;align-items:center;}
.ft-legal-left p+p::before{content:"·";margin-right:.07rem;opacity:.35;}
.ft-legal-left a{color:rgba(255,255,255,.6);text-decoration:none;display:inline-flex;align-items:center;}
.ft-legal-left a:hover{color:rgba(255,255,255,.85);}
.ft-legal-left img{width:14px;height:14px;display:inline-block;margin-right:4px;}
.ft-legal-right{display:flex;align-items:center;gap:.18rem;flex:none;}
.ft-social{display:flex;align-items:center;gap:.18rem;}
.ft-social span{font-size:11.5px;color:rgba(255,255,255,.3);}
.ft-social a{font-size:12px;color:rgba(255,255,255,.64);text-decoration:none;transition:color .16s ease;}
.ft-social a:hover{color:#fff;}
.ft-hint{max-width:11.8rem;margin:.18rem 0 0;padding-bottom:.3rem;font-size:12px;line-height:1.7;color:rgba(255,255,255,.45);text-wrap:pretty;}
.ft-hint *{line-height:inherit;}

/* 友情链接：沿用 js.js 的 .f-b-rr / .f-b-fr 开关逻辑，只换外观 */
footer.ft .f-b-rr{display:inline-block;position:relative;}
footer.ft .f-b-fr{display:inline-flex;align-items:center;gap:6px;min-width:0;height:auto;padding:0;border:0;border-radius:0;font-size:12px;line-height:1.6;color:rgba(255,255,255,.64);}
footer.ft .f-b-fr::after{display:none;}
footer.ft .f-b-fr:hover{color:#fff;}
footer.ft .ft-chev{transition:transform .2s ease;}
footer.ft .f-b-rr.show .ft-chev{transform:rotate(180deg);}
footer.ft .f-friendshipbox{width:2.4rem;padding-bottom:10px;}
footer.ft .f-friendshiplist{max-height:14em;background:#151C24;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 0;box-shadow:0 18px 40px rgba(0,0,0,.5);}
footer.ft .f-friendship{display:block;width:100%;padding:7px 14px;font-size:12px;line-height:1.5;color:rgba(255,255,255,.64);}
footer.ft .f-friendship:hover{background:rgba(62,155,217,.12);color:#fff;}

/* ---- 901~1200：资源折到导航下方，联系方式允许换行 ---- */
@media(max-width:1200px){
  .ft-main{display:block;padding:.32rem 0 .28rem;}
  .ft-nav{gap:.24rem;}
  .ft-res{width:100%;margin-top:.28rem;}
  .ft-res-list{flex-direction:column;gap:.14rem;}
  .ft-res-item{flex:none;padding:0;border:0;background:none;}
  .ft-contact{gap:.3rem;}
  .ft-qr-wrap{margin-left:auto;flex:none;}
  .ft-qr-note{display:none;}
  .ft-qr-box{width:80px;height:80px;}
}

/* ---- 900 以下：手机布局 ---- */
@media(max-width:900px){
  .ft-brand{flex-direction:column;align-items:flex-start;gap:26px;padding:36px 0 26px;}
  .ft-hot{text-align:left;}
  .ft-logo{width:190px;height:38px;}
  .ft-logo img{width:190px;top:-6px;}
  .ft-main{padding:26px 0 22px;}
  .ft-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;}
  .ft-nav-title{margin-bottom:12px;}
  .ft-res{margin-top:26px;}
  .ft-res-list{flex-direction:column;gap:16px;}
  .ft-res-item{flex:none;}
  .ft-contact{flex-wrap:wrap;gap:22px;padding:24px 0;}
  .ft-qr-wrap{margin-left:0;flex-direction:column;align-items:flex-start;gap:12px;}
  .ft-qr-note{display:block;text-align:left;}
  .ft-qr-box{width:96px;height:96px;}
  .ft-legal{flex-direction:column;align-items:flex-start;gap:14px;padding-top:18px;}
  .ft-legal-right{flex-wrap:wrap;gap:16px;}
  .ft-hint{max-width:none;padding-bottom:26px;}
}