@charset "utf-8";
        /* CSS Document */

        * {
            text-decoration: none;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background-color: #f5f7fc;
            scroll-behavior: smooth;
        }

        .mbx {
            margin: 5vw 0 0px auto;
            line-height: 40px;
            color: #666;
            white-space: nowrap;
        }

        .mbx span {
            font-size: 14px;
            padding-left: 5px;
            color: #4671fb;
        }

        .mbx a {
            color: #4671fb;
        }

        /* ===== 主容器 ===== */
        .page-wrapper {
            max-width: 78%;
            width: 100%;
            margin: 5vw auto;
        }

        /* ===== 通用卡片 ===== */
        .card {
            background: #ffffff;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 70, 120, 0.08);
            padding: 24px 28px;
            transition: box-shadow 0.3s ease;
        }

        .card:hover {
            box-shadow: 0 8px 32px rgba(0, 70, 120, 0.12);
        }

        /* ===== 板块标题行 ===== */
        .section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
            padding-bottom: 12px;
            border-bottom: 1px dashed #ddd;
        }

        .section-header h2 {
            font-size: 26px;
            font-weight: 700;
            color: #333;
            letter-spacing: 1px;
            position: relative;
            padding-left: 0px;
        }

        .section-header h2::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 0px;
            height: 24px;
            background: linear-gradient(180deg, #0066b3, #4da6e6);
            border-radius: 2px;
        }

        .section-header .more-link {
            font-size: 18px;
            color: #333;
            text-decoration: none;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 4px;
            transition: color 0.2s;
            cursor: pointer;
            background: none;
            border: none;
            font-family: inherit;
        }

        .section-header .more-link:hover {
            color: #003f6b;
        }

        .section-header .more-link::after {
            content: '›';
            font-size: 18px;
            line-height: 1;
            transition: transform 0.2s;
        }

        .section-header .more-link:hover::after {
            transform: translateX(4px);
        }

        /* ===== 板块间距 ===== */
        .section-gap {
            height: 30px;
        }

        /* ================================================================
                   第一板块：医院动态
                   ================================================================ */
        .block-1 {
            display: flex;
            gap: 50px;
            flex-wrap: wrap;
        }

        .block-1 .left {
            flex: 1 1 58%;
            min-width: 300px;
        }

        .block-1 .right {
            flex: 1 1 38%;
            min-width: 260px;
        }

        /* ----- 轮播图 ----- */
        .carousel-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 10px;
            background: #fafcfd;
        }

        .carousel-track {
            position: relative;
            width: 100%;
            aspect-ratio: 15 / 10;
            overflow: hidden;
            border-radius: 10px 10px 0 0;
        }

        .carousel-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 0.7s ease-in-out;
            display: flex;
            flex-direction: column;
            background: #fff;
        }

        .carousel-slide.active {
            opacity: 1;
            z-index: 1;
        }

        .carousel-slide img {
            width: 100%;
            height: 75%;
            object-fit: cover;
            display: block;
            background: #d9e4ec;
        }

        .carousel-slide .slide-info {
            padding: 0px 0px 0px 0;
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            background: #ffffff;
        }

        .carousel-slide .slide-info h3 {
            font-size: 24px;
            font-weight: 700;
            color: #333;
            margin-bottom: 4px;
            line-height: 1.4;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .carousel-slide .slide-info p {
            font-size: 16px;
            color: #666;
            line-height: 1.8;
            margin-bottom: 4px;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .carousel-slide .slide-info .time {
            font-size: 12px;
            color: #aaa;
            letter-spacing: 0.5px;
        }

        /* 轮播控制 - 箭头 */
        .carousel-btn {
            position: absolute;
            top: 38%;
            transform: translateY(-50%);
            z-index: 10;
            background: rgba(255, 255, 255, 0.85);
            border: none;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            font-size: 18px;
            color: #003f6b;
            cursor: pointer;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10);
            transition: background 0.2s, transform 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 300;
            line-height: 1;
            user-select: none;
        }

        .carousel-btn:hover {
            background: #ffffff;
            transform: translateY(-50%) scale(1.05);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
        }

        .carousel-btn.prev {
            left: 12px;
        }

        .carousel-btn.next {
            right: 12px;
        }

        /* 轮播指示点 */
        .carousel-dots {
            display: flex;
            justify-content: center;
            gap: 8px;
            padding: 0px 0 6px;
            background: #ffffff;
            border-radius: 0 0 10px 10px;
        }

        .carousel-dots .dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #cfdfe9;
            border: none;
            cursor: pointer;
            transition: background 0.3s, transform 0.2s;
            padding: 0;
        }

        .carousel-dots .dot.active {
            background: #0066b3;
            transform: scale(1.2);
        }

        .carousel-dots .dot:hover {
            background: #4da6e6;
        }

        /* ----- 右侧新闻列表 ----- */
        .news-list {
            display: flex;
            flex-direction: column;
            gap: 0;
        }

        .news-item {
            padding: 18px 0;
            border-bottom: 1px solid #f0f5f8;
            transition: background 0.2s;
            cursor: default;
        }

        .news-item:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        .news-item:first-child {
            padding-top: 0;
        }

        .news-item .news-title {
            font-size: 18px;
            font-weight: normal;
            color: #333;
            line-height: 1.8;
            margin-bottom: 3px;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            transition: color 0.2s;
        }

        .news-item:hover .news-title {
            color: #0066b3;
        }

        .news-item .news-desc {
            font-size: 16px;
            color: #888;
            line-height: 1.4;
            margin-bottom: 2px;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .news-item .news-time {
            font-size: 14px;
            color: #bbb;
        }

        /* ================================================================
                   第二板块：疾病科普 & 健康知识
                   ================================================================ */
        .block-2 {
            display: flex;
            gap: 70px;
            flex-wrap: wrap;
        }

        .block-2 .col {
            flex: 1 1 46%;
            min-width: 260px;
            margin-top: 0vw;
        }

        /* 板块2 内部标题行 (更紧凑) */
        .block-2 .section-header {
            margin-bottom: 14px;
            padding-bottom: 10px;
            border-bottom: 1px dashed #ddd;
        }

        .block-2 .section-header h2 {
            font-size: 26px;
            padding-left: 0px;
        }

        .block-2 .section-header h2::before {
            height: 20px;
        }

        .block-2 .section-header .more-link {
            font-size: 18px;
        }

        /* 板块2 新闻列表 (只显示标题+时间) */
        .block-2 .news-list-simple {
            display: flex;
            flex-direction: column;
            gap: 0;
        }

        .block-2 .news-item-simple {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 13px 0;
            border-bottom: 1px dashed #edf3f7;
            transition: background 0.2s;
            cursor: default;
        }

        .block-2 .news-item-simple:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        .block-2 .news-item-simple:first-child {
            padding-top: 0;
        }

        .block-2 .news-item-simple .simple-title {
            font-size: 16px;
            font-weight: 500;
            color: #333;
            transition: color 0.2s;
            flex: 1;
            padding-right: 12px;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .block-2 .news-item-simple:hover .simple-title {
            color: #0066b3;
        }

        .block-2 .news-item-simple .simple-time {
            font-size: 14px;
            color: #bbb;
            white-space: nowrap;
            flex-shrink: 0;
        }

        /* ===== 工具 ===== */
        .text-ellipsis {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        /* ================================================================
           ★★★★★ 移动端适配增强（新增，不改变原有样式） ★★★★★
           ================================================================ */

        /* ---------- 平板及以下 (≤820px) ---------- */
        @media (max-width: 768px) {
            /* 主容器：宽度拉满，留出舒适边距 */
              .page-wrapper {
    max-width: 90%;
    width: 100%;
    margin: 5vw auto;
}
            .page-wrapper {
                max-width:90%;
                margin: 4vw auto;
                padding: 0 3vw;
            }

            /* 卡片：减小内边距，保持透气 */
            .card {
                padding: 3.5vw 4vw;
                border-radius: 10px;
            }

            /* 板块间距 */
            .section-gap {
                height: 3.5vw;
            }

            /* ---- 第一板块：医院动态 ---- */
            .block-1 {
                gap: 4vw;
                flex-direction: column;
            }

            .block-1 .left,
            .block-1 .right {
                flex: 1 1 100%;
                padding-bottom: 3vw;
                overflow: hidden;
            }

            /* 轮播图：调整比例，更适配移动端 */
            .carousel-track {
                aspect-ratio: 16 / 9;
                border-radius: 8px 8px 0 0;
            }

            .carousel-slide img {
                height: 72%;
            }

            .carousel-slide .slide-info {
                padding: 0.8vw 1.5vw 0.5vw;
            }

            /* 轮播标题 & 描述 — 使用 vw */
            .carousel-slide .slide-info h3 {
                font-size: 3.8vw;
                -webkit-line-clamp: 2;
                margin-bottom: 0.3vw;
            }

            .carousel-slide .slide-info p {
                font-size: 3vw;
                -webkit-line-clamp: 2;
                line-height: 1.6;
                margin-bottom: 0.2vw;
            }

            /* 轮播按钮：触摸友好 */
            .carousel-btn {
                width: 7vw;
                height: 7vw;
                min-width: 36px;
                min-height: 36px;
                font-size: 4vw;
                top: 36%;
            }

            .carousel-btn.prev {
                left: 2.5vw;
            }
            .carousel-btn.next {
                right: 2.5vw;
            }

            /* 指示点：稍大，易点按 */
            .carousel-dots {
                gap: 2vw;
                padding: 1.2vw 0 2vw;
            }

            .carousel-dots .dot {
                width: 2.8vw;
                height: 2.8vw;
                min-width: 10px;
                min-height: 10px;
            }

            /* ---- 右侧新闻列表 ---- */
            .news-item {
                padding: 2.5vw 0;
            }

            .news-item .news-title {
                font-size: 3.8vw;
                -webkit-line-clamp: 2;
                line-height: 1.6;
                margin-bottom: 0.5vw;
            }

            .news-item .news-desc {
                font-size: 3vw;
                -webkit-line-clamp: 2;
                line-height: 1.5;
                margin-bottom: 0.5vw;
            }

            .news-item .news-time {
                font-size: 3vw;
            }

            /* ---- 第二板块：疾病科普 & 健康知识 ---- */
            .block-2 {
                gap: 2vw;
                flex-direction: column;
            }

            .block-2 .col {
                flex: 1 1 100%;
                min-width: 0;
            }

            /* 板块2 标题行 */
            .block-2 .section-header {
                margin-bottom: 1.5vw;
                padding-bottom: 1.2vw;
            }

            .block-2 .section-header h2 {
                font-size: 4.2vw;
                padding-left: 0;
            }

            .block-2 .section-header .more-link {
                font-size: 3.2vw;
            }

            /* 板块2 列表项 */
            .block-2 .news-item-simple {
                padding: 2vw 0;
                gap: 1vw;
                flex-wrap: wrap;
            }

            .block-2 .news-item-simple .simple-title {
                font-size: 3.6vw;
                flex: 1 1 100%;
                padding-right: 0;
                -webkit-line-clamp: 2;
            }

            .block-2 .news-item-simple .simple-time {
                font-size: 3vw;
                flex-shrink: 0;
            }

            /* ---- 全局标题行 (section-header) ---- */
            .section-header {
                margin-bottom: 2vw;
                padding-bottom: 1.5vw;
            }

            .section-header h2 {
                font-size: 4.5vw;
                padding-left: 0;
            }

            .section-header .more-link {
                font-size: 3.2vw;
            }

            .section-header .more-link::after {
                font-size: 4vw;
            }

            /* 面包屑（如有） */
            .mbx {
                margin: 3vw auto 0;
                line-height: 5vw;
            }
            .mbx span,
            .mbx a {
                font-size: 3vw;
            }
        }

        /* ---------- 手机 (≤480px) ---------- */
        @media (max-width: 480px) {
            /* 主容器：更紧凑的边距 */
            .page-wrapper {
                padding: 0 0vw;
                margin: 3vw auto;
            }

            /* 卡片：更小内边距 */
            .card {
                padding: 3vw 3.5vw;
                border-radius: 8px;
                box-shadow: 0 2px 12px rgba(0, 70, 120, 0.06);
            }

            .section-gap {
                height: 3vw;
            }

            /* ---- 轮播图 ---- */
            .carousel-track {
                aspect-ratio: 16 / 9;
                border-radius: 6px 6px 0 0;
            }

            .carousel-slide img {
                height: 68%;
            }

            .carousel-slide .slide-info {
                padding: 1vw 2vw 1.2vw;
            }

            .carousel-slide .slide-info h3 {
                font-size: 4.2vw;
                -webkit-line-clamp: 2;
                margin-bottom: 0.5vw;
            }

            .carousel-slide .slide-info p {
                font-size: 3.2vw;
                -webkit-line-clamp: 2;
                line-height: 1.5;
            }

            /* 轮播按钮：更显眼 */
            .carousel-btn {
                width: 9vw;
                height: 9vw;
                min-width: 40px;
                min-height: 40px;
                font-size: 5vw;
                top: 34%;
            }

            .carousel-btn.prev {
                left: 2vw;
            }
            .carousel-btn.next {
                right: 2vw;
            }

            /* 指示点 */
            .carousel-dots {
                gap: 2.5vw;
                padding: 1.5vw 0 2.5vw;
            }

            .carousel-dots .dot {
                width: 3.2vw;
                height: 3.2vw;
                min-width: 12px;
                min-height: 12px;
            }

            /* ---- 新闻列表 ---- */
            .news-item {
                padding: 2.8vw 0;
            }

            .news-item .news-title {
                font-size: 4vw;
                -webkit-line-clamp: 2;
                line-height: 1.5;
                margin-bottom: 0.8vw;
            }

            .news-item .news-desc {
                font-size: 3.2vw;
                -webkit-line-clamp: 2;
                line-height: 1.5;
                margin-bottom: 0.8vw;
            }

            .news-item .news-time {
                font-size: 3vw;
            }

            /* ---- 板块2 ---- */
            .block-2 {
                gap: 1.5vw;
            }

            .block-2 .section-header {
                margin-bottom: 1.8vw;
                padding-bottom: 1.2vw;
            }

            .block-2 .section-header h2 {
                font-size: 4.5vw;
            }

            .block-2 .section-header .more-link {
                font-size: 3.4vw;
            }

            .block-2 .news-item-simple {
                padding: 2.2vw 0;
                gap: 0.8vw;
            }

            .block-2 .news-item-simple .simple-title {
                font-size: 3.8vw;
                -webkit-line-clamp: 2;
            }

            .block-2 .news-item-simple .simple-time {
                font-size: 3vw;
            }

            /* ---- 全局标题行 ---- */
            .section-header {
                margin-bottom: 2.2vw;
                padding-bottom: 1.8vw;
            }

            .section-header h2 {
                font-size: 4.8vw;
                padding-left: 0;
            }

            .section-header .more-link {
                font-size: 3.4vw;
            }

            .section-header .more-link::after {
                font-size: 4.5vw;
            }

            /* 面包屑 */
            .mbx {
                margin: 2.5vw auto 0;
                line-height: 6vw;
            }
            .mbx span,
            .mbx a {
                font-size: 3.2vw;
            }

            /* 确保所有文字不小于 3vw */
            .carousel-slide .slide-info h3,
            .carousel-slide .slide-info p,
            .news-item .news-title,
            .news-item .news-desc,
            .news-item .news-time,
            .block-2 .news-item-simple .simple-title,
            .block-2 .news-item-simple .simple-time,
            .section-header h2,
            .section-header .more-link,
            .mbx span,
            .mbx a {
                font-size: clamp(3vw, 3.8vw, 5vw) !important;
            }

            /* 标题类稍微大一点 */
            .section-header h2,
            .carousel-slide .slide-info h3,
            .block-2 .section-header h2 {
                font-size: clamp(3vw, 3.8vw, 6vw) !important;
            }

            /* 更多链接 */
            .section-header .more-link {
                font-size: clamp(3vw, 3.4vw, 4.5vw) !important;
            }
        }

        /* ---------- 超小屏 (≤360px) 进一步优化 ---------- */
        @media (max-width: 360px) {
            .page-wrapper {
                padding: 0 2vw;
            }

            .card {
                padding: 2.5vw 3vw;
            }

            .carousel-slide .slide-info h3 {
                font-size: 4.5vw !important;
            }

            .carousel-slide .slide-info p {
                font-size: 3.2vw !important;
            }

            .news-item .news-title {
                font-size: 4.2vw !important;
            }

            .block-2 .news-item-simple .simple-title {
                font-size: 4vw !important;
            }

            .section-header h2 {
                font-size: 5vw !important;
            }

            .carousel-btn {
                width: 10vw;
                height: 10vw;
                min-width: 36px;
                min-height: 36px;
                font-size: 5.5vw;
            }
            .block-1 .left {
    min-width: 100%;
    padding-bottom: 7vw;
}
          
        }