/* 基础样式重置 */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 body {
     font-family: "Microsoft YaHei", Arial, sans-serif;
     line-height: 1.6;
     color: #333;
     background-color: #ffffff;
 }

 /* Banner样式 - 粉色主题 */
 .banner {
     width: 100%;
     height: 357px;
     background-color: #f1b0be;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .banner-container {
     width: 100%;
     max-width: 1200px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0 20px;
 }

 .banner-text {
     width: 300px;
     height: 85px;
     margin-left: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 60px;
     font-weight: bold;
     color: #ee5072;
     background-color: transparent;
 }

 .banner-image {
     width: 470px;
     height: 360px;
     margin-right: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
 }

 .banner-image img {
     max-width: 100%;
     max-height: 100%;
     object-fit: cover;
 }

 /* 响应式设计 */
 @media (max-width: 1000px) {
     .banner-container {
         padding: 0 40px;
     }
     .banner-text {
         font-size: 36px;
     }
     .banner-image {
         width: 400px;
         height: 300px;
     }
 }

 @media (max-width: 768px) {
     .banner {
         height: auto;
         padding: 40px 0;
     }
     .banner-container {
         flex-direction: column;
         gap: 30px;
     }
     .banner-text {
         width: 100%;
         text-align: center;
         height: auto;
         margin-bottom: 10px;
     }
     .banner-image {
         width: 100%;
         max-width: 470px;
         height: auto;
     }
 }

 @media (max-width: 480px) {
     .banner-text {
         font-size: 28px;
     }
     .banner-container {
         padding: 0 20px;
     }
 }

/* 结婚生育内容样式 */
.container {
    max-width: 1367px;
    margin: 0 auto;
    padding: 20px;
}

/* 标题栏样式 */
.section-title {
    height: 89px;
    background: url('jhsy_title1.png') no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    padding-left: 160px;
    margin-bottom: 15px;
}

.section-title h2 {
    font-size: 36px;
    color: #000;
    font-weight: bold;
}

/* 内容区域 */
.content-section {
    max-width: 1200px;
    margin: 0 auto 50px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    overflow: hidden;
}

/* 选项卡样式 */
.tabs {
    display: flex;
    background: linear-gradient(to right, #ffb6c1, #ffc0cb);
    border-bottom: 2px solid #ff69b4;
}

.tab {
    padding: 15px 30px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    transition: all 0.3s;
    position: relative;
}

.tab.active {
    background: white;
    color: #ff1493;
}

.tab.active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: white;
}

/* 内容面板 */
.tab-content {
    display: none;
    padding: 30px;
}

.tab-content.active {
    display: block;
}

/* 小标题样式 */
.sub-section {
    margin-bottom: 25px;
    background: #fff5f7;
    border-left: 4px solid #ff69b4;
    padding: 15px 20px;
    border-radius: 0 5px 5px 0;
}

.sub-title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #ff1493;
    font-weight: bold;
}

.sub-title i {
    margin-right: 10px;
    font-size: 20px;
}

/* 流程选项卡样式 */
.process-tabs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-wrap: wrap;
    position: relative;
}

.process-tab {
    text-align: center;
    cursor: pointer;
    padding: 15px;
    flex: 1;
    min-width: 120px;
    transition: all 0.3s;
    position: relative;
    z-index: 2;
}

.process-tab.active .process-icon {
    background: #ff69b4;
    box-shadow: 0 0 10px rgba(255,105,180,0.5);
}

.process-tab.active > div:last-child {
    color: #ff1493;
    font-weight: bold;
}

.process-icon {
    width: 60px;
    height: 60px;
    background: #ffb6c1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    font-size: 24px;
    color: white;
    transition: all 0.3s;
}

.process-content {
    background: #fff5f7;
    padding: 25px;
    border-radius: 10px;
    display: none;
}

.process-content.active {
    display: block;
    animation: fadeIn 0.5s;
}

/* 流程箭头样式 */
.process-arrow {
    position: absolute;
    top: 45px;
    transform: translateY(-50%);
    color: #ff69b4;
    font-size: 24px;
    z-index: 1;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .container {
        padding: 15px;
    }
    .content-section {
        margin: 0 15px 30px;
    }
}

@media (max-width: 992px) {
    .process-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 20px;
        justify-content: flex-start;
    }
    .process-tab {
        min-width: 100px;
        flex: 0 0 auto;
    }
    .process-arrow {
        display: none;
    }
}

