body{

  background-color: #fff;

}



.banner .carousel-control-prev,

.banner .carousel-control-next {

  width: auto;

  opacity: 0.4;

}



.banner .carousel-control-prev:hover,.banner .carousel-control-next:hover{

  opacity: 1;

}

.platform {

padding-top: 66px;

padding-bottom: 74px;

height: auto;

overflow: hidden;

}



.platform-title {

  font-size: 58px;

  color: #000;

  margin-bottom: 40px;

  font-family: SourceHanSansCNBold;

}

.platform-title *{

	font-weight: normal;

}

.platform-subtitle {

  display: inline-block;

  padding: 10px 24px;

  background: #8823FF;

  color: #fff;

  border-radius: 32px;

  font-size: 41px;

  font-weight: normal;

  margin-bottom: 22px;

  font-family: SourceHanSansCNBold;

}



.platform-desc {

  font-size: 33px;

  color: #000;

  margin-bottom: 26px;

  font-family: SourceHanSansCNLight;

}

.platform-illustration{

  margin-top:0

}

.platform-features {

  position: relative;

}

.platform-features .row{

  margin-top: 0;

}

.platform-features::before,

.platform-features::after {

  content: "";

  position: absolute;

  background-color: rgba(0, 0, 0, 0.28);

  pointer-events: none;

  z-index: 1;

}



.platform-features::before {

  left: 0;

  top: 50%;

  width: 100%;

  height: 1px;

  transform: translateY(-50%);

  margin-top: 10px;

}



.platform-features::after {

  left: 50%;

  top: 0;

  width: 1px;

  height: 100%;

  transform: translateX(-50%);

}



.platform-feature {

  position: relative;

  z-index: 2;

  text-align: center;

  padding: 1.562vw 0;

  cursor: pointer;

  margin-top: 0;

}



.platform-feature-icon {

  width: 88px;

  height: 88px;

  margin: 0 auto 14px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--color-primary);

}



.platform-feature-title {

  font-size: 25px;

  color: #333;

}



.platform-feature-title span {

  padding-right: 7px;

}



/* ===== 6轴 ===== */

.axis {

  padding: 0;

  /* background-image: url('../assets/bg_axis.jpg'); */

  background-size: cover;

  height: auto;

  position: relative;

}



.axis-carousel {

  position: absolute;

  inset: 0;

  z-index: 0;

}



.axis-carousel,

.axis-carousel .carousel-inner,

.axis-carousel .carousel-item,

.axis-carousel-image {

  width: 100%;

  height: 100%;

}



.axis-carousel-image {

  display: block;

  object-fit: cover;

}



.axis-wrap {

  position: relative;

  z-index: 1;

  padding: 20px;

}



.axis-bottom {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  column-gap: 34px;

  row-gap: 0;

  align-items: end;

}



.axis-card {

  height: 112px;

  background: rgba(0, 0, 0, 0.3);

  border-top: 3px solid #8820FF;

  padding: 20px;

  color: white;

  position: relative;

  cursor: pointer;

  align-self: end;

  transition: height 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease;

  overflow: hidden;

}



.axis-card-more {

  margin-top: 0;

  padding-top: 0;

  font-size: 16px;

  color: #fff;

  line-height: 1.8;

  opacity: 0;

  visibility: hidden;

  overflow: hidden;

  transition: max-height 0.35s ease, margin-top 0.35s ease, padding-top 0.35s ease, opacity 0.25s ease, visibility 0.25s ease;

  border-top: 1px solid #fff;



}



.axis-card-more-content {

  line-height: 29px !important;

}







.axis-card-title {

  font-size: 29px;

  margin-bottom: 10px;

  font-family: SourceHanSansCNBold;

}



.axis-card-desc {

  font-size: 24px;

  color: #fff;

  font-family: SourceHanSansCNExtraLight;

}



/* ===== 健康监测与管理 ===== */

.health {

  padding-top: 126px;

  padding-bottom: 120px;

  background-color: var(--bg-white);

}



.health-header {

  text-align: center;

  margin-bottom: 56px;

}



.health-title {

  font-size: 36px;

  font-family: SourceHanSansCNBold;

  color: #881FFF;

  margin-bottom: 56px;

}



.health-desc {

  font-size: 29.17px;

  max-width: 1450px;

  margin: 0 auto;

}



.health-desc p {

  line-height: 54px !important;

  color: #555;

}



.health-card {

  position: relative;

  background-color: #fff;

  overflow: hidden;

  transition: transform 0.3s ease;

  cursor: pointer;

}



.health-card:hover {

  transform: translateY(-6px);

}



.health-card-img {

  display: block;

  width: 100%;

}



