.about-main-banner {
    height: 200px;
    background: #0067c1;
    /* background: linear-gradient(to right, #0078e0, #0078e0); */
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;

    padding-top: 10px;
}

.about-main-banner .about-banner-container {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.about-main-banner .about-banner-container .about-banner-main {
    width: 50%;
    border-top: 5px #fff solid;
    border-left: 5px #fff solid;
    border-right: 5px #fff solid;
    border-bottom: 5px #fff solid;
    position: relative;

    padding: 20px 0 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;

}

.about-main-banner .about-banner-container .about-banner-main .about-banner-title {
    font-size: 42px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: 2px;
    background: #0067c1;

    position: absolute;
    top: -38px;
    left: 33.2%;
    padding: 0 30px;
}


.about-main-banner .about-banner-container .about-banner-main .about-banner-desc {
    margin-top: 10px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    padding: 4px 40px;
    border-radius: 2px;
    letter-spacing: 1px;
}

/* ========== 关于页面左右布局 ========== */
.about-layout {
    display: flex;
    max-width: 1400px;
    margin: 0 auto;
    min-height: 600px;
    background: #ffffff;
}

/* 左侧导航栏 - 现代培训机构风格 */
.about-layout .common-navigation {
    width: 280px;
    height: 100%;
    flex-shrink: 0;
    background: linear-gradient(180deg, #fafbfc 0%, #f5f7fa 100%);
    border-bottom: none;
    margin-bottom: 0;
    border-right: 1px solid #e8ecf1;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

/* 导航栏顶部装饰条 */
/* .about-layout .common-navigation::before {
    content: '';
    display: block;
    height: 4px;
    background: linear-gradient(90deg, #0c4698 0%, #1565c0 50%, #0c4698 100%);
} */

/* 导航栏标题 */
.about-layout .common-navigation .container::before {
    content: '栏目导航';
    display: block;
    padding: 24px 24px 16px;
    font-size: 17px;
    font-weight: 700;
    color: #1a1a2e;
    letter-spacing: 2px;
    position: relative;

    border-bottom: 1px solid #dddada;
}


.about-layout .common-navigation .container {
    width: 100%;
    padding: 0 0 20px;
}

/* 列表 */
.about-layout .common-navigation ul {
    display: block;
    padding: 5px 10px;
    list-style: none;
}

/* 导航项 */
.about-layout .common-navigation ul li {
    flex: none;
    text-align: left;
    height: auto;
    line-height: 1.6;
    margin: 0 0 4px 0;
    border-bottom: none;
    /* border-radius: 10px; */
    overflow: hidden;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.about-layout .common-navigation ul li:last-child {
    margin-bottom: 0;
}

/* 导航链接 */
.about-layout .common-navigation ul li a {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 18px;
    color: #4a5568;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
    position: relative;
    /* border-radius: 10px; */
}

/* .about-layout .common-navigation ul li::after {
    content: '';
    display: block;
    height: 2px;
    background: linear-gradient(90deg, #0c4698 0%, transparent 100%);
    margin: 0 24px 12px;
    border-radius: 1px;
} */

/* 圆点指示器 */
.about-layout .common-navigation ul li a::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #cbd5e0;
    margin-right: 14px;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    position: relative;
}

/* 右侧箭头（默认隐藏） */
.about-layout .common-navigation ul li a::after {
    content: '\f054';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 10px;
    color: #a0aec0;
    margin-left: auto;
    opacity: 0;
    transform: translateX(-6px);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* hover状态 */
.about-layout .common-navigation ul li a:hover {
    color: #0c4698;
    background: linear-gradient(135deg, #eef4ff 0%, #e0ebff 100%);
    box-shadow: 0 2px 8px rgba(12, 70, 152, 0.08);
    padding-left: 22px;
}

.about-layout .common-navigation ul li a:hover::before {
    background: #0c4698;
    transform: scale(1.4);
    /* box-shadow: 0 0 0 4px rgba(12, 70, 152, 0.12); */
}

.about-layout .common-navigation ul li a:hover::after {
    opacity: 1;
    transform: translateX(0);
    color: #0c4698;
}

.about-layout .common-navigation .container ul li::after {
    content: '';
    display: block;
    height: 2px;
    margin: 0 24px 0px;
}

.about-layout .common-navigation .container ul li:not(.active):hover::after {
    content: '';
    display: block;
    height: 2px;
    background: linear-gradient(90deg, #0c4698 0%, transparent 100%);
    margin: 0 24px 0px;
    border-radius: 1px;
}

/* active状态 - 品牌色渐变背景 */
.about-layout .common-navigation ul li.active {
    background: transparent;
}

.about-layout .common-navigation ul li.active a {
    color: #ffffff;
    background: linear-gradient(135deg, #0c4698 0%, #1565c0 100%);
    /* box-shadow: 0 6px 20px rgba(12, 70, 152, 0.35); */
    font-weight: 600;
    letter-spacing: 0.3px;
}

.about-layout .common-navigation ul li.active a::before {
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
    transform: scale(1.2);
}

.about-layout .common-navigation ul li.active a::after {
    opacity: 1;
    transform: translateX(0);
    color: #ffffff;
}


/* 右侧内容区域 */
.about-layout .about-content {
    flex: 1;
    padding: 10px 20px;
    min-width: 0;
    background: #fff;

    border-right: 1px solid #e8e8e8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.about-layout .about-content .container .imgTop {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.about-layout .about-content .container .imgTop .branch_about_text .branch_about_text_desc {
    font-style: normal;
    font-size: 15px;
    line-height: 32px;
    margin: 10px 0;
}

/**---------------------------------品牌介绍 star-------------------------------------->*/
.branch_video {
    /* width: calc(1400px - 60px); */
    width: calc(1080px - 60);
    padding: 30px;
    background-color: #f2f9ff;
    border-radius: 20px;

    margin-top: 30px;
}

.corporate_culture img {
    max-width: 100%;
}

.corporate_culture .imgTop>img {
    box-shadow: 10px 10px 0px rgba(238, 242, 247, 1);
    margin-bottom: 90px;
}

.corporate_culture .imgTop>p {
    font-size: 17px;
    font-weight: 400;
    color: #111010;
    line-height: 35px;
    text-indent: 2em;
}

.corporate_culture .business {
    width: 100%;
}

.corporate_culture .mission {}

.corporate_culture .missionTitle {
    text-align: center;
    margin: 60px 0px;
}

.corporate_culture .missionTitle>div:nth-child(1) {
    font-size: 48px;
    font-weight: 400;
    color: #000000;
}

.corporate_culture .missionTitle>div:nth-child(2) {
    font-size: 20px;
    font-weight: 400;
    color: #000000;
}

.corporate_culture .mission {
    margin-bottom: 96px;
}

.corporate_culture .mission>img {
    width: 100%;
}

.corporate_culture .value {
    margin-bottom: 80px;
}


.branch_about_text {
    background-color: #fff;
    padding: 30px;
    border-radius: 0px 0px 20px 20px;
    line-height: 28px;
    font-weight: 500;
}

.branch_about_text>p {
    font-size: 20px;
    line-height: 40px;
    text-indent: 30px
}

.img_text {
    text-align: center;
    margin: 30px 0 30px 0;
}

.img_text img {
    border-radius: 20px
}

/* 新增 img_contant star*/
.img_text .img_contant {
    background-image: url(../../images/v2/branch/1png-new.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 86px;
    text-align: center;
    line-height: 86px;
    color: #fff;
    font-size: 29px;
}

.img_text .img_ad_contant {
    background-image: url(../../images/v2/branch/ad-new.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 86px;
    text-align: center;
    line-height: 86px;
    color: #fff;
    font-size: 48px;

    width: 1102px;
    border-radius: 20px;
}

/* 新增 img_contant end*/

/* 2026.7.16 star */

/* ================================================================
           核心样式：仅作用于 .branch_about_text 及其子元素
           主题色：蓝色 #1a4c8a（所有装饰统一为此色）
           ================================================================ */
.branch_about_text {
    padding: 8px 4px;
    margin: 15px;
}

/* ---- 标题 (h3) ---- */
.branch_about_text h3 {
    font-size: 21px;
    font-weight: 700;
    color: #1a4c8a;
    margin-top: 21px;
    /* 标题文字蓝色 */
    display: inline-block;
    letter-spacing: 1.5px;
    position: relative;
}

.branch_about_text h3:first-of-type {
    margin-top: 0;
}

/* 标题前的装饰圆点 —— 改为蓝色 */
.branch_about_text h3::before {
    content: "●";
    color: #1a4c8a;
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle;
}

/* ---- 段落 (p.branch_about_text_desc) ---- */
.branch_about_text .branch_about_text_desc {
    font-size: 16px;
    line-height: 1.9;
    color: #2d3a4a;
    margin-bottom: 20px;
    padding-left: 6px;
    text-align: justify;
    letter-spacing: 0.3px;
}

.branch_about_text .branch_about_text_desc:last-of-type {
    margin-bottom: 0;
}

/* ---- 段落中的链接 ---- */
.branch_about_text .branch_about_text_desc a {
    color: #1a4c8a;
    text-decoration: none;
    border-bottom: 1.5px solid rgba(26, 76, 138, 0.25);
    font-weight: 500;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.branch_about_text .branch_about_text_desc a:hover {
    color: #0f3a6b;
    /* 悬停时加深蓝色 */
    border-bottom-color: #0f3a6b;
}

/* ---- 承诺段落特殊样式（最后一段） ---- */
.branch_about_text .branch_about_text_desc:last-of-type {
    background: #f0f4fb;
    /* 极浅的蓝色背景 */
    padding: 20px 28px;
    border-radius: 12px;
    border-left: 5px solid #1a4c8a;
    /* 左边框改为蓝色 */
    font-size: 16.5px;
    color: #1a2a3a;
    margin-top: 4px;
}

/* 承诺段落的引号装饰 —— 改为蓝色 */
.branch_about_text .branch_about_text_desc:last-of-type::before {
    content: "“";
    font-size: 30px;
    color: #1a4c8a;
    font-family: Georgia, serif;
    margin-right: 4px;
    opacity: 0.5;
}

.branch_about_text .branch_about_text_desc:last-of-type::after {
    content: "”";
    font-size: 30px;
    color: #1a4c8a;
    font-family: Georgia, serif;
    margin-left: 4px;
    opacity: 0.5;
}

/* ===== 响应式适配 ===== */
@media (max-width: 640px) {
    .demo-wrapper {
        padding: 28px 20px;
    }

    .branch_about_text h3 {
        font-size: 19px;
        letter-spacing: 0.5px;
    }

    .branch_about_text .branch_about_text_desc {
        font-size: 15px;
        line-height: 1.8;
        padding-left: 0;
    }

    .branch_about_text .branch_about_text_desc:last-of-type {
        padding: 16px 18px;
        font-size: 15px;
    }

    .branch_about_text .branch_about_text_desc:last-of-type::before,
    .branch_about_text .branch_about_text_desc:last-of-type::after {
        font-size: 24px;
    }
}

@media (max-width: 400px) {
    .demo-wrapper {
        padding: 18px 12px;
    }

    .branch_about_text h3 {
        font-size: 17px;
    }

    .branch_about_text .branch_about_text_desc {
        font-size: 14px;
    }
}

/* 2026.7.16 end */

/* 新增 cloud star*/
.diagram {
    position: relative;
    width: 800px;
    height: 700px;
}

/* ========== 云朵 ========== */
.cloud-wrapper {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 280px;
    height: 14s0px;
    z-index: 10;
}

.cloud {
    position: absolute;
    bottom: -137px;
    left: 50%;
    transform: translateX(-50%);
    width: 260px;
    height: 75px;
    background: #3b82f6;
    border-radius: 50%;
    z-index: 2;
}

.cloud::before {
    content: '';
    position: absolute;
    width: 120px;
    height: 98px;
    background: #3b82f6;
    border-radius: 50%;
    top: -25px;
    left: 30px;
}

.cloud::after {
    content: '';
    position: absolute;
    width: 140px;
    height: 106px;
    background: #3b82f6;
    border-radius: 50%;
    top: -36px;
    right: 20px;
}

.cloud-text {
    position: relative;
    z-index: 3;
    color: #fff;
    font-size: 38px;
    font-weight: bold;
    text-align: center;
}

/* ========== 太阳 ========== */
.sun {
    position: absolute;
    top: 19px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.sun-body {
    width: 56px;
    height: 28px;
    background: #e74c3c;
    border-radius: 56px 56px 0 0;
    position: relative;
}

.ray {
    position: absolute;
    width: 5px;
    height: 16px;
    background: #e74c3c;
    border-radius: 3px;
}

.ray1 {
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
}

.ray2 {
    top: -16px;
    left: 6px;
    transform: rotate(-40deg);
}

.ray3 {
    top: -16px;
    right: 6px;
    transform: rotate(40deg);
}

.ray4 {
    top: -4px;
    left: -10px;
    transform: rotate(-65deg);
    height: 14px;
}

.ray5 {
    top: -4px;
    right: -10px;
    transform: rotate(65deg);
    height: 14px;
}

/* ========== 立体模块通用 ========== */
.module {
    position: absolute;
    width: 150px;
    height: 48px;
}

.face {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 2px solid #3b82f6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    color: #1e3a5f;
    z-index: 3;
}

.side {
    position: absolute;
    top: 7px;
    right: -14px;
    width: 14px;
    height: 48px;
    background: #eaf2fc;
    border: 2px solid #3b82f6;
    border-left: none;
    transform: skewY(45deg);
    z-index: 2;
    background-image: repeating-linear-gradient(135deg,
            transparent,
            transparent 5px,
            #3b82f6 5px,
            #3b82f6 6px);
}

.bottom {
    position: absolute;
    bottom: -14px;
    left: 7px;
    width: 150px;
    height: 14px;
    background: #eaf2fc;
    border: 2px solid #3b82f6;
    border-top: none;
    transform: skewX(45deg);
    z-index: 1;
    background-image: repeating-linear-gradient(135deg,
            transparent,
            transparent 5px,
            #3b82f6 5px,
            #3b82f6 6px);
}

/* ========== 模块定位 ========== */
.m-edu {
    left: 152px;
    top: 241px;
}

.m-online {
    left: 460px;
    top: 240px;
}

.m-incub {
    left: -80px;
    top: 350px;
}

.m-supply {
    left: 325px;
    top: 350px;
}

.m-gov {
    left: 730px;
    top: 350px;
}

.m-live {
    left: 190px;
    top: 444px;
}

.m-ai {
    left: 500px;
    top: 444px;
}

/* ========== 连线 ========== */
.wire {
    position: absolute;
    z-index: 0;
}

.wire-line {
    position: absolute;
    background: #3b82f6;
}

.wire-line.v {
    width: 2px;
}

.wire-line.h {
    height: 2px;
}

.wire-dot {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 2px solid #3b82f6;
    border-radius: 50%;
    z-index: 1;
}

/* 云朵->电商教育 */
.w1 {
    left: 225px;
    top: 170px;
    width: 100px;
    height: 80px;
}

.w1 .l1 {
    left: 87px;
    top: 0;
    width: 2px;
    height: 22px;
}

.w1 .l2 {
    left: 40px;
    top: 20px;
    width: 48px;
    height: 2px;
}

.w1 .l3 {
    left: 46px;
    top: 20px;
    width: 2px;
    height: 40px;
}

.w1 .d1 {
    left: 80px;
    top: 15px;
}

.w1 .d2 {
    left: 40px;
    top: 16px;
}

.w1 .d3 {
    left: 41px;
    top: 52px;
}

/* 云朵->在线教育 */
.w2 {
    left: 494px;
    top: 167px;
    width: 100px;
    height: 80px;
}

.w2 .l1 {
    left: 0;
    top: 0;
    width: 2px;
    height: 22px;
}

.w2 .l2 {
    left: 2px;
    top: 20px;
    width: 40px;
    height: 2px;
}

.w2 .l3 {
    right: 56px;
    top: 20px;
    width: 2px;
    height: 40px;
}

.w2 .d1 {
    left: -4px;
    top: 16px;
}

.w2 .d2 {
    left: 35px;
    top: 16px;
}

.w2 .d3 {
    right: 52px;
    top: 53px;
}

/* 云朵->电商孵化 */
.w3 {
    left: 153px;
    top: 170px;
    width: 2px;
    height: 180px;
}

.w3 .l1 {
    left: -203px;
    top: -19px;
    width: 2px;
    height: 100%;
}

.w3 .l2 {
    width: 310px;
    height: 2px;
    left: -203px;
    top: -19px;
}

.w3 .d1 {
    left: -6px;
    top: -2px;
}

.w3 .d2 {
    left: -208px;
    top: -22px;
}

.w3 .d3 {
    left: -209px;
    top: 160px;
}

/* 云朵->供应链 */
.w4 {
    left: 398px;
    top: 176px;
    width: 2px;
    height: 164px;
}

.w4 .l1 {
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
}

.w4 .d3 {
    left: -5px;
    top: 159px;
}

/* 云朵->政企服务 */
.w5 {
    left: 696px;
    top: 154px;
    width: 2px;
    height: 180px;
    ;
}

.w5 .l1 {
    left: 160px;
    top: 0;
    width: 2px;
    height: 180px;
}

.w5 .d1 {
    left: 154px;
    top: -3px;
}

.w5 .d3 {
    left: 155px;
    top: 172px;
}

.w5 .l2 {
    width: 300px;
    left: -138px;
    top: 0;
}

/* 电商孵化->直播带货 */
.w6 {
    left: 273px;
    top: 169px;
    width: 2px;
    height: 277px;
}

.w6 .l1 {
    left: 0;
    top: 153px;
    width: 2px;
    height: 40%;
    ;
}

.w6 .d1 {
    left: -4px;
    top: 150px
}

.w6 .l2 {
    top: 154px;
    left: 0;
    width: 70px;
    height: 2px;
}

.w6 .l3 {
    top: 5px;
    left: 68px;
    height: 150px;
}

.w6 .d2 {
    top: 149px;
    left: 62px;
    ;
}

/* 政企服务->AI人工智能 */
.w7 {
    left: 546px;
    top: 169px;
    width: 2px;
    height: 277px;
}

.w7 .l1 {
    left: 0;
    top: 153px;
    width: 2px;
    height: 40%;
}

.w7 .d1 {
    left: -6.1px;
    top: 150px;
}

.w7 .l2 {
    top: 154px;
    right: 0;
    width: 100px;
    height: 2px;
}

.w7 .d3 {
    top: 149px;
    right: 92px;
    bottom: 77px;
}

.w7 .l3 {
    height: 150px;
    left: -98px;
    top: 5px;
}

/* ========== 底部横幅 ========== */
.banner {
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 100%;
    height: 56px;
}

.banner-face {
    position: relative;
    width: 100%;
    height: 100%;
    background: #3b82f6;
    border: 2px solid #3b82f6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    z-index: 3;
    letter-spacing: 1px;
}

.banner-side {
    position: absolute;
    top: 8px;
    right: -16px;
    width: 16px;
    height: 56px;
    background: #2563eb;
    border: 2px solid #3b82f6;
    border-left: none;
    transform: skewY(45deg);
    z-index: 2;
    background-image: repeating-linear-gradient(135deg,
            transparent,
            transparent 5px,
            #3b82f6 5px,
            #3b82f6 6px);
}

.banner-bottom {
    position: absolute;
    bottom: -16px;
    left: 8px;
    width: 100%;
    height: 16px;
    background: #2563eb;
    border: 2px solid #3b82f6;
    border-top: none;
    transform: skewX(45deg);
    z-index: 1;
    background-image: repeating-linear-gradient(135deg,
            transparent,
            transparent 5px,
            #3b82f6 5px,
            #3b82f6 6px);
}

/* 新增 cloud end*/
/**-------------------------------------------品牌介绍 end--------------------------------------------->*/

/* 新增 发展规划 star */
.plan-section-header {
    text-align: center;
    margin: 30px 0 30px 0;
}

.plan-section-header .section-tag {
    display: inline-block;
    background: #e6f2ff;
    color: #1a6dbb;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 20px;
    border-radius: 50px;
    letter-spacing: 0.06em;
    margin-bottom: 16px;
}

.plan-section-header .section-title {
    font-size: 40px;
    font-weight: 400;
    color: #282422;
    margin-bottom: 8px;
}

.plan-section-header .section-title .highlight {
    color: #1a6dbb;
    font-weight: 700;
}

.plan-section-header .section-subtitle {
    font-size: 16px;
    color: #999;
    margin-bottom: 10px;
}

.plan-section-header .title-line {
    display: inline-block;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #1a6dbb, #2c8ae6);
    border-radius: 2px;
}

.plan-wrapper {
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 50px 20px 70px;
}

/* ========== 大标题 + 小标题 ========== */
.plan-header {
    text-align: center;
    margin-bottom: 50px;
}

.plan-header .header-tag {
    display: inline-block;
    background: #e6f2ff;
    color: #1a6dbb;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 20px;
    border-radius: 50px;
    letter-spacing: 0.06em;
    margin-bottom: 16px;
}

.plan-header h1 {
    font-size: 36px;
    font-weight: 400;
    color: #282422;
    margin-bottom: 8px;
}

.plan-header h1 .highlight {
    color: #1a6dbb;
    font-weight: 700;
}

.plan-header .subtitle {
    font-size: 16px;
    color: #999;
    margin-bottom: 10px;
}

.plan-header .title-line {
    display: inline-block;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #1a6dbb, #2c8ae6);
    border-radius: 2px;
}

/* ========== 三列卡片布局 ========== */
.plan-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.plan-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 36px 28px 28px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
    text-align: center;
}

.plan-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.10);
    border-color: #cbd5e1;
}

.plan-card .card-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
}

.card-number.blue {
    background: #e6f2ff;
    color: #1a6dbb;
}

.card-number.green {
    background: #d1fae5;
    color: #10b981;
}

.card-number.purple {
    background: #ede9fe;
    color: #8b5cf6;
}

.plan-card h4 {
    font-size: 17px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 6px;
}

.plan-card .card-label {
    font-size: 13px;
    color: #94a3b8;
    margin-bottom: 12px;
}

.plan-card .card-text {
    font-size: 14px;
    color: #555;
    line-height: 1.9;
}

/* ========== 响应式 ========== */
@media screen and (max-width: 768px) {
    .plan-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .plan-wrapper {
        padding: 30px 16px 50px;
    }

    .plan-header h1 {
        font-size: 26px;
    }

    .plan-card {
        padding: 24px 20px 22px;
    }
}

/* 新增 发展规划 end */

/* 新增 美迪优势 star */
/* ==================== 合并模块主容器 ==================== */
.advantage-strength-module {
    max-width: 1400px;
    margin: 0 auto;
    padding: 50px 20px 70px;
}

/* ==================== 通用区块标题 ==================== */
.advantage-strength-module .section-block {
    margin-bottom: 60px;
}

.advantage-strength-module .section-block:last-child {
    margin-bottom: 0;
}

.advantage-strength-module .section-header {
    text-align: center;
    padding: 0 0 40px;
}

.advantage-strength-module .section-header .section-tag {
    display: inline-block;
    background: #e6f2ff;
    color: #1a6dbb;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 20px;
    border-radius: 50px;
    letter-spacing: 0.06em;
    margin-bottom: 16px;
}

.advantage-strength-module .section-header .section-title {
    font-size: 40px;
    font-weight: 400;
    color: #282422;
    margin-bottom: 8px;
}

.advantage-strength-module .section-header .section-title .highlight {
    color: #1a6dbb;
    font-weight: 700;
}

.advantage-strength-module .section-header .section-subtitle {
    font-size: 16px;
    color: #999;
    margin-bottom: 10px;
}

.advantage-strength-module .section-header .title-line {
    display: inline-block;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #1a6dbb, #2c8ae6);
    border-radius: 2px;
}

/* ==================== 第一区块：品牌优势总览（卡片网格） ==================== */
.advantage-strength-module .brand-advantages-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.advantage-strength-module .brand-adv-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 30px 22px 24px;
    text-align: center;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    cursor: default;
}

.advantage-strength-module .brand-adv-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #1a6dbb, #2c8ae6);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 12px 12px 0 0;
}

.advantage-strength-module .brand-adv-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.10);
    border-color: #cbd5e1;
}

.advantage-strength-module .brand-adv-card:hover::before {
    opacity: 1;
}

.advantage-strength-module .brand-adv-card .adv-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 14px;
    margin-bottom: 16px;
    font-size: 26px;
}

.advantage-strength-module .adv-icon.blue {
    background: #eff6ff;
    color: #1a6dbb;
}

.advantage-strength-module .adv-icon.orange {
    background: #fff7ed;
    color: #ff6b35;
}

.advantage-strength-module .adv-icon.green {
    background: #d1fae5;
    color: #10b981;
}

.advantage-strength-module .adv-icon.purple {
    background: #ede9fe;
    color: #8b5cf6;
}

.advantage-strength-module .adv-icon.rose {
    background: #ffe4e6;
    color: #f43f5e;
}

.advantage-strength-module .brand-adv-card h4 {
    font-size: 17px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 8px;
}

.advantage-strength-module .brand-adv-card p {
    font-size: 13px;
    color: #666666;
    line-height: 1.6;
}

/* 新增 —— 资源优势 · 青绿色 */
.advantage-strength-module .adv-icon.teal {
    background: #ccfbf1;
    color: #0d9488;
}

.advantage-strength-module .brand-adv-card h4 {
    font-size: 17px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 8px;
}

.advantage-strength-module .brand-adv-card p {
    font-size: 13px;
    color: #666666;
    line-height: 1.6;
    margin: 0;
}

/* ==================== 第二区块：研发实力详解（大卡片 + 图标列表） ==================== */
.advantage-strength-module .rd-strength-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.advantage-strength-module .rd-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 32px 28px 28px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.advantage-strength-module .rd-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.10);
    border-color: #cbd5e1;
}

.advantage-strength-module .rd-card .rd-card-number {
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 4rem;
    font-weight: 900;
    color: #f1f5f9;
    line-height: 1;
    pointer-events: none;
    transition: color 0.3s ease;
}

.advantage-strength-module .rd-card:hover .rd-card-number {
    color: #e2e8f0;
}

.advantage-strength-module .rd-card .rd-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    margin-bottom: 14px;
    font-size: 22px;
    position: relative;
    z-index: 1;
}

.advantage-strength-module .rd-card-icon.blue {
    background: #eff6ff;
    color: #1a6dbb;
}

.advantage-strength-module .rd-card-icon.amber {
    background: #fffbeb;
    color: #d97706;
}

.advantage-strength-module .rd-card-icon.teal {
    background: #f0fdfa;
    color: #0d9488;
}

.advantage-strength-module .rd-card-icon.purple {
    background: #faf5ff;
    color: #7c3aed;
}

.advantage-strength-module .rd-card-icon.rose {
    background: #fff1f2;
    color: #e11d48;
}

.advantage-strength-module .rd-card-icon.cyan {
    background: #ecfeff;
    color: #0891b2;
}

.advantage-strength-module .rd-card h4 {
    font-size: 17px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 6px;
    position: relative;
    z-index: 1;
}

.advantage-strength-module .rd-card .rd-card-desc {
    font-size: 13px;
    color: #94a3b8;
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
}

.advantage-strength-module .rd-card .rd-card-list {
    list-style: none;
    padding: 0;
    position: relative;
    z-index: 1;
}

.advantage-strength-module .rd-card .rd-card-list li {
    font-size: 13px;
    color: #666666;
    padding-left: 18px;
    position: relative;
    margin-bottom: 6px;
    line-height: 1.6;
}

.advantage-strength-module .rd-card .rd-card-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2c8ae6;
    opacity: 0.7;
}

.advantage-strength-module .rd-card:nth-child(2) .rd-card-list li::before {
    background: #0d9488;
}


.advantage-strength-module .rd-card:nth-child(3) .rd-card-list li::before {
    background: #0891b2;
}

/* 重点卡片（工具箱） */
.advantage-strength-module .rd-card.featured {
    border: 2px solid transparent;
    background-clip: padding-box;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.advantage-strength-module .rd-card.featured::after {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 16px;
    background: linear-gradient(135deg, #f59e0b, #f97316, #ef4444);
    z-index: -1;
    pointer-events: none;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
}

.advantage-strength-module .rd-card.featured .featured-badge {
    position: absolute;
    top: 94px;
    left: 143px;
    z-index: 2;
    background: linear-gradient(135deg, #f59e0b, #f97316);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 50px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.35);
}

/* ==================== 第三区块：运营 & 教学实力（双列布局） ==================== */
.advantage-strength-module .ops-teach-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.advantage-strength-module .ops-teach-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 32px 28px 28px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

.advantage-strength-module .ops-teach-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    border-color: #cbd5e1;
}

.advantage-strength-module .ops-teach-card .ot-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid #f1f5f9;
}

.advantage-strength-module .ops-teach-card .ot-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    font-size: 22px;
    flex-shrink: 0;
}

.advantage-strength-module .ops-teach-card .ot-icon.blue {
    background: #eff6ff;
    color: #1a6dbb;
}

.advantage-strength-module .ops-teach-card .ot-icon.green {
    background: #d1fae5;
    color: #10b981;
}

.advantage-strength-module .ops-teach-card .ot-title-group h4 {
    font-size: 19px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 2px;
}

.advantage-strength-module .ops-teach-card .ot-title-group span {
    font-size: 13px;
    color: #94a3b8;
}

.advantage-strength-module .ops-teach-card .ot-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.advantage-strength-module .ops-teach-card .ot-list li {
    font-size: 14px;
    color: #666666;
    padding-left: 22px;
    position: relative;
    line-height: 1.7;
}

.advantage-strength-module .ops-teach-card .ot-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: #2c8ae6;
    opacity: 0.7;
}

.advantage-strength-module .ops-teach-card:nth-child(2) .ot-list li::before {
    background: #10b981;
}

/* ==================== 品牌介绍横幅 ==================== */
.advantage-strength-module .brand-intro-banner {
    background: linear-gradient(135deg, #0062B9 0%, #1a6dbb 30%, #2c8ae6 100%);
    border-radius: 16px;
    padding: 36px 40px;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 60px;
}

.advantage-strength-module .brand-intro-banner .banner-icon {
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, 0.18);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
}

.advantage-strength-module .brand-intro-banner .banner-content h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 6px;
}

