/* ============================================
   GO健康页面样式
   ============================================ */
.gojk-main {
   background: url(../../images/gojk_bg.png) no-repeat;
   background-size: 100% auto;
   background-position: center bottom;
   overflow: hidden;
}

.banner-title {
   position: absolute;
   left: 0;
   right: 0;
   top: 30%;
   width: 100%;
   text-align: left;
   letter-spacing: 4px;
   user-select: none;
   -webkit-user-select: none;
}

.hero-swiper .banner-title img {
   height: 125px;
   width: auto;
}

.banner-title .sub-title {
   color: #fff;
   font-size: 32px;
   margin-top: 10px;
   letter-spacing: 3px;
   font-weight: bold;
}

.section-title {
   margin-bottom: 30px;
   text-align: center;
}

.section-title img {
   margin: 0 auto;
}

/* Tabs 容器 */
.gojk-tabs {
   width: 100%;
   padding-top: 5px;
}

/* Tabs 列表 */
.gojk-tabs__list {
   display: flex;
   width: 100%;
   background-color: #CCCCCC;
   border-radius: 45px;
   height: 60px;
   overflow: hidden;
}

/* Tab 按钮 - 胶囊形状 */
.gojk-tabs__tab {
   flex: 1;
   border: none;
   line-height: 60px;
   border-radius: 45px;
   background-color: #CCCCCC;
   color: #333;
   font-size: 18px;
   cursor: pointer;
   text-align: center;
}

.gojk-tabs__tab.active {
   background: url('../../images/gojk_button_bg.png') no-repeat;
   /* background-size: 100% 100%; */
   background-size: cover;
   background-position: center center;
   color: #fff;
   font-weight: bold;
   font-size: 18px;
}

/* Tab 内容面板 */
.gojk-tabs__content {
   width: 100%;
}

.gojk-tabs__panel {
   display: none;
   padding: 20px 0;
   padding-bottom: 40px;
}

.gojk-tabs__panel.active {
   display: block;
}

/* ============================================
   特色服务子Tabs样式
   ============================================ */

.tsfw-section {
   padding: 30px 0;
}

/* 子Tabs容器 */
.tsfw-tabs {
   width: 100%;
   margin-bottom: 40px;
}

/* 子Tabs列表 */
.tsfw-tabs__list {
   display: flex;
   justify-content: space-around;
   gap: 0;
   width: 100%;
}

/* 子Tab按钮 */
.tsfw-tabs__tab {
   position: relative;
   padding: 10px 24px;
   border: none;
   background: none;
   color: #999;
   font-size: 18px;
   cursor: pointer;
   text-align: center;
   transition: color 0.3s;
}

.tsfw-tabs__tab::after {
   content: '';
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: -2px;
   width: 40%;
   height: 3px;
   border-radius: 5px;
   background-color: transparent;
   transition: background-color 0.3s;
}

.tsfw-tabs__tab:hover {
   color: #c9151e;
}

.tsfw-tabs__tab.active {
   color: #c9151e;
   font-weight: bold;
}

.tsfw-tabs__tab.active::after {
   background-color: #c9151e;
   box-shadow: 0px 2px 4px rgba(196, 5, 10, 0.21);
}

/* 子Tab内容面板 */
.tsfw-tabs__content {
   width: 100%;
   position: relative;
}

.tsfw-tabs__panel {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   visibility: hidden;
   opacity: 0;
   transform: translateX(20px);
}

.tsfw-tabs__panel.active {
   position: relative;
   visibility: visible;
   opacity: 1;
   transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s;
   transform: translateX(0);
}

/* 特色服务卡片 - 左右布局 */
.tsfw-card {
   display: flex;
   align-items: flex-start;
   width: 100%;
   -webkit-aspect-ratio: 1400/260;
   aspect-ratio: 1400/260;
   gap: 35px;
   border-radius: 12px;
}

.tsfw-card__img {
   width: 51%;
   height: 100%;
   border-top-left-radius: 12px;
   border-bottom-left-radius: 12px;
   overflow: hidden;
   position: relative;
}

.tsfw-card__img::after {
   content: '';
   position: absolute;
   bottom: 0;
   top: 0;
   right: 0;
   width: 25%;
   background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0.9) 80%, #fff 100%);
   pointer-events: none;
   z-index: 1;
}

.tsfw-card__img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.tsfw-card__info {
   flex: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding-top: 8px;
}

.tsfw-card__desc {
   font-size: 18px;
   color: rgba(80, 140, 176, 1);
   font-weight: 700;
   line-height: 1.4;
   text-align: justify;
   text-wrap: pretty;
   word-break: break-all;
   margin-bottom: 20px;
}

.tsfw-card__info .list {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-auto-flow: column;
   grid-template-rows: repeat(3, auto);
   gap: 16px 16px;
}