.health-card-body {

  position: relative;

  z-index: 2;

  display: flex;

  justify-content: space-between;

  padding: 34px;

  border: 1px solid #ddd;

  border-top: none;

  box-sizing: border-box;

}



.health-card-body-content {

  flex: 1;

}



.health-card-title {

  font-size: 29.17px;

  font-family: SourceHanSansCNMedium;

  color: #333;

  margin-bottom: 10px;

}



.health-card:hover .health-card-title {

  color: #881FFF;

}



.health-card-desc {

  font-size: 19.56px;

  color: #333;

  line-height: 25px !important;

  font-family: SourceHanSansCNNormal;

}



.health-card-arrow {

  flex: 0 0 40px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  color: white;

  margin-left: 16px;

  margin-bottom: 4px;

}



.health-title {

  font-size: 58px;

}



.custom {

  padding-top: 55px;

  padding-bottom: 65px;

  background: linear-gradient(114deg, #881FFF, #827EF9);

  position: relative;

  overflow: hidden;



}



.custom-illustration {

  max-width: 806px;

  padding: 0;

}



.custom-illustration img {

  width: 620px;

  height: 302px;

}



.custom-content {

  color: white;

}



.custom-title {

  font-size: 42px;

  font-family: SourceHanSansCNBold;

}



.custom-list {

  display: flex;

  flex-direction: column;

  margin-top: 34px;

  margin-bottom: 29px;

  font-size: 23px;

  color: rgba(255, 255, 255, 0.92);

}



.custom-list span {

  line-height: 42px !important;

}



.custom-desc {

  font-size: 25px;

  margin-bottom: 26px;

  color: rgba(255, 255, 255, 0.98);

 font-family: SourceHanSansCNBold;

}



.custom-desc p:nth-child(1) {

  margin-bottom: 8px;

}



.more-btn {

  display: block;

  background-color: #000;

  width: 258px;

  height: 60px;

  line-height: 60px !important;

  text-align: center;

  color: #fff;

  font-size: 30px;

  border-radius: 50px;

  margin: 0 auto;

  font-family: SourceHanSansCNBold;

}



.more-btn:hover {

  font-size: 34px;

}



/* ===== 用户体验 ===== */

.experience {

  padding: 90px 0;

  background-color: var(--bg-white);

}



.experience .container {

  border-bottom: 1px solid #b2b2b2;

  padding-bottom: 110px;

}



.experience-header {

  text-align: center;

  margin-bottom: 48px;

}



.experience-marquee {

  overflow: hidden;

}



.experience-track {

  display: flex;

  width: max-content;

  gap: 24px;

  animation: experience-marquee 28s linear infinite;

}



.experience-marquee:hover .experience-track {

  animation-play-state: paused;

}



.experience-card {

  position: relative;

  width: 333px;

  height: 445px;

  background: #1f143a;

  outline: none;

}



@keyframes experience-marquee {

  from {

    transform: translateX(0);

  }



  to {

    transform: translateX(calc(-50% - 12px));

  }

}



.experience-card img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

  transition: transform 0.35s ease;

  border-bottom: 6px solid #8728fe;

}



.experience-card--han::after {

  inset: 0;

  background: linear-gradient(180deg, rgba(25, 12, 45, 0.68) 0%, rgba(25, 12, 45, 0.8) 54%, rgba(25, 12, 45, 0.96) 100%);

}



.experience-summary,

.experience-detail {

  position: absolute;

  inset: 0;

  z-index: 2;

}



.experience-summary {

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  align-items: flex-start;

  padding: 0 40px 70px;

  color: var(--text-light);

  transition: opacity 0.25s ease, transform 0.25s ease;

}



.experience-summary h3,

.experience-detail h3 {

  margin: 0;

  font-size: 35px;

  font-weight: normal;

}



.experience-age {

  margin-top: 4px;

  font-size: 32px;

  line-height: 1.2;

}



.experience-role {

  display: inline-flex;

  align-items: center;

  min-height: 36px;

  margin-top: 12px;

  padding: 4px 18px;

  border-radius: 999px;

  background: rgba(134, 89, 255, 0.7);

  color: var(--text-light);

  font-size: 28px;

  font-weight: 600;

  line-height: 1.15;

}



.experience-detail {

  display: flex;

  align-items: center;

  justify-content: center;

  padding:23px 35px  33px;

  color: var(--text-light);

  opacity: 0;

  pointer-events: none;

  transition: opacity 0.25s ease;

}



.experience-detail-panel {

  width: 100%;

  padding: 34px 28px;

  border-radius: 14px;

  background: rgba(134, 89, 255, 0.6);

  transform: translateY(12px);

  transition: transform 0.25s ease;

  posotion: relative;

  height: 100%;

}

