/* ---------- 全局主题变量 ---------- */
:root {
    --main-color: #b88658;      /* 主题色 暗金橡木 */
    --main-dark-color: #9b6a48;
    --highlight-red-color: #e30000;    /* 高亮红 */
    --highlight-red-dark-color: #c20000;
    --gray-bg-light: #fefaf7;
    --gray-bg-alt: #f8f5f2;
    /*--card-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);*/
    --card-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;;

    --card-hover-shadow: 0 20px 30px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.05);
    --border-radius: 15px;
}

body {
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;
    background-color: #fff;
    color: #2c3e2f;
    overflow-x: hidden;
    min-width: 400px;
    font-size: 16px;
}
a {
    color: #000;
    text-decoration: none;
}
.slick-list {
    padding: 20px 0px;
}
/* 圆角通用类 */
.rounded-15 {
    border-radius: var(--border-radius) !important;
}
.grid-nav {
    /*height: 100%;*/
}

.card-shadow {
    background: white;
    padding: 20px;
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    /*height: 100%;*/
    transition: 0.2s;
}
.card-shadow:hover {
    transform: translateY(-5px);
    box-shadow: var(--card-hover-shadow);
    /*border:1px solid var(--main-color);*/
}
.card-hover {
    transition: transform 0.25s ease, box-shadow 0.3s ease;
    box-shadow: var(--card-shadow);
}
.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: var(--card-hover-shadow);
}
.brand-text img {
    border-radius: 15px;
}
/* 模块背景交替 */
.section-bg-white { background-color: #ffffff; }
.section-bg-warm { background-color: var(--gray-bg-light); }
.section-bg-alt { background-color: var(--gray-bg-alt); }
.section-padding { padding: 30px 0; }

/* 标题样式 + 主题色下划线 */
.section-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    color: var(--main-dark-color);
    position: relative;
}
.section-title:after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: var(--main-color);
    margin: 14px auto 0;
    border-radius: 3px;
}

/* ----- 导航栏（主题色） + 二级菜单优化 ----- */
.navbar-custom {
    background: var(--main-color) !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
}
.dropdown .dropdown-menu,
.megamenu-dropdown .dropdown-menu {
    display: none;
}
.dropdown:hover > .dropdown-menu,
.megamenu-dropdown:hover > .dropdown-menu {
    display: block;
    animation: fadeInUp 0.2s ease;
}
/* 防止菜单闪烁，增加过渡 */
.dropdown-menu {
    margin-top: 0;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.navbar-custom .navbar-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.navbar-custom .navbar-nav .nav-link {
    color: #fff !important;
    font-weight: 500;
    padding: 0.3rem 0.3rem;
    transition: 0.2s;
    border-radius: 20px;
    margin: 0 2px;
}
.navbar-custom .navbar-nav .nav-link.active {
    background-color: var(--highlight-red-color);
    color: white !important;
}
.navbar-custom .navbar-nav .nav-link:hover {
    background-color: var(--highlight-red-color);
    color: white !important;
    transform: translateY(-2px);
}
/* 二级菜单样式 - 支持多列/滚动 */
.dropdown-menu {
    border-radius: var(--border-radius);
    border: none;
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    padding: 0.5rem 0;
    margin-top: 2px;
}
.dropdown-menu .dropdown-item {
    padding: 0.5rem 1.5rem;
    font-size: 0.9rem;
    color: #3e2a21;
}
.dropdown-menu .dropdown-item:hover {
    background-color: #fef1e8;
    color: var(--highlight-red-color);
}
/* 处理二级菜单数量过多 - 宽菜单 + 多列布局 */
.megamenu-dropdown {
    position: static;
}
.megamenu-dropdown .dropdown-menu {
    width: 560px;
    left: auto;
    right: 0;
    padding: 1rem;
}
.megamenu-dropdown .dropdown-menu .row {
    margin: 0;
}
.megamenu-dropdown .dropdown-menu .col-6 {
    padding: 0 0.5rem;
}
.megamenu-dropdown .dropdown-menu h6 {
    color: var(--main-dark-color);
    border-left: 3px solid var(--main-color);
    padding-left: 10px;
    margin: 0.5rem 0;
}


/* 顶部热线高亮 */
.hotline {
    background: #fff0ed;
    color: var(--highlight-red-color) !important;
    border-left: 3px solid var(--highlight-red-color);
}
/* 病种悬浮细化 (每个病种独立悬浮) */
.disease-list {
    justify-content: space-between;
}
.disease-wrapper {
    position: relative;
    display: inline-block;
}
.disease-wrapper .disease-item {
    cursor: pointer;
    padding: 10px;
}
.disease-wrapper .disease-item:hover {
    color: var(--highlight-red-color);
    font-weight: 600;
}
/*.sub-disease-panel.last {
    left: -200px;
}*/
.sub-disease-panel {
    position: absolute;
    top: 32px;
    left: 0;
    background: white;
    border-radius: var(--border-radius);
    box-shadow: 0 12px 24px rgba(0,0,0,0.12);
    padding: 16px;
    width: 280px;
    z-index: 100;
    display: none;
    pointer-events: auto;
    border: 1px solid #f0e0d4;
}
.disease-wrapper:hover .sub-disease-panel {
    display: block;
}
.sub-disease-panel a {
    display: inline-block;
    background: #faf3ee;
    padding: 5px 12px;
    margin: 4px 6px 4px 0;
    border-radius: 30px;
    font-size: 0.8rem;
    color: #5a3e2e;
    text-decoration: none;
    transition: 0.2s;
}
.sub-disease-panel a:hover {
    background: var(--highlight-red-color);
    color: white;
}

/* 查看更多按钮 */
.more-btn-wrapper { text-align: center; margin-top: 40px; }
.more-btn-wrapper .btn-more {
    display: inline-block;
    padding: 12px 32px;
    background: transparent;
    border: 2px solid var(--main-color);
    color: var(--main-dark-color);
    border-radius: 50px;
    font-weight: 600;
    transition: 0.3s;
    text-decoration: none;
}
.more-btn-wrapper .btn-more:hover {
    background: var(--main-color);
    color: white;
    border-color: var(--main-color);
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(184,134,88,0.3);
}
.more-btn-wrapper .btn-more-highlight {
    background: var(--highlight-red-color);
    border-color: var(--highlight-red-color);
    color: white;
}
.more-btn-wrapper .btn-more-highlight:hover {
    background: var(--highlight-red-dark-color);
    border-color: var(--highlight-red-dark-color);
    color: white;
}
/* 就医指南卡片 */
.guide-card {
    background: white;
    border-radius: var(--border-radius);
    padding: 20px 12px;
    text-align: center;
    transition: 0.25s;
    border: 1px solid #f3e7df;
    height: 100%;
    box-shadow: var(--card-shadow);
}
.guide-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--card-hover-shadow);
}
.guide-card i { 
    font-size: 2rem;
    color: var(--main-color);
    margin-bottom: 12px; 
}