.tsfw-card__info .list div {
   display: flex;
   align-items: center;
   gap: 8px;
}

.tsfw-card__info .list-icon {
   width: 32px;
   height: 32px;
   flex-shrink: 0;
}

.tsfw-card__info .list p {
   flex: 1;
   font-size: 15px;
   margin: 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: rgba(80, 140, 176, 1);
}

/* 公用胶囊按钮 - 左边文字+右边箭头圆形 */
.btn-arrow-pill {
   align-self: flex-start;
   display: inline-flex;
   align-items: center;
   padding: 8px 20px;
   gap: 10px;
   background: #fff;
   border: 1px solid #c9151e;
   border-radius: 30px;
   color: #c9151e;
   font-size: 14px;
   font-weight: 500;
   text-decoration: none;
   transition: all 0.3s;
}

.gojk-date-card__btn {
   margin-top: auto
}

.btn-arrow-pill__arrow {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 24px;
   height: 24px;
   background-color: #c9151e;
   border-radius: 50%;
   color: #fff;
   transition: all 0.3s;
   flex-shrink: 0;
}

.jkzq-card__btn {
   margin-top: 20px;
}

.btn-arrow-pill__arrow svg {
   width: 12px;
   height: 12px;
}

.btn-arrow-pill:hover {
   background-color: #c9151e;
   color: #fff;
}

.btn-arrow-pill:hover .btn-arrow-pill__arrow {
   background-color: #fff;
   color: #c9151e;
}

/* 特服卡片按钮、GO健康服务节按钮 - 复用.btn-arrow-pill */

.gojk-date-section {
   padding: 30px 0;
}

.gojk-date-content {
   display: flex;
   align-items: flex-start;
   gap: 35px;
   border-radius: 12px;
   -webkit-aspect-ratio: 1400/444;
   aspect-ratio: 1400/444;
}

.gojk-date-card__info {
   flex: 1;
   height: 100%;
   display: flex;
   flex-direction: column;
}

.gojk-date-card__info .title-img {
   display: flex;
   gap: 8px;
   margin-bottom: 20px;
}

.gojk-date-card__info .title-img img {
   height: 60px;
   width: auto;
}

