/* QilyLean CN Footer Actions V3 | 2026-09-26
 * Keep CN semantics: 顶部 / 上一网页 / 分享当前.
 * Match international footer button geometry and interaction only.
 */
html:root body .footer-actions{
  display:inline-grid!important;
  grid-template-columns:repeat(3,max-content)!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
html:root body .footer-actions>button{
  box-sizing:border-box!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:92px!important;
  min-height:40px!important;
  margin:0!important;
  padding:7px 11px!important;
  border:1px solid rgba(255,227,155,.52)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.055)!important;
  color:#ffe39b!important;
  -webkit-text-fill-color:#ffe39b!important;
  box-shadow:none!important;
  font:850 15px/1 "Microsoft YaHei","PingFang SC",Arial,sans-serif!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:rgba(255,227,155,.22)!important;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease!important;
}
@media(hover:hover) and (pointer:fine){
  html:root body .footer-actions>button:hover{
    background:#ffe39b!important;
    border-color:#ffe39b!important;
    color:#0f4b5a!important;
    -webkit-text-fill-color:#0f4b5a!important;
    box-shadow:0 4px 12px rgba(4,32,39,.18)!important;
    transform:translateY(-1px)!important;
  }
}
html:root body .footer-actions>button:focus-visible{
  background:#ffe39b!important;
  border-color:#ffe39b!important;
  color:#0f4b5a!important;
  -webkit-text-fill-color:#0f4b5a!important;
  outline:2px solid rgba(255,227,155,.55)!important;
  outline-offset:1px!important;
}
html:root body .footer-actions>button:active,
html:root body .footer-actions>button[data-qily-pressed="true"]{
  background:#073c47!important;
  border-color:#ffe39b!important;
  color:#ffe39b!important;
  -webkit-text-fill-color:#ffe39b!important;
  box-shadow:inset 0 2px 4px rgba(4,32,39,.28)!important;
  transform:translateY(1px) scale(.98)!important;
}
html:root body .footer-actions>button.is-copied{
  background:#ffe39b!important;
  border-color:#ffe39b!important;
  color:#0f4b5a!important;
  -webkit-text-fill-color:#0f4b5a!important;
  box-shadow:0 0 0 3px rgba(255,227,155,.22)!important,0 8px 18px rgba(4,32,39,.16)!important;
}
html body #qilyDockShareCopyToastV2{
  position:fixed!important;
  left:50%!important;
  bottom:calc(var(--qily-cn-fixed-footer-h) + 14px + env(safe-area-inset-bottom))!important;
  z-index:2147483600!important;
  transform:translateX(-50%)!important;
  max-width:min(88vw,640px)!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:#073c47!important;
  box-shadow:0 9px 24px rgba(0,0,0,.24)!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:800!important;
  text-align:center!important;
  pointer-events:none!important;
}
@media(max-width:1040px){
  html:root body .footer-actions{justify-self:end!important}
}
@media(max-width:760px){
  html:root body .footer-actions{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    justify-self:stretch!important;
  }
  html:root body .footer-actions>button{
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    padding:6px 5px!important;
    font-size:13px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html:root body .footer-actions>button{transition:none!important}
  html:root body .footer-actions>button:is(:hover,:active){transform:none!important}
}
@media print{
  html:root body .footer-actions,
  html body #qilyDockShareCopyToastV2{display:none!important}
}