/* ====================
   关于研究院页面专属样式
   ==================== */

/* --------------------
   Banner 主视觉
   -------------------- */
.about-hero {
    position: relative;
    height: 700px;
    padding-top: 100px;
    overflow: hidden;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.about-hero .swiper{
    height:600px;
}
.about-hero .swiper-item-img img{
    width:664px;
    height:auto;
}
.about-hero .swiper-slide{
    height:600px;
}
/* --------------------
   Tab 导航
   -------------------- */
.about-tabs {
    background: var(--bg-white);
    border-bottom: 1px solid var(--border-light);
    position: relative;
    z-index: 10;
}

.about-tabs-nav {
    display: flex;
    align-items: center;
    gap: 0;
}

.about-tabs-nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    margin: 0 40px;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-secondary);
    text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
    white-space: nowrap;
    background: transparent;
    cursor: pointer;
}
.about-tab:first-child {
    margin-left: 0;
}
.about-tabs-nav a:hover {
    color: var(--primary);
}

.about-tabs-nav a.active {
    color: var(--primary);
    font-weight: 700;
    border-bottom-color: var(--primary);
}

/* 面板切换 */
.about-panel {
    display: none;
}

.about-panel.active {
    display: block;
    animation: aboutFadeIn 0.35s ease;
}

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

/* --------------------
   研究院简介
   -------------------- */
.about-intro {
    width: 100%;
    min-height:700px;
    height: auto;
    background: url('../images/block/block12.png?v=20261016ad') no-repeat right center;
    background-size: 50% 100%;
}

.about-intro-layout {
    display: flex;
    gap: 60px;
    align-items: stretch;
    padding-top:100px;
    box-sizing: border-box;
}

.about-intro-text {
    display: flex;
    flex-direction: column;
    width:50%;
    flex-shrink:0;
}

.about-intro-title-en{
    width: auto;
    max-width: 100%;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    color:rgba(15, 55, 59, 1);
}

.about-intro-title {
    font-size: 36px;
    font-weight: 700;
    color: rgba(15, 55, 59, 1);
    line-height: 52px;
    margin:16px 0 40px;
}

.about-intro-desc {
    flex: 1;
    margin-bottom: 32px;
}
.about-intro-desc p {
    font-size: 14px;
    line-height: 32px;
    color: rgba(15, 55, 59, 1);
    text-align: justify;
    margin: 0;
}
.about-intro-desc p + p {
    margin-top: 16px;
}

.about-intro-visual {
    width: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 8px;
    box-sizing: border-box;
}

.about-intro-plaque {
    display: block;
    width: 78%;
    max-width: 560px;
    border-radius: 10px;
    text-decoration: none;
    transition: transform 0.25s ease;
}

.about-intro-plaque img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(36, 44, 60, 0.16);
    transition: box-shadow 0.25s ease;
}

.about-intro-plaque:hover {
    transform: translateY(-4px);
}

.about-intro-plaque:hover img {
    box-shadow: 0 16px 36px rgba(36, 44, 60, 0.26);
}


/* --------------------
   建设思路
   -------------------- */
.about-approach {
    padding-bottom: 100px;
    min-height: 964px;
    height: auto;
    background:url('../images/bg/bg7.png') no-repeat center center;
    background-size: 100% 100%;
}

.about-approach .section-en{
    font-size:36px;
    line-height:46px;
    color:rgba(15, 55, 59, 1);
    font-weight:700;
}
.about-approach .section-title{
    font-size: 36px;
    font-weight: 700;
    color: rgba(15, 55, 59, 1);
    line-height: 52px;
    margin:16px 0 97px;
}

.about-approach-layout {
    display: flex;
    gap: 48px;
    align-items: flex-start;
}
.about-approach-diagram {
    width: 674px;
    height: auto;
    transition: all 0.3s ease;
    flex-shrink: 0;
}
.about-approach-diagram img {
    width: 100%;
    height: auto;
    display: block;
}

