.socials{flex-wrap:wrap;gap:10px 16px}
.footer .socials>a{min-height:44px;display:inline-flex;align-items:center}
.douyin-social{display:flex;align-items:center;gap:8px}
.footer .socials .douyin-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;white-space:nowrap}
.douyin-qr{position:relative}
.douyin-qr summary{list-style:none;display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--line);cursor:pointer;font-size:11px;color:var(--petrol)}
.douyin-qr summary::-webkit-details-marker{display:none}
.douyin-qr summary:focus-visible{outline:3px solid var(--fuchsia);outline-offset:4px}
.douyin-qr[open] summary{background:var(--mint)}
.douyin-panel{position:absolute;bottom:calc(100% + 12px);right:0;z-index:60;width:min(310px,calc(100vw - 48px));max-height:80vh;max-height:80dvh;overflow:auto;overscroll-behavior:contain;padding:20px;background:var(--paper);color:var(--petrol);border:1px solid var(--line);box-shadow:0 12px 40px #102f2e26}
.douyin-panel strong,.douyin-account{display:block}
.douyin-close{margin:0 0 14px auto;min-height:44px;display:block;border:1px solid var(--line);background:transparent;color:inherit;padding:8px 12px;font-size:12px}
.douyin-close[hidden]{display:none}
.douyin-panel strong{font-size:15px}
.douyin-account{margin-top:4px;font-size:11px}
.footer .socials .douyin-image{display:block;margin:14px 0!important}
.douyin-image img{width:100%;height:auto}
.footer .douyin-panel p{font-size:12px;margin-top:12px;max-width:none}
.footer .socials .douyin-panel>a:not(.douyin-image){display:block;min-height:44px;padding-block:12px;text-decoration:underline}
.douyin-profile{font-weight:600}
@media(max-width:640px){.footer-bottom>.socials{width:100%}.douyin-panel{position:fixed;bottom:90px;right:24px;max-height:calc(100dvh - 180px)}}