/**
 * 电商模板应用壳：控制台 / 服务 / 订单等页统一成与首页一致的商城风格
 *（浅色底、顶部白栏、accent 跟随 style-variants）
 */
html[data-theme="light"],
html:not([data-theme]) {
  --bg-primary: var(--bg-primary, #f6f8fa);
}

body {
  background: var(--bg-primary) !important;
  color: var(--text-primary);
}

/* 顶栏：贴近商城首页 shop-top */
.navbar {
  background: var(--bg-secondary) !important;
  border-bottom: 1px solid var(--border-color) !important;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--text-primary) 4%, transparent);
  position: sticky;
  top: 0;
  z-index: 50;
}
.navbar-brand {
  font-weight: 800;
  color: var(--text-primary) !important;
}
.navbar-brand img.site-logo,
.navbar-brand img.shop-brand-logo,
.navbar-brand img.portal-brand-logo {
  max-height: 34px;
  width: auto;
  border-radius: 6px;
}
.navbar-nav a {
  color: var(--text-secondary) !important;
  border-radius: 6px;
  font-weight: 500;
}
.navbar-nav a:hover,
.navbar-nav a.active {
  color: var(--accent-primary) !important;
  background: color-mix(in srgb, var(--accent-primary) 10%, transparent) !important;
}

/* 登录 / 注册：对齐首页 shop-btn-login / shop-btn-reg */
.navbar-nav a.gf-nav-login-link {
  color: var(--text-secondary) !important;
  background: transparent !important;
  padding: 8px 14px !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
}
.navbar-nav a.gf-nav-login-link:hover {
  color: var(--accent-primary) !important;
  background: color-mix(in srgb, var(--accent-primary) 10%, transparent) !important;
}
.navbar-nav .btn-primary,
.navbar-nav a.gf-nav-register-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end)) !important;
  color: var(--btn-primary-fg, #fff) !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  padding: 8px 18px !important;
  margin-left: 4px;
}
.navbar-nav .btn-primary:hover,
.navbar-nav a.gf-nav-register-link:hover {
  color: var(--btn-primary-fg, #fff) !important;
  background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end)) !important;
  filter: brightness(1.05);
}

/* 主内容区卡片：只用 background-color，避免盖掉广告背景图 */
.main-content {
  background: transparent;
}
.main-content .card,
.card {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--text-primary) 5%, transparent);
}

/* 广告横幅：允许背景图，不被卡片底色盖住 */
.card.services-ad-banner.has-bg-image,
.card.orders-ad-banner.has-bg-image,
.dashboard-ad-banner.has-bg-image,
.services-ad-banner.has-bg-image,
.orders-ad-banner.has-bg-image {
  background-color: transparent !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* 按钮主色统一 */
.btn-primary,
button.btn-primary,
a.btn-primary {
  background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end)) !important;
  color: var(--btn-primary-fg, #fff) !important;
  border: none !important;
  border-radius: 6px !important;
}
.btn-primary:hover {
  filter: brightness(1.05);
}

/* 服务入口卡：与商城商品卡气质接近 */
.service-hub-card {
  border-radius: 10px !important;
  border-color: var(--border-color) !important;
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
.service-hub-card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--accent-primary) 35%, var(--border-color)) !important;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--accent-primary) 12%, transparent);
}
.service-hub-card-cta {
  color: var(--accent-primary) !important;
  font-weight: 700;
}

/* 认证页 */
.auth-container {
  background: var(--bg-primary) !important;
}
.auth-box {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 28px color-mix(in srgb, var(--accent-primary) 10%, transparent);
}

/* 电商模板不展示门户页脚 */
.subsite-portal-site-footer {
  display: none !important;
}

/* 表格 / 输入框轻微圆角统一 */
input, select, textarea, .profile-email-box {
  border-radius: 6px;
}