/* =============================================
   project-detail-03 页面样式
   ============================================= */
.page-03 { background: #000000; font-family: 'Inter', Arial, sans-serif; }
.page-03 .nav-link { color: #ffffff !important; }
.page-03 .brand-text { color: #ffffff; }
.page-03 .content-header { padding: 20px clamp(15px, 2.08vw, 30px) clamp(55px, 7.36vw, 106px); }
.page-03 .content-meta { padding: 0 clamp(15px, 2.08vw, 30px) 20px; display: flex; justify-content: space-between; align-items: center; }
.image-section { padding-top: 0; }
.page-03 .video-section { padding: 0 clamp(15px, 2.08vw, 30px) 0 clamp(15px, 2.08vw, 30px); }
.page-03 .video-section .video-intro { font-family: 'Inter', sans-serif; font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.06em; font-size: clamp(13px, 1.25vw, 18px); padding-bottom: 20px; padding-top: clamp(30px, 4.17vw, 60px); }
.page-03 .video-section .video-intro .video-intro-full { display: flex; justify-content: space-between; padding-left: 0; padding-right: 0; width: 100%; }
.page-03 .meta-items { font-family: 'Inter', sans-serif; font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.06em; font-size: clamp(13px, 1.25vw, 18px); display: flex; justify-content: space-between; width: 100%; }
.content-meta-03 { background: #D4D4D4; }
.video-section-03 { background: #D4D4D4; margin-bottom: clamp(30px, 4.17vw, 60px); position: relative; }
.video-section-03::after { content: ''; position: absolute; bottom: clamp(-30px, -4.17vw, -60px); left: clamp(-15px, -2.08vw, -30px); right: clamp(-15px, -2.08vw, -30px); height: clamp(30px, 4.17vw, 60px); background: #D4D4D4; z-index: -1; }
.video-section-dark-03 { background: #D4D4D4; }
.info-section { background: #D4D4D4; padding-bottom: clamp(30px, 4.03vw, 58px); padding-top: clamp(28px, 3.61vw, 52px); }
.footer-section-dark-03 { background: #D4D4D4; }
.page-nav-dark-03 { background: #D4D4D4; }
.page-nav-03 { background: #D4D4D4; }
.page-nav-03 .next-project:hover .next-title,
.page-nav-03 .prev-project:hover .prev-title,
.page-nav-03 .next-project:active .next-title,
.page-nav-03 .prev-project:active .prev-title { color: #0066ff; }
.page-03 .footer-section { height: 50vh; position: relative; padding-top: 0; padding-left: clamp(15px, 2.08vw, 30px); padding-right: clamp(15px, 2.08vw, 30px); background: #D4D4D4; overflow: hidden; z-index: 2; margin-top: clamp(-30px, -4.17vw, -60px); }
.page-03 .footer-section .footer-bg { top: 0; left: clamp(15px, 2.08vw, 30px); right: clamp(15px, 2.08vw, 30px); bottom: 0; }