.gojk-date-card__info p {
   text-indent: 2em;
   font-size: 16px;
   color: #666;
   line-height: 1.8;
   margin-bottom: 30px;
   text-align: justify;
   /* text-justify: inter-ideograph; */
   text-wrap: pretty;
   word-break: break-all;
   display: -webkit-box;
   -webkit-line-clamp: 5;
   line-clamp: 5;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

.gojk-date-card__img {
   width: 51%;
   height: 100%;
   border-radius: 12px;
   overflow: hidden;
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

.gojk-date-card__img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* 健康专区 - 双卡错位轮播 */
.gojk-jkzq-section {
   padding: 40px 0;
}


.jkzq-carousel-container {
   position: relative;
   width: 100%;
}

.jkzq-carousel {
   height: 400px;
   margin: 0 auto;
   position: relative;
}

.jkzq-card {
   position: absolute;
   top: 0;
   width: 78.6%;
   -webkit-aspect-ratio: 1100 / 420;
   aspect-ratio: 1100 / 420;
   border-radius: 24px;
   overflow: hidden;
   background: #fff;
   display: flex;
   cursor: pointer;
   transition: transform .5s ease, opacity .5s;
   box-shadow: 0 10px 40px rgba(0, 0, 0, .08);
}

.jkzq-card:nth-child(1) {
   left: 0;
   transform: scale(0.9);
   opacity: 0.6;
}

.jkzq-card:nth-child(2) {
   right: 0;
   transform: scale(0.9);
   opacity: 0.6;
}

.jkzq-card.active {
   transform: scale(1);
   opacity: 1;
   z-index: 20;
}

.jkzq-card.active:nth-child(1) {
   left: 0;
}

.jkzq-card.active:nth-child(2) {
   right: 0;
}

.jkzq-card__content {
   width: 42%;
   padding: 48px 42px;
   background: rgba(255, 255, 255, .96);
   position: relative;
   z-index: 2;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.jkzq-card__img::before {
   content: '';
   position: absolute;
   bottom: 0;
   top: 0;
   left: 0;
   width: 25%;
   background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0.9) 80%, #fff 100%);
   pointer-events: none;
   z-index: 1;
}

.jkzq-card__content h3 {
   font-size: 32px;
   color: rgba(80, 140, 176, 1);
   font-weight: bold;
   margin-bottom: 8px;
}

.jkzq-card__content>p {
   font-size: 16px;
   color: #666;
   line-height: 1.4;
   text-align: justify;
   /* text-justify: inter-ideograph; */
   text-wrap: pretty;
   word-break: break-all;
}

.jkzq-card__img {
   flex: 1;
   position: relative;
}

.jkzq-card__img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

/* 卡片入口按钮 */
.enter-cards {
   display: flex;
   gap: 8px;
   align-items: stretch;
   margin-top: 24px;
}

.enter-card {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   justify-content: flex-start;
   gap: 8px;
   padding: 12px;
   border-radius: 18px;
   background: rgba(139, 206, 247, 0.3);
   font-weight: 500;
   cursor: pointer;
   transition: all 0.3s;
   border: none;
   min-width: 110px;
   width: 31%;
   min-width: 125px;
}

.enter-card p {
   color: rgba(80, 140, 176, 1);
   font-size: 14px;
   line-height: 1.4;
}

.enter-card:hover {
   transform: translateY(-2px);
   box-shadow: 0 4px 12px rgba(139, 206, 247, 0.4);
}

/* 分页点 */
.jkzq-dots {
   display: flex;
   justify-content: center;
   gap: 10px;
}

.jkzq-dot {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: #e4cccc;
   transition: all .3s;
   cursor: pointer;
}

.jkzq-dot.active {
   width: 24px;
   border-radius: 20px;
   background: #d71f26;
}

/* 产品服务卡片区域 - 左右重叠结构 */
.gojk-cpfw-wrap {
   position: relative;
   width: 100%;
   -webkit-aspect-ratio: 1400 / 335;
   aspect-ratio: 1400 / 335;
   margin: 40px 0;
}

/* 卡片基础样式 */
.cpfw-img-card,
.cpfw-content-card {
   width: 52.5%;
   position: absolute;
   top: 0;
   border-radius: 17px;
   background: rgba(255, 255, 255, 1);
   box-shadow: 0px 0px 15px rgba(209, 171, 171, 0.28);
}

.cpfw-img-card {
   overflow: hidden;
   height: 100%;
}

.cpfw-content-card {
   height: 88%;
   top: 50%;
   transform: translateY(-50%);
}

.cpfw-content-card {
   padding: 24px 35px;
   display: flex;
   flex-direction: column;
}

/* img-left: 图片在左，内容在右 */
.gojk-cpfw-wrap.img-left .cpfw-img-card {
   left: 0;
   z-index: 10;
   transform: scale(1);
}

.gojk-cpfw-wrap.img-left .cpfw-content-card {
   right: 0;
   z-index: 5;
   padding-left: 90px;
}

/* img-right: 图片在右，内容在左 */
.gojk-cpfw-wrap.img-right .cpfw-img-card {
   right: 0;
   z-index: 10;
}

.gojk-cpfw-wrap.img-right .cpfw-content-card {
   left: 0;
   z-index: 5;
}

.cpfw-img-card {
   overflow: hidden;
}

.cpfw-img-card>img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.cpfw-img-card .content-wrap {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   padding: 30px 35px;
}

.cpfw-img-card h3 {
   font-size: 28px;
   font-weight: bold;
   margin-bottom: 8px;
}

.cpfw-img-card .sub-title {
   font-size: 16px;
   color: #666;
   margin-bottom: 20px;
}

/*体验区主题 */
.jkzq-card .btn-arrow-pill {
   color: rgba(80, 140, 176, 1);
}

.jkzq-card .btn-arrow-pill {
   border-color: rgba(80, 140, 176, 1);
}

.jkzq-card .btn-arrow-pill__arrow {
   background-color: rgba(80, 140, 176, 1);
}

.jkzq-card .btn-arrow-pill:hover {
   background-color: rgba(80, 140, 176, 1);
   color: #fff;
}

.jkzq-card .btn-arrow-pill:hover .btn-arrow-pill__arrow {
   background-color: #fff;
   color: rgba(80, 140, 176, 1);
}

.blue-theme h3,
.blue-theme .btn-arrow-pill {
   color: #508cb0;
}

.blue-theme .btn-arrow-pill {
   border-color: #508cb0;
   margin-top: auto;
}

.blue-theme .btn-arrow-pill__arrow {
   background-color: #508cb0;
}

.blue-theme .btn-arrow-pill:hover {
   background-color: #508cb0;
   color: #fff;
}

.blue-theme .btn-arrow-pill:hover .btn-arrow-pill__arrow {
   background-color: #fff;
   color: #508cb0;
}

/* 橙色主题 - rgba(232, 136, 88, 1) */
.orange-theme h3,
.orange-theme .btn-arrow-pill {
   color: rgba(232, 136, 88, 1);
}

.orange-theme .btn-arrow-pill {
   border-color: rgba(232, 136, 88, 1);
   margin-top: auto;
}

.orange-theme .btn-arrow-pill__arrow {
   background-color: rgba(232, 136, 88, 1);
}

.orange-theme .btn-arrow-pill:hover {
   background-color: rgba(232, 136, 88, 1);
   color: #fff;
}

.orange-theme .btn-arrow-pill:hover .btn-arrow-pill__arrow {
   background-color: #fff;
   color: rgba(232, 136, 88, 1);
}

/* 红色主题 */
.red-theme h3,
.red-theme .btn-arrow-pill {
   color: #c9151e;
}

.red-theme .btn-arrow-pill {
   border-color: #c9151e;
   margin-top: auto;
}

.red-theme .btn-arrow-pill__arrow {
   background-color: #c9151e;
}

.red-theme .btn-arrow-pill:hover {
   background-color: #c9151e;
   color: #fff;
}

.red-theme .btn-arrow-pill:hover .btn-arrow-pill__arrow {
   background-color: #fff;
   color: #c9151e;
}

/* 右侧列表 */
.cpfw-content-card .list {
   display: flex;
   flex-direction: column;
   gap: 4px;
   overflow-y: auto;
}

.cpfw-content-card .list a {
   display: flex;
   align-items: center;
   gap: 12px;
   border-radius: 10px;
   text-decoration: none;
   transition: all 0.3s;
}

.cpfw-content-card .list a:hover {
   /* background: #efefef; */
}

.cpfw-content-card .list a:hover p {
   color: #508cb0;
   text-decoration: underline;
}

.cpfw-content-card .list-icon {
   /* width: 25px; */
   height: 24px;
   margin-top: 6px;
   flex-shrink: 0;
}

.cpfw-content-card .list p {
   flex: 1;
   font-size: 16px;
   color: #333;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   margin: 0;
}

/* 介绍资料 */
.jszl-section {
   padding: 20px 0;
}

.jszl-section .jszl-tabs {
   width: 100%;
   margin-bottom: 20px;
}

.jszl-section .jszl-tabs__list {
   display: flex;
   justify-content: center;
   gap: 40px;
}

.jszl-section .jszl-tabs__tab {
   position: relative;
   padding: 10px 24px;
   border: none;
   background: none;
   color: #999;
   font-size: 18px;
   cursor: pointer;
   text-align: center;
   transition: color 0.3s;
}

.jszl-section .jszl-tabs__tab::after {
   content: '';
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: -2px;
   width: 40%;
   height: 3px;
   border-radius: 5px;
   background-color: transparent;
   transition: background-color 0.3s;
}

.jszl-section .jszl-tabs__tab:hover {
   color: #c9151e;
}

.jszl-section .jszl-tabs__tab.active {
   color: #c9151e;
   font-weight: bold;
}

.jszl-section .jszl-tabs__tab.active::after {
   background-color: #c9151e;
   box-shadow: 0px 2px 4px rgba(196, 5, 10, 0.21);
}

.jszl-section .jszl-tabs__content {
   width: 100%;
   position: relative;
}

.jszl-section .jszl-tabs__panel {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   visibility: hidden;
   opacity: 0;
   transform: translateX(20px);
}

.jszl-section .jszl-tabs__panel.active {
   position: relative;
   visibility: visible;
   opacity: 1;
   transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s;
   transform: translateX(0);
}

/* 介绍资料 - 搜索框 */
.cpfw-search-wrap {}

.cpfw-search-box {
   display: flex;
   align-items: center;
   background: rgba(255, 255, 255, 1);
   border: 1px solid rgba(232, 232, 232, 1);
   box-shadow: 0px 0px 15px rgba(209, 171, 171, 0.28);
   border-radius: 10px;
   margin-bottom: 24px;
   height: 54px;
   padding: 0 20px;
}

.cpfw-search-input {
   flex: 1;
   border: none;
   height: 100%;
   line-height: 100%;
   background: transparent;
   outline: none;
   font-size: 14px;
   color: #333;
}

.cpfw-search-input::placeholder {
   color: #999;
}

.cpfw-search-box img {
   width: 24px;
   margin-right: 10px;
   margin-top: 4px;
}

.cpfw-search-btn {
   /* background: #c9151e; */
   background: #508cb0;
   border: none;
   cursor: pointer;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 8px 20px;
   border-radius: 6px;
   font-size: 14px;
   margin-left: 10px;
}

.cpfw-search-btn:hover {
   /* background: #a80f16; */
   box-shadow: 0px 0px 15px rgba(209, 171, 171, 0.28);
}

/* 介绍资料 - 列表 */
.cpfw-list-content {
   background: rgba(255, 255, 255, 1);
   box-shadow: 0px 0px 15px rgba(209, 171, 171, 0.28);
   padding: 12px 20px;
}

.cpfw-list {
   display: flex;
   flex-direction: column;
   gap: 0;
   margin-bottom: 20px;
}

.cpfw-list-item {
   display: flex;
   align-items: center;
   gap: 8px;
   height: 60px;
   padding: 0 4px;
   line-height: 60px;
   text-decoration: none;
   border-bottom: 1px solid #eee;
}

.cpfw-list-item:hover {
   box-shadow: 0px 0px 15px rgba(209, 171, 171, 0.28);
}

.cpfw-list-item:hover .cpfw-list-name {
   /* color: #c9151e; */
   color: #508cb0;
}


.cpfw-list-icon {
   width: 14px;
   height: 14px;
   object-fit: contain;
   flex-shrink: 0;
}

.cpfw-list-name {
   flex: 1;
   font-size: 14px;
   color: #333;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.cpfw-list-date {
   font-size: 14px;
   color: #999;
   flex-shrink: 0;
}

.cpfw-list-empty {
   text-align: center;
   padding: 40px 0;
   color: #999;
   font-size: 14px;
}

/* 介绍资料 - 筛选 */
.cpfw-filter-row {
   display: flex;
   flex-direction: column;
   gap: 16px;
   padding: 16px 0;
   border-bottom: 1px solid #eee;
}

@media (min-width: 992px) {
   .cpfw-filter-row {
      flex-direction: row;
      gap: 40px;
   }
}

.cpfw-filter-group {
   display: flex;
   align-items: center;
   gap: 12px;
}

.cpfw-filter-tag {
   display: inline-block;
   padding: 4px 10px;
   color: #333;
   font-size: 14px;
   font-weight: 500;
   border-radius: 4px;
   flex-shrink: 0;
}

.cpfw-filter-btns {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
}

.cpfw-filter-btn {
   padding: 4px 12px;
   background: #fff;
   border: 1px solid #ddd;
   border-radius: 16px;
   font-size: 13px;
   color: #666;
   cursor: pointer;
   transition: all 0.3s;
}

.cpfw-filter-btn:hover {
   /* border-color: #c9151e; */
   /* color: #c9151e; */
   border-color: #508cb0;
   color: #508cb0;
}

.cpfw-filter-btn.active {
   /* background: #c9151e; */
   /* border-color: #c9151e; */
   background: #508cb0;
   border-color: #508cb0;
   color: #fff;
}


/* 品牌介绍 */
.gojk-brand-section {
   padding: 30px 0;
}

.gojk-brand-content {
   text-align: center;
   margin-bottom: 20px;
   padding: 0 20px;
}

.gojk-brand-title {
   font-size: 28px;
   color: rgba(80, 140, 176, 1);
   font-weight: bold;
   margin-bottom: 16px;
}

.gojk-brand-text {
   max-width: 900px;
   margin: 0 auto;
   text-align: center;
}

.gojk-brand-content p {
   text-indent: 2em;
   font-size: 16px;
   color: rgba(80, 140, 176, 1);
   line-height: 2;
   text-align: justify;
   text-wrap: pretty;
   max-width: 900px;
   margin: 0 auto;
}

/* Logo墙 - logo_demo2 形式 */
.gojk-logo-wall {
   width: 100vw;
   margin-left: calc(50% - 50vw);
}

.gojk-logo-wall .stage {
   position: relative;
   height: 80vh;
   min-height: 600px;
   overflow: hidden;
   --shadow-x: 0px;
   --shadow-y: 0px;
   --main-x: 0px;
   --main-y: 0px;
}

.gojk-logo-wall .shadow-layer,
.gojk-logo-wall .card-layer {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
}

.gojk-logo-wall .shadow-layer {
   z-index: 1;
   pointer-events: none;
}

.gojk-logo-wall .shadow-layer polygon {
   filter: blur(0.8px);
   transform-box: fill-box;
   transform-origin: center;
   animation: beamReveal 900ms ease-out both, beamBreath 6.5s ease-in-out infinite;
   animation-delay: var(--delay, 0ms), calc(var(--delay, 0ms) + 900ms);
}

.gojk-logo-wall .card-layer {
   z-index: 2;
}

.gojk-logo-wall .logo-card {
   position: absolute;
   left: var(--x);
   top: var(--y);
   width: var(--w);
   height: var(--h);
   display: grid;
   place-items: center;
   overflow: hidden;
   padding: 0;
   border: 1px solid rgba(255, 255, 255, 0.78);
   border-radius: 7px;
   background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.9) 56%, rgba(247, 250, 252, 0.98) 100%);
   box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.98),
      inset 0 -10px 18px rgba(220, 230, 237, 0.12),
      0 1px 2px rgba(185, 198, 209, 0.08),
      0 12px 28px rgba(157, 174, 188, 0.16);
   transform: translate(calc(-50% + var(--px, 0px)),
         calc(-50% + var(--py, 0px))) translateY(var(--float-y, 0px)) scale(var(--card-scale, 1));
   transform-origin: center;
   transition:
      box-shadow 260ms ease,
      filter 260ms ease;
   animation: cardEnter 680ms cubic-bezier(.2, .8, .2, 1) both, cardFloat var(--float-duration, 7s) ease-in-out infinite;
   animation-delay: var(--delay, 0ms), calc(var(--delay, 0ms) + 680ms);
}

