.social-share-container{margin:30px 0;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}
.social-share-title{font-size:16px;font-weight:bold;color:#333;margin-bottom:15px;text-align:center}
.social-share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.social-share-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:6px;color:#fff;font-size:14px;text-decoration:none;transition:all .3s ease;cursor:pointer}
.social-share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff}
.social-share-btn i{margin-right:6px;font-size:16px}
.share-weibo{background:#e6162d}.share-weibo:hover{background:#d41528}
.share-wechat{background:#07c160;position:relative}.share-wechat:hover{background:#06ae56}
.share-qq{background:#12b7f5}.share-qq:hover{background:#10a5e0}
.share-qzone{background:#fece00;color:#333!important}.share-qzone:hover{background:#e5b800;color:#333!important}
.share-douban{background:#00b51d}.share-douban:hover{background:#00a31a}
.share-zhihu{background:#0084ff}.share-zhihu:hover{background:#0073e6}
.share-tieba{background:#4879bd}.share-tieba:hover{background:#3a6aa8}
.share-bilibili{background:#fb7299}.share-bilibili:hover{background:#e5668a}
.share-xiaohongshu{background:#fe2c55}.share-xiaohongshu:hover{background:#e5194b}
.share-dingtalk{background:#0089ff}.share-dingtalk:hover{background:#0078e6}
.share-linkedin{background:#0077b5}.share-linkedin:hover{background:#00669c}
.share-copy{background:#6c757d}.share-copy:hover{background:#5a6268}
.wechat-qrcode-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.3);z-index:10000;text-align:center}
.wechat-qrcode-popup.show{display:block}
.wechat-qrcode-popup h4{margin:0 0 15px 0;color:#333}
.wechat-qrcode-popup .qrcode-img{width:200px;height:200px;margin:0 auto;background:#f0f0f0;display:flex;align-items:center;justify-content:center;border:1px solid #ddd}
.wechat-qrcode-popup .close-btn{margin-top:15px;padding:8px 20px;background:#07c160;color:#fff;border:none;border-radius:5px;cursor:pointer}
.wechat-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999}
.wechat-overlay.show{display:block}
@media (max-width:768px){.social-share-buttons{gap:8px}.social-share-btn{padding:8px 12px;font-size:12px}.social-share-btn span{display:none}.social-share-btn i{margin-right:0}}