.advantage-strength-module .brand-intro-banner .banner-content p {
    font-size: 14px;
    opacity: 0.9;
    line-height: 1.7;
}

/* ==================== 数据指标条 ==================== */
.advantage-strength-module .stats-banner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 60px;
}

.advantage-strength-module .stat-item {
    background: #ffffff;
    border-radius: 12px;
    padding: 24px 20px;
    text-align: center;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

.advantage-strength-module .stat-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.advantage-strength-module .stat-item .stat-number {
    font-size: 36px;
    font-weight: 800;
    color: #1a6dbb;
    line-height: 1;
    margin-bottom: 8px;
}

.advantage-strength-module .stat-item .stat-label {
    font-size: 14px;
    color: #666666;
}

.advantage-strength-module .stat-item:nth-child(2) .stat-number {
    color: #ff6b35;
}

.advantage-strength-module .stat-item:nth-child(3) .stat-number {
    color: #10b981;
}

.advantage-strength-module .stat-item:nth-child(4) .stat-number {
    color: #8b5cf6;
}

/* ==================== 标签组 ==================== */
.advantage-strength-module .tag-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
    position: relative;
    z-index: 1;
}

.advantage-strength-module .tag {
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 50px;
    letter-spacing: 0.03em;
    white-space: nowrap;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    user-select: none;
    /* 默认状态保持原有各色背景，不设置通用背景以免覆盖 */
}