.gojk-logo-wall .logo-card::before,
.gojk-logo-wall .logo-card::after {
   content: "";
   position: absolute;
   inset: 0;
   pointer-events: none;
   border-radius: inherit;
}

.gojk-logo-wall .logo-card::before {
   background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0) 42%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0));
   mix-blend-mode: screen;
}

.gojk-logo-wall .logo-card::after {
   border: 1px solid rgba(211, 222, 231, 0.22);
   box-shadow: inset 0 -1px 0 rgba(194, 207, 218, 0.2);
}

.gojk-logo-wall .logo-card img {
   display: block;
   position: absolute;
   left: 22px;
   right: 22px;
   top: 14px;
   bottom: 14px;
   z-index: 1;
   width: calc(100% - 44px);
   height: calc(100% - 28px);
   min-width: 0;
   min-height: 0;
   object-fit: contain;
   object-position: center;
   transition: transform 260ms ease, filter 260ms ease;
}

.gojk-logo-wall .logo-card:hover,
.gojk-logo-wall .logo-card.is-hovered {
   z-index: 5;
   filter: brightness(1.015);
   box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.98),
      inset 0 -10px 18px rgba(220, 230, 237, 0.1),
      0 2px 4px rgba(185, 198, 209, 0.1),
      0 18px 38px rgba(137, 158, 176, 0.2);
   animation-play-state: paused;
   transform: translate(calc(-50% + var(--px, 0px)),
         calc(-50% + var(--py, 0px))) translateY(var(--float-y, 0px)) scale(var(--card-scale, 1));
}

