/* =============================================
   project-detail-04 页面样式
   ============================================= */
.page-04 { background: #000000; font-family: 'Inter', Arial, sans-serif; }
.page-04 .nav-link { color: #ffffff !important; }
.page-04 .brand-text { color: #ffffff; }
.page-04 .content-header { padding: 20px clamp(15px, 2.08vw, 30px) clamp(55px, 7.36vw, 106px); }
.meta-left { font-family: 'FZChaoCuHei-M10S', serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 150%; letter-spacing: 0.06em; display: flex; align-items: center; gap: 25px; }
.page-04 .content-meta { padding: 0 clamp(15px, 2.08vw, 30px) 23px; display: flex; justify-content: space-between; align-items: center; }
.page-04 .video-section { padding: 0 clamp(15px, 2.08vw, 30px) clamp(25px, 3.47vw, 50px); }
.page-04 .info-section { padding: 0 clamp(15px, 2.08vw, 30px) clamp(55px, 7.5vw, 108px); }
.page-04 .video-intro { padding: 0 clamp(15px, 2.08vw, 30px) 20px; display: flex; justify-content: space-between; align-items: center; }
.page-04 .video-section-dark { padding: 0 clamp(15px, 2.08vw, 30px) 20px; }
.page-04 .image-section { padding: 0 clamp(15px, 2.08vw, 30px) clamp(30px, 3.96vw, 57px); }
.page-04 .footer-text { padding: 28px clamp(15px, 2.08vw, 30px) 10px clamp(15px, 2.08vw, 30px); margin-top: -57px; background: #D4D4D4; position: relative; z-index: 2; }
.page-04 .footer-text .info-image { display: flex; justify-content: flex-end; width: 100%; }
.page-04 .footer-text .info-image img { max-width: clamp(200px, 23.125vw, 333px); height: auto; object-fit: contain; }