/* ========== 各颜色主题默认状态 ========== */
.advantage-strength-module .tag.blue {
    background: #eff6ff;
    color: #2563eb;
}

.advantage-strength-module .tag.amber {
    background: #fffbeb;
    color: #d97706;
}

.advantage-strength-module .tag.teal {
    background: #f0fdfa;
    color: #0d9488;
}

.advantage-strength-module .tag.purple {
    background: #faf5ff;
    color: #7c3aed;
}

.advantage-strength-module .tag.rose {
    background: #fff1f2;
    color: #e11d48;
}

.advantage-strength-module .tag.cyan {
    background: #ecfeff;
    color: #0891b2;
}

/* ========== 通用 hover 结构 ========== */
.advantage-strength-module .tag:hover {
    transform: scale(1.1);
    color: #ffffff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

/* ========== 各颜色主题的 hover 背景渐变 + 专属阴影 ========== */
.advantage-strength-module .tag.blue:hover {
    background: linear-gradient(to right, #1e40af, #3b82f6);
    box-shadow: 0 6px 18px rgba(59, 130, 246, 0.5);
}

.advantage-strength-module .tag.amber:hover {
    background: linear-gradient(135deg, #f59e0b, #f97316);
    box-shadow: 0 6px 18px rgba(245, 158, 11, 0.5);
}

.advantage-strength-module .tag.teal:hover {
    background: linear-gradient(135deg, #0f766ea6, #14b8a6);
    box-shadow: 0 6px 18px rgba(20, 184, 166, 0.5);
}

.advantage-strength-module .tag.purple:hover {
    background: linear-gradient(135deg, #6d28d9ab, #8b5cf6);
    box-shadow: 0 6px 18px rgba(139, 92, 246, 0.5);
}

.advantage-strength-module .tag.rose:hover {
    background: linear-gradient(135deg, #be123ca3, #f43f5e);
    box-shadow: 0 6px 18px rgba(244, 63, 94, 0.5);
}

.advantage-strength-module .tag.cyan:hover {
    background: linear-gradient(to right, #0e7490ba, #06b6d4);
    box-shadow: 0 6px 18px rgba(6, 182, 212, 0.5);
}

/* ==================== 合作院校Logo区 ==================== */
.advantage-strength-module .partner-section {
    background: #ffffff;
    border-radius: 16px;
    padding: 36px 30px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    margin-bottom: 60px;
}

.advantage-strength-module .partner-section .partner-header {
    text-align: center;
    margin-bottom: 24px;
}

.advantage-strength-module .partner-section .partner-header h4 {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 4px;
}

.advantage-strength-module .partner-section .partner-header span {
    font-size: 13px;
    color: #94a3b8;
}

.advantage-strength-module .partner-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}

.advantage-strength-module .partner-tag {
    display: inline-block;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
    font-size: 13px;
    padding: 8px 14px;
    border-radius: 8px;
    transition: all 0.2s ease;
    white-space: nowrap;

    cursor: pointer;
}

.advantage-strength-module .partner-tag:hover {
    background: #e6f2ff;
    border-color: #1a6dbb;
    color: #1a6dbb;
}

/* 底部声明 */
.advantage-strength-module .footer-note {
    text-align: center;
    margin-top: 20px;
    color: #94a3b8;
    font-size: 13px;
    letter-spacing: 0.03em;
}

/* ==================== 响应式 ==================== */
@media screen and (max-width: 1200px) {
    .advantage-strength-module .brand-advantages-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .advantage-strength-module .rd-strength-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .advantage-strength-module .stats-banner {
        grid-template-columns: repeat(2, 1fr);
    }

    .advantage-strength-module {
        max-width: 100%;
        padding: 40px 20px 60px;
    }
}

@media screen and (max-width: 768px) {
    .advantage-strength-module .brand-advantages-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .advantage-strength-module .rd-strength-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .advantage-strength-module .ops-teach-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .advantage-strength-module .stats-banner {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .advantage-strength-module .brand-intro-banner {
        flex-direction: column;
        text-align: center;
        padding: 28px 24px;
    }

    .advantage-strength-module .section-header .section-title {
        font-size: 28px;
    }

    .advantage-strength-module .rd-card .rd-card-number {
        font-size: 3rem;
        top: 10px;
        right: 14px;
    }

    .advantage-strength-module .rd-card.featured .featured-badge {
        right: 42px;
        top: 10px;
        font-size: 10px;
        padding: 3px 10px;
    }
}

@media screen and (max-width: 480px) {
    .advantage-strength-module .brand-advantages-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .advantage-strength-module .stats-banner {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .advantage-strength-module .brand-adv-card {
        padding: 20px 16px 18px;
    }

    .advantage-strength-module .rd-card {
        padding: 20px 16px 18px;
    }

    .advantage-strength-module .section-header .section-title {
        font-size: 24px;
    }
}

/* 新增 美迪优势 end */


/* 发展历程 star */
/* ===== 时间轴容器 ===== */
.timeline {
    position: relative;
    max-width: 1100px;
    width: 100%;
    /* padding: 20px 0 10px 0; */
}

/* —— 中心竖线（贯穿所有 item） —— */
.timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 10px;
    bottom: 10px;
    width: 3px;
    height: 96.6%;
    background: #dce3ed;
    transform: translateX(-50%);
    border-radius: 4px;
}

/* ===== 每个时间点 ===== */
.timeline-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 48px;
    position: relative;
}

.timeline-item:last-child {
    margin-bottom: 0;
}

/* —— 左右列（各占一半，卡片放置区） —— */
.timeline-left,
.timeline-right {
    flex: 1;
    display: flex;
    align-items: flex-start;
    min-height: 60px;
}

.timeline-left {
    justify-content: flex-end;
    /* 卡片靠右，贴近时间线 */
    padding-right: 30px;
}

.timeline-right {
    justify-content: flex-start;
    /* 卡片靠左，贴近时间线 */
    padding-left: 30px;
}

/* —— 中间列（年份 + 圆点） —— */
.timeline-center {
    flex: 0 0 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
    padding-top: 2px;
}

/* 年份标签 */
.year-label {
    font-size: 20px;
    font-weight: 700;
    color: #1a6dbb;
    letter-spacing: 0.04em;
    background: #ffffff;
    padding: 0 6px 4px 6px;
    line-height: 1.2;
    white-space: nowrap;
}

/* 圆点 */
.timeline-dot {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #ffffff;
    border: 3px solid #1a6dbb;
    flex-shrink: 0;
    position: relative;
    transition: all 0.3s ease;
    margin-top: 2px;
}

.timeline-dot::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #1a6dbb;
}

.timeline-item:hover .timeline-dot {
    transform: scale(1.18);
    box-shadow: 0 0 0 8px rgba(26, 109, 187, 0.13);
}

/* —— 卡片 —— */
.card {
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #e6edf5;
    padding: 1.2rem 1.6rem 1rem 1.6rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
    transition: all 0.25s ease;
    width: 100%;
    max-width: 420px;
}

.card:hover {
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
    border-color: #c8d8e8;
    transform: translateY(-3px);
}

/* 事件列表 */
.events-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.events-list li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 0.7rem;
    font-size: 0.92rem;
    line-height: 1.55;
    color: #2c3e50;
}

.events-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.6rem;
    width: 7px;
    height: 7px;
    background: #8ba9c2;
    border-radius: 2px;
    flex-shrink: 0;
}

.events-list li:last-child {
    margin-bottom: 0;
}

/* 荣誉徽章 */
.badge {
    display: inline-block;
    margin-top: 0.9rem;
    font-size: 0.78rem;
    font-weight: 500;
    color: #2c5a7a;
    border: 1px solid #d4e2ed;
    padding: 0.2rem 0.9rem;
    background: #f5f9fe;
    border-radius: 4px;
    letter-spacing: 0.3px;
}

.month {
    display: inline-block;
    font-weight: 700;
    color: #0f4b7a;
    background: #e6f0fa;
    padding: 0 8px 0 6px;
    border-radius: 16px;
    font-size: 0.85rem;
    letter-spacing: 0.3px;
    margin-right: 4px;
    line-height: 1.6;
    border: 1px solid #d0e2f2;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
    transition: background 0.2s, border-color 0.2s;
}

.card:hover .month {
    background: #d4e6fa;
    border-color: #b0cce5;
}

/* ===== 左右列空状态占位（保持高度一致） ===== */
.timeline-left:empty,
.timeline-right:empty {
    /* 空列保留最小高度，但不占用额外空间 */
    min-height: 0;
}

/* ===== 响应式：移动端变为单列 ===== */
@media screen and (max-width: 768px) {
    body {
        padding: 20px 12px;
    }

    .timeline::before {
        left: 24px;
        top: 8px;
        bottom: 8px;
        width: 2.5px;
    }

    .timeline-item {
        flex-wrap: wrap;
        margin-bottom: 36px;
        padding-left: 50px;
        position: relative;
    }

    /* 中间列移到左侧 */
    .timeline-center {
        flex: 0 0 auto;
        position: absolute;
        left: -2px;
        top: 0;
        flex-direction: column;
        align-items: center;
        padding-top: 0;
        width: 40px;
    }

    .year-label {
        font-size: 16px;
        background: transparent;
        padding: 0 0 2px 0;
        color: #1a6dbb;
    }

    .timeline-dot {
        width: 22px;
        height: 22px;
        border-width: 2.5px;
        margin-top: 0;
    }

    .timeline-dot::after {
        width: 8px;
        height: 8px;
    }

    /* 左右列合并为单列，卡片占满 */
    .timeline-left,
    .timeline-right {
        flex: 1 1 100%;
        padding: 0;
        justify-content: flex-start;
        min-height: 0;
    }

    .timeline-left .card,
    .timeline-right .card {
        max-width: 100%;
        margin-left: 12px;
        margin-top: 2px;
        padding: 1rem 1.2rem 0.8rem 1.2rem;
    }

    /* 空列隐藏 */
    .timeline-left:empty,
    .timeline-right:empty {
        display: none;
    }

    .timeline-item:hover .timeline-dot {
        transform: scale(1.12);
        box-shadow: 0 0 0 6px rgba(26, 109, 187, 0.12);
    }

    .card:hover {
        transform: translateY(-2px);
    }
}

/* ===== 小屏手机进一步优化 ===== */
@media screen and (max-width: 480px) {
    .timeline-item {
        padding-left: 40px;
        margin-bottom: 28px;
    }

    .timeline::before {
        left: 18px;
    }

    .timeline-center {
        width: 32px;
        left: -4px;
    }

    .year-label {
        font-size: 14px;
    }

    .timeline-dot {
        width: 18px;
        height: 18px;
        border-width: 2px;
    }

    .timeline-dot::after {
        width: 6px;
        height: 6px;
    }

    .timeline-left .card,
    .timeline-right .card {
        margin-left: 8px;
        padding: 0.8rem 1rem 0.6rem 1rem;
        border-radius: 16px;
    }

    .events-list li {
        font-size: 0.85rem;
        padding-left: 14px;
    }

    .events-list li::before {
        width: 5px;
        height: 5px;
        top: 0.5rem;
    }

    .badge {
        font-size: 0.7rem;
        padding: 0.1rem 0.6rem;
        margin-top: 0.6rem;
    }
}

/* 发展历程 end */

/* 新增 发展历程旧版 star */
.guide-box {
    display: flex;
}

.guide-box .left-box {
    margin-right: 45px;
    padding-top: 280px;
}

.guide-box .left-box .desc .event-list {
    list-style: none;
    margin: 0;
    text-align: end;
    color: #2e3b4b;
    font-weight: 500;
}

.guide-box .left-box .desc .event-list li {
    line-height: 1.5em;
}

.guide-box .center-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.guide-box .center-box .logo-img {
    width: 100px;
    height: 100px;
    background: #1a3165;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.guide-box .center-box .logo-img img {
    width: 70%;
    height: 70%;
}

.guide-box .center-box .course-line {
    width: 4px;
    height: 84.9%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #3b4d76;
}

.guide-box .center-box .course-line .limit-box {
    width: 50px;
    height: 50px;
    background: #50b434;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    color: #fff;

    position: relative;
}

.guide-box .center-box .course-line .limit-box.left::before {
    content: '';
    position: absolute;
    width: 139px;
    height: 33px;
    top: 10px;
    left: -144px;
    background: url(../../images/v2/branch/about-guide-line-left.png) no-repeat center center;
    background-size: 100% 100%;
}

.guide-box .center-box .course-line .limit-box.right::after {
    content: '';
    position: absolute;
    width: 139px;
    height: 33px;
    top: 14px;
    right: -146px;
    background: url(../../images/v2/branch/about-guide-line-right.png) no-repeat center center;
    background-size: 100% 100%;
}

.guide-box .center-box .course-line .logo-box {
    /* background: #ffffff; */
    width: 100px;
    height: 100px;
    margin-top: 103px;
}

.guide-box .center-box .course-line .logo-box img {
    width: 100%;
    height: 100%;
}

.guide-box .right-box {
    margin-left: 45px;
    padding-top: 199px;
}

.guide-box .right-box .desc .event-list {
    list-style: none;
    margin: 0;
    text-align: start;
    color: #2e3b4b;
    font-weight: 500;
}

.guide-box .right-box .desc .event-list li {
    line-height: 1.5em;
}



/* 新版 star */
/* ========== 时间轴主体 ========== */
.guide-timeline {
    position: relative;
    padding-left: 50px;
}

/* 时间轴中心竖线 */
.guide-timeline::before {
    content: '';
    position: absolute;
    left: 22px;
    top: 8px;
    bottom: 0;
    width: 2px;
    background: #e2e8f0;
}

/* 年份分组块 */
.guide-timeline-year {
    position: relative;
    margin-bottom: 40px;
}

.guide-timeline-year:last-child {
    margin-bottom: 0;
}

/* 年份圆点标识 */
.guide-timeline .year-dot {
    position: absolute;
    left: -44px;
    top: 2px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #ffffff;
    border: 3px solid #1a6dbb;
    z-index: 2;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.guide-timeline .year-dot::after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #1a6dbb;

    position: absolute;
}

.guide-timeline-year:hover .year-dot {
    transform: scale(1.2);
    box-shadow: 0 0 0 6px rgba(26, 109, 187, 0.15);
}

/* 年份标题 */
.guide-timeline .year-title {
    font-size: 22px;
    font-weight: 700;
    color: #1a6dbb;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #e2e8f0;
    letter-spacing: 0.04em;
}

/* 事件列表 */
.guide-timeline .event-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* ========== 响应式 ========== */
@media screen and (max-width: 768px) {
    .guide-timeline {
        padding-left: 36px;
    }

    .guide-timeline::before {
        left: 15px;
    }

    .guide-timeline .year-dot {
        left: -28px;
        width: 22px;
        height: 22px;
        border-width: 2px;
    }

    .guide-timeline .year-dot::after {
        width: 8px;
        height: 8px;
    }

    .guide-timeline .year-title {
        font-size: 18px;
    }
}

.guide-timeline .bottom-container {
    display: flex;
    margin-bottom: 10px;
}

/* 第一个 .bottom-container 不加 margin */
.guide-timeline .bottom-container:first-of-type {
    margin-bottom: 0;
}

/* 最后一个 .bottom-container 不加 margin */
.guide-timeline .bottom-container:last-of-type {
    margin-bottom: 0;
}


.guide-timeline .card {
    flex: 1;
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
    padding: 1.2rem 1.5rem;
    margin-left: 2rem;
    transition: all 0.25s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

.guide-timeline .card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    border-color: #cbd5e6;
    transform: translateY(-2px);
}

/* 事件列表 - 使用细实心方块作为列表标记 */
.guide-timeline .events-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.guide-timeline .events-list li {
    margin-bottom: 0.7rem;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #334155;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.guide-timeline .event-marker {
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    background: #8ba9c2;
    margin-top: 0.6rem;
}

/* 荣誉/数据徽章 - 保持直角简约风格以平衡圆角 */
.guide-timeline .badge {
    display: inline-block;
    margin-top: 0.8rem;
    font-size: 0.8rem;
    color: #2c5a7a;
    border: 1px solid #cddfe7;
    padding: 0.2rem 0.7rem;
    background: #f8fafd;
    letter-spacing: 0.3px;
    border-radius: 4px;
}

/* 响应式：移动端转为上下结构 */
@media (max-width: 768px) {
    .guide-timeline .journey-container {
        padding: 0 1rem;
    }

    .guide-timeline::before {
        left: 28px;
    }

    .guide-timeline .guide-timeline-item {
        flex-direction: column;
        margin-bottom: 1rem;
    }

    .guide-timeline .year-block {
        flex: auto;
        text-align: left;
        padding-left: 3rem;
        padding-right: 0;
        margin-bottom: 0.5rem;
    }

    .guide-timeline .year-block::after {
        left: 18px;
        right: auto;
        top: 50%;
    }

    .guide-timeline .card {
        margin-left: 0;
        margin-top: 0.25rem;
    }

    .guide-timeline .year {
        font-size: 1.4rem;
    }

    .guide-timeline .section-title {
        font-size: 1.5rem;
    }
}

/* 新版 end */
/* 发展历程旧版 end */

/* 新增 资质荣誉 star */

/* ========== 资质荣誉证书展示模块 ========== */
.honor-certs-section {
    padding: 10px 0 40px;
}

.honor-certs-section .section-header {
    text-align: center;
    margin-bottom: 36px;
    position: relative;
}

.honor-certs-section .section-header::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, #0c4698, #1565c0);
    margin: 12px auto 0;
    border-radius: 2px;
}

.honor-certs-section .section-header h2 {
    font-size: 26px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 8px;
    letter-spacing: 1px;
}

.honor-certs-section .section-header p {
    font-size: 14px;
    color: #8a9ab0;
}

.honor-certs-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.honor-cert-item {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e8ecf1;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

/* .honor-cert-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #0c4698, #1565c0);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
} */

.honor-cert-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 48px rgba(12, 70, 152, 0.12);
    border-color: #bfd4f5;
}

.honor-cert-item:hover::before {
    opacity: 1;
}

.honor-cert-imgwrap {
    position: relative;
    width: 100%;
    padding-bottom: 72%;
    overflow: hidden;
    background: #f7f9fc;
}

.honor-cert-imgwrap .cert-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: var(--bg-pos, 0% 0%);
    transition: transform 0.5s ease;
}

.honor-cert-item:hover .honor-cert-imgwrap .cert-bg {
    transform: scale(1.06);
}

.honor-certs-grid+.honor-certs-grid {
    margin-top: 30px;
}

.honor-cert-body {
    padding: 16px 14px 18px;
    text-align: center;
    position: relative;
}

.honor-cert-body .cert-tag {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #0c4698;
    background: rgba(12, 70, 152, 0.07);
    padding: 3px 10px;
    border-radius: 20px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.honor-cert-body .cert-title {
    font-size: 14px;
    font-weight: 600;
    color: #2d3748;
    line-height: 20px;
    margin-bottom: 5px;
    height: 42px;
    max-height: 42px;
}

.honor-cert-body .cert-partner {
    font-size: 12px;
    color: #8a9ab0;
    line-height: 1.4;
}

/* 证书模块响应式适配 */
@media screen and (max-width: 1200px) {
    .honor-certs-grid {
        gap: 20px;
    }
}

@media screen and (max-width: 992px) {
    .honor-certs-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .honor-certs-section {
        padding: 20px 0 30px;
    }

    .honor-certs-section .section-header {
        margin-bottom: 28px;
    }
}

@media screen and (max-width: 576px) {
    .honor-certs-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .honor-certs-section .section-header h2 {
        font-size: 22px;
    }

    .honor-cert-body .cert-title {
        font-size: 15px;
    }
}

/* 新增 资质荣誉 end */

/* 新增 服务体系 star */
.fuwutixi-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;


}

.fuwutixi-card:hover .item-card {
    transform: scale(1.05);
    /* 增加整体的放大效果 */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    /* 鼠标悬停时的阴影效果 */
    border-radius: 22px;

}

.fuwutixi-card .item-title {
    width: 60%;
    height: 50px;
    background: linear-gradient(to bottom, #4b5da6, #5e6db0, #4b5da6);
    border-radius: 39px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.2);
}

.fuwutixi-card .item-card {
    width: 96%;
    height: 200px;
    background: #3276ff;
    margin-top: 30px;
    border-radius: 25px;
    display: flex;
    padding: 20px 15px;

    transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.fuwutixi-card .item-card .card-desc {
    color: #fff;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    padding: 0 20px 0 10px;

    flex: 0.9
}

.fuwutixi-card .item-card .card-desc .desc-title {
    font-size: 18px
}

.fuwutixi-card .item-card .card-desc .desc-content {
    display: flex;
    flex-direction: column;
    font-size: 15px;
}

.fuwutixi-card .item-card .item-img {
    border-radius: 13px;
    border: 2px #fff solid;

    flex: 1.3
}

.fuwutixi-card .item-card .item-img img {
    width: 100%;
    height: 100%;
    border-radius: 13px;
}

/* 新增 服务体系 end */



/* 新增 研发成果 star */
/* ========== 书籍板块 ========== */
.book-module {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0px 15px 60px;
}

.book-module .section-block {
    margin-bottom: 50px;
}

.book-module .section-block:last-child {
    margin-bottom: 0;
}

/* ========== 区域标题 ========== */
.book-module .section-header {
    text-align: center;
    /* padding: 0 0 40px; */
}

.book-module .section-header .section-tag {
    display: inline-block;
    background: #004f94;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 22px;
    border-radius: 30px;
    letter-spacing: 0.08em;
    margin-bottom: 16px;
}

.book-module .section-header .section-title {
    font-size: 36px;
    font-weight: 400;
    color: #282422;
    margin-bottom: 10px;
}

.book-module .section-header .section-title .highlight {
    color: #004f94;
    font-weight: 700;
}

.book-module .section-header .section-subtitle {
    font-size: 15px;
    color: #666;
    margin-bottom: 14px;
}

.book-module .section-header .title-line {
    display: inline-block;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #004f94, #085fc8);
    border-radius: 2px;
}

/* ========== 书籍网格 ========== */
.book-module .books-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 28px;
    margin-top: 63px;
}

/* ========== 书籍卡片（横向布局，参考项目书籍列表页） ========== */
.book-module .book-card {
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    transition: all 0.35s ease;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    position: relative;
}

.book-module .book-card:hover {
    transform: translateY(-4px);
    box-shadow:
        0 12px 28px rgba(0, 79, 148, 0.1),
        0 4px 8px rgba(0, 0, 0, 0.05);
    border-color: #c5d8ed;
}

/* ========== 封面区域 ========== */
.book-module .book-cover-wrapper {
    width: 242px;
    min-width: 242px;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.book-module .book-cover {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.book-module .book-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.book-module .book-card:hover .book-cover img {
    transform: scale(1.04);
}

/* ========== 封面角标 ========== */
.book-module .price-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0, 79, 148, 0.88);
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 30px;
    letter-spacing: 0.05em;
    z-index: 5;
}

/* ========== 书籍信息 ========== */
.book-module .book-info {
    padding: 22px 26px 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
    background: #fff;
}

.book-module .book-info h4 {
    font-size: 18px;
    font-weight: 700;
    color: #004f94;
    margin-bottom: 8px;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.3s ease;
}

.book-module .book-card:hover .book-info h4 {
    color: #003a70;
}

.book-module .book-meta {
    font-size: 13px;
    color: #999;
    margin-bottom: 12px;
}

.book-module .book-meta font {
    color: #e60012;
}

.book-module .book-desc {
    font-size: 14px;
    color: #555;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
    flex: 1;
    position: relative;
    padding: 14px 16px 0px 20px;
    background: #f8fafc;
    border-radius: 8px;
    border-left: 3px solid #004f94;
}

.book-module .book-desc::before {
    content: '"';
    position: absolute;
    top: 4px;
    left: 10px;
    font-size: 28px;
    color: #004f94;
    opacity: 0.2;
    font-family: Georgia, serif;
    line-height: 1;
    pointer-events: none;
}

/* ========== 书籍标签组 ========== */
.book-module .book-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.book-module .tag {
    font-size: 12px;
    font-weight: 600;
    padding: 5px 14px;
    border-radius: 30px;
    letter-spacing: 0.03em;
    white-space: nowrap;
    transition: all 0.3s ease;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    position: relative;
    overflow: hidden;
}

.book-module .tag::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
}

