:root{--background:#f6f7f8;--card-bg:#fff;--second-bg:#F7F7F7;--font-color:#000;--green:#1ba059}@media (prefers-color-scheme:dark){:root{--background:#1e2020;--card-bg:#0f0f0f;--second-bg:#303134;--font-color:#fff;--green:#25d678}}body{background:var(--background);margin:0;padding:0}.socialOA{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:var(--vh);color:var(--font-color)}.socialOA-card{width:100%;display:flex;margin-top:16px;background:var(--second-bg);padding:18px;border-radius:16px;align-items:center}.socialOA-head{width:48px;height:48px;border-radius:68px;background-size:contain;margin-right:16px}.socialOA-name{font-weight:700}.socialOA-description{font-size:12px;opacity:.5}.social{margin:auto}.social-card,.social-need-reply{background:var(--card-bg);border-radius:16px;padding:24px 36px 20px 36px;display:flex;flex-direction:column;align-items:center;max-height:569px}.social-card{max-width:428px;margin-top:8px}.social-need-reply{max-width:328px;margin:auto}.social-need-reply-copybtn{display:flex;padding:12px 12px 12px 20px;background:var(--green);color:#fff;border-radius:12px;margin:8px;cursor:pointer;transition:.3s}.social-need-reply-copybtn:hover{opacity:.8}.social-need-reply-copybtn-img{width:20px;height:20px;opacity:.6;margin-left:5px}.social-need-reply-back,.social-need-reply-front{font-size:14px;color:var(--font-color)}.social-need-reply-front{font-weight:700}.qrcode{width:256px;height:256px;display:flex;border-radius:12px}.tips{font-size:14px;color:var(--font-color);opacity:.5;margin-top:8px}.footer{display:flex}.footer-item{font-size:14px;color:var(--font-color);opacity:.5;text-decoration:none;margin:20px 0;transition:.3s;position:relative;margin-right:20px}.footer-item:not(:last-child)::after{content:"";position:absolute;right:-10px;top:0;bottom:0;width:1px;background:#ccc}.footer-item:last-child{margin-right:0}.footer-item:visited{color:var(--font-color)}.footer-item:hover{color:var(--green);text-shadow:0 0 8px rgba(27,160,89,.0784313725)}span#social-need-reply-text{line-height:1;margin:auto}