html.loongea-engine .loongea-brand-overlay,
html.loongea-engine .loongea-jump-panel,
html.loongea-engine .work-card-polish,
html.loongea-engine .brand-orb-logo {
  display: none !important;
}

html.loongea-engine .nav-cn-overlay {
  mix-blend-mode: screen !important;
}

html.loongea-engine .nav-cn-orb {
  width: 18px !important;
  height: 18px !important;
  border-color: rgba(91, 255, 230, 0.32) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(239, 255, 252, 0.72) 0 12%, rgba(47, 255, 232, 0.22) 13% 34%, rgba(0, 0, 0, 0) 35%),
    rgba(0, 0, 0, 0.1) !important;
  box-shadow:
    0 0 12px rgba(55, 255, 232, 0.2),
    inset 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
}

html.loongea-engine .nav-cn-orb-core {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #36fff0 !important;
  box-shadow:
    0 0 8px rgba(54, 255, 240, 0.85),
    0 0 18px rgba(54, 255, 240, 0.36) !important;
}

html.loongea-engine .nav-cn-orb-core::after {
  display: none !important;
}

html.loongea-engine .nav-cn-overlay button {
  letter-spacing: 0 !important;
  text-shadow:
    0 0 9px rgba(255, 255, 255, 0.48),
    0 0 18px rgba(47, 255, 232, 0.16) !important;
}

html.loongea-engine #Stage {
  filter: brightness(1.10) saturate(1.08) contrast(1.04);
}

.loongea-showroom-atmosphere {
  --showroom-x: 0px;
  --showroom-y: 0px;
  position: fixed;
  z-index: 32;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  contain: layout paint style;
  opacity: 0.92;
  isolation: isolate;
}

.loongea-showroom-atmosphere::before,
.loongea-showroom-atmosphere::after,
.loongea-showroom-atmosphere span {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
}

.loongea-showroom-atmosphere::before {
  inset: 0;
  background:
    linear-gradient(180deg, rgba(139, 255, 241, 0.09), transparent 20%, transparent 70%, rgba(111, 234, 255, 0.10)),
    linear-gradient(90deg, rgba(8, 38, 45, 0.48), transparent 28%, transparent 72%, rgba(8, 28, 42, 0.42)),
    linear-gradient(135deg, rgba(255, 255, 255, 0.048), transparent 31%, rgba(94, 255, 232, 0.04) 50%, transparent 68%);
  mix-blend-mode: screen;
}

.loongea-showroom-atmosphere::after {
  left: -12vw;
  right: -12vw;
  bottom: -34vh;
  height: 78vh;
  background-image:
    linear-gradient(rgba(138, 255, 240, 0.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(138, 255, 240, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, transparent 0 48%, rgba(255, 255, 255, 0.16) 50%, transparent 52%);
  background-size: 92px 92px, 92px 92px, 100% 100%;
  mask-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.22) 20%, rgba(0, 0, 0, 0.72) 58%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.22) 20%, rgba(0, 0, 0, 0.72) 58%, transparent 100%);
  opacity: 0.44;
  transform: perspective(900px) rotateX(63deg) translate3d(calc(var(--showroom-x) * -0.08), 7vh, 0) scale(1.12);
  transform-origin: 50% 100%;
}

.loongea-showroom-atmosphere__light {
  top: -8vh;
  height: 112vh;
  width: 28vw;
  background:
    linear-gradient(90deg, transparent, rgba(209, 255, 248, 0.10) 48%, transparent),
    linear-gradient(180deg, rgba(126, 255, 240, 0.08), transparent 28%, rgba(112, 160, 255, 0.055) 74%, transparent);
  border-left: 1px solid rgba(207, 255, 248, 0.10);
  border-right: 1px solid rgba(96, 255, 233, 0.08);
  mix-blend-mode: screen;
  opacity: 0.34;
  will-change: transform;
}

.loongea-showroom-atmosphere__light--left {
  left: 12vw;
  transform: translate3d(calc(var(--showroom-x) * -0.22), calc(var(--showroom-y) * -0.10), 0) rotate(-13deg) skewX(-4deg);
}

.loongea-showroom-atmosphere__light--right {
  right: 8vw;
  opacity: 0.28;
  transform: translate3d(calc(var(--showroom-x) * 0.18), calc(var(--showroom-y) * -0.08), 0) rotate(13deg) skewX(5deg);
}

.loongea-showroom-atmosphere__stage {
  left: 22vw;
  right: 22vw;
  bottom: 3vh;
  height: 28vh;
  background:
    linear-gradient(90deg, transparent, rgba(132, 255, 241, 0.16) 14%, rgba(255, 255, 255, 0.12) 50%, rgba(132, 255, 241, 0.16) 86%, transparent),
    linear-gradient(180deg, transparent, rgba(124, 255, 239, 0.09));
  mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.76) 34%, transparent);
  -webkit-mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.76) 34%, transparent);
  mix-blend-mode: screen;
  opacity: 0.48;
  transform: perspective(820px) rotateX(67deg) translate3d(calc(var(--showroom-x) * 0.12), 0, 0);
  transform-origin: 50% 100%;
}

