.elementor-2084 .elementor-element.elementor-element-7ccacdf{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:5vw;--padding-right:5vw;}.elementor-2084 .elementor-element.elementor-element-7ccacdf:not(.elementor-motion-effects-element-type-background), .elementor-2084 .elementor-element.elementor-element-7ccacdf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-09cc561 ) 0%, #f2295b 100%);}.elementor-2084 .elementor-element.elementor-element-7ccacdf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2084 .elementor-element.elementor-element-075fcf9{--display:flex;}.elementor-2084 .elementor-element.elementor-element-075fcf9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2084 .elementor-element.elementor-element-1a15ab9.elementor-element{--align-self:flex-start;}.elementor-2084 .elementor-element.elementor-element-1a15ab9{text-align:center;}.elementor-2084 .elementor-element.elementor-element-1a15ab9 .elementor-heading-title{font-size:36px;font-weight:400;color:var( --e-global-color-09cc561 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2084 .elementor-element.elementor-element-ce34746{color:var( --e-global-color-09cc561 );}body:not(.rtl) .elementor-2084 .elementor-element.elementor-element-650fb84{right:5vw;}body.rtl .elementor-2084 .elementor-element.elementor-element-650fb84{left:5vw;}.elementor-2084 .elementor-element.elementor-element-650fb84{bottom:5vh;text-align:end;}.elementor-2084 .elementor-element.elementor-element-650fb84 .elementor-heading-title{font-size:1.2rem;font-weight:400;color:var( --e-global-color-09cc561 );}.elementor-2084 .elementor-element.elementor-element-650fb84 .elementor-heading-title a:hover, .elementor-2084 .elementor-element.elementor-element-650fb84 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-2084 .elementor-element.elementor-element-650fb84 .elementor-heading-title a{transition-duration:0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2084 .elementor-element.elementor-element-075fcf9{--width:100%;}}/* Start custom CSS *//* ===============================
   Page cleanup
   =============================== */

body.elementor-page-2084 footer{
  display: none !important;
}

body.elementor-page-2084 header{
  display: none !important;
}

/* ===============================
   Page background
   =============================== */


/* ===============================
   Dreamscapes title
   =============================== */

body.elementor-page-2084 .dreamscapes-title{
      display: inline-block;
  transition: transform 0.4s ease, filter 0.4s ease;
  animation: breatheOpacity 3s ease-in-out infinite;
}

@keyframes breatheOpacity{
  0% { opacity: 0.8; transform: translateY(0); }
  50% { opacity: 1; transform: translateY(-2px); }
  100% { opacity: 0.8; transform: translateY(0); }
}

.dreamscapes-title:hover {
  transform: translateX(2px);
  filter: blur(.8px);
 /*   letter-spacing: 0.03em;*/
}

/* ===============================
   Dreamscapes footer
   =============================== */
.dreamscapes-footer {
  animation: fadewhisper 5s ease-in-out infinite;
}

@keyframes fadewhisper {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 0.6; }
}


/* ===============================
   Dreamscapes list layout
   =============================== */

body.elementor-page-2084 .dreamscapes-links{
  display: flex;
  flex-direction: column;
  gap: 0.4em;
  position: relative;
}

/* 关键：li 不再是 flex */
body.elementor-page-2084 .dreamscapes-links li{
  position: relative;
  overflow: visible;
}

/* 左侧一行（文字 + 线） */
body.elementor-page-2084 .dreamscapes-links a,
body.elementor-page-2084 .dreamscapes-links .line{
  display: inline-block;
  vertical-align: middle;
}

/* link */
body.elementor-page-2084 .dreamscapes-links a{
  white-space: nowrap;
  animation: drift 3s ease-in-out infinite;
}

/* staggered drift */
body.elementor-page-2084 .dreamscapes-links li:nth-child(2) a{ animation-duration:4s; }
body.elementor-page-2084 .dreamscapes-links li:nth-child(3) a{ animation-duration:3.2s; }
body.elementor-page-2084 .dreamscapes-links li:nth-child(4) a{ animation-duration:5s; }

/* drift animation */
@keyframes drift{
  0%{ transform:translate(0,0); }
  25%{ transform:translate(.8px,-.6px); }
  50%{ transform:translate(-.6px,.6px); }
  75%{ transform:translate(.4px,-.4px); }
  100%{ transform:translate(0,0); }
}