.gojk-logo-wall .logo-card:hover img,
.gojk-logo-wall .logo-card.is-hovered img {
   transform: scale(1.035);
}

.gojk-logo-wall .main-logo {
   position: absolute;
   left: 50%;
   top: 50%;
   z-index: 3;
   width: min(270px, 22vw);
   height: min(116px, 9.6vw);
   min-width: 200px;
   min-height: 86px;
   display: grid;
   place-items: center;
   padding: 24px 34px;
   border: 1px solid rgba(255, 255, 255, 0.38);
   border-radius: 7px;
   background:
      linear-gradient(155deg, rgba(255, 255, 255, 0.2), transparent 36%),
      linear-gradient(180deg, #62bfff 0%, #2f9bed 58%, #2490df 100%);
   box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.36),
      inset 0 -12px 18px rgba(17, 112, 185, 0.1),
      0 2px 0 rgba(255, 255, 255, 0.42),
      0 18px 42px rgba(94, 142, 179, 0.18);
   transform: translate(calc(-50% + var(--main-x)), calc(-50% + var(--main-y)));
   transition: transform 420ms ease-out, box-shadow 260ms ease;
   animation: mainPulse 5.8s ease-in-out infinite;
}

.gojk-logo-wall .main-logo img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: contain;
}

@keyframes cardEnter {
   from {
      opacity: 0;
      transform: translate(calc(-50% + var(--px, 0px)),
            calc(-42% + var(--py, 0px))) scale(var(--enter-scale, 0.94));
   }

   to {
      opacity: 1;
      transform: translate(calc(-50% + var(--px, 0px)),
            calc(-50% + var(--py, 0px))) translateY(var(--float-y, 0px)) scale(var(--card-scale, 1));
   }
}