.book-module .tag span {
    position: relative;
    z-index: 1;
}

/* --- 蓝色系标签（项目主色） --- */
.book-module .tag.blue {
    background: #004f94;
    color: #fff;
    border-color: #004f94;
    box-shadow: 0 2px 6px rgba(0, 79, 148, 0.25);
}

.book-module .tag.blue:hover {
    background: #003a70;
    color: #fff;
    border-color: #003a70;
    box-shadow: 0 4px 14px rgba(0, 79, 148, 0.45);
    transform: scale(1.1);
}

/* --- 琥珀色系标签 --- */
.book-module .tag.amber {
    background: #d97706;
    color: #fff;
    border-color: #d97706;
    box-shadow: 0 2px 6px rgba(217, 119, 6, 0.25);
}

.book-module .tag.amber:hover {
    background: #b45309;
    color: #fff;
    border-color: #b45309;
    box-shadow: 0 4px 14px rgba(217, 119, 6, 0.45);
    transform: scale(1.1);
}

/* --- 青绿色系标签 --- */
.book-module .tag.teal {
    background: #0d9488;
    color: #fff;
    border-color: #0d9488;
    box-shadow: 0 2px 6px rgba(13, 148, 136, 0.25);
}

.book-module .tag.teal:hover {
    background: #0f766e;
    color: #fff;
    border-color: #0f766e;
    box-shadow: 0 4px 14px rgba(13, 148, 136, 0.45);
    transform: scale(1.1);
}

