:root {
            --arisun-blue: #003366;
            --arisun-blue-deep: #002244;
            --arisun-yellow: #ffcc00;
            --white: #ffffff;
            --text-dark: #1a1a1a;
            --bg-silk: #f8f9fb; 
            --bg-flow: #f1f4f8; 
        }
 /* 1. HERO */
        .hero-banner {
            height: 60vh;
            background: linear-gradient(90deg, rgba(0,51,102,0.85) 0%, rgba(0,51,102,0.1) 60%), 
                        url('https://okki-shop.oss-cn-hangzhou.aliyuncs.com/category/495522/4646/ffa65936192c69fc04848d0c4f08ad56/bfc1d0eda9e9c882fdf61b47c9b595ff.jpg') center/cover no-repeat;
            display: flex; align-items: center; color: #fff;
        }
        .hero-content { padding-left: 10%; border-left: 5px solid var(--arisun-yellow); }
        .hero-content h1 {font-size: clamp(24px, 3.03vw, 58px);font-weight: 800;margin: 0;line-height: 1.1;color: #fff;}
        .hero-content p { font-size: 14px; letter-spacing: 5px; text-transform: uppercase; margin-top: 10px; opacity: 0.9; }


.canabuzz-banner-image-parallax {
  position: relative;
  overflow: hidden;
}

.canabuzz-banner-image-parallax .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* 确保蒙层不影响点击事件 */
}

.canabuzz-banner-image-parallax .parallax-container {
  clip: rect(0, auto, auto, 0);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.canabuzz-banner-image-parallax .block__parallax {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.canabuzz-banner-image-parallax .btn {
  margin-top: 20px;
}
.canabuzz-banner-image-parallax .content-text-parallax .block-text {
  left: 50%;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

html[dir="rtl"]
  .canabuzz-banner-image-parallax
  .content-text-parallax
  .block-text {
  left: auto;
  right: 50%;
}

.canabuzz-banner-image-parallax .content-text-parallax .subheading {
  font-family: var(--font-family);
  font-size: 0.87rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
}

.canabuzz-banner-image-parallax .content-text-parallax .heading {
  margin-left: auto;
  margin-right: auto;
}

.canabuzz-banner-image-parallax .content-text-parallax .heading h2 {
  font-family: var(--title-font-family);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.canabuzz-banner-image-parallax .content-text-parallax .countdownfree {
  justify-content: center;
}

.canabuzz-banner-image-parallax
  .content-text-parallax
  .countdownfree
  .item-time {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: var(--font-family);
  height: 72px;
  justify-content: center;
  position: relative;
  text-align: center;
  width: 80px;
}

.canabuzz-banner-image-parallax
  .content-text-parallax
  .countdownfree
  .item-time:not(:last-child) {
  margin-right: 16px;
}

html[dir="rtl"]
  .canabuzz-banner-image-parallax
  .content-text-parallax
  .countdownfree
  .item-time:not(:last-child) {
  margin-left: 16px;
  margin-right: 0;
}

.canabuzz-banner-image-parallax
  .content-text-parallax
  .countdownfree
  .data-number {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  line-height: 30px;
  position: relative;
}

.canabuzz-banner-image-parallax
  .content-text-parallax
  .countdownfree
  .name-time {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 18px;
}

@media (max-width: 767px) {
  .canabuzz-banner-image-parallax .content-text-parallax .heading,
  .canabuzz-banner-image-parallax .content-text-parallax .subheading {
    padding-left: 40px;
    padding-right: 40px;
  }

  .canabuzz-banner-image-parallax .content-text-parallax .heading h2 {
    font-size: 1.25rem;
  }
}