/* =========================================
   Dreamscapes — Dynamic line (true) + Fixed panel column (no jump)
   ========================================= */

body.elementor-page-2084{
  --panel-col: 50vw;   /* 注解列的宽度（不是位置） */
  --panel-gap: 18px;    /* 线条末端与 panel 的间距 */
}

/* 容器 */
body.elementor-page-2084 .dreamscapes-links{
  display: flex;
  flex-direction: column;
  gap: 0.35em;
}

/* 每一行：三列 grid
   1) 标题 auto
   2) 线条 1fr（动态长度的关键）
   3) 注解列宽度固定 var(--panel-col)
*/
body.elementor-page-2084 .dreamscapes-links li{
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr var(--panel-col);
  align-items: center;
  padding: 6px 0;
  overflow: visible;
}

/* 标题 */
body.elementor-page-2084 .dreamscapes-links a{
  white-space: nowrap;
  position: relative;
  z-index: 2;
}

/* 线条：占满第二列，但默认收缩为 0（不改变布局） */
body.elementor-page-2084 .dreamscapes-links .line{
  height: 1px;
  width: 100%;
  background: linear-gradient(
    90deg,
    rgba(255,47,110,0.9) 0%,
    rgba(255,255,255,0.04) 100%
  );

  /* 用 transform 做“生长”，不会引发行高/重排 */
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.45s ease;

  /* 给 panel 留出一点 breathing room */
  margin-right: var(--panel-gap);
}

/* hover → 线条生长到“真实可用长度”（每条不同） */
body.elementor-page-2084 .dreamscapes-links li:hover .line{
  transform: scaleX(1);
}

/* panel：脱离布局（绝对定位），对齐到第三列起点 */
body.elementor-page-2084 .dreamscapes-links .panel{
  position: absolute;

  /* 关键：panel 的 x = 标题列 + 线条列 的宽度，也就是第三列起点 */
  left: calc(100% - var(--panel-col));
  top: 50%;
  transform: translateY(-50%);

  max-width: calc(var(--panel-col) - 12px);
  padding: 22px 26px;

  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;

  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.78);
  /*   border-left: 1px solid rgba(255,255,255,0.35); */
  z-index: 10;
}

/* hover → panel 浮现 */
body.elementor-page-2084 .dreamscapes-links li:hover .panel{
  opacity: 1;
  pointer-events: auto;
}

/* 文档感边角 */
body.elementor-page-2084 .dreamscapes-links .panel::before,
body.elementor-page-2084 .dreamscapes-links .panel::after{
  content:"";
  position:absolute;
  width:14px;
  height:14px;
  border-color:rgba(255,255,255,.35);
  /*   border-color:linear-gradient(
    180deg,
    rgba(255,47,110,0.9) 0%,
    rgba(255,255,255,0.35) 100%
  );
  */
}

body.elementor-page-2084 .dreamscapes-links .panel::before{
  top:0; left:0;
  border-top:1px solid;
  border-left:1px solid;
}

body.elementor-page-2084 .dreamscapes-links .panel::after{
  bottom:0; right:0;
  border-bottom:1px solid;
  border-right:1px solid;
}

/* =========================================
   Dreamscapes — Focus / De-emphasis / Call-in
   ========================================= */

/* 默认：所有条目正常 */
body.elementor-page-2084 .dreamscapes-links li{
  transition: opacity .25s ease;
}

/* hover 任意一条 → 其它条目淡出 */
body.elementor-page-2084 .dreamscapes-links:hover li{
  opacity: 0.35;
}

/* hover 的当前条目保持清晰 */
body.elementor-page-2084 .dreamscapes-links li:hover{
  opacity: 1;
}

/* 当前条目标题变红（CatQ 红） */
body.elementor-page-2084 .dreamscapes-links li:hover > a{
  color: #ff2f6e; /* 你也可以换成品牌红 */
  transition: color .25s ease;
}

/* panel：增加“被调用”的延迟 */
body.elementor-page-2084 .dreamscapes-links .panel{
  transition:
    opacity .25s ease,
    transform .25s ease;
}

/* hover → panel 延迟出现 */
body.elementor-page-2084 .dreamscapes-links li:hover .panel{
  transition-delay: 0.34s; /* 120ms 调用延迟 */
}

/* 非 hover 状态立即消失（避免残影） */
body.elementor-page-2084 .dreamscapes-links li:not(:hover) .panel{
  transition-delay: 0s;
}/* End custom CSS */