/* --- 紫色系标签 --- */
.book-module .tag.purple {
    background: #7c3aed;
    color: #fff;
    border-color: #7c3aed;
    box-shadow: 0 2px 6px rgba(124, 58, 237, 0.25);
}

.book-module .tag.purple:hover {
    background: #5b21b6;
    color: #fff;
    border-color: #5b21b6;
    box-shadow: 0 4px 14px rgba(124, 58, 237, 0.45);
    transform: scale(1.1);
}

/* --- 玫瑰色系标签 --- */
.book-module .tag.rose {
    background: #e11d48;
    color: #fff;
    border-color: #e11d48;
    box-shadow: 0 2px 6px rgba(225, 29, 72, 0.25);
}

.book-module .tag.rose:hover {
    background: #be123c;
    color: #fff;
    border-color: #be123c;
    box-shadow: 0 4px 14px rgba(225, 29, 72, 0.45);
    transform: scale(1.1);
}

/* --- 青色系标签 --- */
.book-module .tag.cyan {
    background: #0891b2;
    color: #fff;
    border-color: #0891b2;
    box-shadow: 0 2px 6px rgba(8, 145, 178, 0.25);
}

.book-module .tag.cyan:hover {
    background: #0e7490;
    color: #fff;
    border-color: #0e7490;
    box-shadow: 0 4px 14px rgba(8, 145, 178, 0.45);
    transform: scale(1.1);
}

