/* 个人中心美化主题（买家端全站注入，覆盖 Nuxt 编译样式）
   与登录/注册页统一：#6c7bff / 渐变 #9b88ff→#6c7bff / 12px 圆角 / 系统字体栈 */

/* ===== 全局字体（系统字体栈） ===== */
body {
  font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji' !important;
  font-size: 15px !important;
}

/* ===== 页面底 ===== */
body [class$="_page_bg"] {
  background: #f5f7ff !important;
}

/* ===== 左侧菜单：白卡 + 紫色高亮 ===== */
body .user_sidebar {
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 20px !important;
  padding: 14px 12px !important;
  border: 1px solid #f0f0f0 !important;
}
body .user_sidebar .sidebar_group {
  margin-bottom: 8px !important;
}
body .user_sidebar .sidebar_group_title {
  font-size: 12px !important;
  color: rgba(0, 0, 0, .45) !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  padding: 6px 10px 4px !important;
}
body .user_sidebar .sidebar_icon {
  display: none !important;
}
body .user_sidebar .sidebar_group_content {
  padding: 0 !important;
}
body .user_sidebar .sidebar_item {
  display: flex !important;
  align-items: center !important;
  padding: 9px 14px !important;
  margin: 2px 0 !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  color: rgba(0, 0, 0, .88) !important;
  text-decoration: none !important;
  transition: background .15s, color .15s !important;
  position: relative !important;
}
body .user_sidebar .sidebar_item:hover {
  background: rgba(108, 123, 255, .08) !important;
  color: #6c7bff !important;
}
body .user_sidebar .sidebar_item.router-link-active,
body .user_sidebar .sidebar_item.active {
  background: rgba(108, 123, 255, .1) !important;
  color: #6c7bff !important;
  font-weight: 600 !important;
}
body .user_sidebar .sidebar_item.router-link-active::before,
body .user_sidebar .sidebar_item.active::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 8px !important;
  bottom: 8px !important;
  width: 3px !important;
  background: #6c7bff !important;
  border-radius: 2px !important;
}

/* ===== 信息卡：紫色渐变头 + 白底余额条 ===== */
body .user_info_card {
  background: #fff !important;
  border-radius: 12px !important;
  border: 1px solid #f0f0f0 !important;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 20px !important;
  overflow: hidden !important;
}
body .user_info_card .user_info_top {
  background: linear-gradient(90deg, rgb(155, 136, 255) 0%, rgb(108, 123, 255) 100%) !important;
  padding: 20px 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}
