@charset "utf-8";
/**/
body{height: auto; font-size: 14px;line-height: 1.8;-webkit-overflow-scrolling: touch; background: #ffffff;}
a{text-decoration: none;}
.max-width{max-width: 735px;margin: 0 auto;overflow: hidden;}
.no-scroll{overflow: hidden;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{pointer-events: auto;}
.container{position: relative;}
div[class *= weft]{position: relative;width: 100%;}
.abs{position: absolute;}
.ab-mid{position: absolute;left: 0;right: 0;margin: 0 auto;}
.line-clamp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.line-clamp-2{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.delay-0d5s{animation-delay: .5s;}
.disabled.disabled{pointer-events: none;}
.ohide{opacity: 0;pointer-events: none;}
.thide{transform: scale(0);}
.delay-0d1s{animation-delay: .1s;}
.delay-0d2s{animation-delay: .2s;}
.delay-0d3s{animation-delay: .3s;}
.delay-0d4s{animation-delay: .4s;}
.delay-0d5s{animation-delay: .5s;}
.delay-0d6s{animation-delay: .6s;}
.delay-0d7s{animation-delay: .7s;}
.delay-0d8s{animation-delay: .8s;}
.delay-0d9s{animation-delay: .9s;}
/**/
.top-gallery{position: relative;}
.swipe-tip {position: absolute;bottom: 8%;width: 12%;}
.scroll-vertical-area{height: 300px;overflow-y: scroll;}
.video-element{cursor: pointer;}
/**/
.w-col-2-list-set{width: 92%;padding: 0 4%;height: min(90vmin, 580px);overflow: auto;}
.w-col-2-list-item{padding: 4% 0;border-bottom: thin solid #9ee7e9;}
.w-col-2-list-item:last-child{border: transparent}
.w-col-2-article{width: 57%;}
.w-col-2-list-item a{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: space-between;}
.w-col-2-list-item h3{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: bold;font-size: min(26px, 4.2vmin);color: #3c3c3c;line-height: 1.4;}
.w-col-2-list-item p{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: min(20px, 3.6vmin);color: #3c3c3c;line-height: 1.4;text-align: justify;}
.w-col-2-list-item img{width: min(262px, 35.6vmin);height: min(155px, 21.1vmin);object-fit: cover;}
/**/
.campus-video{width: 100%;}
/*  */
.w-video-frame{position: relative; width: min(597px, 81.2vmin);height: min(434px, 59.1vmin);margin: 9% auto; background: url(//x0.ifengimg.com/ucms/special/images/13C020700A89914ECF3F8813655D0B26.png) no-repeat center/contain;}
.w-video-poster-slot{width: min(555px, 75.5vmin);height: min(312px, 42.5vmin);top: 10%; overflow: hidden; background: url(//x0.ifengimg.com/ucms/special/images/43694452067AA07F2CD4127F2B0E6DAA.png) no-repeat center/contain;border-radius: 2%;}
.w-video-poster-slot:hover .w-video-poster{filter: brightness(1.06);transform: scale(1.06);;}
.w-video-poster-slot .w-video-poster{position: absolute; top: 0;left: 0; width: 100%;height: 100%;object-fit: cover;border-radius: 2%;transition: .6s;cursor: pointer;}
.w-video-poster-slot::after{content: '';width: min(88px, 12vmin);height: min(87px, 11.8vmin);background: url(//x0.ifengimg.com/ucms/special/images/52098A53FB2719FFCF121B49D592AD05.png) no-repeat center/contain;position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0; pointer-events: none;}
.w-video-frame h3{position: absolute;font-size: min(24px, 3.6vmin);line-height: 1;bottom: 6.8%;left: 13%;}
.w-video-prev{position: absolute;top: 42%;left: -8%; width: min(36px, 5vmin);height: min(67px, 9.1vmin);background: url(//x0.ifengimg.com/ucms/special/images/C6909911C07E2C6A81D596290B5D76DE.png) no-repeat center/contain;cursor: pointer;}
.w-video-next{position: absolute;top: 42%;right: -8%;width: min(36px, 5vmin);height: min(67px, 9.1vmin);background: url(//x0.ifengimg.com/ucms/special/images/C34F0F58A75760C4F73FA5587634575C.png) no-repeat center/contain;cursor: pointer;}
/**/
.w-gallery-swi-frame{position: relative; width: min(735px, 100vmin);height: min(452px, 61.5vmin);}
.w-gallery-swi{position: relative;top: 2%;}
.w-gallery-swi img{width: min(735px, 100vmin);height: min(438px, 59.5vmin);object-fit: cover;}
.w-gallery-swi h4{font-size: min(24px, 4.2vmin);text-indent: 2.6em;line-height: 3.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #005857;}
.w-gallery-pagination{position: absolute; width: fit-content;right: 6%;left: auto;bottom: -17%;line-height: 2;color: #005857;}
.w-gallery-pagination .swiper-pagination-current{font-size: min(5.6vmin, 34px);font-weight: bold;color: #1f7859;}
.w-gallery-pagination .swiper-pagination-total{font-size: min(3.6vmin, 20px);}
/*  */
.mask{z-index: 30; position:fixed;top:0;right:0;bottom:0;left:0;display:flex;visibility:hidden;background:rgba(0, 0, 0, .9);}
.mask.visible{visibility:visible;}
.mask video{width: min(100vw, 1400px);margin:auto;transition:initial;transform:scale(.4);will-change:auto;}
.mask.visible video{transition:.3s;transform:scale(1);}
.video-close{position:absolute;top: min(20px, 4%);right: min(20px, 4%);width: min(42px, 7vmin);height: min(42px, 7vmin);cursor:pointer;background:url(//x0.ifengimg.com/ucms/special/images/356D9578B6651E35B249DFE3BDE231D6.png);background-repeat: no-repeat; background-size:contain;}
/**/
.top-logo{position: absolute;width: min(443px, 60.3vmin);height: min(46px, 6.3vmin);background: url(//x0.ifengimg.com/ucms/special/images/BFE0C78BF110D6CE3D5EE245306BC687.png) no-repeat center/contain;top: 3%;left: 6%;}
.top-title{width: min(552px, 75.1vmin);height: min(273px, 37.1vmin);background: url(//x0.ifengimg.com/ucms/special/images/F206DAF53B002C04442C10EA1316A598.png) no-repeat center/contain;top: 12%;}
.top-number{width: min(483px, 65.7vmin);height: min(39px, 5.3vmin);background: url(//x0.ifengimg.com/ucms/special/images/E6F98C8AB585767C30F427ED7F5E03E8.png) no-repeat center/contain;top: 38%;}
/*  */
.weft1{width: min(735px, 100vmin);background: url(//x0.ifengimg.com/ucms/special/images/06C69096A788B741D3297DF3D4CF587A.png) no-repeat top/contain;background-color: #e4ffee;padding: 24% 0 9%;}
.w1-title{width: min(561px, 76.3vmin);height: min(107px, 14.6vmin);background: url(//x0.ifengimg.com/ucms/special/images/F60538F9962652CE0316BE8E64964131.png) no-repeat center/contain;margin: 0 auto 4%;}
.w1-o1{position: relative; width: min(735px, 100vmin);height: min(650px, 88.4vmin);background: url(//x0.ifengimg.com/ucms/special/images/0154BC51E7E8ACF4595EC86C6BB48EAE.png) no-repeat center/contain;margin: 0 auto;}
.w1-t1{width: min(561px, 76.3vmin);height: min(373px, 50.7vmin);background: url(//x0.ifengimg.com/ucms/special/images/F3F7FA6583E21AFC1BF867DA2150249C.png) no-repeat center/contain;margin: 0 auto 4%;}
.w1-link{display: block; width: min(138px, 18.8vmin);height: min(138px, 18.8vmin);background: url(//x0.ifengimg.com/ucms/special/images/34FBC956C8E25FA52B678B0B728E3505.png) no-repeat center/contain;margin: 0 auto;}
.w1-click-tip{z-index: 1;position: absolute;width: min(80px, 10.1vmin);height: min(80px, 10vmin);background: url(//x0.ifengimg.com/ucms/special/images/BD016926CD2748769AD9E93E07061778.png) no-repeat center/contain;bottom: 11%;right: 34%;pointer-events: none; animation: hover_ani 1.6s linear alternate both infinite;}
@keyframes hover_ani{
	0%, 100%{transform: initial;}
	50%{transform: scale(1.15);}
}
.w1-subtitle-1{width: min(338px, 46vmin);height: min(106px, 14.4vmin);background: url(//x0.ifengimg.com/ucms/special/images/5CD873E544C7B2722B84FE03C31EF210.png) no-repeat center/contain;margin: 1% auto;}
.w1-subtitle-2{width: min(457px, 62.2vmin);height: min(110px, 15vmin);background: url(//x0.ifengimg.com/ucms/special/images/138A1C84680717FA5E83AB1C0D118020.png) no-repeat center/contain; margin: 4% auto 8%;}
.w1-swi-wrap{position: relative;padding: 0 0 1%;}
.w1-swi .swiper-slide{width: min(488px, 66.4vmin);height: min(504px, 68.6vmin);background: url(//x0.ifengimg.com/ucms/special/images/50FC038C9A497FFB1FFBE43570CAFA0B.png) no-repeat center/contain;}
.w1-swi img{width: min(380px, 51.1vmin);height: min(352px, 48.2vmin);object-fit: cover;margin: 0 auto;transition: .3s;}
.w1-swi .swiper-slide-prev img, .w1-swi .swiper-slide-next img{filter: brightness(.7);}
.w1-swi h3{color: white;font-size: min(4vmin, 20px);text-align: center;line-height: 1;margin: 3% auto;}
.w1-swi-detail{width: 84%;color: white;font-size: min(3.2vmin, 16px);line-height: 1.5;margin: 0 auto;text-align: justify;}
.w1-swi-detail p{display: inline;text-decoration: underline dotted #40DABC;text-underline-offset: 4px;}
.w1-swi-detail a{display: inline-block;font-size: min(3.2vmin, 16px);color: #6df4d9;line-height: 1.5;}
.w1-prev{width: min(25px, 3.4vmin);height: min(65px, 8.8vmin);background: url(//x0.ifengimg.com/ucms/special/images/C11077F62D83485A9FBB32E14FCF3999.png) no-repeat center/contain;left: 10%;top: 37%;}
.w1-next{width: min(25px, 3.4vmin);height: min(65px, 8.8vmin);background: url(//x0.ifengimg.com/ucms/special/images/A84AE854686E5C14A91BC96656E648F5.png) no-repeat center/contain;right: 10%;top: 37%;}
.w1-prev::after,.w1-next::after{content: '';}
/*  */
.weft2{position: relative;width: min(735px, 100vmin);min-height: min(705px, 95.8vmin);background: url(//x0.ifengimg.com/ucms/special/images/5A8BFDA2AD932E7577E64E7876A215CD.jpg) no-repeat top/100% 100%;padding: 27% 0 0;}
.w2-title{width: min(467px, 63.5vmin);height: min(96px, 13vmin);background: url(//x0.ifengimg.com/ucms/special/images/55E0711FC77554DCE67DD681639844D8.png) no-repeat center/contain;margin: 0 auto 16%;}
.w2-swi .swiper-slide{display: grid;place-items:center;width: min(598px, 81.4vmin);height: min(404px, 55vmin);background: url(//x0.ifengimg.com/ucms/special/images/C8B39E16A88ECE711714050CED3DF653.png) no-repeat center/contain;}
.w2-swi .swiper-slide img{width: min(565px, 76.8vmin);height: min(370px, 50.4vmin);object-fit: cover;}
.w2-swi .swiper-slide .tag{position: absolute;display: grid;place-items:center;width: min(225px, 30.6vmin);height: min(71px, 9.7vmin);background: url(//x0.ifengimg.com/ucms/special/images/FD2B578C6CBC0D7C79234EFB398643A5.png) no-repeat center/contain;bottom: 0;left: 9%;}
.w2-swi .tag h3{color: white;width: fit-content; font-size: min(22px, 3.6vmin);position: absolute;bottom: 10%;left: 0; right: 0;margin: auto;line-height: 1.4;}
.w2-swi .tag.font-min h3{font-size: min(18px, 2.8vmin);bottom: 16%;}
.swiper-slide-shadow.swiper-slide-shadow{opacity: 0 !important;}
/*  */
.weft3{width: min(735px, 100vmin);height: min(895px, 121.7vmin);background: url(//x0.ifengimg.com/ucms/special/images/6802F56345F20E58E00A052D72A7C04E.jpg) no-repeat center/100% 100%;padding: 27% 0 0;background-color: #E4FFEE;}
.w3-title{width: min(537px, 73.1vmin);height: min(83px, 11.2vmin);background: url(//x0.ifengimg.com/ucms/special/images/63B228D7513282E804D8D62367E33562.png) no-repeat center/contain;margin: 11% auto 12%;}
/* 严格保持图1的 4:3 整体视觉比例 */
.photo-wall {position: relative;width: 100%;max-width: 735px;aspect-ratio: 4 / 3;margin: 0 auto;}
/* ---------------- 基准状态（即点击放大后的中央大卡片状态） ---------------- */
.photo-item {position: absolute;inset: 0;margin: auto;
    /* 放大后的目标大小：占据容器的 75% 宽和高 */
    width: 75%;
    height: 75%;
    box-sizing: border-box;
    cursor: pointer;
    /* 💡 核心改动：初始小图状态下，背景透明、无内边距、无阴影（即不显示白框） */
    background-color: rgba(255, 255, 255, 0);
    padding: 0px 0px 0px 0px;
    border-radius: 4px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    /* 全属性深度补间动画：让位移、缩放、白边、阴影同时丝滑过渡 */
    transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), 
                opacity 0.4s ease,
                z-index 0.45s,
                padding 0.45s cubic-bezier(0.25, 1, 0.5, 1),
                background-color 0.45s ease,
                border-radius 0.45s ease,
                box-shadow 0.45s ease;
    z-index: 10;
}
/* 卡片内的图片：由原本的撑满卡片，变为自动适应卡片内部Padding变化 */
.photo-item img {display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 4px; /* 还原图1纯小图的微小圆角 */transition: border-radius 0.45s ease;}
/* 底部文字样式：严格对应图2的居中绿色艺术字体 */
.photo-item .caption {position: absolute;bottom: 16px;left: 0;width: 100%;text-align: center;color: #049360; font-weight: bold;font-size: clamp(14px, 3.2vw, 18px);letter-spacing: 1px;
    /* 缩小状态下完全不显示 */
    opacity: 0;visibility: hidden;transform: translateY(10px);transition: opacity 0.3s ease, transform 0.3s ease;
}
/* ---------------- 核心：点击激活放大状态（还原图2） ---------------- */
.photo-wall .photo-item.active {
    /* 严格约束：清除小图变形，强制回归中央基准状态 */
	transform: initial !important; z-index: 10 !important; opacity: 1 !important;pointer-events: auto !important;
    /* 💡 放大时：丝滑向外蔓延出拍立得白边、大圆角和立体强阴影 */
	background-color: #ffffff !important;padding:  min(16px, 3vmin) min(16px, 3vmin) min(55px, 13vmin) min(16px, 3vmin) !important; /* 底部留出55px给绿字 */border-radius: 8px !important;box-shadow: 0 30px 70px rgba(0, 0, 0, 0.35);
}

/* 放大后，内部图片圆角微调配合外框 */
.photo-wall .photo-item.active img {border-radius: 4px;}
/* 放大后，底部文字优雅浮现 */
.photo-wall .photo-item.active .caption {opacity: 1;visibility: visible;transform: translateY(0);transition-delay: 0.2s; /* 延迟0.2秒显示，等白边撑开后再出字，高级感拉满 */}
/* ---------------- 无遮罩清场逻辑（还原图2） ---------------- */
/* 当有一张图放大时，让其余 12 张小图彻底隐形，腾出独立舞台 */
.photo-wall.has-active .photo-item:not(.active) {opacity: 0 !important;pointer-events: none;}
/* ---------------- 小图散落状态（1:1 严格按照图1纯图片位置微调） ---------------- */
/* 比例和位移全部重新计算，确保去掉白边后，纯图片的大小和间距与图1完全一致 */
/* 【第一排：从左到右4张】 */
.p1  {transform: scale(0.18) translateX(-195%) translateY(-215%);} 
.p2  {transform: scale(0.19) translateX(-80%)  translateY(-215%);} 
.p3  {transform: scale(0.26) translateX(35%)   translateY(-175%);} 
.p4  {transform: scale(0.22) translateX(160%)  translateY(-195%);} 
/* 【第二排：中间及两侧交错】 */
.p5  {transform: scale(0.22) translateX(-180%) translateY(-75%);}  
.p6  { transform: scale(0.48) translateX(-5%)   translateY(-12%); }  
.p7  {transform: scale(0.21) translateX(165%)  translateY(-85%);}  
/* 【左侧下层纵向叠加2张】 */
.p8  {transform: scale(0.26) translateX(-155%) translateY(40%);}   
.p9  {transform: scale(0.23) translateX(-165%) translateY(165%);}   
/* 【底部中间2张】 */
.p10 {transform: scale(0.24) translateX(-55%)  translateY(135%);} 
.p11 {transform: scale(0.22) translateX(50%)   translateY(145%);} 
/* 【右侧下层纵向叠加2张】 */
.p12 {transform: scale(0.26) translateX(142%)  translateY(30%);} 
.p13 {transform: scale(0.22) translateX(155%)  translateY(160%);} 
/* 鼠标悬停小图微调 */
.photo-item:hover:not(.active) {z-index: 50;filter: brightness(1.05);}
.w3-click-tip{z-index: 125;position: absolute;width: min(80px, 10.1vmin);height: min(80px, 10vmin);background: url(//x0.ifengimg.com/ucms/special/images/BD016926CD2748769AD9E93E07061778.png) no-repeat center/contain;bottom: 11%;right: 34%;pointer-events: none; animation: hover_ani 1.6s linear alternate both infinite;transition: opacity .3s;}
/*  */
.weft4{width: min(735px, 100vmin);height: min(964px, 128.2vmin);background: url(//x0.ifengimg.com/ucms/special/images/EA3D5B9BA88A3B9351D0133EBE24D30F.jpg) no-repeat top/100% 100%;background-color: #e4ffee; padding: 24% 0 0%;}
.w4-title{width: min(491px, 66.8vmin);height: min(107px, 14.5vmin);background: url(//x0.ifengimg.com/ucms/special/images/462B58D100962122934244A530D047BE.png) no-repeat center/contain;margin: 0 auto 10%;}
.w4-content{position: relative; width: min(671px, 91.3vmin);height: min(692px, 94.2vmin);background: url(//x0.ifengimg.com/ucms/special/images/902FAA627C485510C8793B9D709902FA.png) no-repeat center/contain;margin: 0 auto;}
.w4-1-swi{width: min(671px, 91.3vmin);}
.w4-1-swi img{width: min(671px, 91.3vmin);height: min(386px, 52.5vmin);object-fit: cover;}
.w4-1-swi .swiper-slide::after{z-index: 1; content: '';width: min(88px, 12vmin);height: min(87px, 11.8vmin);background: url(//x0.ifengimg.com/ucms/special/images/F780E772B74A4F3E55121DA833C1B9D3.png) no-repeat center/contain;position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0; pointer-events: none;}
.w4-video-title{text-align: center;font-size: min(20px, 3.4vmin);line-height: 1.6;margin: 1.4% auto 0;}
.w4-1-swi .swiper-pagination {position: absolute;right: 2%;bottom: 11%;left: auto !important;width: auto;padding: 6px 10px;}
.w4-1-swi .swiper-pagination-bullet {background: #fff;opacity: 0.6;}
.w4-1-swi .swiper-pagination-bullet-active {opacity: 1;background: #ff413e;}
.w4-1-prev{width: min(25px, 3.4vmin);height: min(65px, 8.8vmin);background: url(//x0.ifengimg.com/ucms/special/images/C11077F62D83485A9FBB32E14FCF3999.png) no-repeat center/contain;left: 3%;top: 47%;}
.w4-1-next{width: min(25px, 3.4vmin);height: min(65px, 8.8vmin);background: url(//x0.ifengimg.com/ucms/special/images/A84AE854686E5C14A91BC96656E648F5.png) no-repeat center/contain;right: 3%;top: 47%;}
.w4-1-prev::after,.w4-1-next::after{content: '';}
.w4-2-swi-frame{position: relative;}
.w4-2-swi{width: 92%;margin: 5% auto 0;}
.w4-2-swi img{width: min(302px, 41.1vmin);height: min(202px, 27.4vmin);object-fit: cover;}
.w4-2-prev::after,.w4-2-next::after{content: '';}
.w4-2-prev{width: min(12px, 1.7vmin);height: min(20px, 2.7vmin);background: url(//x0.ifengimg.com/ucms/special/images/9DA3409157B90696E9E6AA9B332FF5A0.png) no-repeat center/contain;left: 1.3%;top: 66%;}
.w4-2-next{width: min(13px, 1.8vmin);height: min(20px, 2.7vmin);background: url(//x0.ifengimg.com/ucms/special/images/31D93BAA58AD0684558A9DAC1CA3B99B.png) no-repeat center/contain;right: 1.3%;top: 66%;}
/*  */
.weft5{width: min(735px, 100vmin);background: url(//x0.ifengimg.com/ucms/special/images/C18C2E19707B4EA6FEE2AA2346EA3D5A.jpg) no-repeat top/contain;padding: 26% 0 0;background-color: #e4ffee;}
.w5-title{width: min(574px, 78.1vmin);height: min(83px, 11.4vmin);background: url(//x0.ifengimg.com/ucms/special/images/109C4F12A46F42A43ED8DCAB1DD933F0.png) no-repeat center/contain;margin: 0 auto 10%;}
.w5-logo{width: min(443px, 60.3vmin);height: min(46px, 6.3vmin);background: url(//x0.ifengimg.com/ucms/special/images/BFE0C78BF110D6CE3D5EE245306BC687.png) no-repeat center/contain;margin: 20% auto -6%;}
.w5-campus{width: min(735px, 100vmin);height: min(312px, 42.5vmin);background: url(//x0.ifengimg.com/ucms/special/images/50DDF563352F2762F741C5C3F6A2107E.png) no-repeat center/contain;}
.w5-prev{z-index: 1; position: absolute;width: min(27px, 3.6vmin);height: min(41px, 5.6vmin);background: url(//x0.ifengimg.com/ucms/special/images/EC9B02F717C70E2113491A0FBA955E59.png) no-repeat center/contain;top: 39%;left: 3%;cursor: pointer;}
.w5-next{z-index: 1;position: absolute;width: min(28px, 3.7vmin);height: min(42px, 5.7vmin);background: url(//x0.ifengimg.com/ucms/special/images/51C0329681FF7F4E8529831CCCF1AD48.png) no-repeat center/contain;top: 39%;right: 3%;cursor: pointer;}
/*  */
.hand-tip{position: absolute;}
.hand-1{z-index: 2;width: 12%;top: 51%;left: 70%;}
.hand-pic{animation: moveleft 3s linear infinite;pointer-events: none;}
@keyframes moveleft{
	from{transform: initial;}
	to{transform: translateX(-360%);}
}
.foot{padding: 5% 0;margin: 0;font-size: 1.2rem;color: #666666;}
/* Hide default scrollbar */
.scroll-vertical-area::-webkit-scrollbar {
    width: 4px; /* Adjust scrollbar width */
    height: 4px; /* Adjust scrollbar height for horizontal scrollbars */
}
/* Scrollbar track */
.scroll-vertical-area::-webkit-scrollbar-track {
    background: #b4f7e3; /* Dark background for scrollbar track */
}
/* Scrollbar thumb */
.scroll-vertical-area::-webkit-scrollbar-thumb {
    background-color: #67d4b3; /* Dark grey thumb color */
    border-radius: 4px; /* Rounded corners for thumb */
    border: 1px solid #67d4b3; /* Optional: adds spacing around thumb */
}
/* Hover effect for scrollbar thumb */
.scroll-vertical-area::-webkit-scrollbar-thumb:hover {
    background-color: rgba(103, 212, 179, .8); /* Lighter grey on hover */
}