@charset "utf-8";



.scNewsCarousel20260519 { --scnc-bg: #050507; --scnc-card-bg: rgba(255, 255, 255, 0.02); --scnc-title-color: #FFFFFF; --scnc-desc-color: #A1A1AA; --scnc-accent: #7DD3FC; --scnc-nav-dot: rgba(255, 255, 255, 0.2); --scnc-nav-dot-active: #7DD3FC; --scnc-arrow: #FFFFFF; --scnc-arrow-hover: #7DD3FC; --scnc-date-color: #71717A; --scnc-tag-bg: rgba(125, 211, 252, 0.1); --scnc-tag-color: #7DD3FC; --scnc-progress: #7DD3FC; position: relative; width: 100%; background: var(--scnc-bg); overflow: hidden; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }



.scNewsCarousel20260519 * { box-sizing: border-box; margin: 0px; padding: 0px; }



.scNewsCarousel20260519 .scnc-container { position: relative; max-width: calc(1200px * var(--gw-transform-scale, 1)); margin: 0px auto; padding: calc(60px * var(--gw-transform-scale, 1)) calc(20px * var(--gw-transform-scale, 1)); }



.scNewsCarousel20260519 .scnc-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: calc(40px * var(--gw-transform-scale, 1)); flex-wrap: wrap; gap: calc(16px * var(--gw-transform-scale, 1)); }



.scNewsCarousel20260519 .scnc-header-left { display: flex; flex-direction: column; gap: calc(8px * var(--gw-transform-scale, 1)); }



.scNewsCarousel20260519 .scnc-section-tag { display: inline-flex; align-items: center; gap: calc(8px * var(--gw-transform-scale, 1)); font-size: calc(12px * var(--gw-transform-scale, 1)); font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; color: var(--scnc-accent); }



.scNewsCarousel20260519 .scnc-section-tag .scnc-tag-dot { width: calc(6px * var(--gw-transform-scale, 1)); height: calc(6px * var(--gw-transform-scale, 1)); background: var(--scnc-accent); border-radius: 50%; animation: 2s ease-in-out 0s infinite normal none running scncPulse20260519; }



.scNewsCarousel20260519 .scnc-section-title { font-size: calc(32px * var(--gw-transform-scale, 1)); font-weight: 200; letter-spacing: -0.025em; color: var(--scnc-title-color); line-height: 1.2; }



.scNewsCarousel20260519 .scnc-header-right { display: flex; align-items: center; gap: calc(12px * var(--gw-transform-scale, 1)); }



.scNewsCarousel20260519 .scnc-arrow-btn { width: calc(44px * var(--gw-transform-scale, 1)); height: calc(44px * var(--gw-transform-scale, 1)); border: 1px solid rgba(255, 255, 255, 0.1); background: transparent; color: var(--scnc-arrow); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.3s; }



.scNewsCarousel20260519 .scnc-arrow-btn svg { width: calc(20px * var(--gw-transform-scale, 1)); height: calc(20px * var(--gw-transform-scale, 1)); }



.scNewsCarousel20260519 .scnc-arrow-btn:hover { border-color: var(--scnc-accent); color: var(--scnc-arrow-hover); background: rgba(125, 211, 252, 0.05); }



.scNewsCarousel20260519 .scnc-arrow-btn:disabled { opacity: 0.3; cursor: not-allowed; border-color: rgba(255, 255, 255, 0.05); }



.scNewsCarousel20260519 .scnc-carousel-wrap { position: relative; overflow: hidden; }



.scNewsCarousel20260519 .scnc-carousel-track { display: flex; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; }



.scNewsCarousel20260519 .scnc-slide { flex: 0 0 100%; width: 100%; padding: 0 calc(4px * var(--gw-transform-scale, 1)); }



.scNewsCarousel20260519 .scnc-card { display: flex; background: var(--scnc-card-bg); border: 1px solid rgba(255, 255, 255, 0.05); overflow: hidden; position: relative; transition: 0.4s; }



.scNewsCarousel20260519 .scnc-card:hover { border-color: rgba(125, 211, 252, 0.2); box-shadow: 0 calc(20px * var(--gw-transform-scale, 1)) calc(60px * var(--gw-transform-scale, 1)) rgba(0, 0, 0, 0.4); }