/* ========== 详情按钮 ========== */
.book-module .btn-detail {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    background: #ffffff;
    border: 1px solid #004f94;
    color: #004f94;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 0;
    border-radius: 30px;
    transition: all 0.3s ease;
    cursor: pointer;
    letter-spacing: 0.04em;
    margin-top: auto;
    gap: 6px;
}

.book-module .btn-detail:hover {
    background: #004f94;
    color: #fff;
    box-shadow: 0 4px 14px rgba(0, 79, 148, 0.3);
    transform: translateY(-2px);
}

.book-module .btn-detail svg {
    width: 15px;
    height: 15px;
    transition: transform 0.3s ease;
}

.book-module .btn-detail:hover svg {
    transform: translateX(3px);
}

/* ========== 查看更多书籍按钮 ========== */
.book-module .view-more-wrap {
    display: flex;
    justify-content: center;
    margin-top: 36px;
}

.book-module .btn-view-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, #004f94 0%, #085fc8 100%);
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 44px;
    border-radius: 30px;
    border: none;
    cursor: pointer;
    letter-spacing: 0.06em;
    box-shadow: 0 4px 14px rgba(0, 79, 148, 0.3);
    transition: all 0.35s ease;
    text-decoration: none;
}

.book-module .btn-view-more:hover {
    background: linear-gradient(135deg, #003a70 0%, #004f94 100%);
    box-shadow: 0 8px 24px rgba(0, 79, 148, 0.45);
    transform: translateY(-3px);
}

.book-module .btn-view-more:active {
    transform: translateY(-1px);
}

.book-module .btn-view-more svg {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
}

.book-module .btn-view-more:hover svg {
    transform: translateX(4px);
}

/* ========== 响应式 ========== */
@media screen and (max-width: 992px) {
    .book-module {
        padding: 30px 15px 50px;
    }

    .book-module .section-header .section-title {
        font-size: 30px;
    }

    .book-module .books-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media screen and (max-width: 576px) {
    .book-module .section-header .section-title {
        font-size: 24px;
    }

    .book-module .section-header .section-subtitle {
        font-size: 13px;
    }

    .book-module .books-grid {
        gap: 16px;
    }

    .book-module .book-card {
        flex-direction: column;
    }

    .book-module .book-cover-wrapper {
        width: 100%;
        min-width: auto;
        aspect-ratio: 16 / 10;
    }

    .book-module .book-info {
        padding: 16px 18px 20px;
    }

    .book-module .book-info h4 {
        font-size: 16px;
    }

    .book-module .tag {
        font-size: 11px;
        padding: 3px 8px;
    }
}

/* ========== 证书板块 ========== */
.cert-module {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0px 15px 60px;
}

/* ========== 证书网格 ========== */
.cert-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

/* ========== 证书卡片（庄重、正式、专业） ========== */
.cert-card {
    background: #ffffff;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    position: relative;
}

.cert-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 79, 148, 0.1);
    border-color: #004f94;
}

/* 证书图片区域 */
.cert-img {

    aspect-ratio: 3 / 4;
    background: #f5f8fc;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.cert-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: transform 0.4s ease;
}

