/* ==========================================================================
 * Falixer 前台统一视觉层（userCSS · 客户中心 / 登录）
 * --------------------------------------------------------------------------
 * clientarea 是 bootstrap 4 + 自建 userCenter 两套样式叠出来的，
 * 这里只处理「登录卡片、客户中心侧栏、内容卡片」这几个视觉件，
 * 表单控件与按钮已由 globalCSS 统一，不重复写。
 * ========================================================================== */

/* ------------------------------------------------------------ 登录页卡片 */
.L_code-right-side {
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.65);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 48px rgba(24, 34, 58, 0.14) !important;
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
}

.L_code-left-side,
.L_code-background {
  border-radius: 20px !important;
  overflow: hidden;
}

/* 登录方式切换 */
.login-tab-item {
  font-weight: 600;
}
.login-tab-item.active {
  color: var(--fx-primary) !important;
}

/* ---------------------------------------------------------- 客户中心布局 */
/* 左侧导航：竖条选中态换成后台那种「黑色细条 + 浅灰底」 */
.userCenter-side,
.side-menu,
.aside-menu {
  border-radius: var(--fx-r-lg);
}

.userCenter-side .active,
.side-menu .active,
.aside-menu .active {
  background: var(--fx-bg-soft);
  border-radius: var(--fx-r);
}

/* 内容区卡片 */
.userCenter-main .card,
.userCenter-main .panel,
.main-content .card,
.main-content .panel,
.content-card {
  border-radius: var(--fx-r-lg) !important;
  border: 1px solid var(--fx-hairline);
  box-shadow: var(--fx-shadow-sm);
}

/* 服务列表 / 订单列表这类密集表格，去掉外框的硬边 */
.userCenter-main .table-responsive {
  border-radius: var(--fx-r);
  overflow: hidden;
}

/* 顶部信息条 */
.userCenter-header,
.user-info-bar {
  border-radius: var(--fx-r-lg);
  background: var(--fx-bg-soft);
}