h2.page-header {
  margin: 10px 0 25px 0;
  padding-bottom: 15px;
}
.user-baseinfo {
  margin-bottom: 25px;
}
.user-baseinfo table tr td {
  color: #999;
}
@media (min-width: 992px) {
  .user-center .avatar-text,
  .user-center .avatar-img {
    height: 150px;
    width: 150px;
    border-radius: 150px;
    line-height: 150px;
    font-size: 70px;
  }
  .user-center .avatar-img {
    font-size: 0;
  }
  .user-center .avatar-img img {
    height: 150px;
    width: 150px;
    border-radius: 150px;
  }
}
.sidebar-toggle {
  display: none;
}
@media (max-width: 991px) {
  .sidenav {
    position: fixed;
    top: 50px;
    z-index: 1029;
    height: calc(100vh - 50px);
    padding: 20px 0 20px 0;
    min-width: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 250px;
    left: -250px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .sidebar-toggle {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 70px;
    border-radius: 50%;
    background: #eee;
    font-size: 22px;
    padding: 10px;
    line-height: 30px;
    height: 50px;
    width: 50px;
    text-align: center;
    z-index: 999999;
  }
}
body.sidebar-open .sidenav {
  left: 0;
  width: 250px;
  box-shadow: 0 6px 27px rgba(0, 0, 0, 0.075);
}
body.sidebar-open .sidebar-toggle i:before {
  content: "\f00d";
}

/* ============================================================
   前台会员中心 · 宽屏布局
   本文件仅由会员站 layout/default.html 引入,因此下列规则只影响会员相关页面
   (用户中心 / 接口集市 / 我的凭证 / 充值 / 提现 / 邀请 / 签到 / CMS 等)。
   大屏(>=992px)下把原本 Bootstrap 固定宽度的 .container 改为流式满宽,
   并把左侧导航固定为窄列,让接口列表、日志表格等获得更宽的展示空间。
   ============================================================ */
@media (min-width: 992px) {
  /* 内容主区域:适当增大左右留白,避免内容贴着屏幕边缘 */
  main.content {
    padding: 22px 28px 28px;
  }

  /* 顶部导航条容器同样改为流式满宽,使品牌/菜单与内容区左右对齐 */
  body > .navbar > .container {
    width: 100%;
    max-width: 100%;
    padding-left: 28px;
    padding-right: 28px;
  }

  /* 页面主容器:由固定 1170px 改为流式满宽(带 .container 的会员页) */
  #content-container,
  #content-container.container {
    width: 100%;
    max-width: 100%;
  }

  /* 少数页面(cms/order、cms/collection)主容器没有 .container 类,
     补上左右内边距,避免内部 .row 的负外边距造成横向溢出 */
  #content-container:not(.container) {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* 左侧导航固定 220px,避免大屏下 col-md-3(25%)被拉得过宽 */
  #content-container > .row > .col-md-3 {
    width: 220px;
  }

  /* 主内容列占满剩余宽度 */
  #content-container > .row > .col-md-9 {
    width: calc(100% - 220px);
  }
}

/* ============================================================================
   泓萌主题层 —— 与官网首页 assets/css/home.css 共用同一套视觉令牌
   ----------------------------------------------------------------------------
   本文件是会员站 layout/default.html 唯一引入的自定义样式表,且加载顺序在
   frontend.css(内含 bootstrap.css / fastadmin.css)之后,所以这里统一用
   「同选择器 + 靠后」的方式覆盖默认配色,不改变任何尺寸与布局,避免影响既有页面。
   只动颜色 / 圆角 / 阴影 / 交互反馈(焦点环),不动结构。
   ============================================================================ */
:root {
  --hm-primary: #0AADFF;
  --hm-primary-dark: #0092E0;
  --hm-primary-deep: #0B7FC4;
  --hm-primary-soft: #E6F5FF;
  --hm-primary-softer: #F2F9FF;
  --hm-accent-soft: #7FD7FF;
  --hm-fg-strong: #10203A;
  --hm-muted: #737373;
  /* 下面三个是 assets/css/ucenter.css(会员中心补齐模块:安全中心 / 费用 /
     工单 / 公告 / 数据块商城)在用的语义令牌。它们曾经只在那边被引用、
     却从来没在任何地方定义过 —— 结果所有用到它们的背景与文字色都落空
     (声明无效 → 背景透明、文字回落到继承值),页面看着"像没配过色"。
     这里按官网首页 home.css 的同一套视觉基线补齐,保持单一数据源。 */
  --hm-bg: #F5F8FC;
  --hm-text: #10203A;
  --hm-text-light: #737373;
  --hm-border: rgba(13, 38, 76, .09);
  --hm-radius: 12px;
  --hm-radius-sm: 8px;
  --hm-navy: #0B1428;
  --hm-shadow-soft: 0 2px 10px rgba(13, 38, 76, .04);
}

/* ---------- 1. 顶部导航 ---------- */
.navbar-white {
  border-bottom: 1px solid var(--hm-border);
  box-shadow: 0 1px 0 rgba(13, 38, 76, .02), 0 6px 20px rgba(13, 38, 76, .05);
}

/* 品牌区:换成「方块字标 + 短名」,与首页 logo 一致
   (站点全名 config.site.name 太长,直接铺在导航上会被挤爆) */