.cert-card:hover .cert-img img {
    transform: scale(1.03);
}

/* 证书名称 */
.cert-name {
    padding: 14px 16px 16px;
    font-size: 14px;
    font-weight: 600;
    color: #2c3e50;
    text-align: center;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.3s ease;
    min-height: 49px;
    background: #fff;
    border-top: 1px solid #f0f0f0;
}

.cert-card:hover .cert-name {
    color: #004f94;
}

/* ========== 响应式 - 证书 ========== */
@media screen and (max-width: 1200px) {
    .cert-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
}

@media screen and (max-width: 992px) {
    .cert-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .cert-img {
        padding: 16px;
    }
}

@media screen and (max-width: 576px) {
    .cert-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .cert-name {
        font-size: 13px;
        padding: 12px 14px 14px;
        min-height: 46px;
    }

    .cert-img {
        padding: 12px;
    }
}

/* 新增 研发成果 end */

/* 新增品牌文化 star */
/* ===== 品牌文化样式（与模板完全一致） ===== */
.brand-wrapper {
    padding: 0px 20px 0px;
}

/* ========== section-header ========== */
.brand-wrapper .section-header {
    text-align: center;
    padding: 0 0 40px;
}

.brand-wrapper .section-header .section-tag {
    display: inline-block;
    background: #e6f2ff;
    color: #1a6dbb;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 20px;
    border-radius: 50px;
    letter-spacing: 0.06em;
    margin-bottom: 16px;
}

.brand-wrapper .section-header .section-title {
    font-size: 40px;
    font-weight: 400;
    color: #282422;
    margin-bottom: 8px;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
}

.brand-wrapper .section-header .section-title .highlight {
    color: #1a6dbb;
    font-weight: 700;
}

.brand-wrapper .section-header .section-subtitle {
    font-size: 16px;
    color: #999;
    margin-bottom: 10px;
}

.brand-wrapper .section-header .title-line {
    display: inline-block;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #1a6dbb, #2c8ae6);
    border-radius: 2px;
}

/* ========== 内容区块 ========== */
.brand-wrapper .section-block {
    margin-bottom: 45px;
}

.brand-wrapper .section-block .block-title {
    font-size: 24px;
    font-weight: 700;
    color: #1a6dbb;
    margin-bottom: 16px;
    padding-left: 14px;
    border-left: 4px solid #1a6dbb;
    line-height: 1.3;
}

.brand-wrapper .section-block p {
    font-size: 16px;
    color: #555;
    line-height: 1.9;
    margin-bottom: 12px;
    padding-left: 18px;
}

.brand-wrapper .section-block p strong {
    color: #333;
}

.brand-wrapper .highlight-blue {
    color: #1a6dbb;
    font-weight: 600;
}

.brand-wrapper .highlight-red {
    color: #e74c3c;
    font-weight: 600;
}

/* LOGO 占位 */
.brand-wrapper .logo-placeholder {
    text-align: center;
    margin: 20px 0 30px;
}

.logo-placeholder img {
    max-width: 200px;
    height: auto;
}

/* ===== 价值观表格 ===== */
.values-table-wrap {
    padding-left: 18px;
    margin-top: 4px;
}

.values-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    background: #f6faff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}

.values-table thead th {
    background: #e6f2ff;
    color: #1a5f8b;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 14px 18px;
    text-align: left;
    border-bottom: 2px solid #c8dcee;
}

.values-table tbody td {
    padding: 14px 18px;
    border-bottom: 1px solid #e6edf5;
    color: #2c4058;
    line-height: 1.6;
    vertical-align: top;
}

.values-table tbody tr:last-child td {
    border-bottom: none;
}

.values-table tbody tr:hover {
    background: #eef5fc;
}

.values-table .dim-col {
    font-weight: 600;
    color: #1a6dbb;
    white-space: nowrap;
    width: 14%;
}

.values-table .val-col {
    font-weight: 600;
    color: #0b2842;
    width: 26%;
}

.values-table .desc-col {
    color: #3a5570;
    width: 60%;
}

/* 底部 */
.brand-wrapper .brand-footer {
    text-align: center;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #f0f0f0;
    color: #aaa;
    font-size: 16px;
}

/* ===== 容器 ===== */
.container {
    max-width: 1400px;
    margin: 0 auto;
}

.bg-white {
    background: #ffffff;
}

.pb-100 {
    padding-bottom: 100px;
}

.m-pb-50 {
    padding-bottom: 50px;
}

.wow {
    visibility: visible;
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== 响应式 ===== */
@media screen and (max-width: 768px) {
    .brand-wrapper {
        padding: 30px 16px 50px;
    }

    .brand-wrapper .section-header .section-title {
        font-size: 26px;
    }

    .brand-wrapper .section-block .block-title {
        font-size: 19px;
    }

    .brand-wrapper .section-block p {
        padding-left: 12px;
        font-size: 15px;
    }

    .brand-wrapper .logo-placeholder img {
        max-width: 150px;
    }

    .container {
        padding: 20px 12px;
    }

    .pb-100 {
        padding-bottom: 50px;
    }

    .values-table-wrap {
        padding-left: 12px;
    }

    .values-table {
        font-size: 13px;
    }

    .values-table thead th,
    .values-table tbody td {
        padding: 10px 12px;
    }

    .values-table .dim-col {
        width: 18%;
    }

    .values-table .val-col {
        width: 30%;
    }

    .values-table .desc-col {
        width: 52%;
    }
}

@media screen and (max-width: 480px) {
    .brand-wrapper .section-header .section-title {
        font-size: 22px;
    }

    .brand-wrapper .section-block .block-title {
        font-size: 17px;
        padding-left: 10px;
    }

    .brand-wrapper .section-block p {
        font-size: 14px;
        padding-left: 10px;
    }

    .brand-wrapper .brand-footer {
        font-size: 14px;
    }

    .values-table-wrap {
        padding-left: 10px;
        overflow-x: auto;
    }

    .values-table {
        font-size: 12px;
        min-width: 360px;
    }

    .values-table thead th,
    .values-table tbody td {
        padding: 8px 10px;
    }

    .values-table .dim-col {
        width: 20%;
    }

    .values-table .val-col {
        width: 32%;
    }

    .values-table .desc-col {
        width: 48%;
    }
}

/* 新增品牌文化 end */

/* 新增 美迪大事记 star */
.notes-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0px 20px 70px;
}

/* ========== 通用头部标题（与品牌页完全一致） ========== */
.section-header {
    text-align: center;
    margin-bottom: 50px;
}

.section-header .section-tag {
    display: inline-block;
    background: #e6f2ff;
    color: #1a6dbb;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 20px;
    border-radius: 50px;
    letter-spacing: 0.06em;
    margin-bottom: 16px;
}

.section-header .section-title {
    font-size: 40px;
    font-weight: 400;
    color: #282422;
    margin-bottom: 8px;

    border-bottom: 1px solid #eee;
}

.section-header .section-title .highlight {
    color: #1a6dbb;
    font-weight: 700;
}

.section-header .section-subtitle {
    font-size: 16px;
    color: #999;
    margin-bottom: 10px;
}

.section-header .title-line {
    display: inline-block;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #1a6dbb, #2c8ae6);
    border-radius: 2px;
}

/* ========== 时间轴主体（原 .timeline → .history） ========== */
.history {
    position: relative;
    /* padding: 8px 0; */
}

/* ===== 竖线（居中） ===== */
.history::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 93.5%;
    background: #dce3ec;
    transform: translateX(-50%);
    z-index: 0;
}

/* ===== 每个年份 ===== */
.history-year {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 40px 1fr;
    gap: 0 20px;
    margin-bottom: 36px;
    align-items: start;
    z-index: 1;
}

.history-year:last-child {
    margin-bottom: 0;
}

/* ===== 内容区（左/右） ===== */
.year-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

/* 奇数年 → 内容在右 */
.history-year:nth-child(odd) .year-content {
    grid-column: 3;
    text-align: left;
    align-items: flex-start;
}

/* 偶数年 → 内容在左 */
.history-year:nth-child(even) .year-content {
    grid-column: 1;
    text-align: left;
    align-items: flex-end;
}

/* ===== 时间轴列（中间圆点） ===== */
.timeline-column {
    grid-column: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-top: 2px;
    z-index: 2;
}

/* ===== 时间轴圆点（始终居中覆盖竖线） ===== */
.year-dot {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #ffffff;
    border: 3px solid #1a6dbb;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    position: relative;
    z-index: 3;
    box-shadow: 0 0 0 4px #fff;
}

.year-dot::after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #1a6dbb;
}

.history-year:hover .year-dot {
    transform: scale(1.2);
    box-shadow: 0 0 0 6px rgba(26, 109, 187, 0.18), 0 0 0 4px #fff;
}

/* ===== 年份标题 ===== */
.year-title {
    font-size: 24px;
    font-weight: 700;
    color: #1a6dbb;
    letter-spacing: 0.04em;
    line-height: 1.2;
    margin-bottom: 4px;
    white-space: nowrap;
}

/* 奇数年（内容在右）标题左对齐 */
.history-year:nth-child(odd) .year-title {
    text-align: left;
}

/* 偶数年（内容在左）标题右对齐 */
.history-year:nth-child(even) .year-title {
    text-align: right;
}

/* ===== 事件卡片容器 ===== */
.bottom-container {
    width: 100%;
    /* max-width: 420px; */
    max-width: 474px;
    margin-bottom: 8px;
}

.bottom-container:last-of-type {
    margin-bottom: 0;
}

/* 奇数年卡片靠左（内容在右，内部左对齐） */
.history-year:nth-child(odd) .bottom-container {
    align-self: flex-start;
}

/* 偶数年卡片靠左（内容在左，内部左对齐） */
.history-year:nth-child(even) .bottom-container {
    align-self: flex-start;
}

/* ===== 事件卡片 ===== */
.history-card {
    position: relative;
    background: #fff;
    border: 1px solid #edf2f7;
    border-radius: 10px;
    padding: 16px 20px 14px 20px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
    text-align: left;
}

.history-card:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border-color: #c5e0f7;
    transform: translateY(-2px);
}

/* ===== 事件日期 ===== */
.event-date {
    position: absolute;
    top: 14px;
    right: 18px;
    font-size: 1.15rem;
    font-weight: 900;
    color: #c4cbd1;
    line-height: 1;
    pointer-events: none;
    transition: color 0.3s ease;
}

.history-card:hover .event-date {
    color: #1980fa;
}

