.ssb-wrapper{display:inline-flex;flex-wrap:wrap;gap:6px;margin:20px 0}
.ssb-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:10px;border:none;background:var(--ssb-brand);color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 1px 3px rgba(0,0,0,.12);line-height:1}
.ssb-btn:hover{transform:translateY(-2px);box-shadow:0 3px 10px rgba(0,0,0,.16)}
.ssb-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}
.ssb-icon{display:block;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center}
.ssb-icon--weibo{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20.46 9.93a.66.66 0 0 0 .64-.57l.01-.07C21.6 4.82 17.53 5.6 17.53 5.6a.66.66 0 0 0-.66.68c0 .37.29.67.66.67 2.98-.67 2.32 2.36 2.32 2.36a.67.67 0 0 0 .67.62h-.06zM19.74 2.54c-1.42-.34-2.9-.05-3.31.03-.03 0-.09.02-.09.02-.39.12-.69.5-.69.95a1 1 0 0 0 .96.98s.52-.07.87-.21 3.32-.1 4.79 2.4c.8 1.83.35 3.06.3 3.26l-.2.95a.97.97 0 0 0 .97.88.9.9 0 0 0 .93-.82h.01A8.46 8.46 0 0 0 19.74 2.54zM18.25 12.1c-.95-.2-.5-.71-.5-.71s.93-1.57-.18-2.7c-1.4-1.42-4.78.18-4.78.18-1.3.4-.95-.19-.77-1.19A4.43 4.43 0 0 0 8.17 5.73C4.78 6.93 1.83 11.11 1.83 11.11A8.46 8.46 0 0 0 .04 16.04s.5 4.74 9.34 6.35c4.06.33 9.55-1.42 11.2-5.01 1.68-3.59-1.35-5-2.33-5.28zM9.68 20.98c-4.03.2-7.29-1.86-7.29-4.6s3.25-4.92 7.29-5.11c4.03-.19 7.3 1.5 7.3 4.23s-3.26 5.3-7.3 5.48z'/%3E%3Cpath d='M8.87 13.05c-4.05.48-3.58 4.34-3.58 4.34s-.04 1.22 1.08 1.84c2.38 1.3 4.82.51 6.05-1.1 1.24-1.62.51-5.56-3.55-5.08zM7.85 18.47a1.37 1.37 0 0 1-1.56-.7c-.1-.23-.05-.54.17-.7a1.32 1.32 0 0 1 1.56.72c.08.23.03.54-.17.68z'/%3E%3C/svg%3E")}

.ssb-icon--qq{background-image: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M512.268258 64.433103c-247.183323 0-447.569968 200.380501-447.569968 447.563825 0 247.189467 200.385621 447.570992 447.569968 447.570992s447.569968-200.380501 447.569968-447.569968c0-247.184347-200.386645-447.564849-447.569968-447.564849z m252.85872 584.692787c-18.997168 16.287968-43.668709-53.628042-47.2134-42.875198-8.642616 26.161294-12.695154 43.646184-38.148944 72.127602-1.35972 1.521494 29.43056 12.647032 38.148944 36.396051 8.346713 22.756875 24.596797 58.811973-81.725503 70.125906-62.389428 6.635801-107.471099-33.244533-111.964932-32.85648-8.325212 0.734126-4.618747 0-13.568528 0-7.321804 0-7.807126 0.534468-14.69685 0-1.899307-0.140272-22.632985 32.85648-115.364231 32.85648-71.878798 0-90.48177-45.243445-76.032701-70.125906 14.464428-24.877342 38.579999-32.122354 35.176604-36.06636-16.73643-19.39546-28.287904-40.1404-35.176604-58.882621-1.705793-4.666869-3.135137-9.209848-4.262434-13.574672-2.611931-10.008479-22.627866 58.76385-44.111028 42.875198-21.483162-15.883533-19.567472-56.309597-5.659014-95.003248 14.033372-39.006959 49.37687-76.562049 49.771065-84.854496 1.412962-30.849665-3.044011-35.975235 0-44.078263 6.780169-18.149391 15.034732-11.190043 15.034733-20.609788 0-118.64476 88.172909-214.829571 196.933079-214.829571 108.755051 0 196.928984 96.184811 196.928984 214.829571 0 4.554242 11.815637 0 17.474651 20.609788 1.165181 4.256291 1.968931 20.684531 0.58771 44.078263-0.658358 11.238165 29.954789 24.914202 45.777913 84.854496 15.845649 59.945414 0 88.215912-7.909514 95.003248z' fill='%23ffffff'/%3E%3C/svg%3E")}
.ssb-icon--qzone{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23fff'/%3E%3Ctext x='12' y='17' text-anchor='middle' font-size='13' font-weight='700' fill='%23FED33A'%3EQ%3C/text%3E%3C/svg%3E")}
.ssb-icon--douban{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Ctext x='12' y='17' text-anchor='middle' font-size='12' font-weight='700' fill='%23fff'%3E豆%3C/text%3E%3C/svg%3E")}
.ssb-icon--facebook{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E")}
.ssb-icon--twitter-x{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E")}
.ssb-icon--linkedin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.225 0z'/%3E%3C/svg%3E")}
.ssb-icon--whatsapp{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z'/%3E%3C/svg%3E")}
.ssb-icon--telegram{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.894 8.221l-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.446 1.394c-.16.145-.295.271-.607.271l.213-3.053 5.56-5.023c.242-.213-.054-.334-.373-.121l-6.87 4.326-2.96-.924c-.643-.204-.657-.643.136-.953l11.566-4.458c.479-.195.897.111.74.94z'/%3E%3C/svg%3E")}
.ssb-icon--pinterest{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 0C5.372 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.026 0 1.518.77 1.518 1.688 0 1.029-.655 2.568-.993 3.993-.282 1.195.598 2.169 1.776 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.56-5.418 5.207 0 1.031.397 2.137.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.222-.173.271-.404.162-1.104-.514-1.794-2.048-1.794-3.296 0-2.684 1.95-5.27 5.621-5.27 2.951 0 5.246 2.104 5.246 4.915 0 2.935-1.85 5.296-4.418 5.296-.863 0-1.675-.448-1.953-.977l-.53 2.021c-.191.736-.614 1.658-.914 2.217.834.258 1.719.398 2.632.398C18.628 24 24 18.628 24 12 24 5.372 18.628 0 12 0z'/%3E%3C/svg%3E")}
.ssb-icon--reddit{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 0C5.372 0 0 5.372 0 12c0 5.084 3.204 9.426 7.477 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.026 0 1.518.77 1.518 1.688 0 1.029-.655 2.568-.993 3.993-.282 1.195.598 2.169 1.776 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.873-5.012-4.873-3.414 0-5.418 2.56-5.418 5.207 0 1.031.397 2.137.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.222-.173.271-.404.162-1.104-.514-1.794-2.048-1.794-3.296 0-2.684 1.95-5.047 5.621-5.047 2.951 0 5.246 2.104 5.246 4.915 0 2.935-1.85 5.296-4.418 5.296-.863 0-1.675-.448-1.953-.977l-.53 2.021c-.191.736-.614 1.658-.914 2.217.834.258 1.719.398 2.632.398C18.628 24 24 18.628 24 12 24 5.372 18.628 0 12 0z'/%3E%3C/svg%3E")}
.ssb-icon--email{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M21 4H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 2-9 5-9-5h18zm0 12H3V8l9 5 9-5v10z'/%3E%3C/svg%3E")}
.ssb-icon--copy{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M16 0H4C2.9 0 2 .9 2 2v14h2V2h12V0zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 16H8V8h11v12z'/%3E%3C/svg%3E")}
.ssb-wechat-qr-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:99999}
.ssb-wechat-qr-overlay[hidden]{display:none}
.ssb-wechat-qr-modal{background:#fff;border-radius:12px;padding:28px 22px 20px;text-align:center;max-width:280px;width:90%;box-shadow:0 8px 32px rgba(0,0,0,.2);position:relative}
.ssb-wechat-qr-close{position:absolute;top:8px;right:12px;background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:#999;padding:2px 6px;border-radius:4px}
.ssb-wechat-qr-close:hover{color:#333;background:#f5f5f5}
.ssb-wechat-qr-title{font-size:15px;font-weight:600;color:#333;margin:0 0 14px}
.ssb-wechat-qr-img{margin:0 auto 10px;display:flex;justify-content:center}
.ssb-wechat-qr-img canvas,.ssb-wechat-qr-img img{display:block}
.ssb-wechat-qr-tip{font-size:12px;color:#999;margin:0}
.ssb-toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;z-index:100000;animation:ssbFadeIn .3s ease}
@keyframes ssbFadeIn{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}