/**
 * NiceOffer v4 · Luxe 轻奢主题 · 共享基础
 * 首页 body.no-v4-theme-luxe / 服务页 body.no-v4-svc-theme-luxe
 */

.no-v4-theme-luxe,
.no-v4-svc-theme-luxe {
  --luxe-ivory: #fffdf8;
  --luxe-sky: #eef4fb;
  --luxe-gold: #b8892a;
  --luxe-gold-light: #d4af6a;
  --luxe-gold-pale: #f5e6c8;
  --luxe-gold-glow: rgba(201, 160, 82, 0.22);
  --luxe-ink: #0a2540;
  --luxe-ink-muted: #4a6278;
  --luxe-ink-soft: #6b8499;
  --luxe-card: rgba(255, 255, 255, 0.92);
  --luxe-card-border: rgba(201, 160, 82, 0.22);
  --luxe-shadow: 0 16px 48px rgba(10, 37, 64, 0.08);
  --luxe-shadow-gold: 0 12px 36px rgba(201, 160, 82, 0.14);
  --luxe-fs-hero: clamp(2.5rem, 8.5vw, 4.125rem);
  --luxe-fs-section: clamp(2.375rem, 6vw, 3.75rem);
  --luxe-fs-block: clamp(1.625rem, 3.5vw, 2.25rem);
  --luxe-fs-card: clamp(1.375rem, 2.8vw, 1.875rem);
  --luxe-fs-lead: clamp(1.1875rem, 2.6vw, 1.4375rem);
  --luxe-fs-body: clamp(1.0625rem, 2.1vw, 1.1875rem);
  --luxe-fs-detail: clamp(0.9375rem, 1.9vw, 1.0625rem);
  --luxe-fs-num-xl: clamp(2.625rem, 7.5vw, 3.5rem);
  --luxe-fs-num-lg: clamp(2.25rem, 6vw, 3rem);
}

.no-v4-theme-luxe {
  background: var(--luxe-ivory);
  color: var(--luxe-ink);
}

/* 导航 */
.no-v4-theme-luxe #nav {
  background: rgba(255, 253, 248, 0.88);
  box-shadow: 0 1px 0 rgba(201, 160, 82, 0.12);
}

.no-v4-theme-luxe #nav .no-v4-nav-brand {
  color: var(--luxe-ink) !important;
  font-size: 18px;
}

.no-v4-theme-luxe #nav .no-v4-nav-link {
  color: var(--luxe-ink-muted) !important;
  font-size: 14px;
  font-weight: 600;
}

.no-v4-theme-luxe #nav .no-v4-nav-link:hover {
  color: var(--luxe-gold) !important;
}

.no-v4-theme-luxe #nav a[href="/activate"] {
  color: var(--luxe-ink-muted) !important;
}

.no-v4-theme-luxe #nav a[href="/activate"]:hover {
  color: var(--luxe-gold) !important;
}

.no-v4-theme-luxe #nav .no-v4-nav-kb {
  color: var(--luxe-gold) !important;
  letter-spacing: 0.02em;
}

.no-v4-theme-luxe #nav .no-v4-nav-kb:hover {
  color: var(--luxe-ink) !important;
}

.no-v4-theme-luxe #nav + .no-v4-mobile-subnav {
  background: rgba(255, 253, 248, 0.96);
  border-bottom-color: rgba(201, 160, 82, 0.16);
}

.no-v4-theme-luxe #nav + .no-v4-mobile-subnav a {
  color: var(--luxe-ink-muted);
  font-size: 14px;
  font-weight: 700;
  padding: 12px 14px;
}

.no-v4-theme-luxe #nav + .no-v4-mobile-subnav a[href="/services"] {
  font-size: 12px;
  letter-spacing: -0.02em;
}

.no-v4-theme-luxe #nav + .no-v4-mobile-subnav a:active,
.no-v4-theme-luxe #nav + .no-v4-mobile-subnav a:hover {
  color: var(--luxe-gold);
  background: rgba(201, 160, 82, 0.08);
}

/* 全局标签与标题 */
.no-v4-theme-luxe .no-v4-section-label {
  color: var(--luxe-gold);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.18em;
}

.no-v4-theme-luxe .no-v4-section-label::before {
  background: linear-gradient(90deg, var(--luxe-gold-light), var(--luxe-gold));
}

.no-v4-theme-luxe .no-v4-section-label--light {
  color: var(--luxe-gold);
}

.no-v4-theme-luxe .no-v4-section-label--light::before {
  background: linear-gradient(90deg, var(--luxe-gold-light), var(--luxe-gold));
}

.no-v4-theme-luxe .no-v4-cases-title {
  font-size: var(--luxe-fs-section);
  line-height: 1.08;
  letter-spacing: -0.035em;
  color: var(--luxe-ink);
}

.no-v4-theme-luxe .no-v4-cases-intro {
  font-size: var(--luxe-fs-lead);
  color: var(--luxe-ink-soft);
  line-height: 1.55;
}

.no-v4-theme-luxe .text-deep {
  color: var(--luxe-ink) !important;
}

.no-v4-theme-luxe .text-\[\#86868b\] {
  color: var(--luxe-ink-soft) !important;
}

.no-v4-theme-luxe .no-v4-text-gold {
  color: var(--luxe-gold);
}

/* 按钮 */
.no-v4-theme-luxe .no-v4-btn-primary {
  background: linear-gradient(135deg, #2d6cdf 0%, var(--luxe-ink) 100%);
  box-shadow: 0 8px 24px rgba(10, 37, 64, 0.22);
  font-weight: 700;
}

.no-v4-theme-luxe .no-v4-btn-gold-dark {
  background: linear-gradient(135deg, #f5e6c8 0%, var(--luxe-gold-light) 52%, var(--luxe-gold) 100%);
  box-shadow: 0 8px 28px rgba(201, 160, 82, 0.32);
  font-weight: 700;
}

.no-v4-theme-luxe .no-v4-btn-gold {
  font-weight: 700;
}

/* 页脚 */
.no-v4-theme-luxe .no-v4-footer {
  background: linear-gradient(180deg, #0f2a44 0%, var(--luxe-ink) 100%);
  border-top: 3px solid var(--luxe-gold-light);
}

.no-v4-theme-luxe .no-v4-footer a:hover {
  color: var(--luxe-gold-light);
}

.no-v4-theme-luxe .no-v4-footer p {
  font-size: clamp(14px, 2vw, 15px);
}

.no-v4-theme-luxe .no-v4-footer .text-xs {
  font-size: 13px !important;
}