body > footer.site-footer{
  display:flex!important;justify-content:space-between;align-items:center;flex-wrap:wrap;
  gap:8px 20px;padding:20px 32px;border-top:1px solid rgba(26,24,20,.15);
  color:var(--ink-mute,#6b6258);background:var(--paper,#f4efe6);
  font:400 12px/1.6 'Inter','Noto Sans SC',sans-serif;letter-spacing:0;
  position:relative;z-index:5;
}
.site-footer .footer-socials{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:6px;color:var(--ink-soft,#3a342c)}
.site-footer .footer-socials > :is(a,button){display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:0;background:none;color:inherit;cursor:pointer;text-decoration:none}
.site-footer .footer-socials > :is(a,button):hover{color:var(--cinnabar,#b73225)}
.site-footer .footer-socials svg{width:22px;height:22px;fill:currentColor}
.site-footer .footer-socials svg[fill="none"]{fill:none}
.site-footer .footer-copyright{min-width:0;max-width:100%}
.site-footer .wechat-qr-popover{position:absolute;left:0;bottom:calc(100% + 10px);width:204px;padding:12px;border:1px solid rgba(26,24,20,.2);border-radius:4px;background:#fdfcf9;box-shadow:0 4px 18px rgba(26,24,20,.1);z-index:20}
.site-footer .wechat-qr-popover:not([hidden]){display:block}
.site-footer .wechat-qr-popover[hidden]{display:none}
.site-footer .wechat-qr-popover img{display:block;width:180px;height:auto}
.site-footer .qr-close{position:absolute;top:0;right:0;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#fdfcf9;color:var(--ink,#1a1814);font-size:20px;cursor:pointer}
.site-footer :focus-visible{outline:2px solid var(--cinnabar,#b73225);outline-offset:3px}
/* Chapter readers use a fixed viewport instead of document scrolling. */
body:has(> .book) > footer.site-footer{position:fixed;bottom:0;left:0;right:0}
body:has(> .book) > .book{bottom:77px}
body:has(> .book) #dot-nav{bottom:97px}
@media(max-width:700px){
 html:has(.site-footer),body:has(> .site-footer){overflow-x:clip}
 body > footer.site-footer{justify-content:flex-start;flex-direction:column;align-items:flex-start;padding:5px 20px calc(5px + env(safe-area-inset-bottom));gap:2px}
 .site-footer .footer-socials{gap:4px}
 .site-footer .footer-socials > :is(a,button){flex-basis:28px;width:28px;height:28px}
 .site-footer .footer-copyright{text-align:left;font-size:10px}
 body:has(> .book) > .book{bottom:57px}
 body:has(> .book) #dot-nav{bottom:77px}
}
@media(max-width:360px){
 .site-footer .footer-socials{gap:3px}
 .site-footer .footer-socials > :is(a,button){width:26px;height:28px;flex-basis:26px}
}