body .user_info_card .user_avatar {
  width: 58px !important;
  height: 58px !important;
  border-radius: 12px !important;
  border: 2px solid rgba(255, 255, 255, .6) !important;
  background: rgba(255, 255, 255, .2) !important;
  font-size: 24px !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: none !important;
}
body .user_info_card .user_name {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #fff !important;
}
body .user_info_card .user_id {
  font-size: 12px !important;
  color: rgba(255, 255, 255, .72) !important;
  margin-top: 2px !important;
}
body .user_info_card .user_level {
  margin-top: 6px !important;
}
body .user_info_card .level_badge {
  display: inline-block !important;
  padding: 2px 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ffd666, #faad14) !important;
  color: #613400 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
body .user_info_card .user_balance_bar {
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  padding: 16px 24px !important;
  background: #fff !important;
}
body .user_info_card .balance_item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
body .user_info_card .balance_label {
  font-size: 13px !important;
  color: rgba(0, 0, 0, .45) !important;
}
body .user_info_card .balance_value {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: rgba(0, 0, 0, .88) !important;
  font-variant-numeric: tabular-nums !important;
}
body .user_info_card .balance_btn {
  padding: 6px 18px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  cursor: pointer !important;
  border: none !important;
}
body .user_info_card .balance_btn.recharge {
  background: linear-gradient(90deg, rgb(155, 136, 255) 0%, rgb(108, 123, 255) 100%) !important;
  color: #fff !important;
}
body .user_info_card .balance_btn.recharge:hover {
  background: linear-gradient(90deg, rgb(167, 151, 255) 0%, rgb(124, 138, 255) 100%) !important;
}
body .user_info_card .balance_btn.view {
  background: #fff !important;
  color: #6c7bff !important;
  border: 1px solid #c0c6ff !important;
}
body .user_info_card .balance_btn.view:hover {
  color: #7c8aff !important;
  border-color: #7c8aff !important;
}

/* ===== 快捷模块卡 ===== */
body .user_modules {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}
body .user_modules .module_card {
  background: #fff !important;
  border-radius: 12px !important;
  border: 1px solid #f0f0f0 !important;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 20px !important;
  padding: 16px 18px !important;
  transition: box-shadow .2s, transform .2s !important;
}
body .user_modules .module_card:hover {
  box-shadow: 0 8px 24px rgba(108, 123, 255, .15) !important;
  transform: translateY(-2px) !important;
}
body .user_modules .module_title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: rgba(0, 0, 0, .88) !important;
  margin-bottom: 12px !important;
}
body .user_modules .module_icons {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
body .user_modules .module_icon_item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: rgba(0, 0, 0, .65) !important;
  cursor: pointer !important;
}
body .user_modules .icon_circle {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
}
body .user_modules .module_icon_item:nth-child(1) .icon_circle { background: rgba(108, 123, 255, .1) !important; color: #6c7bff !important; }
body .user_modules .module_icon_item:nth-child(2) .icon_circle { background: #f6ffed !important; color: #52c41a !important; }
body .user_modules .module_icon_item:nth-child(3) .icon_circle { background: #fff7e6 !important; color: #fa8c16 !important; }
body .user_modules .module_icon_item:nth-child(4) .icon_circle { background: #f9f0ff !important; color: #722ed1 !important; }
body .user_modules .module_icon_item:nth-child(5) .icon_circle { background: #e6fffb !important; color: #13c2c2 !important; }

/* ===== 知识卡片 ===== */
body .knowledge_card {
  background: #fff !important;
  border-radius: 12px !important;
  border: 1px solid #f0f0f0 !important;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 20px !important;
}

/* ===== 个人中心通用内容卡（其他子页共用） ===== */
body [class$="_page_bg"] > div > [class$="_card"],
body [class$="_page_bg"] [class*="content_card"] {
  background: #fff !important;
  border-radius: 12px !important;
  border: 1px solid #f0f0f0 !important;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 20px !important;
}

/* ===== 统一导航/页脚注入（隐藏 Nuxt 旧页头页尾） ===== */
body.mc-nav-page .site-header { display: none !important; }
body.mc-nav-page .site-footer { display: none !important; }
body.mc-nav-page { padding-top: 52px !important; }
.mc-topnav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: #fff; border-bottom: 1px solid #f0f0f0; box-shadow: 0 1px 4px rgba(0, 21, 41, .08); }
.mc-nav-inner { max-width: 1280px; margin: 0 auto; height: 52px; display: flex; align-items: center; gap: 4px; padding: 0 16px; }
.mc-logo { font-size: 16px; font-weight: 600; color: rgba(0, 0, 0, .88); margin-right: 10px; text-decoration: none; }
.mc-nav-links { display: flex; align-items: center; gap: 4px; }
.mc-nav-link { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 12px; font-size: 13px; font-weight: 500; color: rgba(0, 0, 0, .65); white-space: nowrap; text-decoration: none; transition: background .15s, color .15s; }
.mc-nav-link .ic { width: 15px; height: 15px; opacity: .7; }
.mc-nav-link:hover { background: rgba(108, 123, 255, .08); color: rgba(0, 0, 0, .88); }
.mc-nav-link.active { background: rgba(108, 123, 255, .1); color: #6c7bff; }
.mc-nav-right { margin-left: auto; display: flex; align-items: center; gap: 4px; }
.mc-user-dd { position: relative; }
.mc-user-dd-btn { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border: none; border-radius: 12px; background: none; font-size: 13px; font-weight: 500; color: rgba(0, 0, 0, .88); cursor: pointer; }
.mc-user-dd-btn .ic { width: 15px; height: 15px; }
.mc-user-dd-btn .mc-chev { transition: transform .15s; }
.mc-user-dd.open .mc-chev { transform: rotate(180deg); }
.mc-user-dd-menu { position: absolute; right: 0; top: 42px; min-width: 130px; background: #fff; border: 1px solid #f0f0f0; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 20px; padding: 4px; display: none; z-index: 101; }
.mc-user-dd.open .mc-user-dd-menu { display: block; }
.mc-user-dd-menu a { display: block; padding: 9px 12px; font-size: 14px; color: rgba(0, 0, 0, .88); border-radius: 12px; text-decoration: none; }
.mc-user-dd-menu a:hover { background: rgba(108, 123, 255, .08); }
.mc-user-dd-menu a.mc-danger { color: #ff4d4f; }
.mc-footer { border-top: 1px solid #f0f0f0; background: #fff; margin-top: 30px; }
.mc-footer-inner { max-width: 1280px; margin: 0 auto; padding: 32px 16px 22px; }
.mc-footer-top { display: flex; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.mc-footer-brand .mc-fb-logo { font-size: 18px; font-weight: 700; color: rgba(0, 0, 0, .88); margin-bottom: 8px; }
.mc-footer-brand p { font-size: 13px; color: rgba(0, 0, 0, .45); max-width: 320px; line-height: 1.7; }
.mc-footer-col h5 { font-size: 13px; font-weight: 700; color: rgba(0, 0, 0, .88); margin-bottom: 12px; }
.mc-footer-col a { display: block; font-size: 13px; color: rgba(0, 0, 0, .45); padding: 4px 0; text-decoration: none; }
.mc-footer-col a:hover { color: #6c7bff; }
.mc-footer-bottom { border-top: 1px solid #f0f0f0; margin-top: 24px; padding-top: 16px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: 12px; color: rgba(0, 0, 0, .45); }
.mc-modal-mask { position: fixed; inset: 0; background: rgba(0, 0, 0, .45); z-index: 200; display: flex; align-items: center; justify-content: center; padding: 20px; }
.mc-modal { background: #fff; border-radius: 12px; width: 100%; max-width: 440px; padding: 22px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px; }
.mc-modal h3 { font-size: 16px; font-weight: 700; color: rgba(0, 0, 0, .88); margin-bottom: 16px; }
.mc-modal-close { float: right; border: none; background: none; font-size: 20px; color: rgba(0, 0, 0, .45); cursor: pointer; }
.mc-form-row { margin-bottom: 14px; }
.mc-form-row label { display: block; font-size: 13px; color: rgba(0, 0, 0, .45); margin-bottom: 6px; }
.mc-form-row input { width: 100%; height: 40px; padding: 0 12px; border: 1px solid #eeeeee; border-radius: 12px; font-size: 14px; outline: none; background: #f8faff; transition: border-color .15s, box-shadow .15s; }
.mc-form-row input:focus { border-color: #6c7bff; box-shadow: 0 0 0 2px rgba(108, 123, 255, .2); background: #fff; }
.mc-btn-submit { width: 100%; height: 42px; background: linear-gradient(90deg, rgb(155, 136, 255) 0%, rgb(108, 123, 255) 100%); color: #fff; border: none; border-radius: 12px; font-size: 15px; font-weight: 600; cursor: pointer; }
.mc-btn-submit:hover { background: linear-gradient(90deg, rgb(167, 151, 255) 0%, rgb(124, 138, 255) 100%); }
.mc-result-line { display: flex; justify-content: space-between; font-size: 14px; padding: 5px 0; }
.mc-result-line span { color: rgba(0, 0, 0, .45); }
.mc-toast { position: fixed; top: 64px; left: 50%; transform: translateX(-50%); z-index: 300; background: rgba(0, 0, 0, .75); color: #fff; padding: 10px 20px; border-radius: 12px; font-size: 13px; opacity: 0; pointer-events: none; transition: opacity .2s; }
.mc-toast.show { opacity: 1; }

/* ===== 二次美化：会员中心子页面统一风格 ===== */

/* 顶部紫条：渐变 + 轻投影 */
body .user_top_bar {
  background: linear-gradient(90deg, rgb(155, 136, 255) 0%, rgb(108, 123, 255) 100%) !important;
  box-shadow: 0 2px 8px rgba(108, 123, 255, .28) !important;
}
body .user_top_title { font-weight: 700 !important; letter-spacing: .5px !important; }
body .user_top_nav_item { font-size: 14px !important; }
body .user_top_nav_item.router-link-active { color: #fff !important; font-weight: 600 !important; }

/* 内容容器与页头页脚对齐（1300px） */
body .user_top_bar_content.container,
body [class$="_page_bg"] .container,
body [class$="_page_bg"] .container {
  max-width: 1300px !important;
  width: 1300px !important;
}

/* 卡片头部标题 */
body [class$="_page_bg"] [class*="card_header"] { border-bottom: 1px solid #f0f0f0 !important; padding-bottom: 14px !important; margin-bottom: 14px !important; }
body [class$="_page_bg"] [class*="card_title"] { font-size: 16px !important; font-weight: 700 !important; color: rgba(0, 0, 0, .88) !important; }
body [class$="_page_bg"] [class*="card_subtitle"] { font-size: 12px !important; color: rgba(0, 0, 0, .45) !important; }

/* 表格：浅灰表头底 + 细边框 + 行悬停 */
body [class$="_page_bg"] table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #f0f0f0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
body [class$="_page_bg"] th, body [class$="_page_bg"] [class*="col_"] {
  background: #fafafa !important;
  color: rgba(0, 0, 0, .65) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid #f0f0f0 !important;
}
body [class$="_page_bg"] td {
  padding: 12px 16px !important;
  border-bottom: 1px solid #f0f0f0 !important;
  font-size: 14px !important;
  color: rgba(0, 0, 0, .88) !important;
}
body [class$="_page_bg"] tr:hover td { background: #fafafa !important; }
body [class$="_page_bg"] tr:last-child td { border-bottom: none !important; }

/* 筛选标签：胶囊样式 */
body [class$="_page_bg"] [class*="tab_item"],
body [class$="_page_bg"] [class*="filter_item"],
body [class$="_page_bg"] [class*="tab-item"] {
  padding: 4px 16px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  color: rgba(0, 0, 0, .65) !important;
  cursor: pointer !important;
  transition: background .15s, color .15s !important;
}
body [class$="_page_bg"] [class*="tab_item"]:hover,
body [class$="_page_bg"] [class*="filter_item"]:hover {
  color: #6c7bff !important;
}
body [class$="_page_bg"] [class*="tab_item"].active,
body [class$="_page_bg"] [class*="filter_item"].active,
body [class$="_page_bg"] [class*="tab-item"].active {
  background: rgba(108, 123, 255, .1) !important;
  color: #6c7bff !important;
  font-weight: 600 !important;
}

/* 按钮：默认白底描边 / 主操作渐变底白字 */
body [class$="_page_bg"] button:not([class*="icon"]):not([class*="close"]):not([class*="back"]):not([class*="primary"]):not([class*="submit"]):not([class*="confirm"]):not([class*="refresh"]):not([class*="balance_btn"]):not([class*="recharge_btn"]):not([class*="pay_btn"]) {
  border-radius: 12px !important;
  border: 1px solid #eeeeee !important;
  background: #fff !important;
  color: rgba(0, 0, 0, .88) !important;
  padding: 5px 16px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  transition: all .15s !important;
}
body [class$="_page_bg"] button:not([class*="icon"]):not([class*="close"]):not([class*="back"]):not([class*="primary"]):not([class*="submit"]):not([class*="confirm"]):not([class*="refresh"]):not([class*="balance_btn"]):not([class*="recharge_btn"]):not([class*="pay_btn"]):hover {
  color: #6c7bff !important;
  border-color: #6c7bff !important;
}
body [class$="_page_bg"] button[class*="primary"],
body [class$="_page_bg"] button[class*="submit"],
body [class$="_page_bg"] button[class*="confirm"],
body [class$="_page_bg"] button[class*="recharge_btn"],
body [class$="_page_bg"] button[class*="submit_btn"],
body [class$="_page_bg"] button[class*="pay_btn"],
body [class$="_page_bg"] button[class*="confirm_btn"],
body [class$="_page_bg"] button[class*="refresh"] {
  background: linear-gradient(90deg, rgb(155, 136, 255) 0%, rgb(108, 123, 255) 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
}
body [class$="_page_bg"] button[class*="primary"]:hover,
body [class$="_page_bg"] button[class*="submit"]:hover,
body [class$="_page_bg"] button[class*="confirm"]:hover,
body [class$="_page_bg"] button[class*="refresh"]:hover {
  background: linear-gradient(90deg, rgb(167, 151, 255) 0%, rgb(124, 138, 255) 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
}

/* 输入框：浅底输入样式 */
body [class$="_page_bg"] input:not([type="checkbox"]):not([type="radio"]),
body [class$="_page_bg"] select {
  border: 1px solid #eeeeee !important;
  border-radius: 12px !important;
  padding: 5px 12px !important;
  height: 34px !important;
  font-size: 14px !important;
  color: rgba(0, 0, 0, .88) !important;
  background: #f8faff !important;
  outline: none !important;
  transition: border-color .15s, box-shadow .15s !important;
}
body [class$="_page_bg"] input:not([type="checkbox"]):not([type="radio"]):focus,
body [class$="_page_bg"] select:focus {
  border-color: #6c7bff !important;
  box-shadow: 0 0 0 2px rgba(108, 123, 255, .2) !important;
  background: #fff !important;
}

/* 状态徽章 */
body [class$="_page_bg"] [class*="status"], body [class$="_page_bg"] [class*="badge"] {
  display: inline-block !important;
  border-radius: 4px !important;
  padding: 1px 8px !important;
  font-size: 12px !important;
  line-height: 20px !important;
}

/* 分页按钮 */
body [class$="_page_bg"] [class*="page_btn"],
body [class$="_page_bg"] [class*="page_num"] {
  border: 1px solid #eeeeee !important;
  border-radius: 12px !important;
  min-width: 32px !important;
  height: 32px !important;
  line-height: 30px !important;
  text-align: center !important;
  background: #fff !important;
  color: rgba(0, 0, 0, .88) !important;
  cursor: pointer !important;
  margin: 0 4px !important;
}
body [class$="_page_bg"] [class*="page_num"].active, body [class$="_page_bg"] [class*="page_btn"].active {
  background: #6c7bff !important;
  border-color: #6c7bff !important;
  color: #fff !important;
}

/* 空状态 */
body [class$="_page_bg"] [class*="empty"] {
  color: rgba(0, 0, 0, .35) !important;
  text-align: center !important;
  padding: 40px 0 !important;
  font-size: 14px !important;
}

/* ===== 支付方式图标（bootstrap-icons 字体缺失，注入官方 SVG 图标） ===== */
body .pay_icon { position: relative !important; }
body .pay_icon .bi { display: none !important; }
body .pay_icon.alipay_icon::before,
body .pay_icon.wechat_icon::before,
body .pay_icon.qq_icon::before {
  content: '' !important;
  position: absolute !important;
  inset: 7px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}
body .pay_icon.alipay_icon::before { background-image: url("data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.695%2015.07c3.426%201.158%204.203%201.22%204.203%201.22V3.846c0-2.124-1.705-3.845-3.81-3.845H3.914C1.808.001.102%201.722.102%203.846v16.31c0%202.123%201.706%203.845%203.813%203.845h16.173c2.105%200%203.81-1.722%203.81-3.845v-.157s-6.19-2.602-9.315-4.119c-2.096%202.602-4.8%204.181-7.607%204.181-4.75%200-6.361-4.19-4.112-6.949.49-.602%201.324-1.175%202.617-1.497%202.025-.502%205.247.313%208.266%201.317a16.796%2016.796%200%200%200%201.341-3.302H5.781v-.952h4.799V6.975H4.77v-.953h5.81V3.591s0-.409.411-.409h2.347v2.84h5.744v.951h-5.744v1.704h4.69a19.453%2019.453%200%200%201-1.986%205.06c1.424.52%202.702%201.011%203.654%201.333m-13.81-2.032c-.596.06-1.71.325-2.321.869-1.83%201.608-.735%204.55%202.968%204.55%202.151%200%204.301-1.388%205.99-3.61-2.403-1.182-4.438-2.028-6.637-1.809%22%2F%3E%3C%2Fsvg%3E"); }
body .pay_icon.wechat_icon::before { background-image: url("data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.691%202.188C3.891%202.188%200%205.476%200%209.53c0%202.212%201.17%204.203%203.002%205.55a.59.59%200%200%201%20.213.665l-.39%201.48c-.019.07-.048.141-.048.213%200%20.163.13.295.29.295a.326.326%200%200%200%20.167-.054l1.903-1.114a.864.864%200%200%201%20.717-.098%2010.16%2010.16%200%200%200%202.837.403c.276%200%20.543-.027.811-.05-.857-2.578.157-4.972%201.932-6.446%201.703-1.415%203.882-1.98%205.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785%205.991c.642%200%201.162.529%201.162%201.18a1.17%201.17%200%200%201-1.162%201.178A1.17%201.17%200%200%201%204.623%207.17c0-.651.52-1.18%201.162-1.18zm5.813%200c.642%200%201.162.529%201.162%201.18a1.17%201.17%200%200%201-1.162%201.178%201.17%201.17%200%200%201-1.162-1.178c0-.651.52-1.18%201.162-1.18zm5.34%202.867c-1.797-.052-3.746.512-5.28%201.786-1.72%201.428-2.687%203.72-1.78%206.22.942%202.453%203.666%204.229%206.884%204.229.826%200%201.622-.12%202.361-.336a.722.722%200%200%201%20.598.082l1.584.926a.272.272%200%200%200%20.14.047c.134%200%20.24-.111.24-.247%200-.06-.023-.12-.038-.177l-.327-1.233a.582.582%200%200%201-.023-.156.49.49%200%200%201%20.201-.398C23.024%2018.48%2024%2016.82%2024%2014.98c0-3.21-2.931-5.837-6.656-6.088V8.89c-.135-.01-.27-.027-.407-.03zm-2.53%203.274c.535%200%20.969.44.969.982a.976.976%200%200%201-.969.983.976.976%200%200%201-.969-.983c0-.542.434-.982.97-.982zm4.844%200c.535%200%20.969.44.969.982a.976.976%200%200%201-.969.983.976.976%200%200%201-.969-.983c0-.542.434-.982.969-.982z%22%2F%3E%3C%2Fsvg%3E"); }
body .pay_icon.qq_icon::before { background-image: url("data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21.395%2015.035a40%2040%200%200%200-.803-2.264l-1.079-2.695c.001-.032.014-.562.014-.836C19.526%204.632%2017.351%200%2012%200S4.474%204.632%204.474%209.241c0%20.274.013.804.014.836l-1.08%202.695a39%2039%200%200%200-.802%202.264c-1.021%203.283-.69%204.643-.438%204.673.54.065%202.103-2.472%202.103-2.472%200%201.469.756%203.387%202.394%204.771-.612.188-1.363.479-1.845.835-.434.32-.379.646-.301.778.343.578%205.883.369%207.482.189%201.6.18%207.14.389%207.483-.189.078-.132.132-.458-.301-.778-.483-.356-1.233-.646-1.846-.836%201.637-1.384%202.393-3.302%202.393-4.771%200%200%201.563%202.537%202.103%202.472.251-.03.581-1.39-.438-4.673%22%2F%3E%3C%2Fsvg%3E"); }