/* 新闻tab */
.news-wrapper a {
    display: block;
    color: #000;
    text-decoration: none;
    margin-bottom: 12px;
    font-size: 1rem;
    transition: 0.2s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.news-wrapper .news-tabs {
    /*justify-content: space-between;*/
}
.news-wrapper li:hover a {
    color: var(--highlight-red-color);
}

.news-tabs .nav-link {
    color: #5a3e2e;
    border-radius: 30px;
    margin-right: 10px;
    margin-bottom: 10px ;
}
.news-tabs .nav-link.active {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: white;
}


.nav-tabs .nav-link:hover {
    border-color:var(--main-color);
}

.lists-tabs .nav-link {
    color: #5a3e2e;
    border-radius: 30px;
    margin-right: 10px;
    margin-bottom: 10px ;
}
.lists-tabs .nav-link.active {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: white;
}
.lists-tabs .nav-link a {
    color: #5a3e2e;
}
.lists-tabs .nav-link.active a{
    color: white;
}

.lists-tabs .nav-tabs .nav-link:hover {
    border-color:var(--main-color);
}

/* 通用slick卡片 */
.slick-card {
    background: #ffffff;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--card-shadow);
    margin: 0 12px;
    transition: all 0.3s ease;
}
.slick-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--card-hover-shadow);
}
/* 专家团队卡片图片9:16比例 */

.doctor-slider .slick-card-body p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.doctor-slider .doctor-img {
    width: 100%;
    /*aspect-ratio: 9 / 16;*/
    object-fit: cover;
    background: #e2cfc0;
}
.slick-card-body {
    padding: 18px;
}
.doctor-title {
    color: var(--highlight-red-color);
    font-weight: 600;
    font-size: 0.85rem;
}
/* 热门提问 */
.hot-questions a {
    background: #fcf6f0;
    padding: 8px 20px;
    border-radius: 40px;
    text-decoration: none;
    color: #4a3729;
    font-weight: 500;
    transition: 0.2s;
    border: 1px solid #f2e2d6;
}
.hot-questions a:hover {
    background: var(--highlight-red-color);
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(227,0,0,0.2);
}

/* 文章列表  */
.news-card {
    background: #fff;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--card-shadow);
    transition: 0.3s;
    margin-bottom: 30px;
}
.news-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--card-hover-shadow);
}

.news-card h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /*min-height: 50px;*/
    font-size: 18px;
}
.news-img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
}
.btn-more {
    display: inline-block;
    padding: 10px 28px;
    background: transparent;
    border: 2px solid var(--main-color);
    color: var(--main-dark-color);
    border-radius: 50px;
    font-weight: 600;
    transition: 0.3s;
    text-decoration: none;
}
.btn-more:hover {
    background: var(--main-color);
    color: white;
}
.pagination-custom .page-link {
    color: var(--main-color);
    border-radius: 30px;
    margin: 0 4px;
}
.pagination-custom .page-item.active .page-link {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: white;
}
/* 顶部热线高亮 */
.hotline {
    background: #fff0ed;
    color: var(--highlight) !important;
    border-left: 3px solid var(--highlight-red-color);
}

/* 右侧边栏模块通用卡片样式 */
.sidebar-card {
    background: white;
    border-radius: var(--border-radius);
    padding: 20px;
    box-shadow: var(--card-shadow);
    margin-bottom: 30px;
    transition: 0.2s;
    border: 1px solid #f3e7df;
}
.sidebar-card:hover {
    box-shadow: var(--card-hover-shadow);
}
.sidebar-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--main-dark-color);
    border-left: 4px solid var(--main-color);
    padding-left: 12px;
    margin-bottom: 18px;
}
.hot-articles-list li {
    margin-bottom: 14px;
    border-bottom: 1px dashed #ede0d6;
    padding-bottom: 10px;
}
.hot-articles-list a {
    text-decoration: none;
    color: #4a3729;
    font-weight: 500;
    transition: 0.2s;
}
.hot-articles-list a:hover {
    color: var(--highlight-red-color);
}
.btn-more-side {
    display: inline-block;
    background: transparent;
    border: 1px solid var(--main-color);
    color: var(--main-dark-color);
    border-radius: 40px;
    padding: 6px 18px;
    font-size: 0.8rem;
    font-weight: 600;
    transition: 0.3s;
    text-decoration: none;
}
.btn-more-side:hover {
    background: var(--main-color);
    color: white;
}

/* 正文样式 */
.article-content p {
    line-height: 1.8;
    margin-bottom: 1.5rem;
    font-size: 1.05rem;
    color: #2c3e2f;
}
.article-content h3 {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 1.8rem 0 1rem;
    color: var(--main-dark-color);
}
.article-content img {
    max-width: 100%;
    /*aspect-ratio: 16 / 9;*/
    border-radius: var(--border-radius);
    object-fit: cover;
    display: block;
    margin: 20px 0;
}
.breadcrumb-custom {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
}
.breadcrumb-custom .breadcrumb-item a {
    color: var(--main-color);
    text-decoration: none;
}
.breadcrumb-custom .breadcrumb-item.active {
    color: var(--highlight-red-color);
}
.article-title {
    font-size: 2rem;
    font-weight: 800;
    color: var(--main-color);
    margin-bottom: 20px;
}
.article-title h1, h2, h3, h4, h5 {
    color: var(--main-dark-color);
    font-weight: 700;
}
.related-article-card {
    background: #fefaf7;
    border-radius: var(--border-radius);
    padding: 12px 16px;
    transition: 0.2s;
    height: 100%;
    border: 1px solid #f0e2d6;
}
.related-article-card:hover {
    background: white;
    transform: translateX(5px);
    box-shadow: var(--card-shadow);
}
.related-article-card a {
    text-decoration: none;
    font-weight: 600;
    color: #3e2a21;
}
.related-article-card a:hover { color: var(--highlight-red-color); }

/*友情链接*/
.friend-links a {
    display: inline-block;
    background: white;
    padding: 6px 20px;
    border-radius: 40px;
    text-decoration: none;
    color: #5a3e2e;
    font-weight: 500;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
    border: 1px solid #f0e2d6;
}
.friend-links a:hover {
    background: var(--highlight-red-color);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(227,0,0,0.15);
    border-color: var(--highlight-red-color);
}
@media (max-width: 768px) {
    .friend-links a {
        padding: 4px 14px;
        font-size: 0.8rem;
    }
}
/* footer优化快捷链接 */
/*.footer-quick-links {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.footer-quick-links .link-group {
    flex: 1;
    min-width: 100px;
}
.footer-quick-links a {
    display: block;
    color: #d9cec3;
    text-decoration: none;
    margin-bottom: 12px;
    font-size: 0.9rem;
    transition: 0.2s;
}
.footer-quick-links a:hover {
    color: var(--highlight-red-color);
    padding-left: 5px;
}
.copyright {
    background: #0f1915;
}*/

/* 每一行滚动容器的样式 */
.marquee-row {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
    background: transparent;
}
/* 滚动轨道 */
.marquee-track {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: scrollLeft linear infinite;
}
/* 鼠标悬停时暂停动画 */
.marquee-row:hover .marquee-track {
    animation-play-state: paused;
}
/* 每个问题项 (圆角标签样式) */
.qa-tag {
    display: inline-block;
    background: white;
    padding: 10px 28px;
    margin: 5px 14px;
    border-radius: 50px;
    font-size: 1rem;
    font-weight: 500;
    color: #4a3729;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.25s ease;
    border: 1px solid #f0e2d6;
    box-shadow: var(--card-shadow);
    cursor: pointer;
}
.qa-tag:hover {
    background: var(--highlight-red-color);
    color: white;
    border-color: var(--main-color);
    transform: translateY(-2px);
    box-shadow: var(--card-hover-shadow);
}
/* 响应式调整 */
@media (max-width: 768px) {
    .qa-marquee-section {
        padding: 40px 0;
    }
    .section-title {
        font-size: 1.6rem;
    }
    .qa-tag {
        padding: 6px 20px;
        font-size: 0.85rem;
        margin: 0 10px;
    }
}