.experience-detail-panel h3{

  font-family:SourceHanSansCNBold ;

}

.experience-detail-panel .experience-label {

  position: absolute;

  width: 46px;

  height: 66px;

  top: 1px;

  right: 20px;

}



.experience-detail span {

  display: block;

  margin-top: 8px;

  padding-bottom: 18px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.4);

  font-size: 18px;

  font-weight: 600;

}



.experience-detail p {

  margin: 20px 0 0;

  color: #fff;

  font-size: 16px;

  line-height: 21px !important;

}



.experience-card:hover img,

.experience-card:focus-visible img {

  transform: scale(1.04);

}



.experience-card:hover::before,

.experience-card:focus-visible::before {

  opacity: 0.35;

}



.experience-card:hover::after,

.experience-card:focus-visible::after {

  opacity: 0;

}



.experience-card:hover .experience-summary,

.experience-card:focus-visible .experience-summary {

  opacity: 0;

  transform: translateY(12px);

}



.experience-card:hover .experience-detail,

.experience-card:focus-visible .experience-detail {

  opacity: 1;

  pointer-events: auto;

}



.experience-card:hover .experience-detail-panel,

.experience-card:focus-visible .experience-detail-panel {

  transform: translateY(0);

}



.news {

  padding-top: 20px;

  padding-bottom: 70px;

  background-color: var(--bg-white);

}



.news-illustration {

  margin: 0 auto;

}



.news-content{

  margin-top: 0;

}

.news-title {

  font-size: 58.33px;

  font-weight: normal;

  color: var(--text-dark);

  margin-bottom: 32px;

  border-bottom: 1px solid #b2b2b2;

  padding-bottom: 4px;

  padding-bottom: 10px;

}



.news-title h2 {

  font-size: 58px;

  font-family:SourceHanSansCNBold ;

  color: #333;

}



.news-list {

  display: flex;

  flex-direction: column;

  gap: 16px;

}



.news-item {

  display: grid;

  grid-template-columns: 22px 48px minmax(0, 1fr);

  column-gap: 12px;

  align-items: center;

  padding-bottom: 16px;

}



.news-icon {

  grid-column: 1;

  width: 22px;

  height: 29px;

  flex-shrink: 0;

  color: var(--color-primary);

}



.news-tag {

  font-size: 25px;

  font-family: SourceHanSansCNBold;

  color: #8659FF;

  grid-column: 2;

  white-space: nowrap;



}



.news-text {

  grid-column: 3;

  font-size: 25px;

  color: #333;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  cursor: pointer;

}



.news-text:hover {

  color: #8659FF;

  font-family: SourceHanSansCNBold;

}



.news-more {

  display: inline-flex;

  align-items: center;

  gap: 6px;

  color: #333;

  font-size: 16px;

}



/* ===== Footer ===== */

.footer {

  background: linear-gradient(-43deg,#ad8dff,#8825ff);

  color: white;

  padding: 70px 0 30px;

}

.footer-copy{
  margin-top: 3.75vw;
  font-size: 0.83vw;
  text-align: center;
}


@media screen and (max-width:950px) {
  .footer-copy{
    font-size: 14px;
  }
}






.footer-brand {

  text-align: center;

}



.footer-logo {

  height: 60px;

  margin-bottom:32px;

}



.footer-qr-list {

  display: flex;

  justify-content: center;

  gap: 16px;

  margin-bottom: 16px;

}



.footer-qr {

  width: 180px;

}



.footer-qr img {

  width: 180px;

  height: 180px;

  background-color: #fff;

}



.footer-qr-text {

  text-align: center;

}



.footer-qr-text .big {

  font-size: 20px;

  margin-top: 20px;

}



.footer-qr-text .small {

  font-size: 14px;

  margin-top: 8px;

}



.footer-col-title {

  font-size: 24px;

  font-family: SourceHanSansCNBold;

  margin-bottom: 44px;



}



.footer-links {

  display: flex;

  flex-direction: column;

  gap: 10px;

}



.footer-links a {

  font-size: 18px;

  color: rgba(255, 255, 255, 0.85);

  transition: color 0.3s ease;

  position: relative;

}



.footer-links a:hover {

  color: white;

}



.footer-links a:hover::after {

  content: '';

  display: block;

  width: 4px;

  height: 25px;

  background: #FFFFFF;

  border-radius: 2px;

  position: absolute;

  left: -10px;

  top: 50%;

  transform: translateY(-50%);

}



.footer-contact-item {

  display: flex;

  align-items: center;

  gap: 10px;

  font-size: 18px;

  color: rgba(255, 255, 255, 0.85);

  margin-bottom: 10px;

}