/* 微客联盟页脚：复用仟屹官网的信息层级与视觉，同时保留微客联盟自身信息。 */
footer.wk-footer{
  position:relative;
  z-index:5;
  padding:64px 0 28px;
  border-top:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(2,5,10,.78),#020409 48%,#010205);
  color:rgba(185,198,218,.68);
}

.wk-footer-main{
  width:min(92vw,1540px)!important;
  margin:0 auto!important;
  display:grid;
  grid-template-columns:1.35fr .62fr .68fr .72fr 1.3fr;
  gap:clamp(30px,3vw,58px);
  align-items:start;
}

.wk-footer-brand-row{display:flex;align-items:baseline;gap:10px}
.wk-footer-brand-cn{color:#fff;font-size:22px;font-weight:820}
.wk-footer-brand-en{font-size:11px;font-weight:650;letter-spacing:.16em;color:rgba(255,255,255,.42)}
.wk-footer-desc{display:block;max-width:390px;margin:18px 0 0;font-size:13px;line-height:1.85;color:rgba(188,202,224,.62)}
.wk-footer-contact-link{display:block;width:max-content;max-width:100%;margin-top:12px;color:rgba(188,202,224,.62);font-size:12px;line-height:1.7;text-decoration:none;transition:color .2s ease}
.wk-footer-contact-link:hover{color:#fff}
.wk-footer-slogan{display:block;margin-top:24px;font-size:9px;letter-spacing:.22em;color:rgba(113,174,224,.45)}

.wk-footer-column{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:12px;line-height:1.8}
.wk-footer-title{display:block;margin-bottom:8px;color:#fff;font-size:12px;font-weight:760;letter-spacing:.08em}
.wk-footer-column>a{display:block;color:inherit;text-decoration:none;cursor:pointer;transition:color .2s ease,transform .2s ease}
.wk-footer-column-head{display:flex!important;align-items:center;gap:7px;width:max-content;max-width:100%}
.wk-footer-column-head .wk-footer-title{margin-bottom:8px}
.wk-footer-arrow{margin-top:-8px;font-size:13px;color:rgba(130,184,234,.58);transition:transform .2s ease,color .2s ease}

.wk-footer-follow{align-items:flex-start}
.wk-footer-qr-row{display:flex;gap:14px;margin-top:-2px}
.wk-footer-qr-item{display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(188,202,224,.62);font-size:11px;line-height:1.4;letter-spacing:.04em;text-align:center}
.wk-footer-qr{display:block;width:96px;height:96px;padding:4px;box-sizing:border-box;border-radius:6px;background:#fff;object-fit:contain}

.wk-footer-bottom{
  width:min(92vw,1540px)!important;
  margin:44px auto 0!important;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.055);
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:10px;
  color:rgba(130,145,168,.48);
}

/* 备案信息独占最后一行，提高对比度与字号。 */
.wk-footer-records{
  width:min(92vw,1540px)!important;
  margin:16px auto 0!important;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.055);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:30px;
  flex-wrap:wrap;
  font-size:12px;
  font-weight:520;
  line-height:1.7;
  color:rgba(255,255,255,.78);
}
.wk-footer-records a{color:inherit;text-decoration:none;transition:color .2s ease}
.wk-footer-records a:hover{color:#fff}

@media (hover:hover){
  .wk-footer-column>a:hover{color:#fff;transform:translateX(3px)}
  .wk-footer-column-head:hover .wk-footer-title{color:#fff}
  .wk-footer-column-head:hover .wk-footer-arrow{color:#8ec7ff;transform:translate(2px,-2px)}
}

@media(max-width:1180px) and (min-width:900px){
  .wk-footer-main{grid-template-columns:1.15fr .62fr .68fr .72fr 1.05fr;gap:26px}
  .wk-footer-qr-row{gap:9px}
  .wk-footer-qr{width:78px;height:78px}
  .wk-footer-qr-item{font-size:10px}
}

/* 注意：微客联盟是普通 H5 页面，移动端必须使用 px/rem，不能使用 uni-app 的 rpx。 */
@media(max-width:899px){
  footer.wk-footer{
    padding:48px 22px calc(26px + env(safe-area-inset-bottom));
  }

  .wk-footer-main,
  .wk-footer-bottom,
  .wk-footer-records{
    width:100%!important;
    max-width:none!important;
  }

  .wk-footer-main{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:34px 28px;
  }

  .wk-footer-brand{
    grid-column:1/-1;
  }

  .wk-footer-brand-row{gap:9px}
  .wk-footer-brand-cn{font-size:22px}
  .wk-footer-brand-en{font-size:10px}
  .wk-footer-desc{max-width:520px;margin-top:14px;font-size:13px;line-height:1.75}
  .wk-footer-contact-link{margin-top:10px;font-size:12px}
  .wk-footer-slogan{margin-top:16px;font-size:9px;line-height:1.5}

  .wk-footer-title{margin-bottom:5px;font-size:14px}
  .wk-footer-column{gap:7px;font-size:13px;line-height:1.65}
  .wk-footer-arrow{font-size:13px}

  .wk-footer-follow{
    grid-column:1/-1;
    padding-top:24px;
    border-top:1px solid rgba(255,255,255,.055);
  }

  .wk-footer-qr-row{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:4px;
  }

  .wk-footer-qr-item{
    min-width:0;
    gap:9px;
    font-size:12px;
  }

  .wk-footer-qr{
    width:min(96px,100%);
    height:auto;
    aspect-ratio:1/1;
    margin:0 auto;
    padding:4px;
    border-radius:7px;
  }

  .wk-footer-bottom{
    margin-top:34px!important;
    padding-top:18px;
    flex-direction:column;
    gap:7px;
    font-size:11px;
    line-height:1.6;
  }

  .wk-footer-records{
    margin-top:18px!important;
    padding-top:16px;
    justify-content:flex-start;
    gap:8px 20px;
    font-size:13px;
    font-weight:560;
    line-height:1.7;
    color:rgba(255,255,255,.9);
  }
}

@media(max-width:560px){
  footer.wk-footer{
    padding-left:20px;
    padding-right:20px;
  }

  .wk-footer-main{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px 22px;
  }

  .wk-footer-brand,
  .wk-footer-follow{
    grid-column:1/-1;
  }

  .wk-footer-main > nav:nth-of-type(3){
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,max-content));
    column-gap:28px;
    row-gap:7px;
  }

  .wk-footer-main > nav:nth-of-type(3) .wk-footer-column-head{
    grid-column:1/-1;
  }

  .wk-footer-column{padding-top:0}

  .wk-footer-qr-row{
    gap:10px;
  }

  .wk-footer-qr{
    width:min(88px,100%);
  }

  .wk-footer-qr-item{
    font-size:11px;
  }

  .wk-footer-records{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    font-size:13px;
  }
}

/* 微豆生态移动端：重新排布四个能力卡片，避免与中心微豆堆叠。 */
@media(max-width:660px){
  .bean-section{padding:52px 0 58px}

  .weidou-panel{
    display:block!important;
    min-height:0!important;
    padding:30px 20px 28px!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }

  .weidou-copy h2{font-size:30px!important;line-height:1.25!important}
  .weidou-copy>p:not(.eyebrow){margin:15px 0 22px!important;font-size:14px!important;line-height:1.75!important}

  .weidou-tags{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px!important;
  }

  .weidou-tags span{
    min-width:0;
    justify-content:center;
    padding:9px 8px!important;
    font-size:12px!important;
    white-space:nowrap;
  }

  .weidou-tags>span>img{
    width:19px!important;
    height:19px!important;
    max-width:19px!important;
    max-height:19px!important;
    flex-basis:19px!important;
  }

  .weidou-visual{
    position:relative!important;
    width:100%!important;
    max-width:330px!important;
    height:360px!important;
    margin:28px auto 0!important;
    transform:none!important;
    transform-origin:center!important;
  }

  .orbit{left:50%!important;top:50%!important}
  .orbit-one{width:300px!important;height:132px!important}
  .orbit-two{width:260px!important;height:196px!important}
  .orbit-three{width:212px!important;height:112px!important}
  .orbit-node{display:none!important}

  .weidou-node{
    width:98px!important;
    height:92px!important;
    min-height:0!important;
    padding:10px 7px!important;
    gap:6px!important;
    border-radius:16px!important;
    box-shadow:0 10px 24px rgba(55,93,153,.12)!important;
  }

  .weidou-node::after{border-radius:14px!important}

  .weidou-node>img{
    width:38px!important;
    height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    flex-basis:38px!important;
  }

  .weidou-node span{font-size:13px!important;line-height:1.2!important;white-space:nowrap}

  .task-node{left:0!important;right:auto!important;top:12px!important;bottom:auto!important}
  .study-node{left:auto!important;right:0!important;top:12px!important;bottom:auto!important}
  .social-node{left:0!important;right:auto!important;top:auto!important;bottom:10px!important}
  .activity-node{left:auto!important;right:0!important;top:auto!important;bottom:10px!important}

  .bean-stage{
    left:50%!important;
    top:50%!important;
    width:160px!important;
    height:138px!important;
    transform:translate(-50%,-50%)!important;
  }

  .bean-stage::before{inset:28px 12px 8px!important}
  .bean-stage img{top:4px!important;width:126px!important}
  .ring-back{bottom:8px!important;width:148px!important;height:60px!important}
  .ring-front{bottom:0!important;width:118px!important;height:46px!important}
}

@media(max-width:390px){
  .weidou-panel{padding-left:18px!important;padding-right:18px!important}
  .weidou-visual{max-width:306px!important;height:344px!important}
  .weidou-node{width:92px!important;height:88px!important}
  .weidou-node>img{width:35px!important;height:35px!important;max-width:35px!important;max-height:35px!important}
  .orbit-one{width:282px!important}
  .orbit-two{width:244px!important}
}