/* update1 */
    .blog-search .search-scope-dropdown,img{border-radius: 0 !important;}
    .article-related-card{border-radius: 0 !important;}
    .blog-search .search-scope-dropdown{overflow: hidden;}
@media (min-width: 997px) {
.home-promo-text .home-promo-title-line1{display: inline-block;}
.conditions-group .group-title{white-space: nowrap;line-height: 70px;}
.conditions-group .group-title{min-width: 350px;}
}
@media (max-width: 768px) {
    .legal-wrapper,body > main:first-of-type, body > section:first-of-type:not(.top-bar):not(.header):not(.search-overlay), .page-header-banner:first-of-type, .hero-video-section:first-of-type{
        margin-top: calc(max(var(--top-bar-height), 60px) + var(--header-height)) !important;
    }
    .member-page-wrap,.member-main{min-height:  calc(100vh - max(var(--top-bar-height), 60px) - var(--header-height)) !important;}
    .msg-layout{min-height: calc(100vh - max(var(--top-bar-height), 60px) - var(--header-height));}
    .detail-content-wrapper.legal-wrapper{margin-top: 0 !important;}
    .doctor-name{font-size: clamp(28px, 5vw, 40px) !important;}
    .doctor-title{font-size: clamp(20px, 4vw, 18px);}
    .doctor-appointment-link{font-size: clamp(16px, 4vw, 24px);}

    .doctor-section-title{font-size: clamp(22px, 4vw, 36px);}
    .doctor-main-content .doctor-section h2.doctor-section-title{font-size: clamp(22px, 4vw, 36px);}

    .publication-title{font-size: clamp(18px, 2.5vw, 28px);}
    .publication-title .arrow-icon{width: 28px;
    height: 28px;}

    .conditions-flow-text,.conditions-flow-title,.conditions-flow-link{font-size: clamp(16px, 4vw, 24px) !important;}

    .breadcrumb a{color: var(--text-primary) !important;}

    .page-header-banner.condition-banner .breadcrumb a,.page-header-banner.sc-page-banner .breadcrumb a,.main-nav-link{color:var(--text-light) !important;}

    .home-health-title { font-size: clamp(1.5rem, 5vw, 1.85rem); }
    .home-promo-figure{height: auto;}

    .home-promo-btn:hover{border-radius: 0 !important;}

    .home-procedure-card .card-caption-title {
        font-size: 1.05rem;
        padding: 6px 0px 6px 24px !important;
    }
    .home-procedure-card .card-img-wrap {
        aspect-ratio: auto;
    }
    .home-procedure-card .card-img-wrap img {
        aspect-ratio: 4/3;
    }

    .contact-section > .container,.blog-main > .blog-content-section > .container,.home-health > .container,.home-conditions > .container,.home-procedures > .container{
        padding-left: max(36px, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(36px, env(safe-area-inset-right, 0px)) !important;
    }

    #overview > .section-title{font-size: clamp(1.5rem, 5vw, 1.85rem) !important;}
    #technique > .section-title{font-size: clamp(1.5rem, 5vw, 1.85rem) !important;}
    .detail-section-spacing > .section-title{font-size: clamp(1.8rem, 5vw, 1.85rem) !important;}


    .sc-section-title{font-size: clamp(1.5rem, 5vw, 1.85rem) !important;margin-bottom: clamp(1.2rem, 5vw, 1.8rem) !important;}
    .sc-photo-label > div{font-size: clamp(0.7rem, 3vw, 0.8rem) !important;font-weight: 300;display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      word-break: break-word;}
    .sc-photo-wrapper{aspect-ratio: 280 / 267;}

    .page-hero.hero-white .container h1{text-align: left !important;}
    .section-title{
        font-size: clamp(1.5rem, 5vw, 1.85rem) !important;
    }
    .case-title{font-size: 16px !important;}
    .sc-other-card-title{font-size: 16px !important;}
    .sc-article-title{font-size: 16px !important;}
    .sc-other-card-type{font-size: 16px !important;}

    .blog-post-excerpt{margin-top: 12px;}

    [data-breakout="normal"] > div > div > div > div{
        max-width: 100%;
        overflow-x: auto;
    }
    table{
        display: block;
          max-width: 100%;
          overflow-x: auto;
          height: auto !important;
    }
    a{
        white-space: normal;
        word-wrap: break-word;
    }
    u{text-decoration: underline;}
    .article-body img{border-radius: 0;}

    .detail-title{font-size: clamp(20px, 4vw, 18px);}
    .detail-text{font-size: 16px;}
    .contact-description{font-size: 16px;}


    .procedures-indications .indication-group-title{font-size: clamp(1.05rem, 3vw, 1.45rem) !important;}
    .indication-main-link{font-size: clamp(1.05rem, 3vw, 1.45rem) !important;}

    .publications-page .page-wrapper{margin-top: calc(max(var(--top-bar-height), 60px) + var(--header-height)) !important;}
    .publication-title{line-height: 24px !important; }

    .contact-title{margin-bottom: 0px !important;}
    .contact-description{margin-bottom: 12px !important;}

    iframe{max-width: 100%;}
    .faq-item.active .faq-body{max-height: fit-content !important;}
    p > span > a:link,p > span > a:visited,p > a:link,p > a:visited {color: rgb(111, 11, 101) !important;}


    .faq-item.active .faq-question{font-size: initial;line-height: 20px;}
    .condition-content-section p{font-size: 16px;line-height: 24px;}
    .condition-content-section ul li{font-size: 16px;line-height: 24px;}
    .condition-content-section ul,.condition-content-section ul{list-style: unset;}
    .sc-photo-item{flex: 0 0 calc(60% - 10px);
    min-width: calc(60% - 10px);
    width: calc(60% - 10px);}

    .contact-info-link span{font-size: 16px;color: var(--text-primary);font-weight: lighter;}

    .publications-page .publications-list{gap: 28px;}
    .login-logo, .register-logo{left: 0 !important;}

    .member-form-row{gap: 10px;flex-direction: column;margin-left: 0px;}

    .request-appointment-page .ra-banner{height: auto;}
    .request-appointment-page .ra-step{width: 100%;}
    .request-appointment-page .ra-step-num{width: 24px;height: 24px;}
    .request-appointment-page .ra-step-text{font-size: clamp(1.2rem, 4vw, 1.45rem) !important;}
    .request-appointment-page .ra-step-line{width: auto;}
    .msg-chat-patient-info-card{min-width: 80%;}

    .detail-section-spacing{margin-bottom: clamp(1.5rem, 8vw, 3rem);}
    .publications-page .publication-authors{margin-bottom: auto;}

    .blog-detail-meta-row{display: none;}

    .member-sidebar-avatar{margin-left: 1.5rem !important;}
    .member-menu-item{margin-top: clamp(1.25rem, 4vw, 2rem) !important;margin-left: 1.5rem;font-size: clamp(1.2rem, 4vw, 1.45rem) !important;}
    .member-menu-item:last-of-type{margin-bottom: clamp(0.6rem, 4vw, 2rem) !important;}
    .member-card-title{font-size: clamp(1.5rem, 5vw, 1.65rem) !important;margin-left: 1.5rem;}
    .member-avatar-section,.member-card-desc{padding-left: 1.5rem !important;padding-right: 1.5rem !important;margin-left: 0;}
    .member-form-email-wrap .member-form-input{width: 100%;}
    .member-sex-row, .member-birthday-row{max-width: 100%;gap: 5px;}
    .member-birthday-select{border-radius: 0 !important;width: 33%;}
    .member-form-actions{margin: 30px 0;display: flex;text-align: center;align-items: center;justify-content: center;}

    .member-divider,.member-form-row{margin-left:auto !important;margin-right:auto !important;width: calc(100% - 40px);}
    .member-divider,.member-avatar-section, .member-card-desc{padding:0 20px;}

    .request-appointment-page .ra-info-title,.request-appointment-page .ra-title,.appt-title{font-size: clamp(1.5rem, 5vw, 1.65rem) !important;}
    .request-appointment-page .ra-section-title{font-size: clamp(1.2rem, 5vw, 1.65rem) !important;}
    .appt-record-title{font-size: clamp(1.3rem, 4vw, 1.65rem);margin: 1.5rem 0 0 2.2rem;}


    .appt-record-bar, .appt-list, .appt-empty{width: calc(100% - 3rem);}
    .appt-title, .appt-desc, .appt-btn-request, .appt-record-title, .appt-record-bar, .appt-list, .appt-empty{margin-left: 1.5rem !important;margin-right: 1.5rem !important;}


    .appt-item{position: relative;}
    .appt-item-date{position:absolute;right: 0.5rem;bottom: 0;}
    .appt-item-info{min-width: 0;}
    .appt-item-name-wrap > .appt-item-name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .ps-banner-title{font-size: clamp(1.3rem, 5vw, 1.65rem);line-height: 1.2;white-space: pre-line;margin-right: 40px;}
    .ps-content{padding:20px 0;margin-left: 1.5rem !important;margin-right: 1.5rem !important;}
    .ps-service-item{margin-bottom: 20px;}

    .request-appointment-page .ra-select-wrap,button,select,input,textarea{border-radius: 0 !important;}
    .member-btn-save{width: calc(100% - 40px) !important;}
    .msg-chat-send{border-radius: 50% !important;}
    .request-appointment-page .ra-btn-back,.request-appointment-page .ra-btn-next{margin-top: 0;margin-bottom: 0;}
    .ra-btn-back{margin-top:0;margin-bottom: 0;}
    .request-appointment-page .ra-form-actions{gap: 10px;}
    .request-appointment-page .ra-success-inline .ra-success-actions{gap: 28px !important;}
    .publications-page .publication-journal{color: var(--text-dark-bg-primary);}

    .request-appointment-page .ra-success-inline .ra-success-btn{font-size: clamp(1.1rem, 2.34375vw, 1.125rem) !important;width: clamp(16rem, 37.5vw, 18rem) !important;}
    .ps-intro{font-size: clamp(1.25rem, 2.5vw, 1.5rem) !important;line-height: 1.5 !important;}

    .sc-other-section{margin-top:1rem;}

    article a{color:#6F0B65 !important;}
    .appt-item-left{min-width: 0px;}



}

@media (max-width: 414px) {
    .condition-content-main{max-width: 100%;}
}
.ra-select-wrap{padding: 0 !important;}
.request-appointment-page .ra-select-wrap .ra-arrow{position: absolute;right: 16px;}
.request-appointment-page .ra-select-wrap select, .request-appointment-page .ra-birthday-row select, .request-appointment-page .ra-patient-self select{padding:0 16px;z-index: 3 !important;}
/* iOS Safari 原生 select 元素兼容性修复 */
.request-appointment-page .ra-select-wrap select,
.request-appointment-page .ra-birthday-row select,
.request-appointment-page .ra-patient-self select {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
    min-height: 44px;
    line-height: 44px;
}

.request-appointment-page .ra-select-wrap,
.request-appointment-page .ra-birthday-row,
.request-appointment-page .ra-patient-self {
    -webkit-tap-highlight-color: transparent;
}

/* iOS Safari 按钮触摸事件兼容性 */
.request-appointment-page .ra-phone-prefix,
.request-appointment-page .ra-country-select-btn {
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

@media (max-width: 376px) {
.request-appointment-page .ra-phone-prefix{width: 90px !important;}
}