.about-approach-cards {
    width:540px;
    min-height:467px;
    height: auto;
    margin-left:65px;
    flex-shrink: 0;
    background: url('../images/bg/bg16.png') no-repeat;
    background-size: 641px 352px;
    background-position: center bottom;
    border-radius: 4px;
    overflow: hidden;
    /* 内阴影 */
    box-shadow: inset -2px -2px 10px 4px rgba(0, 0, 0, 0.1);
}
.about-approach-title{
    height:80px;
    background: url('../images/bg/bg15.png') no-repeat center center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
    padding:0 32px;
}
.about-approach-title h4{
    color:rgba(0, 107, 255, 1);
    font-size: 24px;
    font-weight: 700;
}
.about-approach-title img{
    width: 24px;
    height: 24px;
}
.about-approach-list{
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 0 20px;
    background:linear-gradient(to bottom, #F7F7FD 0%, #F7F7FD 50%, transparent 100%);
}
.about-approach-list li{
    min-height: 40px;
    height: auto;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 4px 32px;
    gap: 8px;
    font-size:16px;
}
.about-approach-list li img{
    width:32px;
    height:34px;
    flex-shrink: 0;
}
.about-approach-list li p{
    margin: 0;
    line-height: 1.4;
}

/* --------------------
   建设任务
   -------------------- */
.about-task {
    padding-bottom: 100px;
    background: url('../images/bg/bg8.png') no-repeat center center;
    background-size: 100% 100%;
    height: 1000px;
    box-sizing: border-box;
}
.about-task .section-en{
    font-size:36px;
    line-height:46px;
    color:rgba(15, 55, 59, 1);
    font-weight:700;
}
.about-task .section-title{
    font-size: 36px;
    font-weight: 700;
    color: rgba(15, 55, 59, 1);
    line-height: 52px;
    margin:16px 0 40px;
}
.about-task-layout {
    display: flex;
    gap: 48px;
    align-items: stretch;
}

.about-task-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.about-task-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width:418px;
    box-sizing: border-box;
    background: url('../images/bg/bg9.png') no-repeat center center;
    background-size: 100% 100%;
    border-radius: 4px;
    padding: 24px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.about-task-card:hover {
    transform: translateY(-8px);
}

.about-task-icon {
    width: 114px;
    height: 118px;
}

.about-task-info h4 {
    font-size: 20px;
    font-weight: 700;
    color: rgba(15, 55, 59, 1);
    margin: 16px 0;
}

.about-task-info p {
    font-size: 14px;
    line-height: 32px;
    color: rgba(15, 55, 59, 1);
}

.about-task-image {
    width: 480px;
    flex-shrink: 0;
    border-radius: 4px;
    overflow: hidden;
    min-height: 420px;
}

.about-task-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* --------------------
   研究院特色
   -------------------- */
.about-features {
    position: relative;
    padding-top: 100px;
    height:800px;
    background: url('../images/bg/bg10.png') no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    overflow: hidden;
    box-sizing: border-box;
}
.about-features .section-header{
    padding-top:0;
}
.about-features .section-en,
.about-features .section-title{
    font-size:36px;
    font-weight:700;
    color:#fff;
    line-height: 50px;
}
.about-features-desc{
    font-size:16px;
    line-height: 32px;
    color:#fff;
}
.about-features-sub-title{
    font-size:24px;
    line-height: 32px;
    color:rgba(255, 119, 0, 1);
    margin:24px 0 40px;
}
.about-features-layout {
    position: absolute;
    width:1000px;
    bottom:90px;
    left:50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    gap: 32px;
}



.about-feature-card {
    width:306px;
}

.about-feature-card h4 {
    font-size: 24px;
    line-height:32px;
    font-weight: 700;
    color: var(--bg-white);
    margin: 0 0 24px;
}

.about-feature-card p {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    height: 116px;
}

.fly-box{
    position: absolute;
    inset: 0;
}
.fly-left{
    width:600px;
    height:400px;
    right: calc(50% - 30px);
    bottom: 20px;
    position: absolute;
    opacity: 0.3;
}
.fly-center{
    position: absolute;
    width:186px;
    height:220px;
    bottom:110px;
    left:50%;
    transform: translateX(-50%);
}   
.fly-right{
    left: calc(50% - 30px);
    width:600px;
    height:400px;
    position: absolute;
    bottom: 20px;
    opacity: 0.3;
}
/* --------------------
   融合建设
   -------------------- */
.about-integration {
    padding: 90px 0 0;
    box-sizing: border-box;
    height:960px;
    background: url('../images/bg/bg11.png') no-repeat center center;
    background-size: 100% 100%;
}
.about-integration-title-en{
    font-size:18px;
    line-height:24px;
    color:rgba(15, 55, 59, 1);
    width: 820px;
    /* 大写 */
    text-transform: uppercase;
}

.about-integration-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 52px;
    color:rgba(15, 55, 59, 1);
    margin-top:16px;
}