@media (max-width: 768px) {
    .section-title {
        padding-left: 80px;
        height: 70px;
    }
    .section-title h2 {
        font-size: 28px;
    }
    .tabs {
        flex-wrap: wrap;
    }
    .tab {
        flex: 1 0 50%;
        text-align: center;
        padding: 12px;
    }
    .process-tabs {
        padding-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .section-title {
        padding-left: 40px;
        height: 60px;
    }
    .section-title h2 {
        font-size: 24px;
    }
    .tab {
        font-size: 16px;
        padding: 10px;
    }
    .tab-content {
        padding: 20px 15px;
    }
}



 /* 办事板块容器 */
 .affairs-section {
     width: 100%;
     background-image: url('../images/pink-background.svg');
     background-size: cover;
     background-position: center;
     padding: 40px 0;
     position: relative;
     overflow: hidden;
 }

 .affairs-section::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 240, 245, 0.8) 100%);
     z-index: 1;
 }

 .affairs-container {
     position: relative;
     z-index: 2;
 }

 .affairs-container {
     width: 1200px;
     margin: 0 auto;
     display: flex;
     gap: 30px;
 }

 /* 左侧在线办事 */
 .online-affairs {
     flex: 1;
     background: rgba(255, 255, 255, 0.9);
     border-radius: 10px;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     backdrop-filter: blur(5px);
 }

 .section-header {
     height: 48px;
     /* 高度增加 */
     background: #df248a;
     color: white;
     font-size: 24px;
     /* 标题文字增大 */
     font-weight: bold;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0 20px;
     line-height: 48px;
     /* 行高增加 */
 }

 .more-link {
     color: white;
     font-size: 14px;
     text-decoration: none;
 }

 .affairs-links {
     padding: 0;
     display: flex;
     flex-direction: column;
     gap: 25px;
 }

 .affair-link {
     font-size: 20px;
     color: #df248a;
     text-decoration: none;
     padding: 0;
     border-bottom: none;
     transition: all 0.3s;
     display: block;
     min-height: auto;
     line-height: 1;
 }

 .affair-link:hover {
     color: #2a4fd8;
     transform: translateX(5px);
 }

 .affair-link i {
     margin-left: 15px;
     margin-right: 15px;
     font-size: 28px;
     width: 30px;
     text-align: center;
 }

 /* 右侧系列解读 */
 .series-interpretation {
     flex: 1;
     background: rgba(255, 255, 255, 0.9);
     border-radius: 10px;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     backdrop-filter: blur(5px);
 }

 /* 轮播图样式 - 使用新前缀避免冲突 */
 .interpretation-carousel-container {
     padding: 20px;
     position: relative;
     height: 300px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 /* 新的Swiper轮播图样式 */
 .image-carousel-container {
     position: relative;
     width: 100%;
     overflow: hidden;
 }

 .swiper-container {
     width: 100%;
     height: 100%;
 }

 .swiper-wrapper {
     display: flex;
     width: 100%;
     height: 100%;
 }

 .swiper-slide {
     width: 100%;
     height: 100%;
     flex-shrink: 0;
 }

 .slide-link {
     display: block;
     width: 100%;
     height: 100%;
     text-decoration: none;
     color: inherit;
 }

 .slide-image {
     width: 100%;
     height: 290px; /* 改为290px高度 */
     background-size: 100% 100%; /* 拉伸填充整个容器 */
     background-position: center;
     background-repeat: no-repeat;
     border-radius: 8px 8px 0 0;
     position: relative;
 }

 .slide-content-bottom {
     padding: 15px;
     background: #fff;
     border-radius: 0 0 8px 8px;
     border: 1px solid #ffd3e6;
     border-top: none;
 }

 .slide-content-bottom h3 {
     margin: 0;
     font-size: 16px;
     font-weight: bold;
     color: #333;
     line-height: 1.4;
 }

 /* Swiper分页器样式 - 放在图片上 */
 .swiper-pagination {
     position: absolute;
     bottom: 20px; /* 调整到图片内部 */
     left: 0;
     width: 100%;
     text-align: center;
     z-index: 10;
 }

 .swiper-pagination-bullet {
     width: 10px;
     height: 10px;
     background: rgba(255, 255, 255, 0.7);
     border-radius: 50%;
     display: inline-block;
     margin: 0 5px;
     cursor: pointer;
     transition: all 0.3s;
     border: 1px solid rgba(0, 0, 0, 0.2);
 }

 .swiper-pagination-bullet-active {
     background: #df248a;
     transform: scale(1.3);
     border-color: #df248a;
 }

 /* Swiper导航按钮样式 - 单箭头，无背景圆 */
 .swiper-button-next,
 .swiper-button-prev {
     width: 30px;
     height: 30px;
     background: none;
     border-radius: 0;
     color: #ff69b4; /* 改为粉红色 */
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 10;
     cursor: pointer;
     transition: all 0.3s;
     font-size: 24px;
     font-weight: bold;
 }

 .swiper-button-next {
     right: 10px;
 }

 .swiper-button-prev {
     left: 10px;
 }

 .swiper-button-next:hover,
 .swiper-button-prev:hover {
     color: #ff1493; /* 悬停时更深的粉红色 */
     transform: translateY(-50%) scale(1.2);
 }

 .swiper-button-next::after,
 .swiper-button-prev::after {
     font-family: 'Font Awesome 6 Free';
     font-weight: 900;
     font-size: 24px;
 }

 .swiper-button-next::after {
     content: '❯';
 }

 .swiper-button-prev::after {
     content: '❮';
 }

 .interpretation-carousel {
     position: relative;
     width: 100%;
     height: 270px;
     perspective: 1000px;
 }

 .interpretation-carousel-inner {
     position: relative;
     width: 100%;
     height: 100%;
     transform-style: preserve-3d;
     transition: transform 0.5s ease-in-out;
 }

 .interpretation-carousel-item {
     position: absolute;
     width: 150px;
     height: 243.75px;
     transition: all 0.5s ease;
     cursor: pointer;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
     border-radius: 5px;
     overflow: hidden;
     z-index: 1;
 }

 .interpretation-carousel-item img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }

 .interpretation-carousel-item.prev {
     left: 20%;
     transform: translateX(-50%) scale(0.8);
     opacity: 0.8;
     z-index: 2;
 }

 .interpretation-carousel-item.current {
     left: 50%;
     transform: translateX(-50%) scale(1.1);
     z-index: 4;
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
 }

 .interpretation-carousel-item.next {
     left: 80%;
     transform: translateX(-50%) scale(0.8);
     opacity: 0.8;
     z-index: 2;
 }

 .interpretation-carousel-control {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background: rgba(62, 103, 255, 0.7);
     color: white;
     border: none;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     font-size: 20px;
     cursor: pointer;
     z-index: 10;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s;
 }

 .interpretation-carousel-control:hover {
     background: #df248a;
 }

 .interpretation-carousel-control.prev {
     left: 10px;
 }

 .interpretation-carousel-control.next {
     right: 10px;
 }

 /* 响应式设计 */
 @media (max-width: 1250px) {
     .affairs-container {
         width: 95%;
     }
 }

 @media (max-width: 900px) {
     .affairs-container {
         flex-direction: column;
     }

     .affairs-links {
         grid-template-columns: 1fr;
     }
 }

 @media (max-width: 768px) {
     .affair-link {
         font-size: 18px;
     }

     .interpretation-carousel-container {
         height: 300px;
     }

     .section-header {
         font-size: 22px;
         height: 42px;
         line-height: 42px;
     }
 }

 @media (max-width: 480px) {
     .affairs-section {
         padding: 30px 0;
     }

     .section-header {
         font-size: 20px;
         height: 40px;
         line-height: 40px;
     }

     .affair-link {
         font-size: 16px;
         min-height: 60px;
     }

     .interpretation-carousel-item {
         width: 120px;
         height: 195px;
     }
 }

 /* 在线地图板块 */
 .online-maps {
     width: 1367px;
     margin: 0 auto;
     min-height: 400px;

     overflow: hidden;
     padding: 10px 40px;
     position: relative;
 }

 .maps-content {
     position: relative;
     z-index: 1;
 }

 .maps-title {
     font-size: 48px;
     font-weight: bold;
     text-align: center;
     margin-bottom: 40px;
 }

 .maps-title span.online {
     color: #000;
     /* 在线 - 黑色 */
 }

 .maps-title span.maps {
     color: #df248a;
     /* 地图 - 蓝色 */
 }

 /*在线地图*/
 .convenience-map-section {
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
     background: white;
     border-radius: 10px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
     overflow: hidden;
 }

 /* 地图容器 - 移除flex布局 */
 .map-container {
     min-height: 600px;
     position: relative;
 }

 /* 左侧医院列表 - 宽度调整为350px（缩小） */
 .hospital-list-container {
     width: 350px;
     background: #ffe6f0;
     border-right: 1px solid #ffb3d1;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     z-index: 10;
 }

 .hospital-tabs {
     display: flex;
     background: var(--pink-light);
     border-bottom: 1px solid var(--pink-border);
 }

 /* 调整选项卡样式，确保文字在一行显示 */
 .hospital-tab {
     flex: 1;
     padding: 15px 5px;
     background: none;
     border: none;
     font-size: 14px;
     font-weight: bold;
     color: var(--pink-text);
     cursor: pointer;
     transition: all 0.3s;
     text-align: center;
     white-space: nowrap;
     min-width: 70px;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .hospital-tab.active {
     background: var(--pink-light);
     color: var(--pink-text);
     border-bottom: 3px solid var(--pink-secondary);
 }

 .hospital-tab:hover:not(.active) {
     background: #ffd3e6;
 }

 .hospital-list {
     height: calc(100% - 48px);
     /* 减去选项卡高度 */
     overflow-y: auto;
     padding: 15px;
     background: white;
 }

 /* 修复选项卡内容显示问题 */
 .hospital-list-content {
     display: none;
 }

 .hospital-list-content.active {
     display: block;
 }

 .hospital-item {
     padding: 12px 15px;
     border-bottom: 1px solid #ffd3e6;
     cursor: pointer;
     transition: all 0.3s;
     display: flex;
     align-items: center;
 }

 .hospital-item:hover {
     background: #ffd3e6;
     transform: translateX(5px);
 }

 .hospital-item i {
     margin-right: 10px;
     color: #df248a;
     font-size: 18px;
 }

 .hospital-name {
     font-size: 16px;
     color: #333;
     font-weight: 500;
 }

 .hospital-address {
     font-size: 13px;
     color: #666;
     margin-top: 5px;
 }

 .hospital-phone {
     font-size: 13px;
     color: #df248a;
     font-weight: bold;
     margin-top: 3px;
 }

 /* 右侧地图区域 */
 .map-display {
     position: absolute;
     top: 0;
     left: 350px;
     /* 左侧列表宽度（缩小） */
     right: 0;
     bottom: 0;
 }

 #map-container {
     width: 100%;
     height: 100%;
 }

 /* 带箭头的提示框样式 */
 .map-tip {
     position: absolute;
     background: rgba(255, 255, 255, 0.95);
     padding: 15px;
     border-radius: 8px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
     z-index: 1000;
     max-width: 300px;
     display: none;
     transform: translate(-50%, -100%);
     top: 0;
     left: 0;
 }

 .map-tip::after {
     content: '';
     position: absolute;
     bottom: -10px;
     left: 50%;
     transform: translateX(-50%);
     border-width: 10px 10px 0;
     border-style: solid;
     border-color: rgba(255, 255, 255, 0.95) transparent transparent;
 }

 .tip-title {
     font-size: 18px;
     font-weight: bold;
     color: #df248a;
     margin-bottom: 5px;
 }

 .tip-address {
     font-size: 14px;
     color: #555;
     line-height: 1.4;
 }

 .tip-phone {
     font-size: 14px;
     color: #df248a;
     font-weight: bold;
     margin-top: 5px;
     display: block;
 }

 .close-tip {
     position: absolute;
     top: 10px;
     right: 10px;
     background: none;
     border: none;
     font-size: 16px;
     cursor: pointer;
     color: #999;
 }

 /* 响应式设计 - 修复移动设备显示问题 */

 @media (max-width: 1250px) {

     .online-maps {
         width: 95%;
     }
 }

 @media (max-width: 900px) {
     .school-list-container {
         position: relative;
         width: 100%;
         height: 300px;
         border-right: none;
         border-bottom: 1px solid #e0e5ff;
     }

     .map-display {
         position: relative;
         height: 400px;
         left: 0;
     }

     /* 确保地图容器在移动设备上有高度 */
     #map-container {
         height: 100%;
     }
 }





 /* 快捷访问样式 */