.loongea-showroom-atmosphere__sightline {
  top: 8vh;
  bottom: 11vh;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(210, 255, 248, 0.20), rgba(94, 255, 232, 0.08), transparent);
  opacity: 0.46;
  mix-blend-mode: screen;
}

.loongea-showroom-atmosphere__sightline--left {
  left: 32vw;
  transform: translate3d(calc(var(--showroom-x) * -0.16), calc(var(--showroom-y) * -0.06), 0) rotate(-7deg);
}

.loongea-showroom-atmosphere__sightline--right {
  right: 33vw;
  transform: translate3d(calc(var(--showroom-x) * 0.16), calc(var(--showroom-y) * -0.06), 0) rotate(7deg);
}

.loongea-showroom-atmosphere__rim {
  left: 16vw;
  right: 16vw;
  top: 13vh;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(196, 255, 249, 0.26), transparent);
  opacity: 0.40;
  mix-blend-mode: screen;
}

/* [增量·透屏轮廓光锥] logo 背后向上散开的光锥，模拟光从 logo 轮廓透出屏幕 */
.loongea-showroom-atmosphere__lightcone {
  left: 50%;
  top: 8vh;
  width: 46vw;
  height: 70vh;
  background:
    radial-gradient(60% 52% at 50% 46%, rgba(150, 255, 244, 0.20), rgba(110, 220, 255, 0.10) 38%, transparent 72%),
    conic-gradient(from 180deg at 50% 38%, transparent 0deg, rgba(160, 255, 246, 0.10) 14deg, transparent 30deg, transparent 330deg, rgba(160, 255, 246, 0.10) 346deg, transparent 360deg);
  mask-image: radial-gradient(70% 64% at 50% 42%, rgba(0, 0, 0, 0.95), transparent 74%);
  -webkit-mask-image: radial-gradient(70% 64% at 50% 42%, rgba(0, 0, 0, 0.95), transparent 74%);
  mix-blend-mode: screen;
  opacity: 0.5;
  transform: translate3d(calc(-50% + var(--showroom-x) * 0.10), calc(var(--showroom-y) * 0.06), 0);
  animation: loongeaConeBreath 7.5s ease-in-out infinite;
  will-change: transform, opacity;
}

/* [增量·丁达尔烟气] 缓慢飘动的体积光雾，叠在光锥上增加烟气质感 */
.loongea-showroom-atmosphere__tyndall {
  left: 50%;
  top: 6vh;
  width: 52vw;
  height: 76vh;
  background:
    radial-gradient(38% 30% at 42% 30%, rgba(180, 255, 248, 0.10), transparent 70%),
    radial-gradient(34% 26% at 60% 52%, rgba(120, 210, 255, 0.08), transparent 72%),
    radial-gradient(30% 24% at 50% 68%, rgba(150, 255, 244, 0.07), transparent 74%);
  mask-image: radial-gradient(64% 70% at 50% 44%, rgba(0, 0, 0, 0.9), transparent 78%);
  -webkit-mask-image: radial-gradient(64% 70% at 50% 44%, rgba(0, 0, 0, 0.9), transparent 78%);
  mix-blend-mode: screen;
  opacity: 0.42;
  filter: blur(14px);
  transform: translate3d(calc(-50% + var(--showroom-x) * -0.08), 0, 0);
  animation: loongeaTyndallDrift 13s ease-in-out infinite;
  will-change: transform, opacity;
}

@keyframes loongeaConeBreath {
  0%, 100% { opacity: 0.42; }
  50% { opacity: 0.6; }
}

@keyframes loongeaTyndallDrift {
  0%, 100% { transform: translate3d(calc(-50% + var(--showroom-x) * -0.08), 0, 0) scale(1); opacity: 0.36; }
  50% { transform: translate3d(calc(-50% + var(--showroom-x) * -0.08), -3vh, 0) scale(1.06); opacity: 0.5; }
}

/* [增量·月夜聚焦] 暗角：把四周稍压暗衬托中央，但保留背景层次（不要死黑） */
.loongea-showroom-atmosphere__vignette {
  inset: 0;
  background:
    radial-gradient(86% 86% at 50% 46%, transparent 42%, rgba(4, 10, 14, 0.28) 72%, rgba(2, 6, 9, 0.58) 100%),
    radial-gradient(120% 100% at 50% 122%, transparent 52%, rgba(1, 4, 7, 0.36) 100%);
  mix-blend-mode: normal;
  opacity: 0.9;
}