.navbar-white .navbar-brand {
  display: flex;
  align-items: center;
  gap: 9px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar-white .navbar-brand .hm-brand-mark {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: linear-gradient(135deg, #35C0FF, var(--hm-primary) 48%, #4A70FF);
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 14px rgba(10, 173, 255, .35);
}
.navbar-white .navbar-brand .hm-brand-name {
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--hm-fg-strong);
}
.navbar-white .navbar-nav > li > a {
  color: #46536B;
  font-weight: 500;
}
.navbar-white .navbar-nav > li > a:hover,
.navbar-white .navbar-nav > li > a:focus {
  color: var(--hm-primary-deep);
}
.navbar-white .navbar-nav > .active > a,
.navbar-white .navbar-nav > .active > a:hover,
.navbar-white .navbar-nav > .active > a:focus {
  color: var(--hm-primary-deep);
  background-color: transparent;
  box-shadow: inset 0 -2px 0 var(--hm-primary);
}

/* ---------- 2. 左侧会员导航 ---------- */
.sidenav .list-group .list-group-heading {
  color: #9AA6B8;
  font-weight: 600;
  letter-spacing: .02em;
}
.sidenav .list-group .list-group-item:hover {
  border-left-color: rgba(10, 173, 255, .38);
  background-color: var(--hm-primary-softer);
}
.sidenav .list-group .list-group-item.active {
  border-left-color: var(--hm-primary);
  background-color: var(--hm-primary-softer);
}
.sidenav .list-group .list-group-item.active > a {
  color: var(--hm-primary-deep);
  font-weight: 600;
}

/* 未读角标(侧栏「我的工单 / 站内消息」与顶部「服务支持」共用)
   用 ::before 之外不引入新结构,直接跟在链接文字后面;
   inline-block + 视觉居中,数字多到两位也不会把行高顶开。 */
.nav-badge {
  display: inline-block;
  min-width: 17px;
  height: 17px;
  padding: 0 5px;
  margin-left: 4px;
  border-radius: 9px;
  background-color: #FF5A5A;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 17px;
  text-align: center;
  vertical-align: 1px;
  box-shadow: 0 2px 6px rgba(255, 90, 90, .38);
}
/* 顶部导航是浅色底,文字色由 .navbar-white 控制,
   角标白字压红底在两种底色下对比都够,无需再分主题。 */
.sidenav .list-group .list-group-item.active .nav-badge {
  background-color: var(--hm-primary);
  box-shadow: 0 2px 6px rgba(10, 173, 255, .38);
}

/* ---------- 3. 主色按钮 ---------- */
.btn {
  border-radius: var(--hm-radius-sm);
}
.btn-primary {
  background-color: var(--hm-primary);
  background-image: linear-gradient(135deg, #22B6FF, #0AADFF 55%, #0092E0);
  border-color: var(--hm-primary);
  color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: var(--hm-primary-dark);
  background-image: linear-gradient(135deg, #0FA8F0, #0092E0 60%, #0B7FC4);
  border-color: var(--hm-primary-dark);
  color: #fff;
}
.btn-primary:active,
.btn-primary.active {
  box-shadow: inset 0 3px 6px rgba(0, 60, 100, .22);
}
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover {
  background-image: none;
  background-color: #A9DDF8;
  border-color: #A9DDF8;
}
.btn-link {
  color: var(--hm-primary-deep);
}
.btn-link:hover,
.btn-link:focus {
  color: var(--hm-primary);
}

/* ---------- 4. 表单控件(圆角 + 主色焦点环) ---------- */
.form-control {
  border-radius: var(--hm-radius-sm);
}
.form-control:focus {
  border-color: var(--hm-accent-soft);
  box-shadow: 0 0 0 3px rgba(10, 173, 255, .15);
}

/* ---------- 5. 面板 / 页面标题 ---------- */
.panel {
  border-radius: var(--hm-radius);
  border-color: var(--hm-border);
  box-shadow: var(--hm-shadow-soft);
}
.panel > .panel-heading {
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
}
.panel > .panel-footer {
  border-bottom-left-radius: 11px;
  border-bottom-right-radius: 11px;
}
.panel-default > .panel-heading {
  background-color: #F8FAFD;
  border-color: var(--hm-border);
  color: var(--hm-fg-strong);
}
.panel-primary {
  border-color: rgba(10, 173, 255, .35);
}
.panel-primary > .panel-heading {
  background-color: var(--hm-primary);
  background-image: linear-gradient(135deg, #22B6FF, #0AADFF 60%, #0092E0);
  border-color: transparent;
  color: #fff;
}
h2.page-header {
  border-bottom: 1px solid var(--hm-border);
}
h2.page-header small {
  color: var(--hm-muted);
}

/* ---------- 6. 分页 / 标签页 ---------- */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: var(--hm-primary);
  border-color: var(--hm-primary);
}
.nav-tabs > li > a:hover {
  color: var(--hm-primary-deep);
  border-color: transparent;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: var(--hm-primary-deep);
}
.label-primary {
  background-color: var(--hm-primary);
}

/* ---------- 7. 页脚 ---------- */
footer.footer {
  background: var(--hm-navy);
  color: rgba(255, 255, 255, .55);
  margin-top: 34px;
}
footer.footer .copyright {
  background: transparent;
  border-top: 1px solid rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .45);
}
footer.footer .copyright a {
  color: rgba(255, 255, 255, .5);
}
footer.footer .copyright a:hover {
  color: var(--hm-accent-soft);
}

/*# sourceMappingURL=user.css.map */