/* =============================================
   project-detail-stage-02 页面样式
   ============================================= */
.page-stage-02 { background: #000000; font-family: 'Inter', Arial, sans-serif; }
.page-stage-02 .content-meta, .page-stage-02 .info-section { background: #D4D4D4; position: relative; z-index: 2; }
.gallery-compact { padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 2; }

.page-stage-02 .gallery-section-stage-02 { background: #D4D4D4 !important; position: relative; z-index: 2; overflow: hidden; width: 100%; }
.page-stage-02 .gallery-grid-stage { background: #D4D4D4 !important; max-width: 100%; margin: 0; padding: 0; box-sizing: border-box; }
.page-stage-02 .gallery-grid-stage .gallery-item img { width: 100%; height: auto; display: block; }

.gallery-info-header, .gallery-info-header-2 { display: flex; justify-content: space-between; align-items: center; padding-top: 20px; }
.gallery-info-title { font-family: 'Inter', sans-serif; font-weight: 700; font-size: clamp(13px, 1.25vw, 18px); letter-spacing: 0.06em; line-height: 150%; color: #000000; }
.gallery-info-desc { font-family: 'Inter', sans-serif; font-weight: 700; font-size: clamp(13px, 1.25vw, 18px); letter-spacing: 0.06em; line-height: 150%; color: #000000; }

.page-stage-02 .content-header { padding: 18px clamp(15px, 2.08vw, 30px) clamp(115px, 16.11vw, 232px) clamp(15px, 2.08vw, 30px); }
.page-stage-02 .content-meta { padding: 0 clamp(15px, 2.08vw, 30px) 20px clamp(15px, 2.08vw, 30px); }
.page-stage-02 .content-meta .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: clamp(50px, 6.94vw, 100px); }
.page-stage-02 .content-meta .meta-right { font-family: 'Inter', sans-serif; font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.06em; font-size: 18px; display: flex; gap: clamp(15px, 2.08vw, 30px); }

.page-stage-02 .content-meta-stage-03, .page-stage-02 .content-meta-stage-04,
.page-stage-02 .content-meta-stage-05, .page-stage-02 .content-meta-stage-02 { padding: 20px clamp(15px, 2.08vw, 30px) 0 clamp(15px, 2.08vw, 30px); background: #D4D4D4; position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; color: #000000; font-family: 'Inter', sans-serif; font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.06em; font-size: 18px; }
.page-stage-02 .content-meta-stage-02 .meta-right { gap: clamp(40px, 5.56vw, 80px); }
.page-stage-02 .content-meta-stage-03 .meta-right { gap: 20px; }
.page-stage-02 .content-meta-stage-04 .meta-right { gap: clamp(20px, 2.78vw, 40px); }
.page-stage-02 .content-meta-stage-05 .meta-right { gap: clamp(15px, 2.08vw, 30px); }

.page-stage-02 .video-section { padding: 0 clamp(15px, 2.08vw, 30px) 0 clamp(15px, 2.08vw, 30px); }
.page-stage-02 .video-section-2 { padding: 0 clamp(15px, 2.08vw, 30px) 10px clamp(15px, 2.08vw, 30px); background: #D4D4D4; color: #000000; position: relative; z-index: 2; overflow: hidden; }
.page-stage-02 .video-section-2 .video-wrapper { width: 100%; margin: 0 auto; }
.page-stage-02 .video-section.video-gap-large { padding: 0 clamp(15px, 2.08vw, 30px) 0px clamp(15px, 2.08vw, 30px); }
.page-stage-02 .gallery-section-stage-02.gallery-compact.gallery-gap-large { padding: 0 clamp(15px, 2.08vw, 30px) clamp(15px, 2.08vw, 30px) clamp(15px, 2.08vw, 30px); }
.page-stage-02 .gallery-section-stage-02.gallery-compact.gallery-gap-medium { padding: 0 clamp(15px, 2.08vw, 30px) 0; }
.page-stage-02 .footer-section-dark { padding-top: clamp(15px, 2.08vw, 30px); }

.gallery-items-no-gap { display: flex; flex-direction: column; gap: 0; position: relative; z-index: 2; }

.page-stage-02 .nav-link { color: #ffffff !important; }
.page-stage-02 .nav-link:hover, .page-stage-02 .nav-link.active,
.page-stage-02 .nav-link:focus, .page-stage-02 .nav-link:focus-visible { color: #0066ff !important; }
.page-stage-02 .brand-text { color: #ffffff; }