@keyframes cardFloat {

   0%,
   100% {
      transform: translate(calc(-50% + var(--px, 0px)),
            calc(-50% + var(--py, 0px))) translateY(var(--float-y, 0px)) scale(var(--card-scale, 1));
   }

   50% {
      transform: translate(calc(-50% + var(--px, 0px)),
            calc(-50% + var(--py, 0px))) translateY(calc(var(--float-y, 0px) - var(--float-distance, 5px))) scale(var(--card-scale, 1));
   }
}

@keyframes beamReveal {
   from {
      opacity: 0;
      transform: scaleX(0.82);
   }

   to {
      opacity: var(--beam-opacity, 0.84);
      transform: scaleX(1);
   }
}

@keyframes beamBreath {

   0%,
   100% {
      opacity: var(--beam-opacity, 0.84);
   }

   50% {
      opacity: var(--beam-opacity-low, 0.62);
   }
}

@keyframes mainPulse {

   0%,
   100% {
      box-shadow:
         inset 0 1px 0 rgba(255, 255, 255, 0.36),
         inset 0 -12px 18px rgba(17, 112, 185, 0.1),
         0 2px 0 rgba(255, 255, 255, 0.42),
         0 18px 42px rgba(94, 142, 179, 0.18);
   }

   50% {
      box-shadow:
         inset 0 1px 0 rgba(255, 255, 255, 0.42),
         inset 0 -12px 18px rgba(17, 112, 185, 0.08),
         0 2px 0 rgba(255, 255, 255, 0.42),
         0 22px 48px rgba(76, 142, 193, 0.24);
   }
}

