/* 红链云擎 · 用户中心（登录后）品牌层 — 对齐 xinqu */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap");

:root {
  --hl-bg: #f4f7fb;
  --hl-surface: #ffffff;
  --hl-ink: #0b1f3a;
  --hl-muted: #5b6b7c;
  --hl-accent: #2563eb;
  --hl-accent-hover: #1d4ed8;
  --hl-line: #e5eaf2;
  --hl-hot: #dc2626;
  --hl-radius: 12px;
  --hl-radius-sm: 8px;
  --hl-font-display: "Manrope", "Noto Sans SC", sans-serif;
  --hl-font-body: "Noto Sans SC", "Manrope", sans-serif;
}

/* 登录页保持深色，不套浅色壳 */
body:not(.login) {
  font-family: var(--hl-font-body) !important;
  color: var(--hl-ink) !important;
  background: var(--hl-bg) !important;
  -webkit-font-smoothing: antialiased;
}

body:not(.login) .page-content,
body:not(.login) .main-content,
body:not(.login) #main-wrapper {
  background: var(--hl-bg) !important;
}

body:not(.login) .bg-light {
  background-color: var(--hl-bg) !important;
}

body:not(.login) h1,
body:not(.login) h2,
body:not(.login) h3,
body:not(.login) h4,
body:not(.login) .card-title {
  font-family: var(--hl-font-display) !important;
  color: var(--hl-ink) !important;
  letter-spacing: -0.02em;
}

/* ----- 顶栏 ----- */
body:not(.login) #page-topbar {
  background: var(--hl-surface) !important;
  border-bottom: 1px solid var(--hl-line);
  box-shadow: none !important;
}

body:not(.login) .navbar-header,
body:not(.login) .header-item,
body:not(.login) .d-lg-inline-block a {
  color: var(--hl-ink) !important;
}

body:not(.login) .dropdown-item {
  color: var(--hl-ink);
}

body:not(.login) .dropdown-item:focus,
body:not(.login) .dropdown-item:hover {
  background-color: var(--hl-bg) !important;
  color: var(--hl-accent) !important;
}

/* ----- 侧栏 ----- */
body:not(.login) .vertical-menu,
body:not(.login) .navbar-brand-box {
  background: var(--hl-surface) !important;
  border-right: 1px solid var(--hl-line);
}

body:not(.login)[data-sidebar="dark"] #sidebar-menu ul li a,
body:not(.login) #sidebar-menu ul li a {
  color: var(--hl-ink) !important;
}

body:not(.login)[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a,
body:not(.login) #sidebar-menu ul li ul.sub-menu li a {
  color: var(--hl-muted) !important;
}

body:not(.login)[data-sidebar="dark"] .mm-active > a,
body:not(.login) .mm-active > a,
body:not(.login)[data-sidebar="dark"] #sidebar-menu ul li a:hover,
body:not(.login) #sidebar-menu ul li a:hover {
  color: var(--hl-accent) !important;
  background: #eff6ff !important;
}

body:not(.login)[data-sidebar="dark"] .mm-active > a i,
body:not(.login) .mm-active > a i,
body:not(.login)[data-sidebar="dark"] #sidebar-menu ul li a:hover i,
body:not(.login) #sidebar-menu ul li a:hover i,
body:not(.login)[data-sidebar="dark"] .mm-active > i {
  color: var(--hl-accent) !important;
}

body:not(.login)[data-sidebar="dark"] .mm-active .active,
body:not(.login) .mm-active .active {
  color: #fff !important;
  background: var(--hl-accent) !important;
}

body:not(.login)[data-sidebar="dark"] .mm-active .active i,
body:not(.login) .mm-active .active i {
  color: #fff !important;
}

body:not(.login)[data-sidebar="dark"] .mm-active {
  color: var(--hl-accent) !important;
}

/* ----- 卡片 ----- */
body:not(.login) .card {
  background: var(--hl-surface) !important;
  border: 1px solid var(--hl-line) !important;
  border-radius: var(--hl-radius) !important;
  box-shadow: none !important;
}

body:not(.login) .card-title {
  font-weight: 700;
  font-size: 1.05rem;
}

/* ----- 按钮 ----- */
body:not(.login) .btn-primary,
body:not(.login) .btn-custom,
body:not(.login) a.btn-primary {
  background-color: var(--hl-accent) !important;
  border-color: var(--hl-accent) !important;
  color: #fff !important;
  border-radius: var(--hl-radius-sm) !important;
  font-weight: 600;
}

