.social-share{display:inline-flex;align-items:center;gap:12px}.share-button-bottom{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;height:40px;background:#165dff;color:#fff;border:1px solid #165DFF;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none;line-height:1}.share-button-bottom:hover{background:#4080ff;border-color:#4080ff}.share-button-bottom:active{background:#0e4dd9;border-color:#0e4dd9}.share-button-sidebar{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;background:#165dff;color:#fff;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #165dff33}.share-button-sidebar:hover{background:#0e4dd9;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #165dff4d}.share-button-sidebar:active{transform:translateY(-50%) scale(1)}.share-button-sidebar .anticon{font-size:20px}.share-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-panel{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:16px 16px 0 0;z-index:1000;animation:slideUp .3s ease;box-shadow:0 -4px 16px #0000001a}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.share-panel-header{padding:16px 20px;border-bottom:1px solid #f0f0f0;font-size:16px;font-weight:600;color:#262626;text-align:center}.share-panel-body{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px 20px}.platform-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.platform-item:hover{transform:scale(1.05)}.platform-item:active{transform:scale(.95)}.platform-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#f5f5f5;font-size:28px;transition:all .2s ease}.platform-item:hover .platform-icon{background:currentColor;color:#fff}.platform-item:hover .platform-icon .anticon,.platform-item:hover .platform-icon svg{color:#fff}.platform-name{font-size:12px;color:#595959;text-align:center}.qrcode-container{display:flex;flex-direction:column;align-items:center;padding:20px}.qrcode-wrapper{padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.qrcode-title{margin-top:16px;font-size:14px;font-weight:500;color:#262626;text-align:center;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qrcode-tip{margin-top:8px;font-size:12px;color:#8c8c8c;text-align:center}@media (max-width: 768px){.share-button-sidebar{display:none}.share-panel-body{grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 16px}.platform-icon{width:48px;height:48px;font-size:24px}.platform-name{font-size:11px}}@media (max-width: 480px){.share-panel-body{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 12px}.platform-icon{width:44px;height:44px;font-size:22px}}@media (prefers-color-scheme: dark){.share-panel{background:#1f1f1f}.share-panel-header{border-bottom-color:#303030;color:#fff}.platform-icon{background:#303030}.platform-name{color:#bfbfbf}.qrcode-wrapper{background:#303030}.qrcode-title{color:#fff}}