.countdown-banner__wrapper {
  /* 布局控制面板样式应用于包装容器 */
  position: relative;
  width: var(--s-width, 100%);
  height: var(--s-height, auto);
  min-height: var(--s-min-height, 500px);
  max-width: var(--s-max-width, none);
  padding-top: var(--s-padding-top, 40px);
  padding-bottom: var(--s-padding-bottom, 40px);
  padding-left: var(--s-padding-left, 40px);
  padding-right: var(--s-padding-right, 40px);
  margin-top: var(--s-margin-top, 0);
  margin-bottom: var(--s-margin-bottom, 0);
  margin-left: var(--s-margin-left, auto);
  margin-right: var(--s-margin-right, auto);
  /* 使用flexbox布局，让布局面板可以控制flex属性 */
  display: var(--s-display, flex);
  flex-direction: var(--s-flex-direction, row);
  align-items: var(--s-align-items, center);
  justify-content: var(--s-justify-content, space-between);
}

.countdown-banner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 500px;
  overflow: hidden;
  /* 移除hardcoded padding，让布局控制面板完全接管 */
}

/* 图片容器 */
.countdown-banner__image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.countdown-banner__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* 响应式图片显示 */
.countdown-banner__image--mobile {
  display: none;
}

@media (max-width: 768px) {
  .countdown-banner__image--desktop {
    display: none;
  }
  
  .countdown-banner__image--mobile {
    display: block;
  }
}

/* 遮罩层 */
.countdown-banner__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 100%);
  z-index: 2;
}

/* 内容区域 */
.countdown-banner__content {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* 移除hardcoded padding，由包装容器控制 */
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
}

/* 文字内容区域 */
.countdown-banner__text-content {
  flex: 0 0 50%;
  max-width: 500px;
}

        		.countdown-banner__image-wrapper img {
        		    position: absolute;
        		    left: 0;
        		    top: 0;
        		    width: 100%;
        		    height: 100%;
        		    object-fit: cover;
        		}
                
.countdown-banner__subtitle {
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.countdown-banner__subtitle.text-uppercase {
  text-transform: uppercase;
}

.countdown-banner__title {
  letter-spacing: 2px;
  margin-bottom: 20px;
  line-height: 1.2;
  font-weight: 400;
}

.countdown-banner__title.text-uppercase {
  text-transform: uppercase;
}

.countdown-banner__description {
  margin-bottom: 30px;
  line-height: 1.5;
}

.countdown-banner__button-wrapper {
  margin-top: 30px;
}

/* 按钮样式控制 */
.countdown-banner .btn.btn--text-uppercase .button {
  text-transform: uppercase;
}

.countdown-banner .btn.btn--letter-spacing-wide .button {
  letter-spacing: 0.05em;
}

.countdown-banner .btn.btn--letter-spacing-wider .button {
  letter-spacing: 0.1em;
}

.countdown-banner .btn.btn--letter-spacing-widest .button {
  letter-spacing: 0.2em;
}

.countdown-banner .btn .button {
  min-height: 44px;
  padding: 16px 32px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: none;
  white-space: nowrap;
}

.countdown-banner .btn.btn--text-size-caption .button {
  font-size: var(--font-size-caption, 0.75rem);
}

.countdown-banner .btn.btn--text-size-body .button {
  font-size: var(--font-size-body, 1rem);
}

.countdown-banner .btn.btn--text-size-title4 .button {
  font-size: var(--font-size-title4, 1.125rem);
}

.countdown-banner .btn.btn--text-size-title3 .button {
  font-size: var(--font-size-title3, 1.25rem);
}

/* 内容对齐控制 */
.countdown-banner__text-content.text-left {
  text-align: left;
}

.countdown-banner__text-content.text-center {
  text-align: center;
}

.countdown-banner__text-content.text-right {
  text-align: right;
}

/* 倒计时区域 */
.countdown-banner__timer {
  flex: 0 0 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 400;
}

.countdown-banner__time-box {
  text-align: center;
  padding: 0 15px;
}

.countdown-banner__time-number {
  display: block;
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 5px;
  font-weight: 400;
}

.countdown-banner__time-label {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  opacity: 0.9;
}

.countdown-banner__separator {
  font-size: 2rem;
  margin: 0 10px;
  opacity: 0.7;
}

/* iPad端适配 */
@media (max-width: 1024px) and (min-width: 769px) {
  .countdown-banner {
    min-height: 450px;
  }
  
  .countdown-banner__content {
    min-height: 450px;
    /* 移除hardcoded padding，由包装容器控制 */
  }
  
  .countdown-banner__text-content {
    flex: 0 0 45%;
  }
  
  .countdown-banner__timer {
    flex: 0 0 45%;
  }
  
  .countdown-banner__time-number {
    font-size: 2rem;
  }
  
  .countdown-banner__separator {
    font-size: 1.5rem;
  }
}

/* 移动端适配 */
@media (max-width: 768px) {

.countdown-banner__button-wrapper {
        text-align: center;
    }
.countdown-banner__subtitle.caption.text-uppercase {
    text-align: center;
}
.countdown-banner__description.body {
    text-align: center;
}

.countdown-banner__title.title1.text-uppercase {
    text-align: center;
}

  .countdown-banner {
    min-height: 400px;
  }
  
  .countdown-banner__content {
    flex-direction: column;
    text-align: center;
    /* 移除hardcoded padding，由包装容器控制 */
    min-height: 400px;
    justify-content: center;
  }
  
  .countdown-banner__text-content {
    flex: none;
    max-width: 100%;
    margin-bottom: 30px;
  }
  
  .countdown-banner__timer {
    flex: none;
    width: 100%;
    justify-content: space-around;
  }
  
  .countdown-banner__time-box {
    padding: 0 10px;
  }
  
  .countdown-banner__time-number {
    font-size: 1.8rem;
  }
  
  .countdown-banner__time-label {
    font-size: 0.65rem;
  }
  
  .countdown-banner__separator {
    font-size: 1.2rem;
    margin: 0 5px;
  }
  
  .countdown-banner__button-wrapper {
    margin-top: 20px;
  }
}

/* 小屏手机适配 */
@media (max-width: 480px) {
  .countdown-banner {
    min-height: 350px;
  }
  
  .countdown-banner__content {
    /* 移除hardcoded padding，由包装容器控制 */
    min-height: 350px;
  }
  
  .countdown-banner__text-content {
    margin-bottom: 25px;
  }
  
  .countdown-banner__time-number {
    font-size: 1.5rem;
  }
  
  .countdown-banner__time-label {
    font-size: 0.6rem;
    letter-spacing: 1px;
  }
  
  .countdown-banner__separator {
    font-size: 1rem;
  }
  
  .countdown-banner__time-box {
    padding: 0 8px;
  }
}

/* 超小屏适配 */
@media (max-width: 360px) {
  .countdown-banner__timer {
    flex-wrap: wrap;
    gap: 10px;
  }
  
  .countdown-banner__separator {
    display: none;
  }
  
  .countdown-banner__time-box {
    min-width: 70px;
  }
}