.quick-links-section {
    width: 100%;
    max-width: 1200px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    padding: 50px;
    margin: 20px auto;
}

.quick-links-section .section-header {
    text-align: center;
    margin-bottom: 40px;
}

.quick-links-section .section-header h2 {
    font-size: 32px;
    color: #df248a;
    margin-bottom: 15px;
}

.quick-links-section .section-header p {
    font-size: 18px;
    color: #666;
}

.links-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.link-item {
    flex: 1;
    height: 130px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.link-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.link-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(223, 36, 138, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.link-item:hover .link-overlay {
    opacity: 1;
}

.link-text {
    color: white;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 0 20px;
}

/* 响应式设计 */
@media (max-width: 900px) {
    .links-container {
        flex-direction: column;
    }
    .link-item {
        height: 150px;
    }
    .quick-links-section {
        padding: 30px;
    }
}

@media (max-width: 600px) {
    .quick-links-section .section-header h2 {
        font-size: 28px;
    }
    .quick-links-section .section-header p {
        font-size: 16px;
    }
    .link-text {
        font-size: 18px;
    }
}

/* 粉色主题变量定义 */
:root {
    --pink-primary: #ff4da6;
    --pink-secondary: #ff66b2;
    --pink-light: #ffe6f0;
    --pink-lighter: #fff0f6;
    --pink-border: #ffb3d1;
    --pink-text: #a80d5e;
}

/* 办事板块粉色主题样式 */
.affairs-section .online-affairs,
.affairs-section .series-interpretation {
    background: var(--pink-lighter);
    border: 1px solid var(--pink-border);
    border-radius: 8px;
    padding: 16px;
}

.affairs-section .online-affairs .section-header,
.affairs-section .series-interpretation .section-header {
    background: var(--pink-light);
    border: 1px solid var(--pink-border);
    border-radius: 8px;
    padding: 8px 12px;
    margin-bottom: 20px; /* 标题和内容之间的间距 */
}

.affairs-section .online-affairs .section-header span,
.affairs-section .series-interpretation .section-header span {
    color: #000;
}

.affairs-section .online-affairs .section-header .more-link,
.affairs-section .series-interpretation .section-header .more-link {
    color: var(--pink-secondary);
}

.affairs-section .online-affairs .affairs-links {
    margin-top: 15px; /* 在线办事内容与标题的间距 */
}

.affairs-section .online-affairs .affairs-links .affair-link {
    background: var(--pink-light);
    border: 1px solid var(--pink-border);
    color: var(--pink-text);
    transition: all 0.2s ease;
}

.affairs-section .online-affairs .affairs-links .affair-link:hover {
    background: #ffd3e6;
    border-color: var(--pink-secondary);
    color: #8a004a;
}

.affairs-section .series-interpretation .interpretation-carousel-container {
    background: var(--pink-lighter);
    border: 1px solid var(--pink-border);
    border-radius: 8px;
    margin-top: 15px; /* 系列解读内容与标题的间距 */
}

.affairs-section .series-interpretation .interpretation-carousel-item.current img {
    outline: 3px solid var(--pink-secondary);
    border-radius: 6px;
}

.affairs-section .series-interpretation .interpretation-carousel-control {
    background: var(--pink-primary);
    color: #fff;
    border: none;
    box-shadow: 0 2px 6px rgba(255, 77, 166, 0.3);
    transition: background 0.2s ease, transform 0.1s ease;
}

.affairs-section .series-interpretation .interpretation-carousel-control:hover {
    background: var(--pink-secondary);
    transform: translateY(-1px);
}

/* 网格布局样式 */
.affairs-links.grid-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    padding: 15px;
}

.affairs-links .grid-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 15px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 2px solid #dee2e6;
    border-radius: 12px;
    color: #495057;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    text-align: left;
    transition: all 0.3s ease;
    line-height: 1.3;
    min-height: 80px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    gap: 12px;
}

.affairs-links .grid-item:hover {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-color: #90caf9;
    color: #1565c0;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(33, 150, 243, 0.3);
}

/* 链接图标样式 */
.affairs-links .link-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    color: #6c757d;
    transition: all 0.3s ease;
}

.affairs-links .grid-item:hover .link-icon {
    color: #1565c0;
    transform: scale(1.1);
}

/* 文字链接样式 */
.affairs-links .text-link {
    display: block;
    padding: 15px 20px;
    background: var(--pink-light);
    border: 1px solid var(--pink-border);
    border-radius: 8px;
    color: var(--pink-text);
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    margin-bottom: 10px;
    line-height: 1.4;
}

.affairs-links .text-link:hover {
    background: #ffd3e6;
    border-color: var(--pink-secondary);
    color: #8a004a;
    transform: translateX(5px);
    box-shadow: 0 4px 12px rgba(255, 77, 166, 0.2);
}