/* 智链导航 - 彩虹聚合登录按钮 / 用户中心绑定管理样式
   登录、注册页引入本文件即可，按钮局部见 views/user/_oauth_buttons.php */

.oauth-buttons { margin: 18px 0 6px; }
.oauth-buttons-divider {
  display: flex; align-items: center; gap: 10px;
  color: #94a3b8; font-size: 12px; margin-bottom: 12px;
}
.oauth-buttons-divider::before,
.oauth-buttons-divider::after { content: ""; flex: 1; height: 1px; background: #e2e8f0; }

.oauth-buttons-row { display: flex; gap: 10px; flex-wrap: wrap; }

.oauth-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 16px; border-radius: 8px; text-decoration: none;
  color: #fff; font-size: 14px; font-weight: 500; line-height: 1;
  transition: filter .15s ease, transform .05s ease;
}
.oauth-btn:hover { filter: brightness(1.06); }
.oauth-btn:active { transform: translateY(1px); }
.oauth-btn-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 20px; height: 20px; border-radius: 50%;
  background: rgba(255,255,255,.25); font-size: 12px; font-weight: 700;
}

/* SVG 品牌图标 */
.oauth-btn-icon svg, .oauth-manage-icon svg { width: 100%; height: 100%; display: block; }
.oauth-btn:hover { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(15,23,42,.18); }

/* 各平台品牌色 */
.oauth-qq        { background: #12b7f5; }
.oauth-wechat    { background: #07c160; }
.oauth-alipay    { background: #1677ff; }
.oauth-sina      { background: #e6162d; }
.oauth-baidu     { background: #306eff; }
.oauth-huawei    { background: #cf0a2c; }
.oauth-xiaomi    { background: #ff6900; }
.oauth-douyin    { background: #161823; }
.oauth-bilibili  { background: #00a1d6; }
.oauth-dingtalk  { background: #1296db; }
.oauth-gitee     { background: #c71d23; }
.oauth-github    { background: #24292f; }
.oauth-google    { background: #4285f4; }
.oauth-microsoft { background: #00a4ef; }
.oauth-facebook  { background: #1877f2; }
.oauth-twitter   { background: #1d9bf0; }

/* 用户中心绑定管理 */
.oauth-manage-list { display: flex; flex-direction: column; gap: 0; margin-top: 8px; }
.oauth-manage-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 4px; border-bottom: 1px solid #eef2f7;
}
.oauth-manage-row:last-child { border-bottom: 0; }
.oauth-manage-info { display: flex; align-items: center; gap: 12px; }
.oauth-manage-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; border-radius: 10px; color: #fff; font-weight: 700;
}
/* 绑定页图标色直接复用上方 .oauth-{平台} 规则（同一 class 挂在图标元素上） */
.oauth-manage-name { font-weight: 600; color: #1e293b; }
.oauth-manage-action form { margin: 0; }