/* 三行各自动画时长 + 错位偏移（通过不同的起始偏移量实现视觉错落） */
.row-1 .marquee-track {
    animation-duration: 120s;   /* 非常慢的滚动速度 */
    animation-name: scrollLeft;
}
.row-2 .marquee-track {
    animation-duration: 140s;   /* 速度不同，错落感更强 */
    animation-name: scrollLeft;
    transform: translateX(-8%);  /* 初始偏移，使第二行与第一行错位 */
}
.row-3 .marquee-track {
    animation-duration: 150s;
    animation-name: scrollLeft;
    transform: translateX(-4%);  /* 第三行不同偏移 */
}


/* 模态框样式（点击卡片后播放视频） */
.video-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.85);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(5px);
}
.modal-content-video {
    background: #000;
    border-radius: var(--border-radius);
    max-width: 90%;
    width: 960px;
    position: relative;
    box-shadow: 0 25px 40px rgba(0,0,0,0.4);
}
.modal-content-video video {
    width: 100%;
    border-radius: var(--border-radius);
    display: block;
}
.close-modal {
    position: absolute;
    top: -40px;
    right: 0;
    background: none;
    border: none;
    font-size: 32px;
    color: white;
    cursor: pointer;
    transition: 0.2s;
}
.close-modal:hover {
    color: var(--highlight);
}
@media (max-width: 768px) {
    /*body { padding: 20px; }*/
    .video-card { max-width: 100%; }
    .play-icon { width: 48px; height: 48px; font-size: 20px; }
    .video-title { font-size: 1rem; }
}

/* 页面标题 */
.page-header-have-img {
    background-size: cover;
    background-position: center 30%;
    background-repeat: no-repeat;
    padding: 30px 0 10px 0;
    height: 300px;
    border-bottom: 1px solid #f0e2d6;


}
.page-header{
    background: linear-gradient(90deg, var(--gray-bg-light) 0%, #fff 100%);
    padding: 40px 0;
    border-bottom: 1px solid #f0e2d6;
}
.page-title {
    font-size: 2rem;
    font-weight: 700;
    color: var(--main-dark-color);
    position: relative;
    display: inline-block;
}
.page-title:after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: var(--main-color);
    margin-top: 8px;
    border-radius: 3px;
}

/* 视频卡片样式 */
.video-card {
    background: #fff;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
    border: 1px solid #f3e7df;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.video-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--card-hover-shadow);
}
.video-thumb {
    position: relative;
    width: 100%;
    /*padding-top: 56.25%;*/
    background: #1e2a24;
    overflow: hidden;
}
.thumb-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.video-card:hover .thumb-img {
    transform: scale(1.05);
}
.play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.6);
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 22px;
    backdrop-filter: blur(4px);
    transition: 0.3s;
    pointer-events: none;
    opacity: 0.6;
}
.video-card:hover .play-overlay {
    background: var(--highlight-red-color);
    transform: translate(-50%, -50%) scale(1.1);
}
.video-info {
    padding: 18px;
    flex: 1;
}
.video-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--main-dark-color);
    margin-bottom: 8px;
    line-height: 1.4;
}
.video-meta {
    font-size: 0.75rem;
    color: #a1887a;
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    border-top: 1px solid #f0e2d6;
    padding-top: 10px;
}

@media (max-width: 768px) {
    .page-title { font-size: 1.6rem; }
    .video-title { font-size: 1rem; }
}
/* 滚动动画：向左移动整个轨道宽度的一半（因为轨道中包含两套相同列表，实现无缝循环） */
@keyframes scrollLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes scrollright {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(+50%);
    }
}
/* 视频播放器容器 */
/*.video-player-wrapper {
    background: #000;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--card-shadow);
    height: 600px;
    aspect-ratio: 16 / 9;
}

.video-player-wrapper .dplayer-video-wrap .dplayer-video {
    height: 100%;
    margin: 0 auto;
}
.video-player-wrapper video {
    display: block;
    margin: 0 auto;
}*/
.player-wrapper {
    position: relative;
    width: 100%;
    height: 600px;
    background-color: #000;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--card-shadow);
}
/* DPlayer 容器必须填满父容器 */
.player-container {
    width: 100%;
    height: 100%;
}
/* 关键样式：让视频内容自适应容器，不拉伸，根据视频原始比例自动黑边 */
.player-container .dplayer-video {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
}
/* 可选：调整控制栏透明度等 */
.player-wrapper:hover {
    box-shadow: 0 20px 30px rgba(0,0,0,0.1);
}
.video-title-page {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--primary-dark);
    margin: 20px 0 10px;
}
.video-meta-page {
    display: flex;
    gap: 20px;
    font-size: 0.85rem;
    color: #6c757d;
    border-bottom: 1px solid #f0e2d6;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.video-meta-page .result-tag {
    display: inline-block;
    font-size: 0.9rem;
    margin-right: 8px;
    color: #5a3e2e;
}
.video-description {
    line-height: 1.7;
    margin-bottom: 30px;
}


/* 添加柔和边缘渐变（视觉美化） */
.marquee-row {
    position: relative;
}
.marquee-row:before,
.marquee-row:after {
    content: '';
    position: absolute;
    top: 0;
    width: 60px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}
.marquee-row:before {
    left: 0;
    background: linear-gradient(to right, var(--gray-bg-alt), transparent);
}
.marquee-row:after {
    right: 0;
    background: linear-gradient(to left, var(--gray-bg-alt), transparent);
}
@media (max-width: 768px) {
    .marquee-row:before,
    .marquee-row:after {
        width: 30px;
    }
}


/* 专家卡片 */
.expert-card {
    background: #fff;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
    border: 1px solid #f3e7df;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.expert-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--card-hover-shadow);
}
/* 图片区域 9:16 竖向 */
.expert-img {
    width: 100%;
    aspect-ratio: 9 / 16;
    object-fit: cover;
    background: #e2cfc0;
}
.expert-info {
    padding: 18px;
    flex: 1;
}
.expert-name {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--main-dark-color);
    margin-bottom: 4px;
}
.expert-title {
    font-size: 0.85rem;
    color: var(--highlight-red-color);
    font-weight: 600;
    margin-bottom: 12px;
}
.expert-skill {
    font-size: 0.85rem;
    color: #5a5e5b;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.btn-detail {
    display: inline-block;
    margin-top: 15px;
    padding: 8px 0;
    color: var(--main-color);
    font-weight: 600;
    font-size: 0.85rem;
    text-decoration: none;
    border-top: 1px solid #f0e2d6;
    width: 100%;
    text-align: center;
    transition: 0.2s;
}
.btn-detail:hover {
    color: var(--highlight-red-color);
    background: #fffaf5;
}

@media (max-width: 768px) {
    .expert-name { font-size: 1rem; }
}