.scNewsCarousel20260519 .scnc-card-image-wrap { flex: 0 0 55%; position: relative; overflow: hidden; min-height: calc(360px * var(--gw-transform-scale, 1)); }



.scNewsCarousel20260519 .scnc-card-image-wrap .scnc-card-image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1); }



.scNewsCarousel20260519 .scnc-card-image-wrap:hover .scnc-card-image { transform: scale(1.05); }



.scNewsCarousel20260519 .scnc-card-image-overlay { position: absolute; inset: 0px; background: linear-gradient(transparent 50%, rgba(5, 5, 7, 0.6) 100%); pointer-events: none; }



.scNewsCarousel20260519 .scnc-card-content { flex: 1 1 0%; padding: calc(40px * var(--gw-transform-scale, 1)); display: flex; flex-direction: column; justify-content: center; gap: calc(20px * var(--gw-transform-scale, 1)); }



.scNewsCarousel20260519 .scnc-card-meta { display: flex; align-items: center; gap: calc(12px * var(--gw-transform-scale, 1)); flex-wrap: wrap; }



.scNewsCarousel20260519 .scnc-card-tag { display: inline-flex; align-items: center; padding: calc(4px * var(--gw-transform-scale, 1)) calc(12px * var(--gw-transform-scale, 1)); background: var(--scnc-tag-bg); color: var(--scnc-tag-color); font-size: calc(11px * var(--gw-transform-scale, 1)); font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; }



.scNewsCarousel20260519 .scnc-card-date { font-size: calc(13px * var(--gw-transform-scale, 1)); color: var(--scnc-date-color); font-weight: 300; }



.scNewsCarousel20260519 .scnc-card-title { font-size: calc(28px * var(--gw-transform-scale, 1)); font-weight: 300; line-height: 1.3; color: var(--scnc-title-color); letter-spacing: -0.02em; transition: color 0.3s; }



.scNewsCarousel20260519 .scnc-card-title a { color: inherit; text-decoration: none; }



.scNewsCarousel20260519 .scnc-card-title a:hover { color: var(--scnc-accent); }



.scNewsCarousel20260519 .scnc-card-desc { font-size: calc(15px * var(--gw-transform-scale, 1)); line-height: 1.7; color: var(--scnc-desc-color); font-weight: 300; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }



.scNewsCarousel20260519 .scnc-card-link { display: inline-flex; align-items: center; gap: calc(8px * var(--gw-transform-scale, 1)); font-size: calc(14px * var(--gw-transform-scale, 1)); font-weight: 500; color: var(--scnc-accent); text-decoration: none; transition: gap 0.3s; margin-top: calc(8px * var(--gw-transform-scale, 1)); }



.scNewsCarousel20260519 .scnc-card-link svg { width: calc(16px * var(--gw-transform-scale, 1)); height: calc(16px * var(--gw-transform-scale, 1)); transition: transform 0.3s; }



.scNewsCarousel20260519 .scnc-card-link:hover { gap: calc(14px * var(--gw-transform-scale, 1)); }



.scNewsCarousel20260519 .scnc-card-link:hover svg { transform: translateX(calc(4px * var(--gw-transform-scale, 1))); }



.scNewsCarousel20260519 .scnc-dots { display: flex; align-items: center; justify-content: center; gap: calc(10px * var(--gw-transform-scale, 1)); margin-top: calc(32px * var(--gw-transform-scale, 1)); }



.scNewsCarousel20260519 .scnc-dot { width: calc(32px * var(--gw-transform-scale, 1)); height: calc(3px * var(--gw-transform-scale, 1)); background: var(--scnc-nav-dot); border: none; cursor: pointer; transition: 0.3s; position: relative; overflow: hidden; }



.scNewsCarousel20260519 .scnc-dot.is-active { background: var(--scnc-nav-dot-active); width: calc(48px * var(--gw-transform-scale, 1)); }



.scNewsCarousel20260519 .scnc-dot .scnc-dot-progress { position: absolute; left: 0px; top: 0px; height: 100%; width: 0%; background: var(--scnc-progress); transition: width 0.1s linear; }



.scNewsCarousel20260519 .scnc-loading { display: flex; align-items: center; justify-content: center; padding: calc(80px * var(--gw-transform-scale, 1)); color: var(--scnc-desc-color); font-size: calc(14px * var(--gw-transform-scale, 1)); gap: calc(12px * var(--gw-transform-scale, 1)); }