/* 偶数年（内容在左）日期在左 */
.history-year:nth-child(even) .event-date {
    right: auto;
    left: 18px;
}

/* ===== 事件标题 ===== */
.event-title {
    font-size: 15px;
    font-weight: 600;
    color: #1a2a4a;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 10px;
    padding-right: 60px;
}

/* 偶数年标题反向（标签在前），日期在左 */
.history-year:nth-child(even) .event-title {
    padding-right: 0;
    padding-left: 55px;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

/* ===== 标签 ===== */
.tag {
    display: inline-block;
    padding: 1px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
    flex-shrink: 0;
}

.tag-blue {
    background: #e6f2ff;
    color: #004f94;
}

.tag-green {
    background: #e6f9f0;
    color: #007a4d;
}

.tag-orange {
    background: #fff2e8;
    color: #b45309;
}

.tag-purple {
    background: #f0ebff;
    color: #6d28d9;
}

.tag-rose {
    background: #ffe8ef;
    color: #b91c5c;
}

/* ===== 事件描述 ===== */
.event-desc {
    color: #4a5a72;
    font-size: 14px;
    line-height: 1.8;
    padding-right: 10px;
    text-align: left;
}

.event-desc strong {
    color: #1a6dbb;
    font-weight: 600;
}

.history-year:nth-child(even) .event-desc {
    padding-right: 0;
    padding-left: 42px;
}

/* ===== 连接线（从圆点延伸至内容） ===== */
.history-year:nth-child(odd) .timeline-column::after {
    content: '';
    position: absolute;
    left: 100%;
    /* 从圆点右侧开始 */
    top: 16px;
    width: 15px;
    /* 等于 gap 宽度 */
    height: 2px;
    background: #dce3ec;
    z-index: 1;
}

.history-year:nth-child(even) .timeline-column::after {
    content: '';
    position: absolute;
    right: 100%;
    /* 从圆点左侧开始 */
    top: 16px;
    width: 15px;
    height: 2px;
    background: #dce3ec;
    z-index: 1;
}

/* ===== 响应式 ===== */
@media screen and (max-width: 820px) {
    .container {
        padding: 30px 16px 40px;
        border-radius: 16px;
    }

    .section-header .section-title {
        font-size: 26px;
    }

    .history-year {
        grid-template-columns: 1fr 32px 1fr;
        gap: 0 14px;
        margin-bottom: 28px;
    }

    .year-dot {
        width: 22px;
        height: 22px;
        border-width: 2px;
    }

    .year-dot::after {
        width: 8px;
        height: 8px;
    }

    .year-title {
        font-size: 20px;
    }

    .bottom-container {
        max-width: 320px;
    }

    .history-card {
        padding: 14px 16px 12px 16px;
    }

    .event-title {
        font-size: 14px;
        padding-right: 50px;
    }

    .history-year:nth-child(even) .event-title {
        padding-left: 40px;
        padding-right: 0;
    }

    .event-date {
        font-size: 1rem;
        top: 12px;
        right: 14px;
    }

    .history-year:nth-child(even) .event-date {
        right: auto;
        left: 14px;
    }

    .event-desc {
        font-size: 13px;
    }

    .history-year:nth-child(odd) .timeline-column::after,
    .history-year:nth-child(even) .timeline-column::after {
        width: 14px;
        top: 12px;
    }
}

@media screen and (max-width: 600px) {
    body {
        padding: 16px 8px;
    }

    .container {
        padding: 20px 12px 30px;
        border-radius: 12px;
    }

    .section-header .section-title {
        font-size: 22px;
        gap: 8px;
    }

    .section-header .section-title .badge {
        font-size: 12px;
        padding: 1px 12px;
    }

    .section-header .section-sub {
        font-size: 13px;
        padding-left: 12px;
    }

    .history-year {
        grid-template-columns: 1fr 24px 1fr;
        gap: 0 10px;
        margin-bottom: 22px;
    }

    .year-dot {
        width: 18px;
        height: 18px;
        border-width: 2px;
    }

    .year-dot::after {
        width: 6px;
        height: 6px;
    }

    .year-title {
        font-size: 17px;
        margin-bottom: 2px;
    }

    .bottom-container {
        max-width: 100%;
    }

    .history-card {
        padding: 12px 12px 10px 12px;
        border-radius: 8px;
    }

    .event-title {
        font-size: 13px;
        padding-right: 40px;
        gap: 4px 6px;
    }

    .history-year:nth-child(even) .event-title {
        padding-left: 30px;
        padding-right: 0;
    }

    .event-title .tag {
        font-size: 10px;
        padding: 0 8px;
        line-height: 18px;
    }

    .event-date {
        font-size: 0.85rem;
        top: 10px;
        right: 10px;
    }

    .history-year:nth-child(even) .event-date {
        right: auto;
        left: 10px;
    }

    .event-desc {
        font-size: 12px;
        line-height: 1.7;
        padding-right: 4px;
    }

    .history-year:nth-child(even) .event-desc {
        padding-left: 10px;
        padding-right: 0;
    }

    .history-year:nth-child(odd) .timeline-column::after,
    .history-year:nth-child(even) .timeline-column::after {
        width: 10px;
        top: 10px;
        height: 1.5px;
    }

    .history::before {
        width: 1.5px;
    }

    .history-year:nth-child(even) .event-title {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 420px) {
    .history-year {
        grid-template-columns: 1fr 18px 1fr;
        gap: 0 6px;
        margin-bottom: 18px;
    }

    .year-dot {
        width: 14px;
        height: 14px;
        border-width: 1.5px;
    }

    .year-dot::after {
        width: 5px;
        height: 5px;
    }

    .year-title {
        font-size: 15px;
    }

    .history-card {
        padding: 10px 8px 8px 8px;
    }

    .event-title {
        font-size: 12px;
        padding-right: 30px;
    }

    .history-year:nth-child(even) .event-title {
        padding-left: 20px;
        padding-right: 0;
    }

    .event-date {
        font-size: 0.75rem;
        top: 8px;
        right: 8px;
    }

    .history-year:nth-child(even) .event-date {
        right: auto;
        left: 8px;
    }

    .event-desc {
        font-size: 11px;
    }

    .history-year:nth-child(odd) .timeline-column::after,
    .history-year:nth-child(even) .timeline-column::after {
        width: 6px;
        top: 8px;
    }
}

/* ===== 打印优化 ===== */
@media print {
    body {
        background: #fff;
        padding: 20px;
    }

    .container {
        box-shadow: none;
        border: 1px solid #eee;
    }

    .history-card:hover {
        transform: none !important;
        box-shadow: none !important;
    }

    .history-year:hover .year-dot {
        transform: none !important;
        box-shadow: 0 0 0 4px #fff !important;
    }
}

/* 新增 美迪大事记 end */

/* 新增 学校环境 star */
.stay-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0px 20px 70px;
}

/* 头部标题 */
.stay-container .stay-header {
    text-align: center;
    margin-bottom: 50px;
}

.stay-container .stay-header .section-tag {
    display: inline-block;
    background: #e6f2ff;
    color: #1a6dbb;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 20px;
    border-radius: 50px;
    letter-spacing: 0.06em;
    margin-bottom: 16px;
}

.stay-container .stay-header h1 {
    font-size: 40px;
    font-weight: 400;
    color: #282422;
    margin-bottom: 8px;
    border-bottom: 1px solid #eee;
}

.stay-header h1 .highlight {
    color: #1a6dbb;
    font-weight: 700;
}

.stay-container .stay-header .subtitle {
    font-size: 16px;
    color: #999;
    margin-bottom: 10px;
}

.stay-container .stay-header .title-line {
    display: inline-block;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #1a6dbb, #2c8ae6);
    border-radius: 2px;
}

/* 图片网格布局 */
.stay-container .image-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* 图片卡片 */
.stay-container .image-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    border: 1px solid #e8e8e8;
    transition: all 0.3s ease;
    cursor: default;
}

.stay-container .image-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.10);
    border-color: #cbd5e1;
}

/* 图片容器 */
.stay-container .card-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.stay-container .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.stay-container .image-card:hover .card-image img {
    transform: scale(1.05);
}

/* 图片上方漂浮标签 */
.stay-container .card-image .img-tag {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(4px);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 14px;
    border-radius: 20px;
    letter-spacing: 0.04em;
}

/* 图片下方文字 */
.stay-container .card-body {
    padding: 16px 18px;
}

.stay-container .card-body h4 {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 6px;
}

.stay-container .card-body p {
    font-size: 13px;
    color: #666666;
    line-height: 1.5;
}

/* 响应式布局 */
@media screen and (max-width: 1024px) {
    .stay-container .image-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 640px) {
    .stay-container .image-grid {
        grid-template-columns: 1fr;
    }

    .stay-container .stay-header h1 {
        font-size: 28px;
    }

    .stay-container .stay-container {
        padding: 30px 16px 50px;
    }
}

/* 新增 学校环境 end */


/* 响应式 - 平板及以下恢复上下布局 */
@media screen and (max-width: 992px) {
    .about-layout {
        flex-direction: column;
    }

    .about-layout .common-navigation {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e8ecf1;
        background: linear-gradient(180deg, #fafbfc 0%, #f5f7fa 100%);
    }

    .about-layout .common-navigation .container::before {
        text-align: center;
        padding: 20px 16px 12px;
    }

    .about-layout .common-navigation .container::after {
        margin: 0 16px 10px;
    }

    .about-layout .common-navigation ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 12px 12px;
    }

    .about-layout .common-navigation ul li {
        flex: 1;
        min-width: 130px;
        margin: 4px;
        border-radius: 8px;
    }

    .about-layout .common-navigation ul li a {
        justify-content: center;
        padding: 12px 14px;
        font-size: 14px;
        border-radius: 8px;
    }

    .about-layout .common-navigation ul li a::before {
        display: none;
    }

    .about-layout .common-navigation ul li a::after {
        display: none;
    }

    .about-layout .common-navigation ul li a:hover {
        padding-left: 14px;
    }

    .about-layout .common-navigation ul li.active a {
        box-shadow: 0 4px 14px rgba(12, 70, 152, 0.3);
    }

    .about-layout .about-content {
        padding: 30px 20px;
    }
}

@media screen and (max-width: 576px) {
    .about-layout .common-navigation ul li {
        min-width: 100px;
    }

    .about-layout .common-navigation ul li a {
        font-size: 13px;
        padding: 10px 12px;
    }

    .about-layout .about-content {
        padding: 20px 15px;
    }
}