/*专家详情*/
.expert-detail-card {
    background: #fff;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--card-shadow);
    border: 1px solid #f3e7df;
}
.expert-avatar {
    width: 100%;
    aspect-ratio: 9 / 16;
    object-fit: cover;
    background: #e2cfc0;
}
.expert-name-detail {
    font-size: 2rem;
    font-weight: 700;
    color: var(--main-dark-color);
    margin-bottom: 8px;
}
.expert-title-detail {
    font-size: 1rem;
    color: var(--highlight-red-color);
    font-weight: 600;
    margin-left: 10px;
}
.info-section {
    margin-bottom: 25px;
}
.info-label {
    font-weight: 700;
    color: var(--main-dark-color);
    margin-bottom: 10px;
    font-size: 1.1rem;
    border-left: 4px solid var(--main-color);
    padding-left: 12px;
}
.info-content {
    line-height: 1.7;
    color: #5a5e5b;
}
.schedule-table {
    width: 100%;
    border-collapse: collapse;
}
.schedule-table td {
    padding: 8px 0;
    border-bottom: 1px solid #f0e2d6;
}
.btn-appointment {
    display: inline-block;
    background: var(--main-color);
    color: white;
    padding: 12px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}
.btn-appointment:hover {
    background: var(--highlight-red-color);
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .expert-name-detail { font-size: 1.5rem; }
}

/* 热门问答 结束 */
/* ========== 优化后的 Footer 样式（无白色背景） ========== */
footer {
    background: #1e2a24;      /* 深橄榄绿背景，沉稳专业 */
    color: #e0e2e0;
    border-top: 3px solid var(--main-color);  /* 增加顶部金色装饰条 */
}

/* 二维码容器 - 去除白色背景，改用半透深色 */
.qr-wrapper .qr-item {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(2px);
    border-radius: var(--border-radius);
    padding: 12px 8px;
    text-align: center;
    transition: 0.2s;
    border: 1px solid rgba(184, 134, 88, 0.5);
}
.qr-wrapper .qr-item:hover {
    background: rgba(184, 134, 88, 0.25);
    transform: translateY(-3px);
}
.qr-wrapper .qr-item img {
    background: transparent;
    border-radius: var(--bs-border-radius-lg);
}
.qr-wrapper .qr-item small {
    color: #cbd5ce;
    margin-top: 6px;
    display: block;
    font-size: 0.7rem;
}

/* footer 中的 logo 区域（原白色矩形部分） */
footer svg text {
    fill: white;
}
footer .col-md-4 svg rect {
    fill: var(--main-color);   /* 保持主题色 */
}

/* 联系方式文字颜色 */
footer p {
    color: #cfd8d2;
}
footer p i {
    color: var(--main-color);
}

.hospital-info a {
    color: #cfd8d2;
}


/* 快速链接样式优化 */
.footer-quick-links .link-group {
    flex: 1;
    min-width: 100px;
    padding-top: 5px;
}
.footer-quick-links a {
    color: #cfd8d2;
    /*border-left: 2px solid transparent;*/
    padding-left: 12px;
}
.footer-quick-links a:hover {
    color: var(--main-color);
    /*border-left-color: var(--main-color);*/
    /*padding-left: 12px;*/
}

/* 版权区域 */
.copyright {
    background: #0f1915;
    color: #9aa69f;
    border-top: 1px solid rgba(184, 134, 88, 0.2);
}
.copyright a {
    color: #9aa69f;
}
.slick-prev {
    left: -40px;
}
.slick-prev:before, .slick-next:before {
    color: var(--main-color); 
    font-size: 36px;
}
.slick-dots li button:before { 
    color: var(--main-color); 
}
.slick-dots li.slick-active button:before { 
    color: var(--highlight-red-color); 
}
.brand-img {
    border-radius: var(--border-radius);
    margin-bottom: 20px;
    width: 100%;
    height: 160px;
    object-fit: cover;
    background: #d9cdc0;
}
/* banner轮播 图片占位 */
.carousel-item img {
    /*height: 600px;*/
    object-fit: cover;
    width:100%;
}
@media (max-width: 768px) {
    .carousel-item img {
        width: 100%;
    }
    .section-padding { padding: 40px 0; }
    .article-title { font-size: 1.6rem; }
    .sidebar-card { margin-bottom: 20px; }
}


/* ========== 移动端适配优化（Header & Footer） ========== */
@media (max-width: 768px) {
    /* ----- Header 头部优化 ----- */
    .header-top {
        padding: 12px 0;
    }
    /* Logo 区域适当缩小 */
    .logo-area svg {
        max-width: 180px;
        height: auto;
    }
    /* 右侧工具组：搜索框和热线换行，右对齐改为居中对齐或均匀分布 */
    .right-tools {
        text-align: center;
        margin-top: 8px;
    }
    .right-tools .d-inline-flex {
        justify-content: center;
        width: 100%;
    }
    .search-group {
        width: auto;
        flex: 1;
        max-width: 180px;
    }
    .search-group input {
        width: 100px;
    }
    .hotline {
        font-size: 0.8rem;
        padding: 6px 12px;
        white-space: nowrap;
    }
    /* 如果 slogan 区域在移动端显示，可隐藏或缩小字体（可根据需求取消注释） */
    /* .slogan-area { display: none; } */

    /* ----- 导航菜单移动端展开优化 ----- */
    .navbar-custom .navbar-nav {
        justify-content: flex-start;
    }
    .navbar-custom .navbar-nav .nav-link {
        padding: 0.6rem 1rem;
        font-size: 0.9rem;
    }
    /* 二级菜单在移动端展开时，去掉宽菜单限制 */
    .megamenu-dropdown .dropdown-menu {
        width: 100% !important;
        max-height: 300px;
        overflow-y: auto;
        position: static !important;
        float: none;
        box-shadow: none;
        border: none;
        background: #fff;
        margin-top: 0;
    }
    .megamenu-dropdown .dropdown-menu .row {
        flex-direction: column;
    }
    .megamenu-dropdown .dropdown-menu .col-6 {
        width: 100%;
    }
    /* 确保汉堡按钮可见且点击区域大 */
    .navbar-toggler {
        border-color: rgba(255,255,255,0.5);
        margin-left: auto;
    }
    .navbar-toggler-icon {
        filter: brightness(0) invert(1);
    }

    /* ----- Footer 底部优化 ----- */
    footer {
        padding-top: 30px;
        padding-bottom: 0;
    }
    footer .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    /* 三列布局改为堆叠，间距合理 */
    footer .row > .col-md-4 {
        margin-bottom: 30px;
        text-align: center;
    }
    /* 二维码区域居中排列，卡片间距 */
    .qr-wrapper {
        justify-content: center;
        gap: 15px;
    }
    .qr-item {
        width: 85px;
        padding: 8px;
    }
    .qr-item svg {
        width: 60px;
        height: 60px;
    }
    .qr-item small {
        font-size: 0.65rem;
        display: block;
        margin-top: 5px;
    }
    /* 中间医院信息 */
    footer .col-md-4:nth-child(2) svg {
        display: block;
        margin: 0 auto 10px;
    }
    footer p {
        font-size: 0.8rem;
        margin-bottom: 8px;
    }
    /* 快捷链接区域：三列并排或两行自适应 */
    .footer-quick-links {
        justify-content: center;
        gap: 15px;
        text-align: left;
    }
    .footer-quick-links .link-group {
        min-width: 80px;
        text-align: center;
    }
    .footer-quick-links a {
        font-size: 0.75rem;
        margin-bottom: 8px;
    }
    /* 版权信息字体缩小 */
    .copyright {
        font-size: 0.7rem;
        padding: 12px;
    }
}