body:not(.login) .btn-primary:hover,
body:not(.login) .btn-primary:focus,
body:not(.login) .btn-custom:hover,
body:not(.login) a.btn-primary:hover {
  background-color: var(--hl-accent-hover) !important;
  border-color: var(--hl-accent-hover) !important;
  color: #fff !important;
}

body:not(.login) .text-primary,
body:not(.login) a.text-primary {
  color: var(--hl-accent) !important;
}

/* ----- 文字可读性 ----- */
body:not(.login) .text-black-50,
body:not(.login) .text-muted,
body:not(.login) .text-secondary,
body:not(.login) small,
body:not(.login) .small {
  color: var(--hl-muted) !important;
}

body:not(.login) .text-black-80,
body:not(.login) .text-dark {
  color: var(--hl-ink) !important;
}

body:not(.login) .page-title-box .page-title,
body:not(.login) .breadcrumb-item,
body:not(.login) .breadcrumb-item a {
  color: var(--hl-muted) !important;
}

body:not(.login) .breadcrumb-item.active {
  color: var(--hl-ink) !important;
}

/* ----- 表单 / 表格 ----- */
body:not(.login) .form-control {
  border-color: var(--hl-line) !important;
  color: var(--hl-ink) !important;
  border-radius: var(--hl-radius-sm) !important;
}

body:not(.login) .form-control:focus {
  border-color: var(--hl-accent) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

body:not(.login) .table,
body:not(.login) .table td,
body:not(.login) .table th {
  color: var(--hl-ink) !important;
  border-color: var(--hl-line) !important;
}

body:not(.login) .table thead th {
  color: var(--hl-muted) !important;
  font-weight: 600;
  background: var(--hl-bg) !important;
}

body:not(.login) .table-hover tbody tr:hover {
  background-color: #eff6ff !important;
}

body:not(.login) .page-link {
  color: var(--hl-accent) !important;
  border-color: var(--hl-line) !important;
}

body:not(.login) .page-item.active .page-link {
  background-color: var(--hl-accent) !important;
  border-color: var(--hl-accent) !important;
  color: #fff !important;
}

/* ----- 用户中心首页 ----- */
body:not(.login) .user-center_header {
  background-color: var(--hl-accent) !important;
  border: 3px solid rgba(255, 255, 255, 0.55);
  color: #fff !important;
}

body:not(.login) .user-center_name {
  color: var(--hl-ink) !important;
  font-weight: 700;
}

body:not(.login) .user-center_safety {
  background-color: var(--hl-accent) !important;
}

body:not(.login) .user-center_product_grid {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px;
}

@media (max-width: 575.98px) {
  body:not(.login) .user-center_product_grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

body:not(.login) .user-center_product_grid .user-center_product {
  border: 1px solid var(--hl-line) !important;
  border-radius: var(--hl-radius-sm) !important;
  color: var(--hl-ink) !important;
  background: var(--hl-surface);
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 6px;
}

body:not(.login) .user-center_product_grid .user-center_product:hover {
  background: #eff6ff !important;
  border-color: var(--hl-accent) !important;
}

body:not(.login) .user-center_notice_item .notice_item_title {
  color: var(--hl-ink) !important;
}

body:not(.login) .user-center_notice_item .notice_item_title:hover {
  color: var(--hl-accent) !important;
}

/* 待办业务 */
body:not(.login) .hl-todo-tile {
  width: 100%;
  text-align: center;
  padding: 8px 4px;
}

body:not(.login) .hl-todo-value {
  display: block;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--hl-ink) !important;
  line-height: 1.3;
}

body:not(.login) .hl-todo-label {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.35;
  color: var(--hl-muted) !important;
  white-space: normal;
}

/* 个人统计行 */
body:not(.login) .user-center_h300 .text-warning,
body:not(.login) .user-center_h300 .text-danger {
  color: var(--hl-accent) !important;
  font-weight: 700;
}

body:not(.login) .user-center_h300 a span,
body:not(.login) .user-center_h300 > div > div > span {
  color: var(--hl-muted) !important;
  font-size: 12px;
}

/* 充值支付方式 */
body:not(.login) .addfunds-payment {
  border: 1px solid var(--hl-line) !important;
  border-radius: var(--hl-radius-sm) !important;
  background: var(--hl-surface);
}

body:not(.login) .addfunds-payment.active {
  border-color: var(--hl-accent) !important;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2);
}

body:not(.login) .alert-danger {
  border-radius: var(--hl-radius-sm);
}

/* 服务详情顶栏去掉廉价渐变观感 */
body:not(.login) .server_header_box {
  background: var(--hl-surface) !important;
  border: 1px solid var(--hl-line) !important;
  border-radius: var(--hl-radius) !important;
}