@charset "UTF-8";

/* 字体定义 */
@font-face {
    font-family: 'NotoSansTC-Regular';
    src: url('https://fonts.ydcarehk.com/fonts/NotoSansTC-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSansTC-Bold';
    src: url('https://fonts.ydcarehk.com/fonts/NotoSansTC-Bold.ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSansTC-Medium';
    src: url('https://fonts.ydcarehk.com/fonts/NotoSansTC-Medium.ttf');
    font-weight: 500;
    font-style: bold;
}

@font-face {
    font-family: 'NotoSansTC-Light';
    src: url('https://fonts.ydcarehk.com/fonts/NotoSansTC-Light.ttf');
    font-weight: 500;
    font-style: normal;
}

/* 根元素设置，基于1920px设计稿 */
:root {
    font-size: 18px; /* 基础字体大小 */
    --base-font-size: 1rem; /* 基础字体大小 */
    --container-padding: 3.778rem; /* 容器内边距 */
    --container-max-width: 71.111rem; /* 最大宽度 */
    --subsection-padding: 6.222rem; /* 区块内边距 */
    --container-gap:1.778rem; /* 容器间隔 */
    --subsection-max-width: 64rem; /* 二级页面最大宽度 */
    --subsection-padding-large: 3.111rem;
    --h1-font-size:3.333rem;
    --h2-font-size:2.667rem;
    --h3-font-size:2.111rem;
    --h4-font-size:1.778rem;
    --h5-font-size:1.556rem;
    --h6-font-size:1.333rem;
    --text-large: 1.333rem;
    --text-medium: 1.111rem;
    --text-regular: 0.889rem;
    --text-small: 0.778rem;
    --text-tiny: 0.667rem;
    --padding-global:1.778rem;
    --padding-section-Xlarge:6.222rem;
    --padding-section-large:3.111rem;
    --padding-section-medium:2.222rem;
    --padding-section-small:1.333rem;
}

/* 响应式字体大小设置 */
html {
    font-size: calc(100vw / 1920 * var(--base-font-size)); /* 基于1920px设计稿的响应式字体 */
}

/* 基础样式重置和字体设置 */
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, a, p {
    font-size: 0.889rem; /* 使用rem单位 */
    font-family: "NotoSansTC";
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a:hover{font-weight: 500;}

body {
    background-color: #FFF;
    line-height: 120%;
    overflow-x: hidden;
    color: #040708;
}
.subsection_padding{padding: var(--subsection-padding);}
.content_box{max-width: var(--container-max-width); margin: 0 auto;}
/* 输入框样式重置 */
input[type=submit], input[type=reset], input[type=button], input[type=text] {
    -webkit-appearance: none;
    border: none;
    outline: none;
}

/* 通用浮动类 */
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.mf-5{margin-left: -6px;}
.pd-t-large{padding-top: var(--subsection-padding-large);}
.pd-t-small-large{padding-bottom: 1.333rem;}
.pd-b-large{padding-bottom: var(--subsection-padding-large);}
.pd-b-small-large{padding-bottom: 1.333rem;}
.pd-large{padding: var(--subsection-padding-large);}
.pd-small-large{padding:1.333rem;}
.bg-maduro{background: #BFA080;}
.bg-maduro-light{background: #F5F1EC;}
.bg-green-light{background-color: #EDF1F0;}
.font-color-maduro{color:#41301D;}
.color-write{color: #FFF;}


/* 标题样式 */
h1 {
    font-size: var(--h1-font-size);
    line-height: 110%;
}

h2 {
    font-size: var(--h2-font-size);
    line-height: 120%;
}

h3 {
    font-size: var(--h3-font-size);
    line-height: 120%;
}

h4 {
    font-size: var(--h4-font-size);
    line-height: 130%;
}

h5 {
    font-size: var(--h5-font-size);
    line-height: 130%;
}

h6 {
    font-size: var(--h6-font-size);
    line-height: 130%;
}

.fixed_whatsapp{width:4.444rem; height: 4.444rem; position: fixed; bottom: 2rem; right: 2rem; background-color: #5FA54C; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 998;}

/* 导航栏 */
.navbar-fixed {
    top: 0;
    width: 100%;
    height: 4.5rem;
    position: fixed;
    z-index: 999;
    background-color: #FFF;
}

.nav {
    display: flex;
    justify-content: space-between;
    height: 4.5rem;
    padding: 0 var(--container-padding);
    align-items: center;
    font-size: 1.286rem;
}

.logo {
    width: 5.25rem;
    height: 2.25rem;
}

.logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.nav_right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav_menu ul{
    display: flex;
    gap: 2rem;
}

.nav_menu li{position: relative;}

.nav_menu li a {
    position: relative;
    font-size: 1.125rem;
    line-height: 150%;
    color: #040708;
    text-decoration: none;
    transition: color 0.3s ease;
    z-index: 999;
}
.nav_menu .sub_menu{display: none; position:absolute; left: 0; top:0; padding-top: 4rem; width: 20rem; z-index: 998;}
.nav_menu li:hover > .sub_menu{display: block; }
.nav_menu li:hover > a{font-weight: 500;}
.nav_menu .sub_menu ul{display: inline-block; background-color: #FFF;  padding:0.5rem var(--container-gap); border-radius: 0.5rem; 
    box-shadow: -5px 5px 20px 5px rgba(100, 100, 100, 0.35);}
.nav_menu .sub_menu ul li{display: block; padding: 0.7rem 0;}

.nav_menu li:nth-child(2) .sub_menu ul{width:28rem;  display: flex; flex-wrap: wrap; padding: 0.8rem var(--container-gap);}
.nav_menu li:nth-child(2) .sub_menu ul li{flex: 1 1 45%; padding: 0.2rem 0;}
.nav_menu li:nth-child(2) .sub_menu ul li p{font-size: 0.8rem;}
.languages a{
    padding:0.571rem 1.429rem; border: 1px solid #040708; border-radius: 0.5rem; margin:0 1.714rem;
}
.languages ul{
    display: none;
}

.nav_btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav_btn a{
    padding:0.571rem 1.429rem;
    border-radius: 0.5rem;
    text-align: center;
    border: 3px solid #A5784A;
    background-color: #A5784A;
    color: #FFF;
}

.nav_btn span {
    width: 1rem;
    display: inline-block;
    margin-right:0.5rem;
}

.nav_btn span img {
    width: 100%;
}

.mobile_nav,.mobile_menu,.mobile_mask{display: none;}

/* Banner区域 */
.banner {
    width: 100%;
    height: 53.533rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.banner .mobile_show{display: none;}
.banner .mobile_hide{display: block;}

.banner .banner_position,.about-banner .banner_position{
    position: absolute;
    width: var(--container-max-width);
    left: 50%;
    transform: translateX(-50%) translateY(-50%); /* 微调以真正居中 */
    top:50%;
    z-index: 999;
}

.banner .banner_text,.about-banner .banner_text{
    max-width: 32.222rem;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

.banner h1 {
    line-height: 110%;
    font-size: var(--h1-font-size);
    color: #FFF;
    font-weight: 500;
    margin-bottom: var(--padding-section-small);
}

.banner p {
    font-size: 1.111rem;
    line-height: 150%;
    color: #FFF;
    text-align: left;
    max-width: 36.25rem;
    margin-bottom: var(--padding-section-small);
}

.banner_btn {
    cursor: pointer;
    color: #FFF;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.banner_btn a {
    display: block;
    border-radius: 0.7rem;
    background-color: #A5784A;
    padding: 0.555rem 1.111rem;
    font-size: 1rem;
    color: #FFF;
    text-decoration: none;
}


.mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(22, 11, 5, 0.35);
    z-index: 900;
}

.black{
    background-color: rgba(22, 11, 5, 0.6);
}

.banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner .banner_about{width: 100%; height: 100%;}
.banner .banner_about img{width: 100%; height: 100%; object-fit: cover;}



.big_sub_title {
    width: 100%;
    height: 8rem;
    background: #2b9591;
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.big_sub_title h1 {
    font-size: 2rem;
    color: #FFF;
}

/* 按钮样式 */
.btn_more {
    display: block;
    cursor: pointer;
    line-height: 150%;
    align-self: stretch;
}

.btn_more a {
    border-radius: 0.5rem;
    padding: 0.3rem 1rem;
    border: 1px solid rgba(4, 7, 8, 0.50);
    color: #040708;
    font-size: var(--text-regular)
}

.milestones{padding: var(--padding-section-large); background-color: #BFA080;}
.milestones ul{max-width: var(--container-max-width); margin: auto; display: flex; justify-content: center; flex-wrap: wrap; gap: 2.667rem;}
.milestones li{flex: 1 1 calc(25% - 3.428rem); display: flex; justify-content: center; align-items: center; flex-direction: column;}
.milestones li span{width:3.556rem; height:3.556rem;}
.milestones li span img{width:100%; height:100%; object-fit:cover;}
.milestones p{font-size: 1.444rem; color: #FFF;}
.milestones h3{color: #FFF; margin: 1.714rem 0; line-height: 150%; font-size: var(--h3-font-size);}
/* Home_USP */
.subsection{background-color: #F5F1EC; overflow: hidden; padding: var(--padding-section-large) var(--padding-global);}
.subsection_zero{padding:0;}
.subsection_padding_top{padding-left:0; padding-right:0; padding-bottom: 0;}
.subsection .big_title{padding: var(--padding-section-large);}
.subsection .big_title h2{font-size: var(--h2-font-size); line-height: 120%; font-style: medium; font-weight: 500; margin: auto; max-width: var(--container-max-width); color: #41301D; padding-bottom: var(--padding-section-large); border-bottom: 1px solid #BFA080;}
.Home_USP{display: flex; flex-wrap: wrap;}
.Home_USP .mobile_hide{display: block;}
.Home_USP .mobile_show{display: none;}
.Home_USP_item_text h3, .Home_USP_item_text h4{color: #41301D;}
.Home_USP_item{display: flex; flex: 1 1 50%; align-items: center;}
.Home_USP_item .Home_USP_item_text{max-width:31.944rem; display: flex; flex-direction: column; gap: 1.333rem; margin: var(--padding-section-large) var(--container-padding); color: #41301D;}
.Home_USP_item .Home_USP_item_text h3{font-size: var(--h3-font-size);}
.Home_USP_item .Home_USP_item_text p{font-size: 1.111rem; line-height: 150%; color: #41301D;}
.Home_USP_item img{width:100%; height:100%; object-fit:cover; position: absolute;}
/* Home_Conditions & Services */
.conditions,.services{display:flex; justify-content: start; padding: var(--padding-section-large); background: linear-gradient(0deg, rgba(49, 36, 22, 0.50) 0%, rgba(49, 36, 22, 0.50) 100%), url(../images/conditions_img.png) lightgray 50% / cover no-repeat;}
.Home_conditions{max-width: var(--container-max-width); margin:0 auto;}
.services{background: linear-gradient(0deg, rgba(49, 36, 22, 0.50) 0%, rgba(49, 36, 22, 0.50) 100%), url(../images/service_img.png) lightgray 50% / cover no-repeat;}
.Home_conditions,.Home_services{flex: 1 1 50%; padding: 0 var(--container-padding);}
.conditions_text h3{color: #FFF;}
.conditions_text ul{max-width:31.667rem; display: flex; flex-wrap: wrap; gap: 0.444rem; padding: 1.333rem 0;}
.conditions_text li{padding:0.444rem 1.111rem; border-radius: 0.667rem; background: #F5F1EC; color: #41301D;}
.conditions_text .btn{padding-top:1rem; display: flex;}
.conditions_text a{display: flex; align-items: center; font-size: 1rem; padding:0.444rem 1.111rem; border: 1px solid #FFF; border-radius: 0.667rem; color: #FFF; margin-right:var(--container-gap);}
.conditions_text .brown_btn{background-color: #A5784A; border-color: #A5784A;}
/* Home_Why Choose Us */
.choose_us{max-width: var(--container-max-width); margin: 0 auto;}
.choose_us ul{display: flex; gap: 1.111rem;}
.choose_us li{border-right: 1px solid #BFA080; padding-right: 1.11rem; display: flex; align-items: start; flex-direction: column;}
.choose_us li:last-child{border-right: none;}
.choose_us li span{width:64px; height:64px;}
.choose_us li img{width:100%; height:100%; object-fit:cover;}
.choose_us li h4{font-size: var(--h4-font-size); font-weight: 500; color: #41301D; margin: var(--padding-section-small) 0; line-height: 150%;}
.choose_us li p{color: #41301D; font-size: 1rem; line-height: 150%;}
/* Home_Testimonials */
.subsection_white{background-color: #FFF; padding: var(--padding-section-large) var(--padding-global);}
.subsection_white h2{max-width: var(--container-max-width); margin: 0 auto;}
.scroll_testimonials{padding:var(--padding-section-large) 0; overflow-x: hidden;}
.scroll_testimonials ul{display: flex; flex-wrap: nowrap; gap: 2.667rem;}
.scroll_testimonials li{padding-top:1.333rem; padding-bottom: 0;}
.scroll_testimonials .testimonials_text{width:16.889rem; min-height: 5rem; position: relative; padding: 2.667rem; border-radius: 0.889rem; background-color: #ECE4DA; line-height: 150%; font-size: 1.111rem;}
.scroll_testimonials .testimonials_text::before {
  content: ""; /* 必须设置content属性 */
  position: absolute;
  top: -15px; /* 相对于父元素顶部对齐 */
  left: 50%; /* 水平居中 */
  transform: translateX(-50%); /* 微调以真正居中 */
  width: 0;
  height: 0;
  border-left: 1rem solid transparent; /* 左边框透明 */
  border-right: 1rem solid transparent; /* 右边框透明 */
  border-bottom: 1.5rem solid #ECE4DA; /* 下边框为三角形的高度和颜色 */
}
.scroll_testimonials .testimonials_name{border-top: 1px solid #BFA080; padding-top:1.111rem; margin-top:1.111rem; font-size: 1rem;}
.scroll_testimonials li:nth-child(2n){padding-bottom:1.333rem; padding-top: 0;}
.scroll_testimonials li:nth-child(2n) .testimonials_text{background-color: #F5F1EC;}
.scroll_testimonials li:nth-child(2n) .testimonials_text::before{
  content: ""; /* 必须设置content属性 */
  position: absolute;
  top: auto;
  bottom: -15px; /* 相对于父元素顶部对齐 */
  left: 50%; /* 水平居中 */
  transform: translateX(-50%); /* 微调以真正居中 */
  width: 0;
  height: 0;
  border-left: 1rem solid transparent; /* 左边框透明 */
  border-right: 1rem solid transparent; /* 右边框透明 */
  border-top: 1.5rem solid #F5F1EC; /* 下边框为三角形的高度和颜色 */
  border-bottom: none;
}
/* Home_Partnerships */
.partnerships{padding:0 var(--container-padding)  5.714rem var(--container-padding);}
.partnerships h5{text-align: center; font-weight: bold; font-size: 1.111rem; line-height: 150%; margin-bottom: 1.333rem;}
.partner_list{display: flex; justify-content: center; align-items: center; gap: var(--container-gap); margin-bottom: 2.667rem;}
.partner_list li{width:7.778rem; height: 3.111rem;}
.partner_list li img{width:100%; height:100%; object-fit:contain;}
/* Home_Assessment */
.assessment{max-width: var(--container-max-width); margin: 0 auto; color: #FFF;}
.assessment .big_title h3{color: #FFF; font-size: var(--h3-font-size); line-height: 120%; margin-bottom: 2.667rem;}
#contact_form{display: flex; flex-wrap: wrap; gap: 1.333rem;}
.form_group{flex: 1 1 calc(50% - 2.666rem); justify-content: start; display: flex; flex-direction: column;}
.form_group_full{flex: 1 1 100%;}
.form_group label{display: block; line-height: 150%; margin-bottom: 0.667rem; height:1rem;}
.form_group .form_input{width: 100%; height:2.389rem; flex-shrink: 0; padding:0.444rem 0.667rem; border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 0.5rem; font-size: 1rem; color: #41301D;}
.form_group_btn{flex-direction: row;}
.form_group .checkbox_list{display: flex; gap:0.889rem; flex-wrap: wrap;}
.form_group.form_checkbox {
    position: relative; /* 确保子元素可以相对于这个容器定位 */
}

.form_group .form_checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0; /* 隐藏默认的 checkbox */
    width: 0;
    height: 0;
}

.form_group .form_checkbox .form_label {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding:0.444rem 0.889rem;
    border: 1px solid #FFF;
    overflow: hidden;
}

.form_checkbox .checked{
    background-color: #FFF;
    color: #425C56;
}

.form_group .form_icon{padding-left: 2.667rem; background: no-repeat #FFF 0.667rem center; background-size: 1.333rem 1.333rem;
    -webkit-appearance: none; /* 针对Webkit浏览器 */
    -moz-appearance: none; /* 针对Mozilla浏览器 */
    appearance: none; /* 适用于所有现代浏览器 */
}
.form_select{width: calc(100% - 1.333rem); height:auto; background-color: #FFF; overflow: hidden; padding:0.444rem 0.667rem; border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 0.5rem; font-size: 1rem; color: #41301D; cursor: pointer; position: relative;}
.form_select label{display: flex; justify-content: space-between; align-items: center; cursor: pointer; margin: 0;}
.form_select label .arrow_up{display: none;}
.form_select ul{display: none;}
.form_select ul li{height:1.501rem; line-height:1.501rem; padding:0.444rem 0; cursor: pointer;}
.form_group .icon_phone{background-image: url(../svg/tel.svg); }
.form_group .icon_email{background-image: url(../svg/email.svg); }
.form_group .form_textarea{height:6.667rem;}
.form_group:last-child{flex: 1 1 100%;}
.form_group .form_btn{padding:0.556rem 1.333rem; background-color: #FFF; border:1px solid #FFF; border-radius: 0.667rem; cursor: pointer; margin-right: 1.333rem;}
.form_group .form_btn_whatsapp{background:transparent; color: #FFF;}
.form_hr{height: 1px; overflow: hidden; height: 0; background: rgba(255, 255, 255, 0.50);}
.form_group label.error,.form_group div.error{color: #ED0000; margin-top:0.3rem;}
.form_group  .payment_error,.form_group .services_error,.form_group .budget_error{ display: none;}
.form_group #submitReturn{display: none;}
/* Related Articles */
.articles{padding-bottom: 5rem; position: relative;}
.articles h3{max-width: var(--container-max-width); margin: 0 auto; color: #41301D;}
.scroll_articles{width: var(--container-max-width); margin: 0 auto; position: relative;}
.scroll_articles:hover .scroll-controls{display: block;}
.articles_list{width: 100%;  /*height: 27.778rem;*/ overflow: hidden;}
.articles_list .articles_item{flex: 0 0 auto; width: calc(33.333% - 1.778rem); margin:0 0.889rem; border-radius: 0.889rem; overflow: hidden; background-color: #FFF; transition: all 0.3s ease;}
.articles_list .articles_item img{width: 100%; object-fit: cover;}
.articles_list .articles_item:last-child{margin-right: 0;}
.articles_list ul{ /*height: 27.778rem;*/ display: flex; margin-bottom:var(--padding-section-large); transition: transform 0.5s ease; justify-content:space-between;}
.articles_list li{flex: 0 0 auto; width: calc(23.7rem - 1.778rem); height: 24.778rem; margin:0 0.889rem; border-radius: 0.889rem; overflow: hidden; background-color: #FFF; transition: all 0.3s ease;}
.articles_list li img{width: 100%; object-fit: cover;}
.articles_list li:last-child{margin-right: 0;}
.articles_text{padding:1.333rem 2.667rem 2.667rem; gap: 0.444rem; display: flex; flex-direction: column;}
.articles_tag{font-size: 0.889rem;}
.articles_tag span{border: 1px solid rgba(4, 7, 8, 0.15); background-color: #FFF; border-radius: 0.5rem; padding: 0.2rem 0.5rem; margin-right: 0.5rem;}
.articles_text h5{font-size: var(--container-gap); color: #040708; line-height: 130%;}
.articles_text a{font-weight: 500;}
.scroll-controls{width:100%; height:100%; position: absolute; top:40%; display: none;}
.scroll-controls .scroll-btn{position: absolute; left: -80px; top:0; z-index: 999;}
.scroll-controls .next-btn{right: -80px; top:0; text-align: right;}
.show_all{text-align: center;}
/* Join Us */
.join_us {
    max-width: var(--container-max-width);
    margin: 0 auto;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    gap: 4.444rem;
}
.join_us_left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 50%;
    align-items: start;
}

.join_us_left .big_title {
    align-items: flex-start;
}

.join_us_left .big_title h1 {
    align-items: flex-start;
    color: #040708;
    text-align: left;
}
.join_us_left li{line-height: 150%; list-style: inside;}

.join_us_left .desc_text {
    font-size: 1rem;
    text-align: justify;
    margin: 1.333rem 0 var(--container-gap) 0;
    color: #040708;
    line-height: 150%;
}

.join_us_right{
    display: flex;
    width: 17.778rem;
    height:17.778rem;
    overflow: hidden;
    border-radius: 1rem;
}
.home_join_us_right{
    width: 25rem;
    height:25rem;
}
.join_us_right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Home_Contact Us */
.contact{max-width: var(--container-max-width); margin: 0 auto; color: #41301D;}
.contact h3{font-size: var(--h3-font-size); text-align: center; margin-bottom: 1.333rem;}
.contact p{text-align: center; margin-bottom: var(--padding-section-large); font-size: 1.111rem; line-height: 150%;}
.contact ul{width:100%; display: flex; flex-wrap: nowrap; gap: var(--container-gap);}
.contact li{flex: 1 1 33.333%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.contact li svg{width: 2.667rem; height: 2.667rem;}
.contact_btn{width:100%;  margin:1.33rem 0;}
.contact_btn a{display: block; width:100%; padding: 0.556rem 0; border: 1px solid rgba(4, 7, 8, 0.50); border-radius: 0.667rem; text-align: center;}
/* 底部 */
.footer {
    padding: var(--padding-section-medium) var(--padding-global);
}

.footer_content,.footer_bottom {
    max-width: var(--container-max-width);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.footer_content p{
    font-size: 0.889rem;
    line-height: 150%;
    margin-bottom: 1.333rem;
}
.footer_social{margin-bottom: 4.444rem;}
.footer_social ul{display: flex; gap:0.667rem;}
.footer_social li{width: 1.333rem; height: 1.333rem;}

.footer_left {
    flex: 1 1 60%;
}

.footer_logo {
    width: 6.667rem;
}

.footer_logo img {
    width: 100%;
    height: auto;
}

.footer_text {
    padding-top: var(--container-gap);
}
.footer_text a{text-decoration: underline;}

.footer_right {
    display: flex;
    flex: 1 1 25%;
    align-items: end;
    font-size: 1rem;
}
.footer_menu{width:100%; display: flex; flex-wrap: wrap;}
.footer_menu li{flex: 1 1 50%; padding: 0.444rem 0;}
.footer_menu li:last-child{align-self: stretch;flex: 1 1 100%;}
.footer_menu li a{font-size: 0.889rem; line-height: 150%; font-weight: 500;}

.footer_bottom{border-top: 1px solid rgba(4, 7, 8, 0.15); padding-top: var(--container-gap); font-size: 0.889rem; line-height: 150%;}
.footer_links a{font-size: 0.889rem; line-height: 150%; margin-left: 1.333rem; text-decoration: underline;}

/* SUB_BANNER */
.sub_banner{height: auto; display: grid; grid-template-areas: "stack";}
.sub_banner .banner_position{position: relative; left: 0; top:0; transform: none; padding: var(--padding-section-large); margin: 0 auto;}
.banner_img{width:50%; height: 100%; grid-area: stack; position: absolute; right: 0;}
.banner_img img{width: 100%; height:100%; object-fit:cover; position: absolute;}
.sub_banner h1, .sub_banner p{color: #040708;}

/* Conditions - Categories */
.subsection_padding .big_title{max-width: var(--container-max-width); margin: 0 auto; padding: 0 0 var(--padding-section-large) 0;}
.subsection_padding .big_title h2{border: none; padding: 0; margin: 0;}
.disease_item{max-width: var(--container-max-width); margin: 0 auto;}
.disease_item ul{display: flex; gap: var(--padding-section-small); flex-wrap: wrap; justify-content: space-between;}
.disease_item li{display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 0 0 calc(25% - var(--padding-section-small)*3); padding: var(--padding-section-small); border-radius: 0.889rem; background-color: #BFA080;}
.disease_item li:last-child{margin-right: auto;}
.disease_item .disease_icon{width:4.667rem; height:4.667rem;  background-color: #83603B; border-radius: 50%;}
.disease_item .disease_icon svg{width:100%; height:100%;}
.disease_item h5{ color: #FFF; margin: 1.333rem 0;}
.disease_item a{width:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1rem; color: #FFF; text-align: center;}
.disease_item a p{font-size: var(--text-regular);}

/* Conditions - Journey */
.journey{max-width: var(--container-max-width); padding:var(--subsection-padding) auto 0 auto;}
.journey ul{display: flex; justify-content: space-between; gap: 2.667rem; align-items: start;}
.payment_process ul{align-items: end;}
.journey ul li{flex: 1 1 23% ;}
.journey .journey_title{display: flex; justify-content: start; align-items: end;}
.journey .journey_icon{width: 2.667rem; height: 2.667rem; margin-right: 0.444rem;}
.journey .journey_icon svg{width: 100%; height: 100%;}
.journey .journey_title h5{font-size: var(--h5-font-size); line-height: 130%; flex: 1 1 80%;}
.journey .journey_line{height:1rem;display: flex; justify-content: space-between; align-items: center; margin: var(--container-gap) 0;}
.journey .journey_line .circle{width: 0.8rem; height: 0.8rem; border-radius: 50%; background-color: #040708; margin-right: 0.5rem;}
.journey .journey_line hr{height: 0.1667rem; background-color: #040708; flex: 1 1 90%;}
.journey p{line-height: 150%;}
.journey .mobile_show{display: none;}
.subsection_green{background-color: #425C56; padding: var(--padding-section-large) var(--padding-global);}
.container_take{background-color: #425C56; align-items: center;}
.subsection_green h2, .container_take .desc_text{color: #FFF;}
.container_take a{color: #FFF; border: 1px solid #FFF;}
.container_take .join_us_left{height:auto;}
.container_take .join_us_left h5{font-size: var(--h5-font-size);}
.container_take .join_us_left .desc_text{display: flex; flex-direction: column; gap: var(--padding-section-small); margin-top: 0;}
.container_take .join_us_left .desc_text li{font-size: var(--text-regular);}
.container_take .join_us_right{width:17.778rem; height:17.778rem;}

/* Services */
.services_item{max-width: var(--container-max-width); margin: 0 auto;}
.services_item ul{display: flex; gap: var(--container-gap); flex-wrap: wrap; justify-content: start;}
.services_item li{height:27.778rem; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 0 0 23%; border-radius: 0.889rem; overflow: hidden;}
.services_item li img{width: 100%; height: 100%; object-fit: cover;}
.services_item li .services_item_text{height:45%; position: absolute; left: 0; bottom: 0; background: rgba(49, 36, 22, 0.70); padding: 0.889rem;}
.services_item h5{font-size: var(--h5-font-size); color: #FFF; margin: 1.333rem 0;}
.services_item p{font-size: var(--text-regular); color: #FFF; line-height: 150%;}
.services_item .big_title h2{font-size: 3.333rem;}
.big_title p{max-width: var(--container-max-width); margin: 1.333rem auto 0 auto; font-size: 1.11rem; line-height: 150%;}

.service_types{max-width: var(--container-max-width); margin: var(--padding-section-large) auto 0 auto; color: #41301D;}
.service_types h3{color: #41301D;}
.service_types ul{display: flex; gap: var(--padding-section-small); flex-wrap: wrap; justify-content: space-between;}
.service_types li{height:13rem; flex: 1 1 42%;border-radius: 0.889rem; background: #F5F1EC; padding: var(--container-gap); color: #41301D;}
.service_types dl{height: 10rem; margin-bottom: var(--padding-section-small);}
.service_types dt{}
.service_types dt span{font-size: 0.889rem; line-height: 150%; display: flex; flex-direction: column; align-items: start;}
.service_types dd{height:120px; font-size: 1rem; line-height: 150%; margin-bottom: 0.889rem; display: flex; flex-direction: column; justify-content: center; align-items: start;}
.service_types dd p{display: flex; align-items: start; margin-bottom: 0.5rem; line-height: 150%;}
.service_types dd svg{width: 1.778rem; height: 1.778rem; margin-right: 0.889rem; flex-shrink: 0;}
.service_types_btn{display: flex;}
.service_types_btn span{background-color: #A4784A; padding: 0.4rem 0.556rem; display: inline-block; line-height: 16px; border-radius: 0.333rem; margin-right: 0.444rem; color: #FFF; display: flex; justify-content: center;}
.service_types_btn svg{margin-right: 0.222rem;}

/* Costs & Payment */
.costs_bg{background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url(../images/costs_bg.png) lightgray 50% / cover no-repeat;}
.costs_content{max-width: var(--container-max-width); margin: 0 auto; padding: var(--container-gap); background: #FFF; border-radius: 0.889rem;}
.costs_news li{padding:1.333rem 0; border-bottom: 1px solid rgba(4, 7, 8, 0.15);}
.costs_news li h5{font-size: 1.778rem; font-weight: 500;  line-height: 130%;}
.costs_news li p{font-size: 1rem; line-height: 150%; margin: 0.889rem 0;}
.tag{display: flex;}
.costs_news li .costs_tag{display: flex; align-items: center; width: fit-content; font-size: 0.889rem; background-color: #4786A3; color: #FFF; padding: 0.222rem 0.555rem; border-radius: 0.333rem; margin-right: 0.444rem;}
.more_news{display: flex; align-items: center; margin-top: 1.333rem; cursor: pointer;}
.more_news span{margin-left: 0.889rem; padding-top: 0.444rem;}
.more_news .arrow_up{display: none;}
.list-unstyled {padding-top: 1.778rem; display: none;}
.list-unstyled li{display: flex; align-items: start; flex-wrap: nowrap; margin-bottom: 0.889rem; line-height: 150%;}
.list-unstyled li svg{flex:1 1 24px; width: 24px; height: 24px; margin-right: 0.889rem; flex-shrink: 0}
.list-unstyled li p{flex:1 1 auto;}
.list-unstyled li a{display: inline-block; padding-top: 0.889rem; text-decoration: underline;}
.fees{max-width: var(--container-max-width); margin:var(--padding-section-large) auto 0 auto;}
.fees ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.fees ul li{flex: 1 1 calc(25% - 2px); border-right: 1px solid rgba(4, 7, 8, 0.50); text-align: center;}
.fees ul li:last-child,.fees ul li:nth-child(4n){border-right: none;}
.fees li h4{font-size: 2.222rem; margin-top: 1.333rem;}

.payment_method{max-width: var(--container-max-width); margin: var(--padding-section-large) auto 0 auto; color: #41301D;}
.payment_method ul{display: flex; gap: 2.667rem; flex-wrap: wrap; justify-content: space-between;}
.payment_method li{height:21rem; flex: 1 1 42%;border-radius: 0.889rem; background: #F5F1EC; padding: var(--container-gap); color: #41301D;}
.payment_method .icon{ background-color: #A4784A; width: 5.333rem; height: 5.333rem; border-radius: 5.556rem; display: flex; align-items: center; justify-content: center;}
.payment_method h4{font-size: var(--h4-font-size); color: #41301D; margin: 0.889rem 0;}
.payment_method dd{height:7.778rem;font-size: 1rem; line-height: 150%; margin-bottom: 0.889rem; display: flex; align-items: start;}
.payment_method .btn_more a{font-weight: 500; color: #41301D;}

.payment_charge{margin-top: 1.333rem;}
.payment_charge li{background-color: #BFA080;}
.payment_charge h4,.payment_charge li{color: #FFF;}
.payment_charge .icon{background-color: #83603B;}
.payment_charge .btn_more a{color: #FFF; border: 1px solid #FFF;}

/*Rresources */
.resources_title h1{font-weight: 500; font-size: var(--h1-font-size);}
.resources_list{display: flex; max-width: var(--container-max-width); margin: 0 auto; gap: var(--padding-section-small);}
.resources_list li{border: 1px solid rgba(4, 7, 8, 0.15); margin: 0;}
.resources_download h1, .resources_download p, .resources_download a{color: #FFF; font-weight: normal;}
.resources_download .btn_more{margin-top: 2.667rem;}
.resources_download a{color: #FFF; border-color: #FFF;}

/* Join Us */
.joinus_box{max-width: var(--container-max-width); margin: 0 auto; display: flex; gap: 0.667rem; flex-wrap: wrap;}
.joinus_box img{width: 100%; height: 100%; object-fit: cover;}
.joinus_left{flex:1 1 calc(66% - 0.3335rem); gap: 0.667rem;}
.join_us_left .big_title h3{ margin-bottom: var(--padding-section-small);}
.joinus_left ul{display: flex; gap: 0.667rem;  flex-wrap: wrap;}
.joinus_left ul li:first-child{flex: 1 1 calc(100% - 0.3335rem); height: 21.111rem}
.joinus_left ul li{flex: 1 1 calc(50% - 0.3335rem); height: 33.333rem; border-radius: 0.667rem; overflow: hidden; position: relative;}
.joinus_left ul li:nth-child(2),.joinus_left ul li:nth-child(3){height:21.667rem;}
.joinus_right{flex:1 1 calc(34% - 0.3335rem); border-radius: 0.667rem;  overflow: hidden; position: relative;}
.joinus_bottom{flex:1 1 100%; gap: 0.667rem;}
.joinus_bottom ul{display: flex; gap: 0.667rem;}
.joinus_bottom li{flex: 1 1 calc(50% - 0.3335rem); border-radius: 0.667rem;  overflow: hidden; position: relative;}
.joinus_box .box_text{width:calc(100% - 3rem); height: 8rem; display: flex; align-items: start; justify-content: end; flex-direction: column; position: absolute; left: 0; bottom: 0; background: rgba(49, 36, 22, 0.70); padding:1.5rem;}
.joinus_box .box_text h3{color: #FFF; margin-bottom: 0.444rem; font-size: 2.667rem;}
.joinus_box .box_text p{color: #FFF; line-height: 150%;}
.joinus_left ul li:first-child .box_text{padding-top: 0rem;}
.joinus_job{max-width: var(--container-max-width); margin: 0 auto;}
.joinus_job ul{display: flex; gap: 2.667rem;  flex-wrap: wrap;}
.joinus_job li{flex: 1 1 calc(25% - 2.667rem);}
.job_img{width:100%; height:15.778rem; margin-bottom: 1.333rem;}
.joinus_job li img{width: 100%; height: 100%; object-fit: cover; border-radius: 0.667rem;}
.joinus_job li h4{font-size: 1.333rem; font-weight: 500;}
/* Q&A */
.qa{max-width: 42.667rem; margin: 0 auto; padding: 0;}
.qa .big_title{text-align: center;}
.qa_item{background-color: #FFF; border-radius: 0.889rem; padding: 1.333rem; margin-bottom: 0.889rem}
.qa_item:first-child p{height: auto; display: block;}
.qa_item:first-child .arrow_down{display: block;}
.qa_item:first-child .arrow_up{display: none;}
.qa_item h4{font-size: 1.111rem; font-weight: 500; display: flex; justify-content: space-between; align-items: center; cursor: pointer;}
.qa_item .arrow_down{display: none;}
.qa_item p{line-height: 150%; margin-top: 0.889rem; height: 0; display: none;}

.open_message{width:350px; display: flex; z-index: 999; background: #FFF; position: fixed; display: flex; bottom: 7rem; right: 2rem; border: 1px solid #BFA080; border-radius: 16px; padding: 8px;}
.open_message .message_icon{width:32px; height:32px; padding:8px; border-radius: 16px; background: #F5F1EC; margin-right: 8px;  flex: 0 0 32px;}
.open_message .message_icon svg{width: 100%; height: 100%; object-fit: cover;}
.open_message .message_text p{line-height: 130%; margin-right: 8px; font-size: 12px;;}
.open_message .message_close{cursor: pointer;}

/* 二级页面 */

/* 品牌历程 */
.about-banner{margin-top: 4.5rem; display: grid; grid-template-areas: "stack"; position: relative; width: 100%;}
.about-banner img,.about-banner video{grid-area: stack; position: absolute; width: 100%; height: 100%; object-fit: cover;}
.about-banner .banner_position{width: calc(100% - var(--padding-section-large) * 2); background: linear-gradient(0deg, rgba(49, 36, 22, 0.60) 0%, rgba(49, 36, 22, 0.60) 100%); padding: var(--padding-section-Xlarge) var(--padding-section-large); z-index: 99;  top:0; left: 0; position: relative; transform: none;}
.about-banner .banner_text{width: 100%; max-width: var(--container-max-width); margin: 0 auto; display: flex; gap: var(--padding-section-small);}
.about-banner a{color: #FFF;}
.about-banner svg{margin-left:3px; margin-top: 2px;}
.about-banner h1{font-size: 3.333rem; color: #FFF; font-weight: 500;}
.about-banner p{line-height: 150%; color: #FFF; display: flex; justify-content: center; align-items: center; font-size: var(--text-medium);}
.about-banner h4{font-size: var(--h4-font-size); color: #FFF;}
.section-beige{background: #F5F1EC;}
.subsection-secondary{width: var(--container-max-width); margin: 0 auto; padding: var(--container-padding);}
.subsection-secondary h2{color: #41301D;}
.mileage_list{display: flex; flex-wrap: wrap; gap: 0.444rem; margin-top: 2.667rem;}
.mileage_list li{flex: 1 1 calc(12.5% - 1rem); display: flex; flex-direction: column;}
.mileage_list li .mileage_img{width:5.556rem; height: 5.556rem; overflow: hidden;}
.mileage_list li img{width:100%; height: 100%; object-fit: cover;}
.mileage_list .mileage_line{display: flex; margin:1rem 0; height:1rem; overflow: hidden; align-items: center; flex-direction: row; justify-content: center;}
.mileage_list .mileage_line .circle{width: 0.6rem; height: 0.6rem; border-radius: 50%; background-color: #040708; margin-right: 0.5rem;}
.mileage_list .mileage_line hr{height: 1px; background-color: #040708; flex: 1 1 90%;}
.mileage_list li h6{font-size: var(--h6-font-size); font-weight: 400; line-height: 140%; margin-bottom: 0.5rem; color: #41301D;}
.mileage_list .mileage_text p{line-height: 150%; font-size: var(--text-small); color: #41301D;}
.mileage_text a{font-size: var(--text-small); text-decoration: underline; color: #41301D;}
.mileage_list li div{justify-content: start; align-items: start;}
.original_intention{padding: var(--padding-section-Xlarge) var(--padding-section-large); position: relative; display: flex; justify-content: center; align-items: center; background: linear-gradient(0deg, rgba(49, 36, 22, 0.60) 0%, rgba(49, 36, 22, 0.60) 100%), url(../images/aboutus_img/about_original_intention.png) lightgray 50% / cover no-repeat;}
.original_intention img{width:100%; height:100%; object-fit: cover;}
.intention_svg{
    width: 100%;
    max-width: 1024px;
    padding: var(--padding-section-large) 0;
    border-radius: 40px;
    background: linear-gradient(237deg, rgba(164, 120, 74, 0.03) 1.28%, rgba(164, 120, 74, 0.24) 45.21%, rgba(164, 120, 74, 0.30) 67.67%, rgba(164, 120, 74, 0.30) 85.46%);
    box-shadow: 15px 15px 100px 0 rgba(0, 0, 0, 0.15), 0 4px 40px 0 rgba(255, 255, 255, 0.35) inset;
    backdrop-filter: blur(12.5px);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--padding-section-small);
}
.intention_text{width: 42.667rem; max-width: 42.667rem; text-align: center; z-index: 997;}
.intention_text h3{color: #FFF; font-size: var(--h3-font-size); padding-bottom: var(--padding-section-small); margin-bottom: var(--padding-section-small); border-bottom: solid 1px rgba(255, 255, 255, 0.25);}
.intention_text h5{color: #FFF; font-size: var(--h5-font-size); line-height: 130%; font-style: normal;}
.original_story{ padding: var(--container-padding) 0; background: #F5F1EC;}
.container{max-width: var(--container-max-width); margin: 0 auto;}
.original_story h4{font-size: var(--h4-font-size); font-weight: 500; line-height: 130%; color: #41301D;}
.contradiction_img{width:100%; height: 17.778rem; border-radius: 2rem; overflow: hidden; margin: var(--padding-section-medium) 0;}
.contradiction_img img{width:100%; height:100%; object-fit: cover;}
.contradiction_text{margin-top: var(--padding-section-small);}
.contradiction_text li{font-size: var(--text-medium); line-height: 150%; margin-left: 1.5rem; list-style: disc; list-style-position: outside; color: #41301D;}
.contradiction_text li strong{font-weight: 600;}
.contradiction_list{margin-top:var(--padding-section-medium); border-top:  1px solid #BFA080; padding-top: var(--padding-section-medium);}
.contradiction_list ul{display: flex; gap: 0.889rem; margin-top: var(--padding-section-medium);}
.contradiction_list ul li{flex: 1 1 calc(33.333% - 0.889rem); background-color: #BFA080; padding: 0.889rem; border-radius: 0.889rem; text-align: center; color: #FFF;}
.contradiction_list li h4{color: #FFF;}
.bg_responsibility{padding: var(--padding-section-large) 0; background: linear-gradient(0deg, rgba(49, 36, 22, 0.60) 0%, rgba(49, 36, 22, 0.60) 100%), url(../images/aboutus_img/about_responsibility.png) lightgray 50% / cover no-repeat;}

/* 集团实力 */
.background-text h2{font-size: var(--h2-font-size); margin-bottom: var(--padding-section-small);}
.background-text h3{margin-bottom: 1.333rem; font-size: var(--h3-font-size);}
.background-text{color: #41301D; font-size: var(--text-regular);}
.background-text ul{line-height: 150%; margin-bottom: var(--padding-section-small);}
.background-text li{list-style: disc; list-style-position: inside;}
.background-text p{line-height: 150%; margin-bottom: var(--padding-section-small);}
.background_box{max-width: var(--container-max-width); margin: 0 auto var(--padding-section-large) auto; display: flex; gap: 0.667rem; flex-wrap: wrap;}
.background_box img{width: 100%; height: 100%; object-fit: cover;}
.background_left{flex:1 1 calc(66% - 0.3335rem); gap: 0.667rem;}
.background_left ul{display: flex; gap: 0.667rem;  flex-wrap: wrap;}
.background_left ul li:first-child{flex: 1 1 calc(100% - 0.3335rem);}
.background_left ul li{flex: 1 1 calc(50% - 0.3335rem); height: 16.667rem; border-radius: 0.667rem; overflow: hidden; position: relative;}
.background_right{flex:1 1 calc(34% - 0.3335rem); border-radius: 0.667rem;  overflow: hidden; position: relative;}
.background_bottom{flex:1 1 100%; gap: 0.667rem;}
.background_bottom ul{display: flex; gap: 0.667rem;}
.background_bottom li{flex: 1 1 calc(50% - 0.3335rem); height: 16.667rem; border-radius: 0.667rem;  overflow: hidden; position: relative;}
.background_box .box_text{width:calc(100% - 2.666rem); height: 6rem; display: flex; align-items: start; justify-content: end; flex-direction: column; position: absolute; left: 0; bottom: 0; background: rgba(49, 36, 22, 0.70); padding:0 1.333rem 1.667rem 1.333rem;}
.background_box .box_text h3{color: #FFF; margin-bottom: 0.444rem; font-size: var(--h3-font-size)}
.background_box .box_text p{color: #FFF; line-height: 150%; font-size: var(--text-regular);}
.consultant h3{font-size: var(--h3-font-size);}
.consultant_img{width: 100%; height: 17.778rem; border-radius: 0.889rem; margin: var(--padding-section-medium) 0; overflow: hidden;}
.consultant_img img{width: 100%; height: 100%; object-fit: cover;}
.consultant_list{display: flex; flex-wrap: wrap; gap: 1.333rem; padding: 0 var(--subsection-padding-large);}
.consultant_list li{min-height:6.333rem; height: auto; flex: 1 1 calc(33.333% - 1.333rem); border-bottom: 1px solid rgba(4, 7, 8, 0.15);}
.consultant_header{display: flex; flex-wrap: wrap; cursor: pointer; align-items: center;}
.consultant_list .click_arrow{flex: 1 1 10%; height:100%; display: flex; align-items: center; justify-content: center;}
.consultant_list .click_arrow .arrow_down{display: none;}
.consultant_list li h6{font-size: var(--h5-font-size); margin-bottom: 0.889rem;}
.consultant_list li .consultant_name{flex: 1 1 80%;}
.consultant_name p{font-size: var(--text-regular); line-height: 150%;}
.consultant_info{display: none; line-height: 150%;  margin: 2rem 0 1rem 0;}
.inserted-element{padding:var(--padding-section-small) 0; line-height: 150%;}
.benefits{color: #FFF;}
.benefits h2{font-size: var(--h2-font-size); margin-bottom: var(--padding-section-small);}
.benefits p{font-size: var(--text-regular); line-height: 150%; margin-bottom: var(--padding-section-small);}
.benefits ul{display: flex;}
.benefits li{flex: 1 1 calc(16.666% - 1.333rem); text-align: center;}
.benefits li h5{font-size: var(--h5-font-size); margin: 0.667rem 0;}
a.btn_beige{border:1px solid rgba(255, 255, 255, 0.60); display: inline-block; color: #FFF; padding:0.556rem 1.333rem; border-radius: 0.667rem; margin: 0 auto;}

/* 选择YDC */
.about_usp .Home_USP_item{height:17.778rem}
.about_usp ul{padding-left: 1.2rem;}
.about_usp li{list-style:disc; list-style-position: outside; line-height: 150%; font-size: var(--text-medium);}
.table_img{width: calc(100% + 2px); height: 100%; display: block; position: absolute; top:0; left: -1px; background:linear-gradient(180deg, #C8A581 21.32%, rgba(200, 165, 129, 0.00) 40.14%), url(../images/aboutus_img/table_img.png) no-repeat center center; background-size: cover;}
.table_img_crown{width:4rem; height: 4rem; z-index: 11; line-height: 3rem; transform: rotate(-12.033deg); text-align: center; font-size: 3rem; position: absolute; top:-2.5rem; left:5rem; background-color: #BFA080; border-radius: 50%; padding: 0.5rem;}
.table_img_message{width:12.611rem; height: 8.611rem; z-index: 10; padding:2rem; font-size: 1.556rem; font-weight: 500; line-height: 130%; background: url(../svg/message_bg.svg) no-repeat; background-size: cover; color: #41301D; position: absolute; top:-1.5rem; right: -1rem;}
table {
    border-collapse: separate;
    border-spacing: 0;
    border-left: 1px solid #BFA080;
    width: 100%;
    margin: 0 auto;
    border-radius: 0.889rem;
    overflow: hidden;
}
th, td {
    padding: 12px;
    text-align: center;
    border-right: 1px solid #BFA080;
    border-bottom: 1px solid #BFA080;
}
td{
    width: 33.33%;
    padding:12px 0; 
    line-height: 150%;
}
td.left_item{
    text-align: left;
    width: calc(33.33% - 4rem);
    padding:12px;
}
td.left_item div{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

td.left_item .tooltip{
    position: absolute; width: 240px; display: block; top: 50%; transform: translateY(-50%); right: -290px; font-size: var(--text-regular); color: #FFF; background-color: #A4784A; padding: 8px 12px; border-radius: 0.333rem; z-index: 999; opacity: 0; transition: all 0.3s ease-in-out;
}
td.left_item .triangle {
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 20px solid #A4784A;
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
}
td.left_item div svg:hover +.tooltip{
    opacity: 1;
}
th {
    background-color: #BFA080;
    font-weight: bold;
    padding:1.333rem 0;
    color: #FFF;
    line-height: 150%;
}
.merged-cell {
    background-color: #A4784A;
    vertical-align: middle;
    font-size: 1.2em;
    border-right: 1px solid #A4784A;
    border-bottom: 1px solid #A4784A;
    color: #FFF;
    position: relative;
}
/* 顶部圆角 */
table tr:first-child th:first-child {
    border-top-left-radius: 0.889rem;
}
table tr:first-child th:last-child {
    border-top-right-radius: 0.889rem;
}
/* 底部圆角 */
table tr:last-child td:first-child {
    border-bottom-left-radius: 0.889rem;
}
table tr:last-child td:last-child {
    border-bottom-right-radius: 0.889rem;
}
.fixed-thead{position: fixed; top:4.5rem; z-index: 997; background: #FFF; display: none;}
.payment-thead{top:10rem}
table.cost_table{
    border: 1px solid #425C56;
    margin: 1.333rem 0;
    table-layout: fixed;
    overflow: auto;
}
.cost_table th, .cost_table td{
    border-right: none;
    border-bottom: none;
    text-align: left;
    padding: 12px;
    font-size: 0.889rem;
    min-width: 100px;
    z-index: 1;
}
.cost_table th:first-child, .cost_table td:first-child{
    position: sticky;
    left: 0;
    z-index: 5;
    background-color: #FFF;
}

.cost_table th,.cost_table th:first-child{
    background-color: #425C56;
}
.cost_table td{
    width: auto;
    text-align: left;
    width: 14.285%;
}
.cost_table tr:nth-child(2n+2) td{
    background-color: #EDF1F0;
}
table.care_elites{border: 1px solid #A4784A; margin: 1.333rem 0;}
.care_elites th, .care_elites td{border: none;}
.care_elites th{background-color: #A4784A;}
.care_elites tr:nth-child(2n+1){background-color: #FFF;}

.table_center th,.table_center td{text-align: center;}
.table_center tr:nth-child(2n+1){background-color: #FFF;}
.table-scroll-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 0.889rem;
}
.table-wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.table-wrapper::-webkit-scrollbar {
    display: none;
}
.payment_table{border: 1px solid #A4784A; table-layout: fixed; width: auto;  min-width: 100%; overflow: auto; margin-right: 1px; margin-bottom: 1.333rem;}
.payment_table thead {
    position: sticky;
    top: 0;
    z-index: 10;
}
.payment_table th,.payment_table td{background:#FFF; color: #000; min-width: 150px; border: none; font-size: 0.889rem; padding: 0.333rem; line-height: 150%;}
.payment_table th{border-bottom: 1px solid #A4784A;}
.payment_table td:nth-child(2n+3),.payment_table th:nth-child(2n+3){background-color: #F5F1EC;}
.payment_table th:first-child,
.payment_table td:first-child {
    position: sticky;
    left: 0;
    z-index: 5;
    text-align: left;
    padding:10px 20px;
    background: #A4784A;
    color: #FFF;
}
/* 肿瘤 */
.about-banner .banner_btn{margin-top:0;}

/* 重点病症护理背景 */
/* .bg_cancer{background: linear-gradient(0deg, rgba(49, 36, 22, 0.60) 0%, rgba(49, 36, 22, 0.60) 100%), url(https://file.ydcarehk.com/images/condition/condition_banner_1.png) lightgray 50% / cover no-repeat;}
.bg_cardiovascular{background: linear-gradient(0deg, rgba(49, 36, 22, 0.60) 0%, rgba(49, 36, 22, 0.60) 100%), url(https://file.ydcarehk.com/images/condition/condition_banner_4.png) lightgray 50% / cover no-repeat;}
.bg_diabetes_endocrine{background: linear-gradient(0deg, rgba(49, 36, 22, 0.60) 0%, rgba(49, 36, 22, 0.60) 100%), url(https://file.ydcarehk.com/images/condition/condition_banner_5.png) lightgray 50% / cover no-repeat;}
.bg_gastrointestinal_nutrition{background: linear-gradient(0deg, rgba(49, 36, 22, 0.60) 0%, rgba(49, 36, 22, 0.60) 100%), url(https://file.ydcarehk.com/images/condition/condition_banner_7.png) lightgray 50% / cover no-repeat;}
.bg_geriaetric_function_decline{background: linear-gradient(0deg, rgba(49, 36, 22, 0.60) 0%, rgba(49, 36, 22, 0.60) 100%), url(https://file.ydcarehk.com/images/condition/condition_banner_9.png) lightgray 50% / cover no-repeat;}
.bg_neurological{background: linear-gradient(0deg, rgba(49, 36, 22, 0.60) 0%, rgba(49, 36, 22, 0.60) 100%), url(https://file.ydcarehk.com/images/condition/condition_banner_2.png) lightgray 50% / cover no-repeat;}
.bg_palliative_care{background: linear-gradient(0deg, rgba(49, 36, 22, 0.60) 0%, rgba(49, 36, 22, 0.60) 100%), url(https://file.ydcarehk.com/images/condition/condition_banner_10.png) lightgray 50% / cover no-repeat;}
.bg_renal_urology{background: linear-gradient(0deg, rgba(49, 36, 22, 0.60) 0%, rgba(49, 36, 22, 0.60) 100%), url(https://file.ydcarehk.com/images/condition/condition_banner_6.png) lightgray 50% / cover no-repeat;}
.bg_respiratory{background: linear-gradient(0deg, rgba(49, 36, 22, 0.60) 0%, rgba(49, 36, 22, 0.60) 100%), url(https://file.ydcarehk.com/images/condition/condition_banner_3.png) lightgray 50% / cover no-repeat;}
.bg_wound_skin{background: linear-gradient(0deg, rgba(49, 36, 22, 0.60) 0%, rgba(49, 36, 22, 0.60) 100%), url(https://file.ydcarehk.com/images/condition/condition_banner_8.png) lightgray 50% / cover no-repeat;} */

.search{height: 4rem; position: relative; display: none;}
.quick_search{
    width: 100%;
    min-height:4rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    background: var(--Color-Scheme-1-Background, #FFF);
    /* medium */
    box-shadow: 0 12px 16px -4px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
    z-index: 995;
}
.search_input{border:1px solid rgba(4, 7, 8, 0.15); padding: 0.667rem 0.889rem; font-size: 0.889rem; line-height: 150%; display: flex; align-items: center; justify-content: space-between; margin: 1.5rem 0; cursor: pointer;}
.search_input .arrow_down{display: none;}
.search_list{width: 100%; padding-bottom: 2rem; display: none;}
.search_list li{border:1px solid #FFF; padding: 0.667rem 0.889rem; font-size: 0.889rem; line-height: 150%;}
.search_list li:hover{border:1px solid rgba(4, 7, 8, 0.15);}
.about_cancer{padding: var(--subsection-padding-large) 0; color: #41301D;}
.tab_header ul{display: flex;}
.tab_header li{text-align: left; cursor: pointer; padding: 1.333rem; border-bottom: 1px solid #BFA080; line-height: 150%;}
.tab_header li.active{border-bottom: 3px solid #41301D;}
.tab_content .tab_item{display: none;}
.tab_content .tab_item:nth-child(1){display: block;}
.tab_content p{padding: 1rem 0; line-height: 150%; font-size: 0.889rem;}
.tab_content ul {padding-left: 1.333rem;}
.tab_content li{list-style: disc; list-style-position: outside; line-height: 150%; margin-bottom: 0.889rem;}
.benefits_home_caer{color: #FFF;}
.benefits_list ul{display: flex; gap: 1.333rem; margin: 1.333rem 0;}
.benefits_list li{flex: 1 1 calc(16.66% - 1.333rem); text-align: center; margin-bottom: 1.333rem; font-size: 1.111rem; font-weight: 400;}
.benefits_list li span{--responsive-line-height:1.5; vertical-align:0.4rem; font-size: 0.6rem;}
.percentage{height:2rem; margin: 1rem 0; display: flex; align-items: center; justify-content: center;}
.date_source{display: flex; justify-content: center; align-items: center; line-height: 150%;}
.date_source .click_arrow{margin-top: 0.5rem;}
.date_source .arrow_down{display: none;}
.date_source a{display: flex; justify-content: center; align-items: center; line-height: 150%; color:#FFF;}
.source_list{display: none; padding-top: 1.333rem;}
.source_list li{line-height: 150%; margin-bottom: 0.889rem; display: flex; align-items: start; justify-content: start; }
.source_list li svg{margin-right: 0.5rem; flex-shrink: 0;}
.container_take_care{display: flex; align-items: center; justify-content: start;}
.sub_big_title h2{font-size: var(--h2-font-size); margin-bottom: var(--padding-section-large);}
.border_bottom{border-bottom: 1px solid #BFA080; padding-bottom: 1.333rem; color: #41301D;}
.sub_big_title h3{font-size: var(--h3-font-size); margin-bottom: 1.333rem;}
.sub_big_title{margin-bottom: var(--padding-section-large);}
.sub_big_title p{font-size:1.111rem; line-height: 150%;}
.sub_big_title ul{padding-left: 1.333rem;}
.sub_big_title li{line-height: 150%; list-style: disc; list-style-position: outside; font-size: 0.889rem;}
.container_take_care .left_img{width:17.778rem; height: 17.778rem; border-radius: 0.889rem; margin-right: 3.111rem; overflow: hidden; flex-shrink: 0;}
.container_take_care .left_img img{width: 100%; height: 100%; object-fit: cover;}
.container_take_care .right_text{display: flex; flex-direction: column; gap: 12px;}
.container_take_care .right_text dl{display: flex; flex-direction: column; gap: 0.444rem;}
.container_take_care .right_text dt{font-size: var(--h6-font-size); font-weight: 500; line-height: 130%; list-style: disc; list-style-position: inside; display: flex; align-items: center;}
.container_take_care .right_text dt span{font-size: 12px; margin-right: 0.889rem;}
.container_take_care .right_text dd{font-size: 0.889rem; line-height: 150%;}

.care_list{display: flex; flex-wrap: wrap; color: #41301D;}
.care_item{flex: 0 1 calc(33.333% - 1.4rem); margin-bottom: 1.333rem; padding: 1.333rem; border-right: 1px solid #BFA080;}
.care_item:nth-child(3n+1){padding-left: 0;}
.care_item:nth-child(3n+3){border-right: none; padding-right: 0;}
.care_item:nth-child(3n+2){padding-left: 1.333rem; flex: 1 1 calc(33.333% - 2.7rem);}
.care_item h6{font-size: var(--h6-font-size); line-height: 130%; margin-bottom: var(--padding-section-small)}
.care_item li{font-size: var(--text-regular); line-height: 150%; list-style: disc; list-style-position: outside; margin-left: 1.333rem;}

.assessment_list{display: flex; gap: 1.333rem; justify-content: space-between;}
.assessment_item{flex: 1 1 calc(33.333% - 2.7rem); padding: 1.333rem; border-radius: 0.889rem; background-color: #BFA080; overflow: hidden; color: #FFF;}
.assessment_item h5{font-size: var(--h5-font-size); margin-bottom: 0.889rem;}
.assessment_item p,.assessment_item li{font-size: 0.889rem; line-height: 150%;}
.assessment_item li{list-style: disc; list-style-position: outside; margin-left: 1.333rem;}
.assessment_item:first-child ul{padding-left: 1.333rem;}
.assessment_submit{text-align: center;}
.assessment_submit p{font-size: 0.889rem; line-height: 150%; margin: 1.333rem 0;}
.assessment_submit strong{font-weight: 500;}
.assessment_submit span{font-size: 0.667rem;}
.assessment_submit input{width:17.333rem; border: 1px solid rgba(255, 255, 255, 0.20); font-size: 0.889rem; margin-right: 0.889rem; padding: 0.444rem 0.667rem; border-radius: 0.667rem;}
.assessment_submit button{background-color: #BFA080; color: #FFF; font-size: 0.889rem; border: none; border-radius: 0.667rem; cursor: pointer; padding: 0.444rem 0.667rem;}

.neurological .join_us_left{height: auto; color: #FFF;}
.neurological .join_us_right{width:24.444rem; height: 24.444rem;}
.neurological_take_care .right_text{flex-direction: row; flex-wrap: wrap;}
.neurological_item{flex: 0 1 calc(50% - 2.22rem);}
.neurological_item h4{font-size: var(--h4-font-size); line-height: 130%; margin-bottom: 0.444rem;}
.neurological_item li{line-height: 150%; list-style: disc; list-style-position: inside;}

.title_h5{font-size: var(--h5-font-size); font-weight: 500;}
.text_note{font-size: 0.889rem; line-height: 150%; margin-bottom: 1.333rem;}
.claim_precautions{display: flex; flex-wrap: wrap;}
.claim_precautions_item{border-right: 1px solid #BFA080; padding:0 1.333rem; flex: 1 1 calc(50% - 3rem);}
.claim_precautions_item:nth-child(2n+2){border-right: none;}
.claim_precautions_item h4{font-size: var(--h4-font-size); margin: 1.333rem 0;}
.claim_precautions_item li{list-style: disc; list-style-position: outside; margin-left: 1.333rem; font-size: 0.889rem; line-height: 150%;}
.cost_parters{padding: 4rem 0 1.333rem 0;}
.case{display: flex; gap: 2.222rem; padding: 1.333rem; border-radius: 0.889rem; color: #41301D;}
.case .left_img{flex: 0 1 calc(50% - 2.222rem); border-radius: 0.889rem; overflow: hidden;}
.case .left_img img{width: 100%; height: 100%; object-fit: cover;}
.case .right_text{flex: 0 1 calc(50% - 2.222rem);}
.case .right_text h5{font-size: var(--h5-font-size); font-weight: 500; margin-bottom: 1.333rem; line-height: 130%;}
.case .right_text p{line-height: 150%;}
.case .right_text dl{border-top: 1px solid #BFA080; padding: 0.667rem 0;}
.case .right_text dt{font-size: 1.333rem; line-height: 130%; font-weight: 500; margin-bottom: 0.444rem;}
.case .right_text dd li{font-size: 0.889rem; line-height: 150%; list-style: disc; list-style-position: outside; margin-left: 1.333rem;}
.case_left{margin: 2.222rem 0;}
.case_left .left_img{order: 2;}
.case_left .right_text{order: 1;}
.ccsv_what ul{display: flex; padding-top: 1.333rem;}
.ccsv_what li{flex: 1 1 calc(33.333% - 1.333rem); margin-right: 1.333rem; border-right: 1px solid #BFA080; display: flex; flex-direction: column;}
.ccsv_what li:last-child{border-right: none;}
.ccsv_what li h4{font-size: var(--h4-font-size); padding-top: 1.333rem;}

.homelistic{width:100%; position: relative; display: grid; grid-template-areas: "stack";}
.homelistic_position{padding: var(--padding-section-large); background-color: rgba(22, 11, 5, 0.6); z-index: 2;}
.homelistic img{position: absolute; width: 100%; height: 100%; object-fit: cover;}
.homelistic_text{
    width: 100%;
    color: #FFF;
    max-width: var(--Max-Width-max-width-xlarge, 1024px);
    padding: var(--padding-section-large, 56px) 0;
    flex-direction: column;
    align-items: center;
    gap: var(--padding-section-small, 24px);
    align-self: stretch;
    border-radius: 40px;
    background: linear-gradient(237deg, rgba(164, 120, 74, 0.03) 1.28%, rgba(164, 120, 74, 0.24) 45.21%, rgba(164, 120, 74, 0.30) 67.67%, rgba(164, 120, 74, 0.30) 85.46%);
    box-shadow: 15px 15px 100px 0 rgba(0, 0, 0, 0.15), 0 4px 40px 0 rgba(255, 255, 255, 0.35) inset;
    backdrop-filter: blur(12.5px);
    z-index: 980;
    position: relative;
    margin: 0 auto;
}
.homelistic_text h3,.homelistic_text ul{max-width: 768px; margin: 0 auto;}
.homelistic_title{max-width: 768px; margin: 0 auto; border-bottom: 1px solid #BFA080; margin-bottom: var(--padding-section-small); padding-bottom: var(--padding-section-small);}
.homelistic_title p{font-size: var(--text-small); line-height: 150%; text-align: center; font-weight: 400;}
.homelistic_text h3{padding-bottom: 12px;  text-align: center;}
.homelistic_text li{display: flex; align-items: center; margin-bottom: 0.889rem; font-size: 1.111rem;}
.homelistic_text li span{width:2.667rem; height: 2.667rem; flex: 0 0 2.667rem; margin-right: 0.889rem; background-color: #FFF; border-radius: 0.444rem; display: flex; align-items: center; justify-content: center;}
.homelistic_text h6{margin-bottom: 8px;;}
.homelistic_text p{font-size: var(--text-small); line-height: 150%;}

.services_scope ul{display: flex; gap: 1.333rem; margin-bottom: 1.333rem;}
.services_scope li{flex: 1 1 calc(25% - 3.399rem); color: #41301D; padding: 1.333rem; background-color: #F5F1EC; border-radius: 0.889rem; overflow: hidden;}
.services_scope li span{background-color: #A4784A; border-radius: 50%; display: inline-block; padding: 0.889rem;}
.services_scope li h4{font-size: 1.778rem; font-weight: 500; margin: 0.889rem 0;}
.services_scope p span{font-size: 0.889rem; line-height: 150%;}

.payment_qa .qa_item{border: 1px solid rgba(4, 7, 8, 0.15);}
.payment_strengths {margin-top: 0;}
.payment_strengths ul li{flex: 1 1 calc(25% - 2.666rem); text-align: left; padding: 1.333rem;}
.payment_strengths ul li h4{font-size: var(--h4-font-size);}
.payment_strengths ul li p{line-height: 150%; font-size: var(--text-regular); margin-top: 1.333rem;}
.payment_strengths ul li:first-child{padding-left: 0;}
.payment_strengths ul li:last-child{padding-right: 0;}
#paymentServices{color: #FFF;}
.payment_services ul{display: flex; flex-wrap: wrap; gap: 1.333rem; margin-bottom: 1.333rem;}
.payment_services li{flex: 0 1 calc(25% - 1.333rem); padding-bottom: 0.889rem; text-align: left; background: #FFF; border-radius: 0.889rem; overflow: hidden; color: #040708;}
.payment_services .voucher_img{width: 100%; height:11.111rem;}
.payment_services li img{width: 100%; height: 100%; object-fit: cover;}
.payment_services li h6{padding: 0.889rem 0.889rem 0 0.889rem; line-height: 150%;}
.payment_services li p{font-size: var(--text-regular); padding: 0.333rem 0.889rem 0 0.889rem; line-height: 150%;}

.service_list li{height:19.556rem;}
.service_list li .services_item_text{height:60%; width: calc(100% - 1.778rem); display: flex; justify-content: start; flex-direction: column;}
.bg_half li .services_item_text{height:45%;}
.bg_half_small li .services_item_text{height:25%;}
.service_list li h4{font-size: var(--h5-font-size); font-weight: 500; margin: 0 0 0.5rem 0; color: #FFF;}
.service_list li ul{flex-direction: column; display: block;}
.service_list li li{height:auto; border-radius: 0; margin-bottom: 0.5rem; font-size: 0.889rem; color: #FFF; overflow:visible; list-style:disc; list-style-position: outside; margin-left: 1.333rem; line-height: 150%; font-weight: normal; display:list-item;}
.service_list li p{font-size: 0.889rem; color: #FFF; line-height: 150%; font-weight: normal; display: flex; flex-wrap: wrap;}
.customer_rights{display: flex; gap: 3.111rem; align-items: center; margin-bottom: 3.111rem; flex-wrap: wrap;}
.rights_img{width:17.778rem; height: 17.778rem; border-radius:0.889rem; overflow: hidden;}
.rights_img img{width: 100%; height: 100%; object-fit: cover;}
.rights_text ul{display: flex; gap: 12px; flex-direction: column; color: #41301D;}
.rights_text li{font-size: var(--text-large); font-weight: 500; list-style: disc; list-style-position: inside; line-height: 140%;}
.pd-b-small h2{margin-bottom: var(--padding-section-small);}
.text-center{text-align: center;}

.service_remark{display: flex; flex-direction: column; gap: var(--padding-global);}
.service_remark .remark_text{font-size: var(--text-regular); line-height: 150%;}
.homelistic_service p{font-size: var(--text-medium);}
.service-container{display: flex; flex-direction: column; gap: var(--padding-section-small);}
.service-hr{margin-bottom: var(--padding-section-large); border-top: 1px solid var(--Opacity-Neutral-Darkest-50, rgba(4, 7, 8, 0.50));}
.service-container p{line-height: 150%; font-size: var(--text-regular);}
.service-container li{list-style: disc; list-style-position: outside; margin-left: 1.33rem; line-height: 150%; font-size: var(--text-regular);}
.service_process ul{gap: var(--padding-section-small);}
.service_process li{flex: 1 1 20%;}
.service_process .journey_title h5{font-size: 1.556rem;}
.more_read{padding: var(--padding-section-large);}
.more_read ul{display: flex; flex-wrap: wrap; gap: 8px; margin-top: var(--padding-section-small);}
.more_read li{padding: 4px 10px; border: 1px solid rgba(4, 7, 8, 0.15); border-radius: 6px;}
/* 响应式设计 - 平板设备 */
@media screen and (max-width: 1600px) {
    :root {
        font-size: 16px;
    }
    /* 响应式字体大小设置 */
    html {
        font-size: calc(100vw / 1600 * var(--base-font-size)); /* 基于1920px设计稿的响应式字体 */
    }
}

/* 响应式设计 - 平板设备 */
@media screen and (max-width: 1280px) {
    :root {
        font-size: 14px;
    }
    /* 响应式字体大小设置 */
    html {
        font-size: calc(100vw / 1280 * var(--base-font-size)); /* 基于1920px设计稿的响应式字体 */
    }
}
@media screen and (max-width: 1024px) {
    :root {
        font-size: 12px;
    }
    /* 响应式字体大小设置 */
    html {
        font-size: calc(100vw / 1024 * var(--base-font-size)); /* 基于1920px设计稿的响应式字体 */
    }
}

/* 响应式设计 - 手机设备 */
@media screen and (max-width: 768px) {
    :root {
        font-size: 16px;
        --base-font-size: 1rem; /* 基础字体大小 */
        --container-padding: 1.667rem; /* 容器内边距 */
        --container-max-width: 54.857rem; /* 最大宽度 */
        --subsection-padding: 2.857rem; /* 区块内边距 */
        --container-gap:1.778rem; /* 容器间隔 */
        --h1-font-size:3.571rem;
        --h2-font-size:2.857rem;
        --h3-font-size:2.286rem;
        --h4-font-size:2rem;
        --h5-font-size:1.714rem;
        --h6-font-size:1.429rem;
        --text-large: 1.429rem;
        --text-medium: 1.286rem;
        --text-regular: 1.143rem;
        --text-small: 1rem;
        --text-tiny: 0.857rem;
        --padding-global:1.428rem;
        --padding-section-Xlarge:6.286rem;
        --padding-section-large:3.143rem;
        --padding-section-medium:2.286rem;
        --padding-section-small:1.428rem;
    }
    
    html {
        font-size: calc(100vw / 768 * 14);
    }
    
    .fixed_whatsapp{padding:8px;}
    .fixed_whatsapp svg{width: 4rem; height: 4rem;}
    .subsection_padding{padding: var(--subsection-padding) var(--container-padding);}
    .nav_menu,.nav_btn{display: none;}
    .languages a{
        padding:0.3rem 1rem;
    }
    .mobile_nav{cursor: pointer; display: block;}

    .nav{position: relative;}
    .menu_close{display: none;}
    .mobile_mask{width:100vw; height: 100vh; position: fixed; top:0; left:0; background-color: rgba(0,0,0,0.5); z-index: 99; display: none;}
    .mobile_menu_close{height:4.4rem; display: flex; align-items: center; justify-content: end; padding:0 var(--container-padding);}
    .mobile_menu{position: absolute; display: block; z-index: 9999;  background-color: #FFF; flex-direction: column; top:0; right: -80vw; width: 80vw; height: 100vh;}
    .mobile_menu ul{display: block; padding-top: 1rem;}
    .mobile_menu li{line-height: 150%; padding:0.7rem var(--container-padding); }
    .mobile_menu li{font-size: 1.167rem;}
    .mobile_menu li .sub_menu_title{display: flex; align-items: center; justify-content: space-between;}
    .mobile_menu li .arrow_up{display: none;}
    .mobile_menu li ul{display: none;}
    .mobile_menu li li{padding: 0.3rem var(--container-padding);}
    
    .banner .banner_position{
        position: absolute;
        width: 90%;
        top:50%;
        z-index: 999;
    }
    .banner .banner_text{width: 100%; max-width: var(--container-max-width);}
    .banner .banner_text h1{font-size: 3.333rem;}
    .banner .banner_text p{font-size: 1.333rem; width: 100%;  max-width: var(--container-max-width);}
    .banner_btn{width: 100%; text-align: left;}
    .banner .banner_btn a{padding: 0.833rem 1.111rem; font-size: 1.167rem; display: inline-block;}
    .journey .mobile_hide,.banner .mobile_hide{display: none;}
    .journey .mobile_show,.banner .mobile_show{display: block;}
    .services .Home_services:first-child{display: none;}
    .subsection .big_title h2,.subsection_white .big_title h2{font-size: 2.667rem;}
    .choose_us ul{flex-wrap: wrap; padding: 0; margin: 0 auto; gap: 1.333rem;}
    .choose_us ul li{flex: 1 1 40%;}
    .choose_us ul li:nth-child(2){border: none;}
    .Home_USP_item .Home_USP_item_text{padding:var(--padding-global) 0;}
    .about_us{padding-top: var(--subsection-padding);}
    .about_us .mobile_show{margin-bottom: 0;}
    .disease_item li{flex: 1 1 calc(50% - var(--padding-section-small) * 3); justify-content: start;}
    .disease_item .disease_icon{width: 64px; height: 64px; padding: 8px;}
    .journey ul{flex-wrap: wrap; flex-direction: column; align-items: start;}
    .journey ul li{flex: 1 1 100%; display: flex; align-items: start; gap: 1rem;}
    .journey .journey_line{height:60px; text-align: center; padding-top: 5px; margin: 0;}
    .journey .journey_line hr{width:2px; height:100%; border: none; margin-top: 5px; margin-left: 4px;}
    .journey_title{margin-bottom: var(--container-padding);}
    .join_us_left{height:auto;}
    .join_us_right{height:20rem;}
    .sub_banner{height: auto; display: block;}
    .sub_banner .banner_img{width:100%; height:25.857rem; position: relative;}
    .sub_banner .banner_position{width: auto; padding:var(--subsection-padding) var(--container-padding); position: relative; left: 0; top: 0; transform: translateX(0) translateY(0);}
    .services_item li{flex: 0 1 calc(50% - 1rem);}
    .articles .big_title{padding: var(--subsection-padding) var(--container-padding);}
    .articles .big_title h3{font-size: 2.333rem;}
    .scroll_articles{width: auto; overflow: hidden;}
    .articles_list{width: 100%; margin: 0 auto var(--padding-section-small) auto;}
    .articles_list ul{flex-wrap: wrap; flex-direction: column; margin-bottom: 0; gap: var(--padding-section-small);}
    .articles_list li{flex: 1 1 100%; width: 100%; margin: 0; /*width: calc(100% - 1.778rem);*/}
    .joinus_job ul {gap:var(--container-padding);}
    .joinus_job ul li{flex: 1 1 45%;}
    .join_us_page{padding-top:0;}
    .join_us_page .big_title{padding: 0 0 var(--subsection-padding) 0;}
    /* .joinus_left{flex: 1 1 100%;}
    .joinus_left ul{flex-wrap: wrap;}
    .joinus_left ul li{height:26rem; flex: 1 1 100%;}
    .joinus_bottom{flex: 1 1 100%;}
    .joinus_bottom ul{flex-wrap: wrap;}
    .joinus_bottom ul li{height:26rem; flex: 1 1 100%;}
    .joinus_job ul {gap:var(--container-padding);}
    .joinus_job ul li{flex: 1 1 45%;} */

    .mobile_menu_btn{padding: 0 var(--container-padding); border-bottom: 0; z-index: 999; position: relative;}
    .mobile_menu_btn a{padding:0.444rem 1.111rem; border-radius: 0.8rem; font-size: 1.167rem; display: block; background-color: #A5784A; color: #FFF; line-height: 150%; text-align: center;}

    .open_message{width:320px; bottom: 8rem;}
    .open_message .message_icon{width:48px; height:48px;}
    .open_message .message_text{font-size: 12px;}
    .join_us{flex-wrap: wrap;}
    .join_us_left{flex: 0 1 100%;}
    .home_join_us_right,.join_us_right{
        width: 100%;
        height:auto;
    }

    /* 二级页面 */

    .about-banner h1{font-size: 3.571rem;}
    .about-banner p{font-size: 1.142rem; align-items: center;}
    .about-banner a{font-size: 1.142rem;}
    .about-banner .banner_btn{width: auto;}
    .about-banner .banner_btn a{padding: 0.714rem 1.714rem;}
    .about_cancer{padding: var(--padding-section-large);}
    .quick_search{min-height: 5rem;}
    .consultant_list li{flex: 1 1 100%;}
    .benefits ul{flex-wrap: wrap;}
    .benefits li h5{margin: var(--padding-global) 0;}
    .benefits li{flex: 1 1 calc(33.33% - 1.333rem); text-align: center; margin-bottom: 1rem; font-size: var(--text-regular);}
    .container{padding: 0;}
    .benefits_home_caer .container{padding-left:0; padding-right:0;}
    .benefits_list ul{flex-wrap: wrap;}
    .benefits_list li{flex: 0 1 calc(33.333% - 1.333rem);}
    .benefits_list p{font-size: 1.285rem; line-height: 150%;}
    .benefits_list p span{font-size:0.889rem;}
    .consultant{padding: var(--padding-section-large) var(--padding-global);}
    .consultant_list{padding: 0;}
    .container_take_care .left_img{width:100%; order: 2;}
    .container_take_care .right_text{width: 100%; order: 1; margin-bottom: 1.333rem;}
    .container_take_care .right_text dt{font-size:2rem;}
    .container_take_care .right_text dd{ font-size: 1.142rem;}
    .sub_big_title h2{font-size: var(--h2-font-size);}
    .sub_big_title p,.sub_big_title li{font-size: 1.142rem;}
    
    .tab_header,.tab_item p,.tab_item li{font-size: 1.142rem;}
    .care_item{flex: 0 1 calc(50% - 1.4rem); border: none; border-right: 1px solid #BFA080; margin-bottom: 1.333rem; flex-shrink: 0;}
    .care_item h4{font-size: 2rem;}
    .care_item li{font-size: 1.142rem;}
    .care_item:nth-child(3n+3),.care_item:nth-child(3n+2){flex: 0 1 calc(50% - 1.4rem); border-right: 1px solid #BFA080; padding: 1.333rem; padding-left: 0;}
    .care_item:nth-child(2n+2){flex: 0 1 calc(50% - 1.4rem); border-right: none; padding: 1.333rem; padding-right: 0;}
    .assessment_list{flex-wrap: wrap;}
    .assessment_item{flex: 1 1 100%;}
    .assessment_item h5{font-size: 1.714rem;}
    .assessment_item p,.assessment_item li{font-size: 1.142rem;}
    .assessment_submit button,.assessment_submit input{font-size: 1.142rem;}
    .assessment_submit strong{font-size: 1.286rem;}
    .assessment_submit span{font-size: 0.857rem;}

    .neurological .join_us_right{width:100%; object-fit: cover;}
    .neurological_item{flex: 1 1 100%;}
    .case_list{display: flex; gap: 2.285rem; align-items: start; flex-wrap: wrap;}
    .case{flex-wrap: wrap; flex: 1 1 calc(50% - 2.285rem);}
    .case .left_img{height: 14.285rem;}
    .case .left_img,.case .right_text{flex: 1 1 100%;}
    .case_left{margin: 0;}
    .case_left .left_img{order: 1;}
    .case_left .right_text{order: 2;}
    .cost_table th, .cost_table td {font-size: 1.142rem;}
    .payment_strengths ul li{flex: 1 1 calc(50% - 2.7rem); margin-bottom: 1.333rem;}
    .payment_strengths ul li:nth-child(2n+2){border: none; padding-right: 0;}
    .payment_strengths ul li:nth-child(2n+1){padding-left: 0;}
    .payment_charge li{flex: 1 1 calc(50% - 5rem); height: auto;}
    .payment_services li{flex: 1 1 calc(50% - 5rem); height: auto;}
    .payment_charge h3{font-size: 2rem;}
    .payment_charge dd{height: auto; font-size: 1.143rem;}
    .services_scope ul{flex-wrap: wrap;}
    .services_scope li{flex: 1 1 calc(50% - 3.399rem);}
    .ccsv_what ul{flex-wrap: wrap;}
    .ccsv_what li{flex: 1 1 calc(50% - 2.66rem); margin-bottom: 1.33rem;}
    .ccsv_what li:nth-child(2n+2){border: none; padding-right: 0;}
    .homelistic_text h3, .homelistic_text ul{max-width: 580px;}
    .text_note{font-size: 1.142rem;}
    .payment_table th, .payment_table td,th,td,.search_input{font-size: 1.142rem;}
    .customer_rights .rights_img{order: 2; flex: 1 1 100%;}
    .customer_rights .rights_itext{order: 1; flex: 1 1 100%;} 
    td,td.left_item{padding:6px; font-size: var(--text-medium);}
    td.left_item div{font-size: var(--text-medium);}
    .about_usp .Home_USP_item{height: auto;}
    .subsection_green,.subsection_white,.subsection,.footer{padding: var(--padding-section-large);}
    .container_take_care ,.container_take{flex-wrap: wrap;}
    .container_take .join_us_left,.container_take .join_us_right{flex: 1 1 100%;}
    .journey p {font-size: var(--text-regular);}
    .mileage_list ul{flex-wrap: wrap;}
    .mileage_list li{flex: 0 1 calc(25% - 3rem);}
}

/* 超小屏幕设备 */
@media screen and (max-width: 480px) {
    :root{
        font-size: 12px;
        --base-font-size: 1rem; /* 基础字体大小 */
        --container-padding: 1.667rem; /* 容器内边距 */
        --container-max-width: 40rem; /* 最大宽度 */
        --subsection-padding: 5.333rem; /* 区块内边距 */
        --container-gap:1.778rem; /* 容器间隔 */
        --h1-font-size:3rem;
        --h2-font-size:2.667rem;
        --h3-font-size:2.222rem;
        --h4-font-size:1.778rem;
        --h5-font-size:1.556rem;
        --h6-font-size:1.333rem;
        --text-large: 1.333rem;
        --text-medium: 1.111rem;
        --text-regular: 0.889rem;
        --text-small: 0.778rem;
        --text-tiny: 0.667rem;
        --padding-global:1.667rem;
        --padding-section-Xlarge:5.333rem;
        --padding-section-large:2.667rem;
        --padding-section-medium:2rem;
        --padding-section-small:1.333rem;
    }
    html {
        font-size: 12px;
    }
    .pd-large{padding: var(--padding-section-large) var(--padding-global);}
    .fixed_whatsapp{padding:8px;}
    .fixed_whatsapp svg{width: 4rem; height: 4rem;}
    .subsection_padding{padding: var(--subsection-padding) var(--container-padding);}
    .nav_menu,.nav_btn{display: none;}
    .languages a{
        padding:0.3rem 1rem;
    }
    .mobile_nav{cursor: pointer; display: block;}

    .nav{position: relative;}
    .menu_close{display: none;}
    .mobile_mask{width:100vw; height: 100vh; position: fixed; top:0; left:0; background-color: rgba(0,0,0,0.5); z-index: 99; display: none;}
    .mobile_menu_close{height:4.4rem; display: flex; align-items: center; justify-content: end; padding:0 var(--container-padding);}
    .mobile_menu{position: absolute; display: block; z-index: 9999;  background-color: #FFF; flex-direction: column; top:0; right: -80vw; width: 80vw; height: 100vh;}
    .mobile_menu ul{display: block; height: calc(100vh - 9rem); padding-top: 1rem;}
    .mobile_menu li{line-height: 150%; padding:0.7rem var(--container-padding); }
    .mobile_menu li{font-size: 1.167rem;}
    .mobile_menu li .sub_menu_title{display: flex; align-items: center; justify-content: space-between;}
    .mobile_menu li .arrow_up{display: none;}
    .mobile_menu li ul{display: none; height: auto;}
    .mobile_menu li li{padding: 0.3rem var(--container-padding);}
    .mobile_menu li a{font-size: 16px;}
    .mobile_menu li li a{font-size: 14px;}
    .mobile_menu_btn{padding: 0 var(--container-padding); border-bottom: 0; z-index: 999; position: relative;}
    .mobile_menu_btn a{padding:0.444rem 1.111rem; border-radius: 0.8rem; font-size: 1.167rem; display: block; background-color: #A5784A; color: #FFF; line-height: 150%; text-align: center;}
    
    .banner .banner_position{
        position: absolute;
        width: 90%;
        top:50%;
        z-index: 999;
    }
    .banner .banner_text h1{font-size: 3.333rem;}
    .banner .banner_text p{font-size: 1.333rem;}
    .banner_btn{width: 100%; text-align: center;}
    .banner .banner_btn a{padding: 1rem 1.111rem; font-size: 1.167rem; width: 100%;}
    .about-banner{width: 100%;}
    .about-banner .banner_position{width: calc(100% - var(--padding-global) * 2); padding: var(--padding-section-Xlarge) var(--padding-global);}
    .about-banner h1{font-size: var(--h1-font-size);}
    .about-banner p,.about-banner a{font-size: var(--text-medium);}
    .about_cancer{padding: var(--padding-section-large) var(--padding-global);}
    .milestones ul{flex-wrap: wrap;}
    .milestones li{flex: 1 1 calc(50% - 2.7rem);}
    .milestones li svg{width: 100%; height: 100%;}
    .Home_USP{display: block;}
    .about_usp .Home_USP_item{height:auto}
    .Home_USP_item{width: 100%; margin-bottom: var(--padding-section-small);}
    .Home_USP_item .btn_more{width: 100%;}
    .Home_USP_item .btn_more a{width: 100%; text-align: center; display: block; font-size: 1.167rem;}
    .Home_USP_item .Home_USP_item_text{margin: 0 var(--padding-global); max-width: 100%;}
    .about_usp .Home_USP_item_text{margin: 0; max-width: 100%;}
    .about_usp ul{padding-left: 2rem;}
    .Home_USP .mobile_hide,.journey .mobile_hide,.banner .mobile_hide{display: none;}
    .Home_USP .mobile_show,.journey .mobile_show,.banner .mobile_show{display: block;}
    .about_usp li{font-size: var(--text-large);}
    .Home_conditions, .Home_services{padding: 0;}
    .conditions_text a{font-size: 1.167rem; padding: 0.667rem 1.667rem;}
    .services .Home_services:first-child{display: none;}
    .subsection .big_title h2,.subsection_white .big_title h2{font-size: 2.667rem;}
    .choose_us ul{flex-wrap: wrap; padding: 0; margin: 0 auto; gap: 1.333rem;}
    .choose_us ul li{flex: 1 1 calc(50% - 2.5rem); }
    .choose_us ul li p{font-size: var(--text-large);}
    .choose_us ul li:nth-child(2){border: none;}
    .partnerships h5{font-size: 1.5rem;}
    .partner_list{flex-wrap: wrap; align-items: center;}
    .partner_list li{flex: 1 1 45%; height: 4.667rem;}
    .articles .big_title{padding: var(--subsection-padding) var(--container-padding);}
    .articles .big_title h3{font-size: 2.333rem;}
    .scroll_articles{width: auto; padding: 0; overflow: hidden;}
    .articles_list{width: 100%; margin: 0 auto var(--padding-section-small) auto;}
    .articles_list ul{flex-wrap: wrap; flex-direction: column; margin-bottom: 0; gap: var(--padding-section-small);}
    .articles_list li{flex: 1 1 100%; width: 100%; margin:0; /*width: calc(100% - 1.778rem);*/}
    .articles_list li p,.articles_list li span,.articles_list li a{font-size: var(--text-medium); line-height: 150%;}
    .btn_more{padding: 0; text-align: center;}
    .btn_more a{display: block; padding: 0.833rem 0; border-radius: 0.8rem; font-size: 1.167rem;}
    .show_all{padding: 0; text-align: center;}
    .show_all a{display: block;}
    .join_us{flex-wrap: wrap; gap: var(--padding-section-large);}
    .join_us_left{flex: 1 1 100%;}
    .contact ul{flex-wrap: wrap;}
    .contact li{flex: 1 1 100%;}
    .footer_content{flex-wrap: wrap;}
    .footer_left{flex: 1 1 100%;}
    .about_us{padding-top: var(--subsection-padding);}
    .about_us .mobile_show{margin-bottom: 0;}
    .disease_item li{flex: 1 1 calc(50% - var(--container-gap) - 1.778rem); justify-content: start;}
    .disease_item .disease_icon{width: 64px; height: 64px; padding: 8px;}
    .journey ul{flex-wrap: wrap; flex-direction: column;}
    .journey ul li{flex: 1 1 100%; display: flex; align-items: start; gap: 1rem;}
    .journey .journey_line{height:60px; text-align: center; padding-top: 5px; margin: 0;}
    .journey .journey_line hr{width:2px; height:100%; border: none; margin-top: 5px; margin-left: 4px;}
    .journey_title{margin-bottom: var(--container-padding);}
    .join_us_left{height:auto;}
    .sub_banner{height: auto; display: block;}
    .sub_banner .banner_img{width:100%; height:21.66rem; position: relative;}
    .sub_banner .banner_position{width: auto; padding:var(--padding-section-large) var(--padding-global); position: relative; left: 0; top: 0; transform: translateX(0) translateY(0);}
    .services_item li{flex: 0 1 calc(50% - 1rem);}
    .service_types_btn a{ padding: 0.333rem 0.833rem;}
    .more_news{font-size: 1.167rem;}
    .fees ul{flex-wrap: wrap;}
    .fees ul li{flex: 1 1 45%;}
    .fees ul li:nth-child(2){border: none;}
    .payment_method li{height:auto;}
    .resources .big_title,.subsection_white .big_title{padding-top: 0; padding-left: 0;}
    .resources_list{padding: 0; gap: var(--container-padding); flex-wrap: wrap; flex-direction: column;}
    .resources_list li{flex: 1 1 100%;}
    .joinus_left{flex: 1 1 100%;}
    .joinus_left ul{flex-wrap: wrap;}
    .joinus_left ul li{height:26rem; flex: 1 1 100%;}
    .joinus_bottom{flex: 1 1 100%;}
    .joinus_bottom ul{flex-wrap: wrap;}
    .joinus_bottom ul li{height:26rem; flex: 1 1 100%;}
    .joinus_job ul {gap:var(--container-padding);}
    .joinus_job ul li{flex: 1 1 45%;}
    .footer_logo{width:8.667rem;}
    .footer_content p,.footer_text a,.footer_menu li a{font-size: 1rem;}
    .footer_right{padding-bottom: var(--padding-section-large);}
    .footer_bottom{flex-wrap: wrap;}
    .contact_btn a{padding: 0.833rem 0; font-size: 1.167rem;}
    .copyright{flex:1 1 100%; font-size: 1rem;}
    .footer_links{flex:1 1 100%;}
    .footer_links a{margin-left: 0; margin-right: 1.333rem;  font-size: 1rem;}
    .payment_method .icon{width:48px; height:48px; padding:16px;}
    .payment_method .icon svg{width: 48px; height: 48px;}
    .form_group{flex: 1 1 calc(100% - 2.666rem);}
    .scroll_testimonials{padding-bottom: 0;}

    .open_message{width:240px; right: 0.5rem; bottom: 8.5rem;}
    .open_message .message_icon{width:30px; height:30px; flex: 0 0 30px;}
    .open_message .message_text p{font-size: 10px; padding-top: 3px;}
    .container_take .join_us_right{width: 100%; height: auto;}
    .container_take .join_us_left .desc_text li{font-size: var(--text-medium);}
    .journey p{font-size: var(--text-medium);}
    .home_join_us_right{
        width: 100%;
        height:auto;
    }


    /* 二级页面 */
    .container{padding:0;}
    .sub_big_title h2{font-size: var(--h2-font-size); margin-bottom: var(--padding-section-small);}
    .sub_big_title p{font-size: var(--text-medium);}
    .about-banner .banner_btn{width: 100%; text-align: center;}
    .subsection-secondary{width: auto; padding: var(--padding-section-large) var(--padding-global);}
    .original_story{padding: var(--padding-section-large) var(--padding-global);}
    .original_story h4{font-size: 1.667rem;}
    .consultant{padding: var(--padding-section-medium) var(--padding-global);}
    .consultant_title{margin:0;}
    .consultant_img{height:13.333rem;}
    .consultant_list{padding: 0;}
    .contradiction_text,.contradiction_list ul {flex-wrap: wrap;}
    .contradiction_text li,.contradiction_list ul li{flex: 1 1 100%; font-size: var(--text-large);}
    .consultant_list li h6{font-size: 1.5rem; margin-bottom: 1.333rem;}
    .consultant_name p,.consultant_info p{font-size: 1.167rem; line-height: 150%;}
    .contradiction_text li p{font-size: 1.333rem;}
    .contradiction_list ul li svg{width: 48px; height:48px;}
    .benefits p{font-size: 14px;}
    .bg_responsibility{padding: var(--padding-section-large) var(--padding-global);}
    .bg_responsibility .intention_svg{transform: rotateY(180deg);}
    .intention_text{width: 80%;}
    .intention_text p{font-size: 1.2rem; font-weight: normal; line-height: 150%;}
    .mileage_list li .mileage_img{flex: 0 0 8rem; width: 8rem; height: 8rem;}
    .mileage_list li{flex: 1 1 100%; flex-wrap: nowrap; flex-direction: row; display: flex; margin-bottom: 8px;}
    .mileage_list .mileage_line{flex: 0 0 15px; width:15px; height:100%; margin: 0 16px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .mileage_list .mileage_line .circle{width:15px; height: 15px; margin: 0;}
    .mileage_list .mileage_line hr{width:3px; height:100%; margin-top: 8px; overflow: hidden; border: none;}
    .mileage_list .mileage_text h6{font-size: 1.667rem;}
    .mileage_list .mileage_text p,.mileage_list .mileage_text a{font-size: var(--text-medium);}
    .background_right,.background_left ul li,.background_bottom li{flex: 1 1 100%; height:20rem;}
    .benefits ul,.background_bottom ul{flex-wrap: wrap;}
    .benefits li{flex: 1 1 calc(50% - 1.333rem); text-align: center; margin-bottom: 1rem; font-size: 16px;}
    .benefits li h5{font-size: 20px; margin: 12px 0;}
    .benefits_list li{flex: 0 1 calc(50% - 1.333rem);}
    a.btn_beige{font-size: 14px;}
    .care_item{flex: 1 1 100%; border: none; border-bottom: 1px solid #BFA080; margin-bottom: 1.333rem; flex-shrink: 0;}
    .care_item:nth-child(3n+2),.care_item:nth-child(3n+3){flex: 1 1 100%; border-right: none;}
    .care_item:nth-child(2n+2){flex: 1 1 100%; border-right: none; padding-left: 0;}
    .care_item p{font-size: 1.142rem; line-height: 150%;}
    .care_item:last-child{border-bottom: none;}
    .assessment_submit button,.assessment_submit input{width: 100%; font-size: 1.142rem;}
    .assessment_submit input{margin-bottom: 1.333rem;}
    .case{flex-wrap: wrap; flex: 1 1 100%;}
    /*.case_left{margin-top: var(--padding-section-small);}*/
    .payment_charge li{flex: 1 1 100%; margin-bottom: 1.333rem;}
    .services_scope li{flex: 1 1 100%; margin-bottom: 1.333rem;}
    .homelistic_text h3, .homelistic_text ul{max-width: 320px;}
    .payment_services li{flex: 1 1 100%;}
    .payment_services li p{padding: 2rem; font-size: 1.5rem; line-height: 150%; font-weight: 500;}
    .background-text p,.background-text li{font-size: 1.167rem; line-height: 150%;}
    .background_box{margin-bottom: var(--padding-section-medium);}
    .subsection_green, .subsection_white, .subsection, .footer{padding: var(--padding-section-large) var(--padding-global);}
    .claim_precautions_item{flex: 1 1 100%; border: none;}
    .claim_precautions_item:nth-child(1){order:1}
    .claim_precautions_item:nth-child(2){order:4}
    .claim_precautions_item:nth-child(3){order:2;}
    .claim_precautions_item:nth-child(4){order:5}
    .claim_precautions_item:nth-child(5){order:3; border-bottom: 1px solid rgba(4, 7, 8, 0.50); padding-bottom: var(--padding-section-small); margin-bottom: var(--padding-section-small);}
    .claim_precautions_item:nth-child(6){order:6}
    .claim_precautions_item li{font-size: var(--text-medium);}
    .case .right_text dd li{font-size: var(--text-medium);}
    .contact_form,.label_text,.search_list a{font-size: var(--text-medium);}
    .form_group .form_btn{font-size: var(--text-medium);}
    .search_input,.search_list{margin-left:var(--padding-global); margin-right: var(--padding-global); z-index: 990;}
    .homelistic_text li{font-size: var(--text-large); line-height: 150%;}
    .services_scope li p,.sub_big_title p, .sub_big_title li,.case .right_text p{font-size: var(--text-medium);}
    .payment_strengths ul li{flex: 0 1 calc(50% - 2.7rem);}
    .payment_strengths ul li p{font-size: var(--text-medium);}
    .payment_services li img{height:11rem;}
    .payment_services li h6{font-size: 1.5rem; font-weight: 500;}
    table.cost_table{width: auto;}
    .subsection_zero{padding: 0;}
    .homelistic_title p{max-width: 320px; margin: var(--padding-section-small) auto;}
    .care_item li,.homelistic_text p{font-size: var(--text-medium);}
    .container_take_care{flex-wrap: wrap;}
    .container_take_care .right_text dd,.container_take .join_us_left .desc_text,.neurological_item li{font-size: var(--text-medium);}
    .homelistic_position{padding: var(--padding-section-large) var(--padding-global);}
    .homelistic_text{width: calc(100% - var(--padding-global) * 2); padding: var(--padding-section-large) var(--padding-global);}
    .table_img_crown{width:30px; height:30px; font-size: 2rem; line-height: 2rem;}
    .table_img_message{width:100px; font-size: var(--text-medium); background-size: 100%;}
    td.left_item .tooltip{width:160px; right: -200px; font-size: var(--text-medium);}
    .left_item div svg{flex: 0 0 24px;}
    .payment_table th, .payment_table td{min-width: 100px;}
    .payment_table th:first-child, .payment_table td:first-child{padding: 5px 10px;}
    .conditions,.services{padding: var(--padding-section-large) var(--padding-global);}
    .service_types li{height: auto; display: flex; flex-wrap: wrap;}
    .service_types dl,.service_types dd{height: auto; align-items: center; margin-bottom: 0; margin-top: 0.889rem;}
    .service_list li li,.service_list li p{font-size: var(--text-medium);}
    .services_item p{font-size: var(--text-medium); line-height: 150%;}
    .service_types dt span,.service_types dd p,.service_types_btn span{font-size: var(--text-medium);}
    .subsection .big_title{padding: var(--padding-section-large) 0;}
    .subsection_zero .big_title{padding: var(--padding-section-large) var(--padding-global);}
    .Home_USP_item img{position: relative;}
    .join_us_right{width: 100%;}
    
}

/* 高分辨率屏幕优化 */
@media screen and (min-width: 1920px) {
    html {
        font-size: 18px; /* 固定字体大小，避免过大 */
    }
    
    .container {
        margin: 0 auto;
    }
}

/* 打印样式 */
@media print {
    .navbar-fixed,
    .nav_btn,
    .brown_btn {
        display: none;
    }
    
    body {
        font-size: 12pt;
        line-height: 1.4;
    }
    
    .banner {
        height: auto;
        page-break-inside: avoid;
    }
}

/* 无障碍优化 */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* 高对比度模式 */
@media (prefers-contrast: high) {
    .brown_btn {
        border: 2px solid #000;
    }
    
    .nav_menu li a {
        text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    }
}


#hs-form-container{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1000;}
.form-content{position: absolute; width: 600px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px;}
.close-btn{cursor: pointer; position: absolute; top: 10px; right: 10px;}