.banner-container{position:relative;width:100%;padding:40px 0;overflow:hidden}.banner-swiper{width:100%;height:550px;margin-left:auto;margin-right:auto;overflow:visible}.swiper-slide{opacity:.4;transition:opacity .3s}.swiper-slide-active{opacity:1}.banner-loading{width:100%;height:550px;display:flex;justify-content:center;align-items:center}.banner-slide{position:relative;width:100%;height:100%;background-color:#1a2a3a;border-radius:12px;overflow:hidden;display:flex;box-shadow:0 4px 20px #00000026}.banner-content{position:relative;width:100%;color:#fff;z-index:2;display:flex;flex-direction:column}.banner-tag{position:absolute;top:20px;left:30px;display:inline-block;min-width:180px;height:60px;line-height:60px;color:#fff;padding:4px 12px;font-size:24px;margin-bottom:10px;align-self:flex-start;border-radius:30px;background:linear-gradient(264deg,#2942e6 2.02%,#2a6efb 92.09%);z-index:2}.banner-tag-icon{margin-right:10px}.banner-date{font-size:14px;margin-bottom:8px;opacity:.8}.banner-title{font-size:24px;font-weight:600;margin-bottom:12px;line-height:1.3}.banner-description{font-size:16px;margin-bottom:20px;line-height:1.5;opacity:.9;max-width:90%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.banner-button{display:inline-block;padding:8px 20px;background-color:#1e88e5;color:#fff;text-decoration:none;border-radius:4px;font-size:14px;transition:background-color .3s;align-self:flex-start}.banner-button:hover{background-color:#1565c0}.banner-image{width:100%;height:300px;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.banner-infos{padding:30px}.swiper-button-prev,.swiper-button-next{width:40px;height:40px;background-color:#fff3;border-radius:50%;color:#fff}.swiper-button-prev:after,.swiper-button-next:after{font-size:18px}.swiper-button-prev:hover,.swiper-button-next:hover{background-color:#fff6}.swiper-pagination{position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.swiper-pagination-bullet{width:10px;height:10px;background-color:#ffffff80;opacity:.7}.swiper-pagination-bullet-active{background-color:#fff;transform:scale(1.2)}.banner-bottom-nav{display:flex;justify-content:space-between;align-items:center;width:50%;margin:50px auto 0;padding:0 20px}.banner-categories{display:flex;gap:20px}.banner-categories a{color:#ffffffb3;text-decoration:none;font-size:16px;transition:all .3s ease;position:relative;padding:5px 0}.banner-categories a:hover{color:#fff}.banner-categories a.active{color:#fff;font-weight:500}.banner-categories a.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--primary-color, #1e88e5);transform:scaleX(1);transform-origin:left;transition:transform .3s ease}.banner-categories a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--primary-color, #1e88e5);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.banner-categories a:hover:after{transform:scaleX(.5)}.banner-pagination-arrows{display:flex;gap:10px}.pagination-arrow{width:30px;height:30px;border-radius:50%;background-color:#fff3;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease}.pagination-arrow:hover{background-color:#fff6;transform:translateY(-2px)}.pagination-arrow:active{transform:translateY(0)}@media (max-width: 768px){.banner-container{padding:20px 0}.banner-swiper{height:480px;overflow:hidden}.banner-slide{border-radius:8px}.banner-content{width:100%;padding:0}.banner-tag{top:15px;left:15px;min-width:auto;height:40px;line-height:40px;font-size:16px;padding:0 20px}.banner-image{height:240px}.banner-infos{padding:20px}.banner-title{font-size:18px;margin-bottom:10px;line-height:1.4}.banner-description{font-size:14px;line-height:1.5;margin-bottom:15px;-webkit-line-clamp:3;max-width:100%}.banner-button{padding:10px 20px;font-size:14px;text-align:center}.banner-bottom-nav{width:100%;flex-direction:column;gap:20px;margin-top:30px}.banner-categories{width:100%;gap:15px;overflow-x:auto;padding:0 15px 10px;justify-content:flex-start;-webkit-overflow-scrolling:touch}.banner-categories::-webkit-scrollbar{height:3px}.banner-categories::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.banner-categories a{font-size:14px;white-space:nowrap;padding:8px 0}.banner-pagination-arrows{display:none;width:100%;gap:20px}.pagination-arrow{width:40px;height:40px;background-color:#ffffff1a}.pagination-arrow span{font-size:18px}.swiper-slide{opacity:1}.banner-swiper .swiper-slide{transform:scale(.95);transition:transform .3s ease}.banner-swiper .swiper-slide-active{transform:scale(1)}}@media (max-width: 480px){.banner-swiper{height:450px}.banner-image{height:200px}.banner-title{font-size:16px}.banner-description{-webkit-line-clamp:2;font-size:13px}.banner-tag{height:32px;line-height:32px;font-size:14px;padding:0 15px}.banner-categories{gap:12px}.banner-categories a{font-size:13px}.pagination-arrow{width:36px;height:36px}}@media (max-width: 1280px){.banner-container{padding:40px 0}.banner-swiper{height:500px;padding:0 20px}.banner-bottom-nav{width:70%;max-width:1000px;margin:30px auto 0;padding:0 20px}}@media (max-width: 1024px){.banner-container{padding:30px 0}.banner-swiper{height:480px}.banner-bottom-nav{width:90%;max-width:800px}.banner-title{font-size:22px}.banner-description{font-size:15px;-webkit-line-clamp:3}.banner-tag{min-width:160px;height:50px;line-height:50px;font-size:20px}.banner-image{height:280px}}