@media (max-width: 900px) {
   .gojk-logo-wall .stage {
      height: 80vh;
      min-height: 760px;
   }

   .gojk-logo-wall .logo-card {
      --card-scale: 0.64;
   }

   .gojk-logo-wall .shadow-layer {
      opacity: 0.72;
   }

   .gojk-logo-wall .main-logo {
      width: 160px;
      height: 76px;
      padding: 8px 12px;
   }
}

@media (max-width: 991px) {
   .gojk-brand-section {
      padding: 20px 0;
   }

   .gojk-brand-content p {
      font-size: 14px;
   }
}

/* 介绍资料 - 手风琴 */
.cpfw-accordion {
   display: flex;
   flex-direction: column;
   gap: 12px;
   background-color: #ffffff;
   box-shadow: 0px 0px 15px rgba(209, 171, 171, 0.28);
   padding: 20px;
}

.cpfw-accordion .cpfw-list-item {
   padding: 0 8px;
}

.cpfw-accordion-item {
   overflow: hidden;
}

.cpfw-accordion-header {
   display: flex;
   align-items: center;
   gap: 16px;
   padding: 16px 24px;
   cursor: pointer;
   user-select: none;
   border-radius: 55px;
   background: rgba(204, 204, 204, 0.2);
}

.cpfw-accordion-title {
   flex: 1;
   font-size: 17px;
   /* color: #c9151e; */
   color: #508cb0;
   font-weight: 700;
}

.cpfw-accordion-arrow {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 24px;
   height: 24px;
   /* background-color: #c9151e; */
   background-color: #508cb0;
   border-radius: 50%;
   color: #fff;
   transition: transform 0.3s;
   flex-shrink: 0;
}

.cpfw-accordion-arrow svg {
   width: 12px;
   height: 12px;
}

.cpfw-accordion-item.active .cpfw-accordion-arrow {
   transform: rotate(180deg);
}

.cpfw-accordion-content {
   display: none;
}

.cpfw-accordion-item.active .cpfw-accordion-content {
   display: block;
}


@media (max-width: 1400px) {
   .jkzq-swiper {
      width: 95%;
   }
}

@media (max-width: 991px) {
   .gojk-main .home-section__container {
      padding: 16px;
   }

   .hero-swiper {
      aspect-ratio: 1920 / 900;
   }

   .banner-title {
      /* display: none; */
   }

   .hero-swiper .banner-title img {
      height: 60px;
   }

   .banner-title .sub-title {
      font-size: 14px;
      margin-bottom: 10px;
   }

   .gojk-tabs__panel {
      padding: 0;
   }

   .tsfw-section {
      padding: 16px 0;
   }

   .tsfw-tabs {
      margin-bottom: 20px;
   }

   .section-title img {
      max-width: 60%;
      height: auto;
   }

   .jkzq-card {
      display: flex !important;
      aspect-ratio: auto;
   }

   .jkzq-dots {
      display: none;
   }

   .jkzq-card__img {
      display: none;
   }
}

@media (max-width: 576px) {
   .section-title img {
      max-width: 80%;
   }
}

/* ============================================
   移动端响应式适配
   ============================================ */
