.pl-section-wrapper {
     background: url(../images/pronei2bg.jpg) no-repeat;
     overflow: hidden;
     padding-bottom: 50px;
     margin-bottom: 50px;
 }
 /* 标题部分 */
 
 .pl-header h2 {
     color: #004481;
     /* 深蓝 */
     font-size: 36px;
     margin-bottom: 10px;
     text-transform: uppercase;
     letter-spacing: 1px;
     text-align: center;
     margin-top: 80px;
 }
 
 .pl-header p {
     color: #666;
     font-size: 18px;
     margin-bottom: 40px;
     letter-spacing: 2px;
     text-align: center;
 }
 /* 网格布局 */
 
 .pl-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     /* 3列 */
     gap: 30px 90px;
     position: relative;
 }
 /* 单个卡片 */
 
 .pl-card {
     background: #fff;
     padding: 15px;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
     cursor: pointer;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     position: relative;
     z-index: 2;
 }
 
 .pl-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
 }
 /* 卡片标题 */
 
 .pl-card-title {
     text-align: center;
     font-weight: bold;
     color: #333;
     font-size: 14px;
     margin-top: 10px;
     text-transform: uppercase;
 }
 /* 图片容器 */
 
 .pl-img-box {
     width: 100%;
     height: 200px;
     /* 固定高度保持整齐 */
     background-color: #f0f0f0;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .pl-img-box .img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 
 .pl-img-box .big {
     position: absolute;
     width: 50px;
 }
 /* --- 装饰性箭头 (CSS绘制) --- */
 /* 第一行右侧箭头 */
 
 .pl-arrow-right {
     position: absolute;
     top: 42%;
     right: -76px;
     z-index: 1;
 }
 
 .pl-arrow-right img {
     width: 60px;
 }
 /* --- 弹窗/灯箱样式 (Lightbox) --- */
 
 .pl-lightbox {
     display: none;
     position: fixed;
     z-index: 9999;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.9);
     justify-content: center;
     align-items: center;
     flex-direction: column;
 }
 
 .pl-lightbox.active {
     display: flex;
     animation: fadeIn 0.3s;
 }
 
 .pl-lightbox img {
     max-width: 90%;
     max-height: 80vh;
     box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
     border: 2px solid #fff;
 }
 
 .pl-close-btn {
     position: absolute;
     top: 130px;
     right: 40px;
     color: #fff;
     font-size: 40px;
     font-weight: bold;
     cursor: pointer;
     transition: 0.3s;
     border: none !important;
     box-shadow: none !important;
 }
 
 .pl-close-btn:hover {
     color: #ccc;
 }
 
 .pl-caption {
     color: #fff;
     margin-top: 20px;
     font-size: 18px;
 }
 
 @keyframes fadeIn {
     from {
         opacity: 0;
     }
     to {
         opacity: 1;
     }
 }
 
 @media only screen and (min-width: 320px) and (max-width: 1200px) {
     .pl-header h2 {
         font-size: .36rem;
         font-weight: bold;
         margin-top: .8rem;
     }
     .pl-header p {
         font-size: .24rem;
         margin-bottom: .4rem;
     }
     .pl-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: .3rem;
     }
     .pl-card {
         padding: .1rem;
     }
     .pl-img-box {
         height: 1.6rem;
     }
     .pl-arrow-right {
         display: none;
     }
     .pl-card-title {
         font-size: .2rem;
         margin-top: .1rem;
     }
     .pl-img-box .big {
         width: .5rem;
     }
     .pl-close-btn {
         top: 1.3rem;
         right: .4rem;
         width: .5rem;
     }
 }