.social-account-page .page-section-title { font-weight: 600; font-size: 16px; margin-bottom: 8px; }
.social-account-page .page-section-desc { color: #909399; font-size: 13px; margin-bottom: 18px; }
.social-bind-card { margin-bottom: 16px; border-radius: 4px; }
.social-bind-head { display: flex; align-items: center; gap: 12px; }
.social-bind-avatar { width: 44px; height: 44px; border-radius: 4px; object-fit: contain; border: 1px solid #ebeef5; background: #fff; padding: 5px; }
.social-bind-name { font-size: 15px; font-weight: 600; color: #303133; }
.social-bind-status { margin-top: 4px; font-size: 12px; color: #909399; }
.social-bind-actions { margin-top: 16px; display: flex; justify-content: flex-end; }
.social-login-bar { margin: 18px 0 4px; }
.social-login-title { display: flex; align-items: center; gap: 10px; color: #909399; font-size: 12px; margin-bottom: 12px; }
.social-login-title:before, .social-login-title:after { content: ''; height: 1px; background: #ebeef5; flex: 1; }
.social-login-buttons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.social-login-buttons .el-button { margin-left: 0; }
.social-icon-list { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.social-icon-btn { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e5e7eb; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 24px 24px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: all .2s ease; padding: 0; }
.social-icon-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0, 0, 0, .10); }
.social-icon-btn.social-qq { border-color: #bdefff; background-image: url('/public/tubiao/qq.png'); }
.social-icon-btn.social-wx { border-color: #b9f4d1; background-image: url('/public/tubiao/wx.png'); }
.social-icon-btn.social-alipay { border-color: #bfdcff; background-image: url('/public/tubiao/alipay.png'); }
.social-icon-btn.social-douyin { border-color: #d1d5db; background-image: url('/public/tubiao/douyin.png'); }
.social-icon-btn.social-gitee { border-color: #f3c4c6; background-image: url('/public/tubiao/gitee.png'); }
.social-icon-btn.social-github { border-color: #c9d1d9; background-image: url('/public/tubiao/github.png'); }
@media (max-width: 480px) { .social-login-buttons { grid-template-columns: repeat(2, 1fr); } }