/* huijing-home2 — Hero 主页样式（Elementor 作用域） */

html.hj2-active,
html.hj2-active body {
  background-color: #1a1512 !important;
  color-scheme: dark;
}

.hj2-root {
  --hj2-color-bg: #1a1512;
  --hj2-color-accent: #c8a96e;
  --hj2-color-wine: #8B1A1A;
  --hj2-header-offset: 0px;
  --hj2-font-body: system-ui, -apple-system, "Segoe UI", sans-serif;

  position: relative;
  width: 100%;
  height: calc(100dvh - var(--hj2-admin-offset, 0px) - var(--hj2-header-offset, 0px));
  max-height: calc(100dvh - var(--hj2-admin-offset, 0px) - var(--hj2-header-offset, 0px));
  overflow: hidden;
  font-family: var(--hj2-font-body);
  color: #f5f5f5;
  background: var(--hj2-color-bg);
}

.hj2-root::before {
  content: '';
  position: fixed;
  inset: 0;
  background: var(--hj2-color-bg);
  z-index: 0;
  pointer-events: none;
}

.hj2-root > * {
  position: relative;
  z-index: 1;
}

.hj2-hero-page {
  position: fixed;
  inset: 0;
  z-index: 0;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.hj2-root.is-entered {
  background: #1a1512;
}

.hj2-root.is-entered::before {
  background: #1a1512;
}

.hj2-hero-page .hj-hero {
  position: fixed;
  top: var(--hj2-admin-offset, 0px);
  left: 0;
  right: 0;
  width: 100%;
  height: calc(100dvh - var(--hj2-admin-offset, 0px));
  min-height: calc(100dvh - var(--hj2-admin-offset, 0px));
  background-color: #1a1512;
  margin: 0;
  padding: 0;
  z-index: 1;
  overflow: hidden;
}

.hj2-hero-page .hj-hero__base {
  background-color: #1a1512;
  background-image: var(--hj-bg-base);
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.hj2-hero-page .hj-hero__reveal {
  background-image: var(--hj-bg-reveal);
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.hj2-hero-page .hj-hero__text-canvas {
  opacity: 0;
}