.scNewsCarousel20260519 .scnc-loading-spinner { width: calc(24px * var(--gw-transform-scale, 1)); height: calc(24px * var(--gw-transform-scale, 1)); border-width: 2px; border-style: solid; border-right-color: rgba(255, 255, 255, 0.1); border-bottom-color: rgba(255, 255, 255, 0.1); border-left-color: rgba(255, 255, 255, 0.1); border-image: initial; border-top-color: var(--scnc-accent); border-radius: 50%; animation: 0.8s linear 0s infinite normal none running scncSpin20260519; }



.scNewsCarousel20260519 .scnc-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: calc(80px * var(--gw-transform-scale, 1)); gap: calc(16px * var(--gw-transform-scale, 1)); color: var(--scnc-desc-color); }



.scNewsCarousel20260519 .scnc-empty svg { width: calc(48px * var(--gw-transform-scale, 1)); height: calc(48px * var(--gw-transform-scale, 1)); opacity: 0.3; }



.scNewsCarousel20260519 .scnc-empty-text { font-size: calc(16px * var(--gw-transform-scale, 1)); font-weight: 300; }



@media (max-width: 1024px) {

  .scNewsCarousel20260519 .scnc-card { flex-direction: column; }

  .scNewsCarousel20260519 .scnc-card-image-wrap { flex: 0 0 auto; width: 100%; min-height: calc(280px * var(--gw-transform-scale, 1)); }

  .scNewsCarousel20260519 .scnc-card-content { padding: calc(28px * var(--gw-transform-scale, 1)); }

  .scNewsCarousel20260519 .scnc-card-title { font-size: calc(22px * var(--gw-transform-scale, 1)); }

}



@media (max-width: 768px) {

  .scNewsCarousel20260519 .scnc-container { padding: calc(40px * var(--gw-transform-scale, 1)) calc(16px * var(--gw-transform-scale, 1)); }

  .scNewsCarousel20260519 .scnc-section-title { font-size: calc(24px * var(--gw-transform-scale, 1)); }

  .scNewsCarousel20260519 .scnc-header { margin-bottom: calc(24px * var(--gw-transform-scale, 1)); }

  .scNewsCarousel20260519 .scnc-card-image-wrap { min-height: calc(220px * var(--gw-transform-scale, 1)); }

  .scNewsCarousel20260519 .scnc-card-content { padding: calc(20px * var(--gw-transform-scale, 1)); gap: calc(14px * var(--gw-transform-scale, 1)); }

  .scNewsCarousel20260519 .scnc-card-title { font-size: calc(18px * var(--gw-transform-scale, 1)); }

  .scNewsCarousel20260519 .scnc-card-desc { font-size: calc(13px * var(--gw-transform-scale, 1)); -webkit-line-clamp: 2; }

  .scNewsCarousel20260519 .scnc-arrow-btn { width: calc(36px * var(--gw-transform-scale, 1)); height: calc(36px * var(--gw-transform-scale, 1)); }

  .scNewsCarousel20260519 .scnc-arrow-btn svg { width: calc(16px * var(--gw-transform-scale, 1)); height: calc(16px * var(--gw-transform-scale, 1)); }

}



@media (max-width: 576px) {

  .scNewsCarousel20260519 .scnc-section-title { font-size: calc(20px * var(--gw-transform-scale, 1)); }

  .scNewsCarousel20260519 .scnc-card-image-wrap { min-height: calc(180px * var(--gw-transform-scale, 1)); }

  .scNewsCarousel20260519 .scnc-card-content { padding: calc(16px * var(--gw-transform-scale, 1)); }

  .scNewsCarousel20260519 .scnc-card-title { font-size: calc(16px * var(--gw-transform-scale, 1)); }

  .scNewsCarousel20260519 .scnc-card-meta { gap: calc(8px * var(--gw-transform-scale, 1)); }

}



@keyframes scncPulse20260519 { 

  0%, 100% { opacity: 1; transform: scale(1); }

  50% { opacity: 0.5; transform: scale(1.3); }

}



@keyframes scncSpin20260519 { 

  100% { transform: rotate(360deg); }

}