.brand-story-text {
  line-height: 2.4;
  padding-right: 4rem;
}

@media (max-width: 1280px) {
  .brand-story-text {
    line-height: 2.2;
    padding-right: 2rem;
  }
}
@media (max-width: 1024px) {
  .brand-story-text {
    line-height: 1.8;
    padding-right: 0;
    margin-bottom: 2rem;
  }
}

/* 补充 Tailwind 橙色 Utility 映射类 */
.text-orange-500,
.text-brand-orange {
  color: var(--brand-orange, #f96c05) !important;
}

.bg-orange-500,
.bg-brand-orange {
  background-color: var(--brand-orange, #f96c05) !important;
}

/* 1. 标题通用花纹装饰下划线 */
.section-title-line {
  position: relative;
  display: inline-block;
}

.section-title-line::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 2px;
  background-color: #111827;
}

/* 2. 专注设计 (We Focus On Design) 排版: 
   右侧挨着浏览器最右侧 (width: 61vw, absolute right-0)
   左侧肖像对齐 1400px 版心左侧，宽度 37.5vw
*/
.design-full-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.design-portrait-box {
  width: 37.5vw;
  margin-left: 1.25rem;
}
.wehave{
  margin-right: 1.25rem;
}
.wehave .en_desc{
  font-size: 8px;
}
.design-right-panel-fullscreen {
  position: absolute;
  right: 0;
  top: 6%;
  width: 65vw;
  z-index: 20;
  padding: 1rem 0;
  background-color: #fff;
}
.design-team-box{
  width: 52vw;
  margin-right: 1vw;
  margin-top: 22rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .design-portrait-box{
    margin-left: 2px;
    position: absolute;
  }
  .design-team-box{
    width: 66vw;
    margin-left: 31vw;
    margin-right: 2px;
    margin-top: 20rem;
  }
  .design-right-panel-fullscreen{
    padding: 0;
    width: 66vw;
  }
  .wehave{
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .wehave .en_desc{
    font-size: 10px;
  }
}
@media (min-width: 1280px) {
  .design-portrait-box {
    width: 37.5vw !important;
    flex: 0 0 37.5vw;
    margin-left: 8vw;
  }
  .wehave{
    width: 50vw;
  }
  .design-right-panel-fullscreen {
    width: 60vw;
    top: 10%;
  }
  .design-team-box {
    width: 40vw !important;
    flex: 0 0 40vw;
    margin-right: 8vw;
    margin-top: 28rem;
  }
}

/* 3. 大事记时间轴 (Timeline) */
.timeline-container {
  position: relative;
  margin: 0 auto;
  padding: 2rem 0;
}

.timeline-container::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: #e5e7eb;
  transform: translateX(-50%);
}

.timeline-item {
  position: relative;
  margin-bottom: 2rem;
  width: 100%;
}

.timeline-item:nth-child(even) {
  display: flex;
  justify-content: flex-start;
  text-align: right;
}

.timeline-item:nth-child(odd) {
  display: flex;
  justify-content: flex-end;
}

.timeline-content {
  width: 46%;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.timeline-content:hover {
  transform: translateY(-4px);
  /* box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); */
}


@media (min-width: 768px) {
.timeline-item:nth-child(even) .timeline-content{
  display: flex;
  flex-direction: column;
  align-items: end;
}
}


.timeline-dot {
  position: absolute;
  top: 2rem;
  left: 50%;
  width: 14px;
  height: 14px;
  background-color: #111827;
  border: 3px solid #ffffff;
  border-radius: 50%;
  transform: translateX(-50%);
  z-index: 10;
  box-shadow: 0 0 0 2px #e5e7eb;
}

/* 响应式调整 */
/* @media (max-width: 768px) {
  .timeline-container::before {
    left: 20px;
  }
  
  .timeline-item:nth-child(even),
  .timeline-item:nth-child(odd) {
    justify-content: flex-end;
  }

  .timeline-content {
    width: calc(100% - 50px);
  }

  .timeline-dot {
    left: 20px;
  }
} */