/* 针对更小的手机（宽度 < 480px）进一步收紧 */
@media (max-width: 480px) {
    .header-top .row {
        flex-direction: column;
        align-items: center !important;
    }
    .logo-area {
        text-align: center;
        margin-bottom: 8px;
    }
    .right-tools .d-inline-flex {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
    .search-group {
        max-width: 100%;
    }
    .hotline {
        white-space: normal;
        text-align: center;
        width: auto;
    }
    .footer-quick-links {
        flex-direction: column;
        align-items: center;
    }
    .footer-quick-links .link-group {
        text-align: center;
    }
}


.custom-header {
     background: #fff;
     padding: 15px 0;
     border-bottom: 1px solid #f0e2d6;
     box-shadow: 0 2px 8px rgba(0,0,0,0.02);
 }
 .header-row {
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 15px;
 }
 .header-logo img {
     max-height: 60px;
     width: auto;
     display: block;
 }
 .header-slogan img {
     /*max-height: 45px;*/
     width: auto;
 }
 .header-tools {
     display: flex;
     align-items: center;
     gap: 20px;
     flex-wrap: wrap;
     justify-content: flex-end;
 }
 .search-wrapper {
     display: flex;
     align-items: center;
     background: #f8f9fa;
     border: 1px solid #dee2e6;
     border-radius: 50px;
     overflow: hidden;
     transition: 0.2s;
 }
 .search-wrapper:focus-within {
     border-color: var(--main-color);
     box-shadow: 0 0 0 2px rgba(184,134,88,0.2);
 }
 .search-input {
     border: none;
     background: transparent;
     padding: 8px 16px;
     font-size: 0.9rem;
     width: 200px;
     outline: none;
 }
 .search-btn {
     background: transparent;
     border: none;
     padding: 8px 15px;
     color: var(--main-color);
     cursor: pointer;
     font-size: 1rem;
     transition: 0.2s;
 }
 .search-btn:hover {
     color: var(--highlight-red-color);
 }
 .hotline-wrapper {
     background: #fff0ed;
     padding: 8px 18px;
     border-radius: 40px;
     font-size: 0.85rem;
     color: #5a3e2e;
     border-left: 3px solid var(--highlight-red-color);
     white-space: nowrap;
 }
 .hotline-wrapper i {
     color: var(--highlight-red-color);
     margin-right: 6px;
 }
 .hotline-wrapper strong {
     color: var(--highlight-red-color);
     font-weight: 700;
 }
 @media (max-width: 1200px) {
    .navbar-custom .navbar-nav .nav-link {
        padding: 0.8rem 0.4rem;
        text-align: center;
        flex-shrink: 0;
        font-size: 12px;
    }
 }
 /* ========== 移动端适配 ========== */
 @media (max-width: 992px) {
    .megamenu-dropdown .dropdown-menu {
        width: auto;
        max-height: 300px;
        overflow-y: auto;
    }
    .navbar-custom .navbar-nav {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .navbar-custom .navbar-nav .nav-link {
        padding: 0.8rem 0.4rem;
        text-align: center;
        flex-shrink: 0;
    }

     .header-row {
         flex-direction: column;
         text-align: center;
     }
     .header-tools {
         justify-content: center;
         width: 100%;
         flex-direction: column;
         align-items: center;
     }
     .search-wrapper {
         width: 100%;
         max-width: 320px;
     }
     .search-input {
         width: 100%;
     }
     .hotline-wrapper {
         white-space: normal;
         text-align: center;
         width: auto;
     }
 }
 @media (max-width: 576px) {
     .custom-header {
         padding: 12px 0;
     }
     .header-logo img {
         max-height: 50px;
     }
     .header-slogan img {
         max-height: 35px;
     }
     .search-input {
         font-size: 0.85rem;
         padding: 6px 12px;
     }
     .search-btn {
         padding: 6px 12px;
     }
     .hotline-wrapper {
         font-size: 0.75rem;
         padding: 6px 12px;
     }
 }



 /* 搜索头部区域 */
 .search-header {
     background: linear-gradient(90deg, var(--gray-bg-light) 0%, #fff 100%);
     padding: 30px 0 20px;
     border-bottom: 1px solid #f0e2d6;
 }
 .search-box-large {
     display: flex;
     max-width: 600px;
     margin: 0 auto;
     background: white;
     border: 1px solid #dee2e6;
     border-radius: 60px;
     overflow: hidden;
     box-shadow: var(--card-shadow);
 }
 .search-box-large input {
     flex: 1;
     border: none;
     padding: 14px 20px;
     font-size: 1rem;
     outline: none;
 }
 .search-box-large button {
     background: var(--main-color);
     border: none;
     padding: 0 25px;
     color: white;
     font-size: 1.1rem;
     transition: 0.2s;
 }
 .search-box-large button:hover {
     background: var(--highlight-red-color);
 }
 /* 过滤栏 */
 .filter-bar {
     background: white;
     padding: 15px 0;
     border-bottom: 1px solid #f0e2d6;
     position: sticky;
     top: 70px;
     z-index: 99;
     background-color: rgba(255,255,255,0.98);
     backdrop-filter: blur(4px);
 }
 .filter-group {
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
     align-items: center;
 }
 .filter-label {
     font-weight: 600;
     color: var(--main-dark-color);
     margin-right: 5px;
 }
 .filter-btn {
     background: #f8f9fa;
     border: 1px solid #e9ecef;
     border-radius: 40px;
     padding: 6px 20px;
     font-size: 0.85rem;
     color: #4a3729;
     cursor: pointer;
     transition: 0.2s;
 }
 .filter-btn.active, .filter-btn:hover {
     background: var(--main-color);
     border-color: var(--main-color);
     color: white;
 }
 .filter-btn.active a, .filter-btn:hover a {
    color: white;
 }
 /* 搜索结果卡片 */
 .result-card {
     background: white;
     border-radius: var(--border-radius);
     padding: 20px;
     margin-bottom: 20px;
     box-shadow: var(--card-shadow);
     border: 1px solid #f3e7df;
     transition: 0.2s;
 }
 .result-card:hover {
     transform: translateY(-3px);
     box-shadow: var(--card-hover-shadow);
 }
 .result-title {
     font-size: 1.25rem;
     font-weight: 700;
     color: var(--main-dark-color);
     margin-bottom: 8px;
 }
 .result-title a {
     text-decoration: none;
     color: inherit;
 }
 .result-title a:hover {
     color: var(--highlight-red-color);
 }
 .result-meta {
     font-size: 0.8rem;
     color: #a1887a;
     margin-bottom: 10px;
     display: flex;
     gap: 15px;
     flex-wrap: wrap;
 }
 .result-summary {
     color: #5a5e5b;
     line-height: 1.6;
     font-size: 0.9rem;
 }
.result-card .result-tag {
    display: inline-block;
    background: var(--gray-bg-light);
    border-radius: 40px;
    /* padding: 2px 12px; */
    font-size: 0.9rem;
    margin-right: 8px;
    color: #5a3e2e;
    padding: 6px 20px;
    border: 1px solid #f0e2d6;
 }
 .result-tag:hover a{
     color: white;
 }
 .result-tag:hover {
     background: var(--highlight-red-color);
     box-shadow: 0 6px 12px rgba(227,0,0,0.15);
     border-color: var(--highlight-red-color);
 }
 /* 搜索历史侧边栏/区域 */
 .history-card {
     background: white;
     border-radius: var(--border-radius);
     padding: 20px;
     box-shadow: var(--card-shadow);
     border: 1px solid #f3e7df;
     margin-bottom: 25px;
 }
 .history-title {
     font-weight: 700;
     color: var(--main-dark-color);
     border-left: 4px solid var(--main-color);
     padding-left: 12px;
     margin-bottom: 15px;
 }
 .history-list {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
 }
 .history-item {
     border-radius: 30px;
     padding: 5px 16px;
     font-size: 0.85rem;
     cursor: pointer;
     transition: 0.2s;
     border: 1px solid var(--main-color);
     margin-right: 10px;
 }
 .history-item:hover {
     background: var(--main-color);
     color: white;
 }
 .history-item:hover a{
     color: white;
 }
 .clear-history {
     font-size: 0.75rem;
     color: var(--highlight-red-color);
     cursor: pointer;
     float: right;
 }

 /* 引用段落样式 */
 .blockquote-custom {
     background: rgba(184,134,88,0.08);
     border-left: 5px solid var(--main-color);
     padding: 15px;
     border-radius: var(--border-radius);
     font-style: normal;
     margin: 20px 0;
 }
 .blockquote-custom p {
     font-size: 1.2rem;
     color: #4a3729;
     margin-bottom: 10px;
     font-weight: 500;
 }
 .blockquote-custom footer {
     background: transparent;
     color: var(--main-dark-color);
     font-size: 0.9rem;
     border: none;
     padding: 0;
 }

 /* 全宽图片墙（大图） */
 .full-width-image-wall {
     width: 100%;
     border-radius: var(--border-radius);
     overflow: hidden;
     box-shadow: var(--card-shadow);
     margin: 20px 0;
 }
 .full-width-image-wall img{
     width: 100%;
     height: auto;
     display: block;
     aspect-ratio: auto;
 }
 /* 上标题下文字卡片 */
.top-title-card {
    background: white;
    border-radius: var(--border-radius);
    padding: 28px 22px;
    box-shadow: var(--card-shadow);
    height: 100%;
    border: 1px solid #f3e7df;
    transition: 0.2s;
}
.top-title-card:hover {
    box-shadow: var(--card-hover-shadow);
}
.top-title-card h4 {
    color: var(--main-dark-color);
    margin-bottom: 15px;
    font-weight: 700;
}


/* 左图右文字块 */
.media-block {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
}
.media-img {
    flex: 1;
    min-width: 200px;
}
.media-img img, .media-img svg {
    width: 100%;
    border-radius: var(--border-radius);
    aspect-ratio: 4/3;
    object-fit: cover;
}
.media-content {
    flex: 1;
}
.media-content h3 {
    color: var(--main-dark-color);
    margin-bottom: 16px;
}



/* 全宽容器，精致圆角 + 阴影 */
.call-cta-elegant {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--card-shadow);
    transition: var(--transition-default);
}
.call-cta-elegant:hover {
    box-shadow: var(--card-hover-shadow);
}
/* 背景相对容器 */
 .bg-master {
     position: relative;
     width: 100%;
     min-height: 520px;
     background-color: #2c3e2f;
 }

 /* 原始背景图片 */
 .bg-image {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: 25% 20%;
     z-index: 0;
 }

 /* 从左到右渐变模糊核心层（更细腻） */
 .progressive-blur {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     backdrop-filter: blur(14px);
     mask: linear-gradient(90deg, 
         transparent 0%, 
         rgba(0, 0, 0, 0.2) 18%,
         rgba(0, 0, 0, 0.7) 45%,
         black 75%);
     -webkit-mask: linear-gradient(90deg, 
         transparent 0%, 
         rgba(0, 0, 0, 0.2) 18%,
         rgba(0, 0, 0, 0.7) 45%,
         black 75%);
     pointer-events: none;
 }

 /* 增强右侧阴影对比，突出文字 */
 .vignette-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: radial-gradient(ellipse at 70% 50%, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);
     z-index: 2;
     pointer-events: none;
 }

 /* 左侧内容区 - 更优雅的定位和留白 */
 .cta-content-area {
     position: relative;
     z-index: 3;
     display: flex;
    text-align: center;
     align-items: center;
     justify-content: center;
     min-height: 520px;
     padding: 50px 40px;
 }

 /* 高级磨砂玻璃卡片 */
 .glass-card {
     max-width: 560px;
     background: rgba(20, 28, 24, 0.72);
     backdrop-filter: blur(8px);
     border-radius: var(--border-radius);
     padding: 38px 40px;
     border: 1px solid rgba(184, 134, 88, 0.35);
     border-left: 5px solid var(--main-color);
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
     transition: var(--transition-default);
 }
 .glass-card:hover {
     background: rgba(20, 28, 24, 0.82);
     transform: translateY(-6px);
     border-left-width: 6px;
 }

 /* 大标题 - 现代字体间距 */
 .hero-title {
     font-size: 3rem;
     font-weight: 800;
     letter-spacing: -0.02em;
     line-height: 1.2;
     margin-bottom: 28px;
     color: #ffffff;
     text-shadow: 0 2px 8px rgba(0,0,0,0.2);
 }
 .hero-title span {
     color: var(--main-color);
     position: relative;
     display: inline-block;
 }
 .hero-title span:after {
     content: '';
     position: absolute;
     bottom: 6px;
     left: 0;
     width: 100%;
     height: 8px;
     background: rgba(184, 134, 88, 0.4);
     border-radius: 4px;
     z-index: -1;
 }

 /* 特性标签 - 更现代 */
 .feature-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 32px 0 40px;
    justify-content: center;
 }
 .feature-pill {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     background: rgba(255, 255, 255, 0.12);
     backdrop-filter: blur(4px);
     padding: 10px 24px;
     border-radius: 60px;
     font-weight: 600;
     font-size: 1.1rem;
     color: #fff;
     transition: var(--transition-default);
     border: 1px solid rgba(255,255,255,0.15);
 }
 .feature-pill i {
     font-size: 1.2rem;
     color: var(--main-color);
 }
 .feature-pill:hover {
     background: rgba(184, 134, 88, 0.4);
     transform: translateY(-2px);
 }

 /* 电话按钮 - 精致微光效 */
 .call-button {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 14px;
     background: var(--highlight-red-color);
     padding: 14px 40px;
     border-radius: 60px;
     font-size: 1.2rem;
     font-weight: 700;
     color: white;
     text-decoration: none;
     transition: var(--transition-default);
     box-shadow: 0 6px 18px rgba(227, 0, 0, 0.35);
     border: none;
     cursor: pointer;
     letter-spacing: 0.5px;
 }
 .call-button i {
     font-size: 1.2rem;
     transition: transform 0.25s;
 }
 .call-button:hover {
     background: var(--highlight-red-dark-color);
     transform: translateY(-3px);
     box-shadow: 0 12px 28px rgba(227, 0, 0, 0.45);
 }
 .call-button:hover i {
     transform: translateX(5px);
 }

 /* 辅助文案 */
 .assist-text {
     margin-top: 20px;
     font-size: 0.85rem;
     opacity: 0.75;
     letter-spacing: 0.3px;
     color: #e0e0e0;
 }

 /* 响应式 */
 @media (max-width: 1100px) {
     .cta-content-area {
         width: 65%;
     }
     .hero-title {
         font-size: 2.5rem;
     }
 }

 @media (max-width: 860px) {
     .cta-content-area {
         width: 75%;
         padding: 40px 30px;
     }
     .hero-title {
         font-size: 2.2rem;
     }
     .feature-pill {
         padding: 8px 18px;
         font-size: 1rem;
     }
 }

 @media (max-width: 680px) {
     .cta-content-area {
         width: 100%;
         justify-content: center;
         text-align: center;
         padding: 40px 24px;
     }
     .glass-card {
         text-align: center;
         padding: 28px 24px;
     }
     .feature-grid {
         justify-content: center;
     }
     .hero-title {
         font-size: 2rem;
     }
     .progressive-blur {
         backdrop-filter: blur(8px);
         mask: linear-gradient(90deg, transparent 0%, black 40%, black 100%);
     }
 }

 @import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap');
 @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');


 /* 橫向向选项卡容器 - 卡片风格 */
 .horizontally-tabs-container {
     width: 100%;
     background: white;
     border-radius: var(--border-radius);
     box-shadow: var(--card-shadow);
     overflow: hidden;
     transition: box-shadow 0.3s;


     /* 内部布局：PC端左导航右内容，移动端纵向堆叠 */
     .tabs-wrapper {
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
     }

     /* 左侧导航区域 */
     .tabs-nav {
        flex: auto;
        border-right: none;
        border-bottom: 1px solid #f0e2d6;
        padding: 12px 0;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: thin;
        gap: 0;
        width: 100%;
     }

     /* 导航项 */
     .tab-item {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 10px 16px;
        cursor: pointer;
        transition: all 0.2s ease;
        border-bottom: 4px solid transparent;
        color: #4a3729;
        font-weight: 500;
     }
     .tab-item i {
         width: 24px;
         font-size: 1.2rem;
         color: var(--main-color);
         transition: 0.2s;
     }
     .tab-item span {
         font-size: 1rem;
     }
     .tab-item:hover {
         background: rgba(184, 134, 88, 0.08);
         border-bottom-color: var(--main-color);
     }
     .tab-item.active {
         background: white;
         border-bottom-color: var(--highlight-red-color);
         color: var(--highlight-red-color);
         font-weight: 600;
         box-shadow: 0 2px 8px rgba(0,0,0,0.02);
     }
     .tab-item.active i {
         color: var(--highlight-red-color);
     }

     /* 右侧内容区域 */
     .tabs-content {
         flex: 1;
         background: white;
         padding: 32px 36px;
     }

     /* 内容面板 */
     .content-pane {
         display: none;
         animation: fadeIn 0.25s ease;
     }
     .content-pane.active {
         display: block;
     }

     
     /* 内容样式 */
     .content-pane h3 {
         font-size: 1.8rem;
         font-weight: 700;
         color: var(--main-dark-color);
         margin-bottom: 20px;
         position: relative;
         display: inline-block;
     }
     .content-pane h3:after {
         content: '';
         display: block;
         width: 60%;
         height: 3px;
         background: var(--main-color);
         margin-top: 8px;
         border-radius: 3px;
     }
     .content-pane p {
         line-height: 1.7;
         color: #2c3e2f;
         margin-bottom: 16px;
     }
     .content-pane img, .content-pane svg {
         max-width: 100%;
         border-radius: var(--border-radius);
         margin: 20px 0;
         box-shadow: var(--card-shadow);
     }
 }
 .vertical-tabs-container:hover {
     box-shadow: var(--card-hover-shadow);
 }


 /* 纵向选项卡容器 - 卡片风格 */
 .vertical-tabs-container {
     width: 100%;
     background: white;
     border-radius: var(--border-radius);
     box-shadow: var(--card-shadow);
     overflow: hidden;
     transition: box-shadow 0.3s;


     /* 内部布局：PC端左导航右内容，移动端纵向堆叠 */
     .tabs-wrapper {
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
     }

     /* 左侧导航区域 */
     .tabs-nav {
         flex: 0 0 380px;
         background: var(--gray-bg-alt);
         border-right: 1px solid #f0e2d6;
         padding: 24px 0;
     }

     /* 导航项 */
     .tab-item {
         display: flex;
         align-items: center;
         gap: 14px;
         padding: 10px 16px;
         cursor: pointer;
         transition: all 0.2s ease;
         border-left: 4px solid transparent;
         color: #4a3729;
         font-weight: 500;
     }
     .tab-item i {
         width: 24px;
         font-size: 1.2rem;
         color: var(--main-color);
         transition: 0.2s;
     }
     .tab-item span {
         font-size: 1rem;
     }
     .tab-item:hover {
         background: rgba(184, 134, 88, 0.08);
         border-left-color: var(--main-color);
     }
     .tab-item.active {
         background: white;
         border-left-color: var(--highlight-red-color);
         color: var(--highlight-red-color);
         font-weight: 600;
         box-shadow: 0 2px 8px rgba(0,0,0,0.02);
     }
     .tab-item.active i {
         color: var(--highlight-red-color);
     }

     /* 右侧内容区域 */
     .tabs-content {
         flex: 1;
         background: white;
         padding: 32px 36px;
     }

     /* 内容面板 */
     .content-pane {
         display: none;
         animation: fadeIn 0.25s ease;
     }
     .content-pane.active {
         display: block;
     }


     /* 内容样式 */
     .content-pane h3 {
         font-size: 1.8rem;
         font-weight: 700;
         color: var(--main-dark-color);
         margin-bottom: 20px;
         position: relative;
         display: inline-block;
     }
     .content-pane h3:after {
         content: '';
         display: block;
         width: 60%;
         height: 3px;
         background: var(--main-color);
         margin-top: 8px;
         border-radius: 3px;
     }
     .content-pane p {
         line-height: 1.7;
         color: #2c3e2f;
         margin-bottom: 16px;
     }
     .content-pane img, .content-pane svg {
         max-width: 100%;
         border-radius: var(--border-radius);
         margin: 20px 0;
         box-shadow: var(--card-shadow);
     }
 }
 .vertical-tabs-container:hover {
     box-shadow: var(--card-hover-shadow);
 }



 @keyframes fadeIn {
     from { opacity: 0; transform: translateY(8px); }
     to { opacity: 1; transform: translateY(0); }
 }


 /* 列表样式 */
 .feature-list {
     list-style: none;
     padding-left: 0;
     margin-top: 16px;
 }
 .feature-list li {
     margin-bottom: 12px;
     display: flex;
     align-items: center;
     gap: 10px;
 }
 .feature-list li i {
     color: var(--highlight-red-color);
     width: 24px;
 }

 /* 响应式：移动端纵向排列 */
 @media (max-width: 1200px) {
    .tabs-wrapper .tabs-nav span {
       display: none;
    }
/*    .tabs-nav {
        flex: 0 0 auto;
    }*/

    .sub-disease-panel {
        width: 150px;
    }
 }
 @media (max-width: 768px) {
     .tabs-wrapper {
         flex-direction: column;
     }
     .tabs-nav {
         flex: auto;
         border-right: none;
         border-bottom: 1px solid #f0e2d6;
         padding: 12px 0;
         display: flex;
         flex-wrap: nowrap;
         overflow-x: auto;
         scrollbar-width: thin;
         gap: 0;
     }
     .tabs-wrapper-2 .tabs-nav {
         flex: 0 0 auto !important;
         width: 100%;
     }
     .tab-item {
         flex: 0 0 auto;
         padding: 14px 20px;
         border-left: none;
         border-bottom: 3px solid transparent;
         white-space: nowrap;
     }
     .tabs-wrapper .tabs-nav span {
        display: none;
     }
     .tab-item.active {
         border-bottom-color: var(--highlight-red-color);
         border-left-color: transparent;
         background: transparent;
     }
     .tabs-content {
         padding: 28px 20px;
     }
     .content-pane h3 {
         font-size: 1.5rem;
     }
 }

 /* 小尺寸微调 */
 @media (max-width: 480px) {
     .tab-item {
         padding: 12px 16px;
     }
     .tab-item span {
         font-size: 0.9rem;
     }
     .tabs-content {
         padding: 20px;
     }
 }


 /* 内部布局：PC端左导航右内容，移动端纵向堆叠 */
 .tabs-wrapper-2 {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;

     width: 100%;
     background: white;
     border-radius: var(--border-radius);
     box-shadow: var(--card-shadow);
     overflow: hidden;
     transition: box-shadow 0.3s;
 }

 /* 左侧导航区域 */
