/* =============================================
   project-detail-01 页面样式
   ============================================= */
.page-01 { background: #000000; font-family: 'Inter', Arial, sans-serif; }
.page-01 .nav-link { color: #ffffff !important; }
.page-01 .nav-link:hover, .page-01 .nav-link.active,
.page-01 .nav-link:focus, .page-01 .nav-link:focus-visible { color: #0066ff !important; }
.page-01 .brand-text { color: #ffffff; }

.meta-left { font-family: 'FZChaoCuHei-M10S', serif; font-style: normal; font-weight: 400; font-size: clamp(13px, 1.25vw, 18px); line-height: 150%; letter-spacing: 0.06em; display: flex; align-items: center; gap: 20px; }
.meta-right { font-family: 'Inter', sans-serif; font-style: normal; font-weight: 800; line-height: 150%; letter-spacing: 0.06em; display: flex; gap: clamp(40px, 9.1vw, 131px); }

.info-section { padding: 0 clamp(15px, 2.08vw, 30px) clamp(55px, 7.64vw, 110px); }
.footer-section-dark-01 { height: clamp(250px, 27.778vw, 400px); position: relative; z-index: 2; background: #000000; padding: 0 clamp(15px, 2.08vw, 30px); margin-top: -27px; }
.page-nav-dark-01 { background: #000000; }
.video-section-dark-01 { background: #000000; }

.image-section { padding: 23px clamp(15px, 2.08vw, 30px) 23px clamp(15px, 2.08vw, 30px); background: #000000; }
.image-section-01 { display: block; padding: 23px clamp(15px, 2.08vw, 30px); }
.image-section-01 .image-item { aspect-ratio: auto; display: flex; align-items: center; justify-content: center; }
.image-item img { width: auto; max-width: 100%; height: auto; max-height: 100%; object-fit: contain; }

.page-nav-dark-01 .next-project, .page-nav-dark-01 .prev-project { color: #ffffff; }
.page-nav-dark-01 .next-label, .page-nav-dark-01 .prev-label { color: #999999; }
.page-nav-dark-01 .next-project:hover .next-title,
.page-nav-dark-01 .prev-project:hover .prev-title,
.page-nav-dark-01 .next-project:active .next-title,
.page-nav-dark-01 .prev-project:active .prev-title { color: #0066ff; }