.about-integration-diagram {
    position: relative;
    width: 100%;
    height: 700px;
    background:url('../images/block/block15.png') no-repeat center center;
    background-size: 1400px 774px;
}
.about-integration-btn{
    height:58px;
    box-sizing: border-box;
    padding:0 24px;
    max-width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0455D4;
    border-radius: 4px;
}
.about-integration-btn img{
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.about-integration-btn span{
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}
.about-integration-desc{
    margin-top:10px;
    border-radius:4px;
    padding: 12px;
    color:#333;
    font-size:18px;
    line-height:36px;
    background:rgba(255,255,255,.8);
}
.about-integration-img1{
    position: absolute;
    width:270px;
    height:164px;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.about-integration-img2{
    position: absolute;
    width:270px;
    height:168px;
    top: 70px;
    left: calc(50% - 400px);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    transform: translateX(-50%);
}
.about-integration-img3{
    position: absolute;
    width:328px;
    height:164px;
    top: 70px;
    left: calc(50% + 400px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transform: translateX(-50%);
}
.about-integration-img4{
    position: absolute;
    width:310px;
    height:164px;
    top: 250px;
    left: calc(50% - 250px);
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.about-integration-img5{
    position: absolute;
    width:270px;
    height:164px;
    top: 250px;
    left: calc(50% + 200px);
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.about-integration-img6{
    position: absolute;
    width:270px;
    height:168px;
    top: 450px;
    left: calc(50% - 240px);
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.about-integration-img7{
    position: absolute;
    width:425px;
    height:164px;
    top: 450px;
    left: calc(50% + 300px);
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* ====================
   院长寄语 面板
   ==================== */
.about-message {
    padding: 56px 0 80px;
    background: url('../images/bg/bg12.png') no-repeat center center;
    background-size: 100% 100%;
}

.about-message-header {
    margin-bottom: 60px;
}

.about-message-title-en {
    font-size: 36px;
    font-weight: 700;
    color: rgba(15, 55, 59, 1);
    letter-spacing: 2px;
    margin: 0 0 12px;
    line-height: 1.2;
}

.about-message-title-cn {
    font-size: 36px;
    font-weight: 700;
    color: rgba(15, 55, 59, 1);
    margin: 0;
    letter-spacing: 2px;
    line-height: 1.3;
}

.about-message-layout {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 28px;
    align-items: start;
}

/* 通用卡片 */
.about-message-card {
    background: var(--bg-white);
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
    border: 1px solid #F0F0F0;
    overflow: hidden;
}

/* 左侧：个人信息卡 */
.about-message-card-profile {
    display: flex;
    flex-direction: column;
}

.about-message-portrait {
    width: 100%;
    height: 420px;
    overflow: hidden;
    background: var(--bg-light);
    flex-shrink: 0;
}

.about-message-portrait img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.about-message-profile {
    padding: 20px 24px 28px;
}

.about-message-name {
    font-size: 30px;
    font-weight: 700;
    color: var(--text-main);
    margin: 0 0 16px;
    line-height: 1.2;
}

.about-message-divider {
    border-top: 1px dashed rgba(15, 55, 59, 1);
    margin-bottom: 20px;
}

.about-message-titles {
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-message-titles li {
    font-size: 14px;
    color: #666666;
    line-height: 1.8;
    margin: 0;
    padding: 4px 0;
}

/* 右侧：寄语内容卡 */
.about-message-card-content {
    padding: 36px 40px;
}

.about-message-quote {
    margin: 0;
}

.about-message-quote p {
    font-size: 15px;
    line-height: 2;
    color: var(--text-secondary);
    margin: 0 0 22px;
    text-align: justify;
}

.about-message-quote p:last-child {
    margin-bottom: 0;
}

/* ====================
   组织架构 面板
   ==================== */
.about-org {
    padding-bottom: 100px;
    background: var(--bg-white);
}
.about-org .section-en{
    font-size: 36px;
    font-weight: 700;
    color: rgba(15, 55, 59, 1);
    letter-spacing: 2px;
    margin: 0 0 12px;
    line-height: 1.2;
}

.about-org .section-title{
    font-size: 36px;
    font-weight: 700;
    color: rgba(15, 55, 59, 1);
    margin: 0;
    letter-spacing: 2px;
    line-height: 1.3;
}
.org-chart-scroll{
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.org-chart{
    position: relative;
    width: 100%;
    min-width: 1080px;
    aspect-ratio: 1200 / 360;
    container-type: inline-size;
    container-name: org;
}
.org-lines{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
    z-index: 0;
}
.org-box{
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0.6cqi 0.8cqi;
    color: #333333;
    font-size: 1.28cqi;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    border-radius: 10px;
    background: #F5F5F5;
    border: 1px solid #CCCCCC;
}
.org-box b{
    font-weight: 700;
}
.org-box span{
    display: block;
    max-width: 100%;
    margin-top: 0.25cqi;
    color: #666666;
    font-size: 0.98cqi;
    font-weight: 400;
    line-height: 1.4;
}
.org-top{
    left: 29.167%;
    top: 1.667%;
    width: 41.667%;
    height: 18.889%;
    color: #fff;
    font-size: 1.7cqi;
    border-radius: 12px;
    background: #007BFF;
    border: 2px solid #0056B3;
}
.org-top span{
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.28cqi;
}
.org-mid{
    top: 30.556%;
    height: 21.111%;
    border-radius: 12px;
}
.org-consult{
    left: 15.333%;
    width: 20.833%;
    font-size: 1.45cqi;
}
.org-office{
    left: 60.083%;
    width: 28.333%;
    font-size: 1.4cqi;
}
.org-office span{
    font-size: 1.02cqi;
}
.org-dept{
    top: 66.111%;
    width: 14.167%;
    height: 28.889%;
}
.org-d2 span{
    font-size: 0.95cqi;
}
.org-d1{ left: 2.5%; }
.org-d2{ left: 18.667%; }
.org-d3{ left: 34.833%; }
.org-d4{ left: 51%; }
.org-d5{ left: 67.167%; }
.org-d6{ left: 83.333%; }
/* ====================
   通用板块标题（PARTNERS / LAB 等）
   ==================== */
.about-section-header {
    margin-bottom: 40px;
}

.about-section-header .section-en {
    font-size: 20px;
    font-weight: 700;
    color: #0F373B;
    letter-spacing: 1px;
    margin: 0 0 10px;
    line-height: 1.2;
}

.about-section-header .section-title {
    font-size: 26px;
    font-weight: 700;
    color: var(--text-main);
    margin: 0;
    line-height: 1.4;
}

/* ====================
   合作伙伴 面板
   ==================== */
.about-partner {
    padding: 60px 0 80px;
    background: url('../images/bg/bg13.png') no-repeat center bottom;
    background-size: 100% auto;
}
.about-partner2 .about-partner-grid{
    /* 2排3列 */
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    box-sizing: border-box;
    padding: 0 40px;
    width:1130px;
    height:305px;
    margin:0 auto;
}
.about-partner-grid-item{
    width:300px;
    height:120px;
    background: url('../images/icon/rect.png') no-repeat center center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color:rgba(51, 51, 51, 1);
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}
.about-partner-grid-item:hover{
    transform:translateY(-8px);
}
/* 第一排的about-partner-grid-item margin-left:20px */
.about-partner2 .about-partner-grid-item:nth-child(1),
.about-partner2 .about-partner-grid-item:nth-child(2),
.about-partner2 .about-partner-grid-item:nth-child(3){
    margin-left: 70px;
}
.about-partner-grid1{
    width:1160px;
    height:192px;
    display: block;
    margin:40px auto;
}
.about-partner-grid2{
    width:1050px;
    height:304px;
    display: block;
    margin:40px auto;
}
.about-partner2{
    padding: 60px 0 80px;
    background: url('../images/bg/bg14.png') no-repeat center bottom;
    background-size: 100% 100%;
    box-sizing: border-box;
    height: 764px;
}
.about-partner .section-en{
    font-size: 36px;
    line-height: 46px;
    color:rgba(15, 55, 59, 1);
}
.about-partner .section-title{
    font-size: 36px;
    line-height: 52px;
    color:rgba(15, 55, 59, 1);
    margin-top:16px;
}

/* 行错位布局 */
.partner-rows {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.partner-row {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* 三级错位缩进：统一为 level-1 对齐（每行 tag + 最多 3 个卡片） */
.partner-row-level-1,
.partner-row-level-2,
.partner-row-level-3 {
    padding-left: 0;
}

/* 合作伙伴分区容器 */
#partnerContainer {
    margin-top: 40px;
}

/* 分区：左标签列 + 右卡片网格 */
.partner-section {
    display: flex;
    gap: 24px;
    align-items: stretch;
    margin-bottom: 16px;
}
.partner-section:last-child{
    margin-left: 10px;
}
/* 左侧：垂直分类标签（独占一列，平行四边形） */
.partner-tag-vertical {
    flex-shrink: 0;
    width: auto;
    height:80px;
    background: var(--primary);
    color: var(--text-white);
    transform: skewX(-15deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    overflow: hidden;
    padding:0 24px;
}

.partner-tag-vertical span {
    transform: skewX(15deg);
    text-orientation: upright;
    font-size: 22px;
    font-weight: 700;
    white-space: nowrap;
}

/* logo 卡片网格，每行最多 3 个 */
.partner-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 240px);
    gap: 16px;
    justify-content: center;
}

/* 蓝色分类标签 */
.partner-tag {
    width: 290px;
    height: 80px;
    flex-shrink: 0;
    background: var(--primary);
    color: var(--text-white);
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    padding: 14px 16px;
    border-radius: 2px;
    letter-spacing: 1px;
    box-sizing: border-box;
    transform:skewX(-15deg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner-tag span{
    transform:skewX(15deg);
    font-size: 24px;
    font-weight: 700;
}

.partner-tag.partner-tag-placeholder span {
    visibility: hidden;
}
/* Logo 卡片 */
.partner-card {
    width: 100%;
    height: 80px;
    background: var(--bg-white);
    border: 1px solid #EEE;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    overflow: hidden;
    transform: skewX(-15deg);
    position: relative;
    padding:20px;
    cursor: pointer;
}

.partner-card img {
    max-width: calc(100% - 30%);
    height: calc(100% - 20px);
    object-fit: contain;
    display: block;
}

/* 合作伙伴分区容器 */
#partnerContainer {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* partner-card hover 淡蓝色遮罩 + 名称 */
.partner-card .partner-card-inner {
    position: absolute;
    width:120%;
    height:100%;
    top:0;
    left:-10%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transform: skewX(15deg);
    padding: 8px 16px;
    box-sizing: border-box;
}

.partner-card .partner-card-mask {
    position: absolute;
    inset: 0;
    background: rgba(0, 119, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 8px 12px;
    line-height: 1.4;
    white-space: nowrap;
    z-index: 2;
}

.partner-card:hover .partner-card-mask {
    opacity: 1;
}


/* ====================
   合作实验室 面板
   ==================== */
.about-laboratory {
    padding: 60px 0 100px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%);
    position: relative;
    overflow: hidden;
}

.about-laboratory::before,
.about-laboratory::after {
    content: '';
    position: absolute;
    pointer-events: none;
    z-index: 0;
}

.about-laboratory::before {
    left: -120px;
    bottom: -80px;
    width: 420px;
    height: 420px;
    background: radial-gradient(circle at 30% 30%, rgba(180, 220, 255, 0.5) 0%, transparent 60%);
    border-radius: 50%;
}

.about-laboratory::after {
    right: -80px;
    bottom: -60px;
    width: 360px;
    height: 360px;
    background: radial-gradient(circle at 70% 40%, rgba(220, 200, 255, 0.45) 0%, transparent 60%);
    border-radius: 50%;
}

.about-laboratory > .container {
    position: relative;
    z-index: 1;
}

.lab-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px 56px;
    max-width: 1080px;
    margin: 0 auto;
}

/* 六边形/切角长胶囊卡片 */
.lab-card {
    height: 68px;
    background: var(--bg-white);
    border: 1px solid var(--border-light);
    color: var(--text-secondary);
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 24px;
    box-sizing: border-box;
    /* 两端切斜角，形成图示的六边形长条 */
    clip-path: polygon(
        20px 0,
        calc(100% - 20px) 0,
        100% 50%,
        calc(100% - 20px) 100%,
        20px 100%,
        0 50%
    );
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.lab-card:hover {
    border-color: var(--primary);
    color: var(--primary);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 119, 255, 0.1);
}

/* ====================
   联系我们 面板
   ==================== */
.about-contact {
    padding-bottom: 100px;
    background: var(--bg-white);
}

.about-contact-layout {
    display: flex;
    gap: 48px;
    align-items: stretch;
}

.about-contact-info {
    width: 420px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contact-item {
    background: var(--bg-light);
    border-radius: 4px;
    padding: 24px 28px;
}

.contact-item h4 {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary);
    margin: 0 0 10px;
}

.contact-item p {
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-secondary);
    margin: 0;
}

.about-contact-map {
    flex: 1;
    min-height: 360px;
    border-radius: 4px;
}