.tabs-wrapper-2 .tabs-nav {
    flex: 0 0 380px;
    background: var(--gray-bg-alt);
    border-right: 1px solid #f0e2d6;
    padding: 24px;
}
.tabs-wrapper-2 .tabs-nav a{
    color: var(--highlight-red-color);
}

.tabs-wrapper-2 .tabs-content {
    flex: 1;
    padding: 20px;
}
.tabs-wrapper-2 .tabs-content .link-group {
    min-height: 150px;
}
 /* 导航项 */
.tabs-wrapper-2 .tabs-content .link-group a {
    display: inline-block;
    background: white;
    padding: 6px 20px;
    border-radius: 40px;
    text-decoration: none;
    /*color: #5a3e2e;*/
    border: 1px solid var(--main-color);
    color: var(--main-dark-color);
    font-weight: 500;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
    border: 1px solid #f0e2d6;
    margin-right: 10px;
    margin-bottom: 10px;
 }

.tabs-wrapper-2 .tabs-content a:hover {
    background: var(--highlight-red-color);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(227,0,0,0.15);
    border-color: var(--highlight-red-color);
}

/* 栏目通用样式 */
.section-block {
    padding: 50px 0;
    border-bottom: 1px solid #f0e2d6;
}
.section-block:last-child {
    border-bottom: none;
}
.section-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    margin-bottom: 30px;
    border-left: 4px solid var(--main-color);
    padding-left: 16px;
}
.section-title-main {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--main-dark-color);
    margin: 0;
}
.section-title-sub {
    font-size: 1rem;
    color: var(--main-color);
    margin-top: 4px;
}
.more-link {
    color: var(--main-color);
    text-decoration: none;
    font-weight: 500;
    transition: 0.2s;
}
.more-link:hover {
    color: var(--highlight-red-color);
}
/* 文章卡片网格 */
.article-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.article-card {
    flex: 1 1 calc(33.333% - 30px);
    background: white;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
    border: 1px solid #f3e7df;
    .article-card:hover {
        transform: translateY(-5px);
        box-shadow: var(--card-hover-shadow);
    }
    .article-img {
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        background: #e2cfc0;
    }
    .article-content {
        padding: 20px;
    }
    .article-title {
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--main-dark-color);
        margin-bottom: 10px;
        line-height: 1.4;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }
    .article-title a {
        text-decoration: none;
        color: inherit;
    }
    .article-title a:hover {
        color: var(--highlight-red-color);
    }
    .article-summary {
        font-size: 0.85rem;
        color: #5a5e5b;
        line-height: 1.5;
        margin-bottom: 12px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }
    .article-meta {
        font-size: 0.7rem;
        color: #a1887a;
        display: flex;
        gap: 12px;
    }
}