@media (max-width: 991px) {

   /* 主 Tabs */
   .gojk-tabs__list {
      height: 48px;
      border-radius: 24px;
   }

   .gojk-tabs__tab {
      font-size: 14px;
      line-height: 48px;
   }

   .gojk-tabs__tab.active {
      font-size: 14px;
   }

   /* 子 Tabs */
   .tsfw-tabs__list {
      flex-wrap: nowrap;
      overflow-x: auto;
      gap: 0;
      scrollbar-width: none;
      -ms-overflow-style: none;
      justify-content: flex-start;
   }

   .tsfw-tabs__list::-webkit-scrollbar {
      display: none;
   }

   .tsfw-tabs__tab {
      flex: 1;
      padding: 10px 0;
      text-align: center;
      font-size: 15px;
      white-space: nowrap;
   }

   /* 介绍资料子Tabs */
   .jszl-section .jszl-tabs__list {
      flex-wrap: nowrap;
      overflow-x: auto;
      gap: 0;
      scrollbar-width: none;
      -ms-overflow-style: none;
      justify-content: flex-start;
      padding: 0 8px;
   }

   .jszl-section .jszl-tabs__list::-webkit-scrollbar {
      display: none;
   }

   .jszl-section .jszl-tabs__tab {
      padding: 10px 16px;
      font-size: 15px;
      white-space: nowrap;
   }

   /* 特色服务卡片 - 改为上下布局 */
   .tsfw-card {
      flex-direction: column;
      aspect-ratio: auto;
      gap: 16px;
   }

   .tsfw-card__img {
      width: 100%;
      height: 200px;
      border-radius: 12px;
   }

   .tsfw-card__img::after {
      display: none;
   }

   .tsfw-card__info .list {
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      gap: 10px;
   }

   .tsfw-card__info .list-icon {
      width: 24px;
      height: 24px;
   }

   .tsfw-card__info p {
      font-size: 13px;
   }

   /* GO健康服务节 - 改为上下布局 */
   .gojk-date-content {
      flex-direction: column;
      aspect-ratio: auto;
      gap: 16px;
   }

   .gojk-date-card__img {
      width: 100%;
      height: 200px;
      border-radius: 12px;
   }

   .gojk-date-card__info .title-img img {
      height: 40px;
   }

   .gojk-date-card__info p {
      -webkit-line-clamp: 3;
      line-clamp: 3;
      margin-bottom: 12px;
   }

   /* 健康专区轮播 - 单列展示 */
   .jkzq-carousel {
      height: auto;
   }

   .jkzq-card {
      margin-bottom: 20px;
      position: relative;
      width: 100%;
      aspect-ratio: auto;
      border-radius: 16px;
      flex-direction: column;
      transform: none !important;
      opacity: 1 !important;
   }

   .jkzq-card:nth-child(1),
   .jkzq-card:nth-child(2) {
      left: 0;
      right: 0;
      transform: none;
      opacity: 1;
      display: none;
   }

   .jkzq-card.active {
      display: flex;
   }

   .jkzq-card__content {
      width: 100%;
      padding: 20px;
   }

   .jkzq-card__content h3 {
      font-size: 20px;
   }

   .jkzq-card__content p {
      font-size: 14px;
   }

   /* 产品服务卡片 - 改为垂直堆叠 */
   .gojk-cpfw-wrap {
      aspect-ratio: auto;
      display: flex;
      flex-direction: column;
      gap: 20px;
      margin: 20px 0;
   }

   .gojk-cpfw-wrap .cpfw-img-card,
   .gojk-cpfw-wrap .cpfw-content-card {
      position: relative;
      width: 100%;
      height: auto;
      transform: none !important;
      top: auto;
   }

   .gojk-cpfw-wrap .cpfw-img-card {
      height: 180px;
   }

   .gojk-cpfw-wrap.img-left .cpfw-img-card,
   .gojk-cpfw-wrap.img-right .cpfw-img-card {
      left: auto;
      right: auto;
   }

   .gojk-cpfw-wrap.img-left .cpfw-content-card,
   .gojk-cpfw-wrap.img-right .cpfw-content-card {
      left: auto;
      right: auto;
      padding-left: 20px;
   }

   .cpfw-img-card .content-wrap {
      padding: 16px;
   }

   .cpfw-img-card h3 {
      font-size: 20px;
   }

   .cpfw-img-card .sub-title {
      font-size: 14px;
      margin-bottom: 12px;
   }

   .cpfw-content-card {
      padding: 16px;
   }

   .cpfw-content-card .list {
      gap: 16px;
   }

   .cpfw-content-card .list-icon {
      width: 24px;
      height: 24px;
   }

   /* 介绍资料搜索框 */
   .cpfw-search-box {
      height: 46px;
      padding: 0 12px;
   }

   .cpfw-search-btn {
      padding: 6px 14px;
      font-size: 13px;
   }

   /* 介绍资料列表 */
   .cpfw-list-item {
      height: 50px;
      line-height: 50px;
      gap: 8px;
   }

   .cpfw-list-name {
      font-size: 13px;
   }

   .cpfw-list-date {
      font-size: 12px;
   }

   /* 介绍资料筛选 */
   .cpfw-filter-row {
      padding: 12px 0;
   }

   .cpfw-filter-group {
      width: 100%;
      flex-wrap: wrap;
   }

   .cpfw-filter-group .cpfw-filter-btns {
      width: 100%;
   }

   .cpfw-filter-tag {
      font-size: 13px;
      padding: 0;
   }

   /* 手风琴 */
   .cpfw-accordion {
      padding: 12px;
   }

   .cpfw-accordion-header {
      padding: 12px 16px;
   }

   .cpfw-accordion-title {
      font-size: 15px;
   }

   .cpfw-accordion-content {
      padding: 0 16px 12px;
   }

   /* 卡片入口按钮 */
   .enter-cards {
      flex-wrap: wrap;
   }

   .enter-card {
      min-width: 80px;
      width: calc(50% - 4px);
   }
}