/* DAAILOK official WeCom support — one shared asset for both website editions.
   Body-level fixed positioning deliberately avoids the scroll/3D page viewport. */
:root{
  --daailok-support-yellow:var(--ds-optical-accent,#f0cb7d);
}
#daailok-official-support{
  position:fixed!important;
  inset:auto max(20px,env(safe-area-inset-right,0px)) max(22px,env(safe-area-inset-bottom,0px)) auto!important;
  z-index:3100;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:48px;
  height:48px;
  min-width:48px;
  max-width:180px;
  padding:0 13px;
  border:1px solid rgba(255,245,201,.62);
  border-radius:999px;
  color:#272211;
  background:linear-gradient(145deg,rgba(255,240,186,.98) 0%,var(--daailok-support-yellow) 49%,rgba(226,170,50,.97) 100%);
  box-shadow:0 5px 17px rgba(37,27,4,.23),0 0 16px rgba(240,203,125,.26),inset 0 1px 0 rgba(255,255,255,.62);
  -webkit-backdrop-filter:blur(14px) saturate(135%);
  backdrop-filter:blur(14px) saturate(135%);
  text-decoration:none!important;
  white-space:nowrap;
  overflow:hidden;
  isolation:isolate;
  transition:width .22s ease,box-shadow .22s ease,background .22s ease;
  -webkit-tap-highlight-color:transparent;
}
#daailok-official-support::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:linear-gradient(120deg,rgba(255,255,255,.32),transparent 48%);
  pointer-events:none;
}
#daailok-official-support .daailok-support-icon{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  flex:none;
  width:22px;
  height:22px;
  color:#272211;
}
#daailok-official-support svg{display:block;width:22px;height:22px}
#daailok-official-support .daailok-support-caption{
  position:relative;
  z-index:1;
  display:block;
  overflow:hidden;
  max-width:0;
  opacity:0;
  font-family:"Microsoft YaHei UI","PingFang SC",Arial,sans-serif;
  font-size:12px;
  font-weight:650;
  line-height:1;
  letter-spacing:.025em;
  color:#272211;
  transition:max-width .22s ease,opacity .15s ease;
}
@media(hover:hover) and (pointer:fine){
  #daailok-official-support:hover{
    width:126px;
    box-shadow:0 8px 22px rgba(37,27,4,.26),0 0 19px rgba(240,203,125,.36),inset 0 1px 0 rgba(255,255,255,.7);
  }
  #daailok-official-support:hover .daailok-support-caption{
    max-width:80px;
    opacity:1;
  }
}
#daailok-official-support:focus-visible{
  outline:2px solid #fff1a9;
  outline-offset:4px;
  width:126px;
}
#daailok-official-support:focus-visible .daailok-support-caption{
  max-width:80px;
  opacity:1;
}
#daailok-official-support:active{box-shadow:0 2px 12px rgba(37,27,4,.23),inset 0 2px 5px rgba(142,91,6,.16)}
@media(max-width:640px){
  #daailok-official-support{
    right:max(16px,env(safe-area-inset-right,0px))!important;
    bottom:max(16px,env(safe-area-inset-bottom,0px))!important;
    width:46px;
    height:46px;
    min-width:46px;
    padding:0 12px;
  }
  #daailok-official-support .daailok-support-caption{display:none}
  #daailok-official-support:focus-visible{width:46px}
}
@media(prefers-reduced-motion:reduce){
  #daailok-official-support,#daailok-official-support .daailok-support-caption{transition:none!important}
}