.social-quick {padding:11px 7px; max-height:calc(100dvh - 100px);border-radius:32px}
.social-scroll {display:flex;flex-direction:column;gap:7px;overflow-y:auto;max-height:calc(100dvh - 125px);scrollbar-width:none}
.social-scroll::-webkit-scrollbar{display:none}
.social-item {width:44px;height:44px;flex:none}
.social-quick .social-icon {display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--taupe-soft);padding:7px;cursor:pointer;transition:border-color .18s}
.social-quick .social-icon:hover {transform:none;border-color:var(--taupe)}
.social-icon img {width:28px;height:28px;object-fit:contain}
.social-qr {display:none;position:fixed;z-index:60;width:210px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 30px rgba(60,50,40,.16);text-align:center;color:var(--ink);font-size:13px;line-height:1.5}
.social-qr img {width:180px;height:180px;object-fit:contain;margin:0 auto 8px}
.social-qr.is-visible {display:block}
@media(max-width:1080px){.social-quick {padding:0;max-height:calc(100dvh - 90px)}.social-quick .social-scroll{display:none;max-height:calc(100dvh - 170px)}.social-quick.is-open .social-scroll {display:flex}.social-quick .social-icon {display:grid}.social-qr {width:190px;padding:10px}.social-qr img {width:168px;height:168px}}