/* 响应式 */
@media (max-width: 992px) {
    .article-card {
        flex: 1 1 calc(50% - 30px);
    }
}
@media (max-width: 768px) {
    .article-card {
        flex: 1 1 100%;
    }
    .section-header {
        flex-direction: column;
        gap: 8px;
    }
    .more-link {
        align-self: flex-end;
    }
    .page-title {
        font-size: 1.6rem;
    }
}
.reservation a{
    display: inline-block;
    background: var(--highlight-red-color);
    color: white;
    padding: 12px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.2s;
}

/* 模态框遮罩层 */
.image-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(5px);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

/* 模态框内容容器（PC端更小，移动端自适应） */
.modal-container {
    position: relative;
    cursor: default;
}

/* 图片主体 - PC端缩小尺寸 */
.modal-image {
    display: block;
    max-width: 70vw;      /* PC端最大宽度为视口70%，比原来更小 */
    max-height: 70vh;     /* PC端最大高度为视口70% */
    width: auto;
    height: auto;
    border-radius: var(--border-radius);
    box-shadow: 0 20px 35px rgba(0, 0, 0, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.2);
}

/* 关闭按钮（右上角） */
.close-modal {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 44px;
    height: 44px;
    background: var(--main-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: white;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    border: none;
    z-index: 10;
}
.close-modal:hover {
    background: var(--highlight-red-color);
    transform: scale(1.05);
}

/* ========== 面包屑导航样式 ========== */
.breadcrumb-item+.breadcrumb-item::before {
    content:none;
}
.breadcrumb-nav {
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0e2d6;
}

.breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    gap: 8px;
    font-size: 0.85rem;
}

