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

.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; }
.meta-right { font-family: 'Inter', sans-serif; font-style: normal; font-weight: 800; line-height: 150%; letter-spacing: 0.06em; display: flex; gap: clamp(50px, 9.1vw, 131px); }

.image-grid-section { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(10px, 1.667vw, 24px); padding: 0; background: #000000; margin: 0 auto; position: relative; z-index: 2; }
.image-grid-item { position: relative; width: 100%; aspect-ratio: 9/16; overflow: hidden; background: #000000; }
.grid-item-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; }
.grid-item-text { position: absolute; bottom: 0; left: 0; right: 0; padding: clamp(8px, 1.042vw, 15px) clamp(5px, 0.694vw, 10px); text-align: center; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); z-index: 3; display: flex; flex-direction: column; align-items: center; }
.product-name { font-size: clamp(10px, 0.833vw, 12px); font-weight: 600; letter-spacing: 0.167em; color: #ffffff; margin-bottom: 4px; }
.product-type { font-size: clamp(8px, 0.694vw, 10px); font-weight: 400; letter-spacing: 0.1em; color: rgba(255, 255, 255, 0.7); }
.grid-item-image { width: 100%; height: 100%; object-fit: cover; }
.image-grid-section-02 { background: #000000; padding: 18px clamp(15px, 2.08vw, 30px); position: relative; z-index: 2; }
.video-section-dark-02, .footer-section-dark-02 { background: #000000; }

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