/* =============================================
   project-detail-experimental-05 页面样式
   ============================================= */
.experimental-detail-05 { background: #DE6989; font-family: 'Inter', Arial, sans-serif; }
.experimental-detail-05 .nav-link { color: #FFFFFF !important; }
.experimental-detail-05 .nav-link:hover, .experimental-detail-05 .nav-link.active,
.experimental-detail-05 .nav-link:focus, .experimental-detail-05 .nav-link:focus-visible { color: #0066ff !important; }
.experimental-detail-05 .brand-text { color: #FFFFFF; }
.experimental-main { min-height: 100vh; margin: 0 auto; }
.content-header { padding-top: clamp(50px, 6.67vw, 96px); padding-left: clamp(25px, 3.26vw, 47px); padding-right: clamp(15px, 2.15vw, 31px); }
.header-image { width: 100%; height: auto; }
.header-image img { width: 100%; object-fit: cover; display: block; }
.video-section { padding: clamp(30px, 4.17vw, 60px) clamp(15px, 2.08vw, 30px) 0 clamp(15px, 2.08vw, 30px); position: relative; }
.video-wrapper { position: relative; width: 100%; aspect-ratio: 16/9; border-radius: 5px; overflow: hidden; background-color: #000; }
.video-wrapper .xgplayer-container { width: 100%; height: 100%; }
.video-wrapper .xgplayer-container video { width: 100%; height: 100%; object-fit: cover; }
.video-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; pointer-events: none; transition: opacity 0.3s ease; }
.video-cover img { width: 100%; height: 100%; object-fit: cover; }
.video-wrapper.playing .video-cover, .video-wrapper:hover .video-cover { opacity: 0; }
.image-section { padding: clamp(65px, 8.96vw, 129px) clamp(25px, 3.26vw, 47px) clamp(70px, 10vw, 144px) clamp(25px, 3.26vw, 47px); }
.image-item img { width: 100%; max-width: 100%; height: auto; display: block; }
.footer-section { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(15px, 1.88vw, 27px) clamp(20px, 2.78vw, 40px); }
.next-short, .last-short { font-family: 'Inter', sans-serif; font-weight: 700; font-size: clamp(13px, 1.25vw, 18px); letter-spacing: 0.06em; line-height: 150%; color: #FFFFFF; text-decoration: none; }
.next-short:hover, .last-short:hover { color: #0066ff; }