.breadcrumb-item {
    display: inline-flex;
    align-items: center;
}

.breadcrumb-item a {
    color: var(--main-dark-color);
    text-decoration: none;
    transition: color 0.2s;
    font-weight: 500;
}

.breadcrumb-item a:hover {
    color: var(--highlight-red-color);
}

/* 当前项（不可点） */
.breadcrumb-item.active {
    color: var(--main-color);
    font-weight: 600;
    cursor: default;
}

/* 分隔符（使用斜杠 + 主题色） */
.breadcrumb-separator {
    margin: 0 6px;
    color: var(--main-color);
    font-size: 0.8rem;
    font-weight: 300;
}

/* 可选：图标样式 (首页增加小房子图标) */
.breadcrumb-item .home-icon {
    margin-right: 6px;
    font-size: 0.85rem;
    color: var(--main-color);
}

/* 响应式：移动端字体稍小 */
@media (max-width: 576px) {
    .breadcrumb-list {
        font-size: 0.75rem;
        gap: 4px;
    }
    .breadcrumb-separator {
        margin: 0 4px;
    }
}

/* 移动端适配：图片放大，关闭按钮位置微调 */
@media (max-width: 768px) {
    .modal-image {
        max-width: 90vw;   /* 移动端可以更大 */
        max-height: 85vh;
    }
    .close-modal {
        top: -12px;
        right: -12px;
        width: 38px;
        height: 38px;
        font-size: 20px;
    }
}

/* 小手机屏幕 */
@media (max-width: 480px) {
    .close-modal {
        top: -8px;
        right: -8px;
        width: 34px;
        height: 34px;
        font-size: 18px;
    }
}

/* 当图片特别宽时，可额外限制宽度不超过屏幕 */
@media (min-width: 1200px) {
    .modal-image {
        max-width: 800px;   /* 大屏绝对最大宽度，避免图片过大 */
        max-height: 80vh;
    }


}
@media (max-width: 1200px) {
    .vertical-tabs-container .tabs-nav {
        flex: auto;
        border-right: none;
        border-bottom: 1px solid #f0e2d6;
        padding: 12px 0;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: thin;
        gap: 0;
        width: 100%;
    }
    .vertical-tabs-container .tab-item {
        border-left: none;
        border-bottom: 4px solid transparent;
        padding: 10px 30px;
    }
    .vertical-tabs-container .tab-item.active {
        border-left: none;
        border-bottom: 4px solid transparent;
        border-bottom-color: var(--highlight-red-color);
    }
    .container {
        max-width: 1150px;
    }
}

@media (max-width: 992px) {}
@media (max-width: 768px) {
    .media-block {
        display: block;
    }
}
@media (max-width: 576px) {}
@media (max-width: 576px) {}