/* [增量·月晕] logo 周围一圈柔和冷白光晕——更大更散，弥漫开来像月光 */
.loongea-showroom-atmosphere__moonhalo {
  left: 50%;
  top: 50%;
  width: 86vh;
  height: 86vh;
  background:
    radial-gradient(circle at 50% 50%, rgba(232, 248, 255, 0.18) 0%, rgba(188, 230, 255, 0.12) 22%, rgba(150, 205, 245, 0.07) 42%, rgba(120, 185, 235, 0.03) 60%, transparent 78%);
  mix-blend-mode: screen;
  opacity: 0.95;
  transform: translate3d(calc(-50% + var(--showroom-x) * 0.05), calc(-50% + var(--showroom-y) * 0.05), 0);
  animation: loongeaMoonBreath 9s ease-in-out infinite;
  will-change: opacity;
}

@keyframes loongeaMoonBreath {
  0%, 100% { opacity: 0.84; }
  50% { opacity: 1; }
}

.loongea-engine-nav {
  position: fixed;
  z-index: 90;
  left: 50%;
  top: max(18px, env(safe-area-inset-top));
  display: flex;
  align-items: center;
  gap: 2px;
  max-width: min(720px, calc(100vw - 420px));
  padding: 5px;
  border: 1px solid rgba(160, 244, 237, 0.22);
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgba(3, 17, 23, 0.72), rgba(7, 18, 32, 0.54)),
    rgba(0, 0, 0, 0.44);
  box-shadow:
    0 0 28px rgba(39, 230, 218, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(14px);
  transform: translateX(-50%);
}

.loongea-engine-nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  height: 34px;
  padding: 0 14px;
  overflow: hidden;
  border-radius: 999px;
  color: rgba(245, 255, 253, 0.88);
  font: 700 14px/1.1 "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  letter-spacing: 0;
  text-decoration: none;
  white-space: nowrap;
  transition:
    color 160ms ease,
    background 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.loongea-engine-nav a::after {
  content: attr(data-en);
  position: absolute;
  left: 50%;
  bottom: 3px;
  width: max-content;
  max-width: 92%;
  overflow: hidden;
  color: rgba(156, 225, 222, 0.54);
  font-size: 8px;
  font-weight: 500;
  line-height: 1;
  opacity: 0;
  text-overflow: ellipsis;
  transform: translate(-50%, 6px);
  transition: opacity 160ms ease, transform 160ms ease;
}

.loongea-engine-nav a:hover,
.loongea-engine-nav a:focus-visible {
  color: #ffffff;
  background: rgba(60, 240, 223, 0.12);
  box-shadow:
    0 0 16px rgba(36, 245, 229, 0.22),
    inset 0 0 0 1px rgba(169, 255, 247, 0.16);
  outline: none;
  transform: translateY(-1px);
}

.loongea-engine-nav a:hover::after,
.loongea-engine-nav a:focus-visible::after {
  opacity: 1;
  transform: translate(-50%, 0);
}

.loongea-portal {
  --portal-x: 50vw;
  --portal-y: 50vh;
  position: fixed;
  z-index: 2147482000;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  contain: layout paint style;
  transform: translateZ(0);
}

.loongea-portal::before,
.loongea-portal::after,
.loongea-portal i,
.loongea-portal b,
.loongea-portal span {
  content: "";
  position: absolute;
  left: var(--portal-x);
  top: var(--portal-y);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0.2);
  will-change: transform, opacity;
}

.loongea-portal::before {
  width: 36vmax;
  height: 36vmax;
  background:
    radial-gradient(circle, rgba(255, 255, 255, 0.86) 0 2%, rgba(70, 255, 236, 0.38) 8%, rgba(16, 110, 200, 0.2) 22%, rgba(0, 0, 0, 0) 58%);
  mix-blend-mode: screen;
}

.loongea-portal::after {
  width: 18vmax;
  height: 18vmax;
  border: 1px solid rgba(195, 255, 247, 0.8);
  box-shadow:
    0 0 22px rgba(96, 255, 241, 0.72),
    0 0 70px rgba(74, 151, 255, 0.42),
    inset 0 0 34px rgba(255, 255, 255, 0.28);
}

.loongea-portal i {
  width: 14vmax;
  height: 14vmax;
  border: 2px solid rgba(255, 81, 90, 0.7);
  border-left-color: rgba(70, 255, 236, 0.85);
  border-bottom-color: rgba(255, 255, 255, 0.78);
}

.loongea-portal b {
  width: 100vw;
  height: 100vh;
  border-radius: 0;
  background:
    radial-gradient(circle at var(--portal-x) var(--portal-y), rgba(255, 255, 255, 0.78), rgba(76, 255, 237, 0.26) 10%, rgba(12, 31, 48, 0.18) 26%, rgba(0, 0, 0, 0.92) 72%);
  transform: none;
}

