/* =============================================
   project-detail-experimental-04 页面样式
   ============================================= */
.experimental-detail-04 { background: #E6E6E6; font-family: 'Inter', Arial, sans-serif; }
.experimental-detail-04 .nav-link { color: #000000 !important; }
.experimental-detail-04 .nav-link:hover, .experimental-detail-04 .nav-link.active,
.experimental-detail-04 .nav-link:focus, .experimental-detail-04 .nav-link:focus-visible { color: #0066ff !important; }
.experimental-detail-04 .brand-text { color: #000000; }
.experimental-main { min-height: 100vh; margin: 0 auto; }
.content-header { padding-top: clamp(55px, 6.94vw, 100px); padding-left: clamp(25px, 3.19vw, 46px); 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(35px, 4.31vw, 62px) clamp(15px, 2.08vw, 30px) 0 clamp(15px, 2.08vw, 30px); position: relative; }
.video-list { display: flex; flex-direction: column; gap: 20px; }
.video-list .video-wrapper:nth-child(1) { margin-bottom: clamp(55px, 7.64vw, 110px); }
.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-wrapper .native-video { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.video-wrapper .native-video::-webkit-media-controls,
.video-wrapper .native-video::-webkit-media-controls-enclosure { display: none !important; }
.video-wrapper .native-video { -webkit-appearance: none; appearance: none; }
.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; }
.footer-section { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 9px clamp(15px, 1.88vw, 27px) 8px; }
.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: #000000; text-decoration: none; }
.next-short:hover, .last-short:hover { color: #0066ff; }