/* English site footer — aligned with the CN site footer.
   Load AFTER style.css and en.css. Footer scope only (footer.ft / .ft-*). */
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-nav-tg{display:none;}
.rs-gotop,.rs-fab{transition:opacity .22s ease;}
.rs-gotop.ft-hide,.rs-fab.ft-hide{opacity:0;pointer-events:none;}
.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;}
}

/* ---- 601~900：平板 / iPad 竖屏，两列导航全展开 ---- */
@media(min-width:601px) and (max-width:900px){
  footer.ft{padding-left:0;padding-right:0;}
  .ft-inner{padding-left:32px;padding-right:32px;}

  .ft-brand{display:flex;flex-direction:column;align-items:center;padding:30px 0 22px;text-align:center;}
  .ft-brand-l{display:block;width:100%;}
  .ft-logo{position:relative;width:170px;height:33px;margin:0 auto;overflow:hidden;}
  .ft-logo img{position:absolute;left:0;top:-5px;width:170px;}
  .ft-tag{margin:14px 0 0;font-size:13px;line-height:1.6;letter-spacing:.01em;color:rgba(255,255,255,.45);}

  .ft-hot{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:0 10px;width:100%;margin-top:18px;padding:16px 0;border-top:1px solid rgba(255,255,255,.08);text-align:left;}
  .ft-hot-text{display:contents;}
  .ft-hot-icon{grid-column:1;grid-row:1/3;width:32px;height:32px;align-self:center;box-sizing:border-box;padding:8px;border-radius:10px;background:rgba(62,155,217,.12);color:#5FB0E6;}
  .ft-hot-label{grid-column:2;grid-row:1;font-size:11.5px;letter-spacing:.1em;color:rgba(255,255,255,.45);}
  .ft-hot-note{grid-column:2;grid-row:2;margin-top:2px;font-size:11px;color:rgba(255,255,255,.3);}
  .ft-tel{grid-column:3;grid-row:1/3;margin:0;font-size:26px;line-height:1.15;text-align:right;}

  .ft-main{display:block;padding:0;border-top:0;}
  .ft-nav{display:grid;grid-template-columns:1fr 1fr;gap:24px 44px;padding:24px 0 22px;border-top:1px solid rgba(255,255,255,.08);}
  .ft-nav>li{min-width:0;}
  .ft-nav-title{display:block;margin:0 0 10px;padding:0 0 9px;font-size:14px;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.06);}
  .ft-sub{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));column-gap:12px;margin:0;padding:0;list-style:none;}
  .ft-sub>li{margin-bottom:0;}
  .ft-sub a{display:block;padding:5px 0;font-size:13px;line-height:1.5;color:rgba(255,255,255,.64);}

  .ft-res{width:100%;margin-top:0;padding:18px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);}
  .ft-res-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font-size:14px;}
  .ft-res-more{margin-left:0;font-size:11.5px;color:rgba(255,255,255,.42);}
  .ft-res-list{display:flex;flex-direction:row;gap:14px;}
  .ft-res-item{flex:1;align-items:center;gap:10px;min-width:0;padding:10px;border-radius:10px;background:#151C24;}
  .ft-res-cover{width:44px;border-radius:4px;box-shadow:none;}
  .ft-res-name{font-size:12.5px;line-height:1.45;}
  .ft-res-dl{margin-top:4px;font-size:11px;}
  .ft-res-item:hover .ft-res-cover{transform:none;box-shadow:none;}

  .ft-contact{display:grid;grid-template-columns:1fr auto;align-items:start;gap:14px 32px;padding:20px 0 0;border-top:0;}
  .ft-ci{display:flex;align-items:flex-start;gap:10px;margin-bottom:0;grid-column:1;}
  .ft-ci:last-child{margin-bottom:0;}
  .ft-ci-icon{width:32px;height:32px;flex:none;border-radius:10px;}
  .ft-ci-label{margin-bottom:3px;font-size:11px;letter-spacing:.08em;}
  .ft-ci-value{font-size:13px;line-height:1.5;}
  a.ft-ci-value{white-space:nowrap;}
  .ft-qr-wrap{grid-column:2;grid-row:1/3;margin:0;padding:0;border-top:0;display:flex;flex-direction:column;align-items:flex-end;gap:10px;}
  .ft-qr-note{display:block;font-size:11px;line-height:1.6;text-align:right;color:rgba(255,255,255,.45);}
  .ft-qr-group{display:flex;gap:16px;}
  .ft-qr-box{width:88px;height:88px;padding:5px;border-radius:10px;box-shadow:none;}
  .ft-qr-cap{margin-top:7px;font-size:11px;color:rgba(255,255,255,.5);}

  .ft-legal{display:block;padding:18px 0 20px;border-top:1px solid rgba(255,255,255,.08);text-align:center;}
  .ft-legal-left{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
  .ft-legal-left p{display:inline-flex;align-items:center;margin:0;font-size:11.5px;line-height:1.65;color:rgba(255,255,255,.4);}
  .ft-legal-left p:first-child{flex:0 0 100%;justify-content:center;margin-bottom:7px;}
  .ft-legal-left p+p::before{content:"";display:inline-block;width:1px;height:9px;margin:0 8px;background:rgba(255,255,255,.16);}
  .ft-legal-left p:first-child+p::before{display:none;}
  .ft-legal-left a{display:inline-flex;align-items:center;color:rgba(255,255,255,.4);}
  .ft-legal-left img{width:13px;height:13px;margin-right:3px;vertical-align:-1px;}
  .ft-legal-right{display:flex;justify-content:center;align-items:center;margin-top:10px;font-size:11.5px;}
  .ft-social{display:flex;align-items:center;gap:0;}
  .ft-social>span{display:none;}
  .ft-social a{font-size:11.5px;color:rgba(255,255,255,.4);}
  .ft-social a+a::before{content:"";display:inline-block;width:1px;height:9px;margin:0 8px;background:rgba(255,255,255,.16);vertical-align:-1px;}
  footer.ft .f-b-rr{display:inline-flex;align-items:center;margin-left:0;}
  footer.ft .f-b-rr::before{content:"";display:inline-block;width:1px;height:9px;margin:0 8px;background:rgba(255,255,255,.16);}
  footer.ft .f-b-fr{font-size:11.5px;color:rgba(255,255,255,.4);}
  footer.ft .f-friendshipbox{width:auto;min-width:140px;max-width:calc(100vw - 64px);}
  footer.ft .f-friendship{white-space:nowrap;}

  .ft-hint{max-width:none;margin:12px 0 0;padding:0 0 26px;font-size:11px;line-height:1.7;color:rgba(255,255,255,.26);text-align:left;}
}

/* ---- 600 以下：手机专属布局（品牌竖排 / 栏目手风琴 / 白皮书横排 / 二维码并排） ---- */

@media(max-width:600px){
  footer.ft{padding-left:0;padding-right:0;}
  .ft-inner{padding-left:20px;padding-right:20px;}

  .ft-brand{display:block;padding:26px 0 18px;text-align:center;}
  .ft-brand-l{display:block;}
  .ft-logo{position:relative;width:150px;height:29px;margin:0 auto;overflow:hidden;}
  .ft-logo img{position:absolute;left:0;top:-4.4px;width:150px;}
  .ft-tag{margin:14px 0 0;font-size:12.5px;line-height:1.6;letter-spacing:.01em;color:rgba(255,255,255,.45);}

  .ft-hot{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:0 9px;width:100%;margin-top:16px;padding:15px 0 16px;border-top:1px solid rgba(255,255,255,.08);text-align:left;}
  .ft-hot-text{display:contents;}
  .ft-hot-icon{grid-column:1;grid-row:1/3;width:30px;height:30px;align-self:center;border-radius:9px;box-sizing:border-box;padding:7px;background:rgba(62,155,217,.12);color:#5FB0E6;}
  .ft-hot-label{grid-column:2;grid-row:1;font-size:11px;letter-spacing:.1em;color:rgba(255,255,255,.45);}
  .ft-hot-note{grid-column:2;grid-row:2;margin-top:2px;font-size:11px;color:rgba(255,255,255,.3);}
  .ft-tel{grid-column:3;grid-row:1/3;margin:0;font-size:23px;line-height:1.15;text-align:right;}

  .ft-main{display:block;padding:0;border-top:0;}
  .ft-nav{display:block;border-top:1px solid rgba(255,255,255,.08);}
  .ft-nav>li{position:relative;min-width:0;border-bottom:1px solid rgba(255,255,255,.08);}
  .ft-nav-title{display:block;margin:0;padding:15px 52px 15px 0;font-size:14px;line-height:1.4;}
  .ft-nav>li.open .ft-nav-title{color:#fff;}
  .ft-nav-tg{position:absolute;top:0;left:42%;right:-10px;height:50px;display:flex;align-items:center;justify-content:flex-end;margin:0;padding:0 16px 0 0;border:0;background:none;-webkit-appearance:none;appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;}
  .ft-nav-tg:active{background:rgba(255,255,255,.05);border-radius:8px;}
  .ft-nav-tg>span{position:relative;display:block;width:16px;height:16px;}
  .ft-nav-tg>span::before,.ft-nav-tg>span::after{content:"";position:absolute;left:50%;top:50%;background:rgba(255,255,255,.7);border-radius:1px;}
  .ft-nav-tg>span::before{width:16px;height:1.8px;margin:-.9px 0 0 -8px;}
  .ft-nav-tg>span::after{width:1.8px;height:16px;margin:-8px 0 0 -.9px;transition:transform .2s ease,opacity .2s ease;}
  .ft-nav>li.open .ft-nav-tg>span::before{background:#fff;}
  .ft-nav>li.open .ft-nav-tg>span::after{transform:rotate(90deg);opacity:0;}
  .ft-nav-tg:active>span::before,.ft-nav-tg:active>span::after{background:#fff;}
  .ft-sub{display:none;margin:0;padding:0 0 14px;list-style:none;}
  .ft-nav>li.open .ft-sub{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));column-gap:10px;}
  .ft-sub>li{margin-bottom:0;}
  .ft-sub a{display:block;padding:6px 0 6px 12px;font-size:13px;line-height:1.5;color:rgba(255,255,255,.64);}

  .ft-res{width:100%;margin-top:0;padding:18px 0 16px;border-bottom:1px solid rgba(255,255,255,.08);}
  .ft-res-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font-size:14px;}
  .ft-res-more{margin-left:0;font-size:11.5px;color:rgba(255,255,255,.42);}
  .ft-res-list{display:flex;flex-direction:row;gap:10px;}
  .ft-res-item{flex:1;align-items:center;gap:9px;min-width:0;padding:8px;border-radius:10px;background:#151C24;}
  .ft-res-cover{width:38px;border-radius:4px;box-shadow:none;}
  .ft-res-name{font-size:11.5px;line-height:1.45;}
  .ft-res-dl{margin-top:4px;font-size:10.5px;}
  .ft-res-item:hover .ft-res-cover{transform:none;box-shadow:none;}

  .ft-contact{display:block;padding:16px 0 0;border-top:0;}
  .ft-ci{display:flex;align-items:flex-start;gap:9px;margin-bottom:14px;}
  .ft-ci:last-child{margin-bottom:0;}
  .ft-ci-icon{width:30px;height:30px;flex:none;border-radius:9px;}
  .ft-ci-label{margin-bottom:3px;font-size:10.5px;letter-spacing:.08em;}
  .ft-ci-value{font-size:12.5px;line-height:1.5;}
  .ft-qr-wrap{margin:6px 0 0;padding:18px 0 22px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:34px;}
  .ft-qr-note{display:none;}
  .ft-qr-group{display:flex;gap:34px;}
  .ft-qr-box{width:78px;height:78px;padding:4px;border-radius:9px;box-shadow:none;}
  .ft-qr-cap{margin-top:7px;font-size:11px;color:rgba(255,255,255,.5);}

  .ft-legal{display:block;padding:18px 0 20px;border-top:1px solid rgba(255,255,255,.08);text-align:center;}
  .ft-legal-left{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
  .ft-legal-left p{display:inline-flex;align-items:center;margin:0;font-size:11px;line-height:1.65;color:rgba(255,255,255,.4);}
  .ft-legal-left p:first-child{flex:0 0 100%;justify-content:center;margin-bottom:7px;}
  .ft-legal-left p+p::before{content:"";display:inline-block;width:1px;height:9px;margin:0 8px;background:rgba(255,255,255,.16);}
  .ft-legal-left p:first-child+p::before{display:none;}
  .ft-legal-left a{display:inline-flex;align-items:center;color:rgba(255,255,255,.4);}
  .ft-legal-left img{width:12px;height:12px;margin-right:3px;vertical-align:-1px;}
  .ft-legal-right{display:flex;justify-content:center;align-items:center;margin-top:10px;font-size:11px;}
  .ft-social{display:flex;align-items:center;gap:0;}
  .ft-social>span{display:none;}
  .ft-social a{font-size:11px;color:rgba(255,255,255,.4);}
  .ft-social a+a::before{content:"";display:inline-block;width:1px;height:9px;margin:0 8px;background:rgba(255,255,255,.16);vertical-align:-1px;}
  footer.ft .f-b-rr{display:inline-flex;align-items:center;margin-left:0;}
  footer.ft .f-b-rr::before{content:"";display:inline-block;width:1px;height:9px;margin:0 8px;background:rgba(255,255,255,.16);}
  footer.ft .f-b-fr{font-size:11px;color:rgba(255,255,255,.4);}
  footer.ft .f-friendshipbox{width:auto;min-width:132px;max-width:calc(100vw - 48px);}
  footer.ft .f-friendship{white-space:nowrap;}

  .ft-hint{max-width:none;margin:10px 0 0;padding:0 0 24px;font-size:10.5px;line-height:1.65;color:rgba(255,255,255,.26);text-align:left;}
}

@media(max-width:360px){
  .ft-res-item{padding:7px;gap:7px;}
  .ft-res-cover{width:32px;}
  .ft-res-name{font-size:11px;}
  .ft-tel{font-size:21px;}
}

.ft-brand{position:relative;}
.ft-case{display:flex;flex-direction:column;align-self:center;gap:4px;max-width:280px;margin:0 auto;padding:11px 18px;border:1px solid rgba(62,155,217,.32);border-radius:12px;background:rgba(62,155,217,.07);text-decoration:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;}
.ft-case:hover{border-color:rgba(62,155,217,.62);background:rgba(62,155,217,.15);box-shadow:0 10px 26px rgba(0,0,0,.34);}
.ft-case-t{display:flex;align-items:center;gap:7px;font-size:max(13.5px,calc(14.5 * 1rem / 100));font-weight:600;line-height:1.35;letter-spacing:.04em;color:#fff;}
.ft-case-t::after{content:"";width:6px;height:6px;flex:none;border-top:1.4px solid #5FB0E6;border-right:1.4px solid #5FB0E6;transform:rotate(45deg);transition:transform .2s ease;}
.ft-case:hover .ft-case-t::after{transform:translateX(3px) rotate(45deg);}
.ft-case-d{font-size:max(11.5px,calc(12 * 1rem / 100));line-height:1.6;letter-spacing:.01em;color:rgba(255,255,255,.5);transition:color .2s ease;}
.ft-case:hover .ft-case-d{color:rgba(255,255,255,.68);}

.ft-case-bar{display:none;align-items:center;gap:16px;min-height:50px;margin:0 0 10px;padding:9px 22px;border:1px solid rgba(62,155,217,.22);border-radius:10px;background:linear-gradient(90deg,rgba(62,155,217,.14),rgba(62,155,217,.03));text-decoration:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;}
.ft-case-bar:hover{border-color:rgba(62,155,217,.46);background:linear-gradient(90deg,rgba(62,155,217,.21),rgba(62,155,217,.05));box-shadow:0 10px 26px rgba(0,0,0,.26);}
.ft-case-bar-t{display:flex;align-items:center;gap:16px;flex:none;font-size:max(13.5px,calc(14.5 * 1rem / 100));font-weight:600;letter-spacing:.04em;color:#fff;white-space:nowrap;}
.ft-case-bar-t::after{content:"";width:1px;height:14px;background:rgba(255,255,255,.16);}
.ft-case-bar-d{min-width:0;font-size:max(12px,calc(13 * 1rem / 100));letter-spacing:.01em;line-height:1.5;color:rgba(255,255,255,.55);transition:color .2s ease;}
.ft-case-bar:hover .ft-case-bar-d{color:rgba(255,255,255,.72);}
.ft-case-bar-go{display:inline-flex;align-items:center;gap:7px;flex:none;margin-left:auto;padding:6px 15px;border:1px solid rgba(95,176,230,.4);border-radius:999px;font-size:max(12px,calc(12.5 * 1rem / 100));font-weight:500;letter-spacing:.02em;color:#5FB0E6;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease;}
.ft-case-bar-go::after{content:"";width:6px;height:6px;border-top:1.4px solid currentColor;border-right:1.4px solid currentColor;transform:rotate(45deg);transition:transform .2s ease;}
.ft-case-bar:hover .ft-case-bar-go{background:rgba(62,155,217,.3);border-color:rgba(95,176,230,.72);color:#fff;}
.ft-case-bar:hover .ft-case-bar-go::after{transform:translateX(3px) rotate(45deg);}

@media(min-width:901px) and (max-width:1200px){
  .ft-brand{padding-bottom:calc(.34rem + 102px);}
  .ft-case{position:absolute;left:50%;bottom:.34rem;transform:translateX(-50%);width:340px;max-width:calc(100% - 40px);margin:0;}
}

@media(max-width:900px){
  .ft-case{align-self:center;width:100%;max-width:330px;margin:16px auto 2px;padding:12px 16px;align-items:center;}
  .ft-case-t{justify-content:center;}
  .ft-case-d{text-align:center;}
}

@media(max-width:600px){
  .ft-case{max-width:300px;margin:14px auto 0;}
  .ft-case-t{font-size:14px;}
  .ft-case-d{font-size:11.5px;line-height:1.65;}
}

.ft-inner{container-type:inline-size;}
@container (min-width:700px){
  .ft-brand{padding-bottom:.34rem;}
  .ft-case{display:none;}
  .ft-case-bar{display:flex;}
}