.loongea-portal span {
  width: 2px;
  height: 2px;
  box-shadow:
    0 -34vmax 0 1px rgba(255, 255, 255, 0.62),
    28vmax -18vmax 0 1px rgba(61, 255, 226, 0.58),
    -30vmax 14vmax 0 1px rgba(255, 94, 112, 0.5),
    22vmax 28vmax 0 1px rgba(153, 112, 255, 0.46),
    -12vmax -24vmax 0 1px rgba(255, 255, 255, 0.42);
}

.loongea-portal.is-active {
  animation: loongeaPortalFade 620ms cubic-bezier(0.24, 0.82, 0.22, 1) both;
}

.loongea-portal.is-active::before {
  animation: loongeaPortalBloom 620ms cubic-bezier(0.24, 0.82, 0.22, 1) both;
}

.loongea-portal.is-active::after {
  animation: loongeaPortalRing 620ms cubic-bezier(0.24, 0.82, 0.22, 1) both;
}

.loongea-portal.is-active i {
  animation: loongeaPortalSpin 620ms cubic-bezier(0.24, 0.82, 0.22, 1) both;
}

.loongea-portal.is-active b {
  animation: loongeaPortalVeil 620ms ease both;
}

.loongea-portal.is-active span {
  animation: loongeaPortalStars 620ms ease both;
}

html.loongea-portal-active #Stage {
  filter: saturate(1.18) contrast(1.08);
}

@keyframes loongeaPortalFade {
  0% { opacity: 0; }
  12% { opacity: 1; }
  100% { opacity: 1; }
}

@keyframes loongeaPortalBloom {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.12); }
  52% { opacity: 0.9; transform: translate(-50%, -50%) scale(0.78); }
  100% { opacity: 0.72; transform: translate(-50%, -50%) scale(1.58); }
}

@keyframes loongeaPortalRing {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.18); }
  48% { opacity: 0.9; transform: translate(-50%, -50%) scale(0.86); }
  100% { opacity: 0.46; transform: translate(-50%, -50%) scale(2.15); }
}

@keyframes loongeaPortalSpin {
  0% { opacity: 0; transform: translate(-50%, -50%) rotate(0deg) scale(0.2); }
  48% { opacity: 0.86; transform: translate(-50%, -50%) rotate(72deg) scale(0.9); }
  100% { opacity: 0.36; transform: translate(-50%, -50%) rotate(168deg) scale(2); }
}

@keyframes loongeaPortalVeil {
  0% { opacity: 0; }
  38% { opacity: 0.45; }
  100% { opacity: 1; }
}

@keyframes loongeaPortalStars {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.2); }
  50% { opacity: 0.72; }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(7); }
}

@media (max-width: 920px) {
  .loongea-showroom-atmosphere {
    opacity: 0.86;
  }

  .loongea-showroom-atmosphere::after {
    bottom: -38vh;
    height: 68vh;
    background-size: 70px 70px, 70px 70px, 100% 100%;
    opacity: 0.30;
  }

  .loongea-showroom-atmosphere__light {
    width: 42vw;
    opacity: 0.24;
  }

  .loongea-showroom-atmosphere__light--left {
    left: -8vw;
  }

  .loongea-showroom-atmosphere__light--right {
    right: -10vw;
  }

  .loongea-showroom-atmosphere__stage {
    left: 5vw;
    right: 5vw;
    bottom: 5vh;
    opacity: 0.36;
  }

  .loongea-showroom-atmosphere__sightline--left {
    left: 21vw;
  }

  .loongea-showroom-atmosphere__sightline--right {
    right: 22vw;
  }

  .loongea-engine-nav {
    top: auto;
    right: 14px;
    bottom: max(14px, env(safe-area-inset-bottom));
    left: 14px;
    max-width: none;
    justify-content: flex-start;
    overflow-x: auto;
    transform: none;
    scrollbar-width: none;
  }

  .loongea-engine-nav::-webkit-scrollbar {
    display: none;
  }

  .loongea-engine-nav a {
    min-width: 86px;
    height: 38px;
    flex: 0 0 auto;
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .loongea-showroom-atmosphere,
  .loongea-showroom-atmosphere *,
  .loongea-showroom-atmosphere::before,
  .loongea-showroom-atmosphere::after {
    transition: none !important;
    animation: none !important;
  }

  .loongea-portal.is-active,
  .loongea-portal.is-active::before,
  .loongea-portal.is-active::after,
  .loongea-portal.is-active i,
  .loongea-portal.is-active b,
  .loongea-portal.is-active span {
    animation-duration: 1ms;
  }
}