.elementor-5364 .elementor-element.elementor-element-fce3b0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5364 .elementor-element.elementor-element-fce3b0f:not(.elementor-motion-effects-element-type-background), .elementor-5364 .elementor-element.elementor-element-fce3b0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-7d6da94 *//* 以年份基线为准对齐 */
.zley-timeline{
  --spoke-y: 26px;   /* 横线垂直位置 */
  --left-gap: 49px;   /* 左侧年份与线的空隙 */
  --right-gap: 380px;  /* 右侧年份与线的空隙（0=贴线） */
}

/* 横线基础（不要再有后续 .zt-spoke 的其它版本覆盖它） */
.zley-timeline .zt-spoke{
  position: absolute;
  top: var(--spoke-y);
  height: 1px;
  background: var(--axis-color);
  z-index: 0;
}

/* 左：从中轴到内容列，再“临门前”留 left-gap */
.zley-timeline .zt-item--left .zt-spoke{
  right: 50%;
  width: calc(50% - var(--col-gap) - var(--left-gap));
}

/* 右：从中轴到年份，right-gap=0 时就是贴线 */
.zley-timeline .zt-item--right .zt-spoke{
  left: 50%;
  width: calc(50% - var(--col-gap) - var(--right-gap));
}


/* 竖排标题：黑色+全大写；加白底遮罩，防止被中线穿过 */ .zt-title-vertical{ color:#000 !important; text-transform: uppercase; font-weight: 700; font-size: 13px; /* 可按视觉调大/调小 */ letter-spacing: .22em; z-index: 2; /* 置顶在所有线条之上 */ position: absolute; } .zt-title-vertical::before{ content:""; position:absolute; z-index:-1; /* 在标题下，在线条上 */ left:-8px; right:-8px; top:-4px; bottom:-4px; background:#fff; /* 如果页面不是纯白，请改成页面背景色 */ } /* 所有线条统一在下层，不遮文字 */ .zt-axis, .zt-spoke{ z-index:0; position:relative; }/* End custom CSS */