.project-page-stage-01,
.project-page-stage-02 {
    background: #000000;
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

.project-page-stage-01 .nav-link,
.project-page-stage-02 .nav-link {
    color: #ffffff !important;
}

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

.project-page-stage-01 .brand-text,
.project-page-stage-02 .brand-text {
    color: #ffffff;
}

.project-page-stage-02 .project-intro,
.project-page-stage-02 .project-info {
    background: #D4D4D4;
}

.project-gallery-compact {
    padding-top: 20px;
    padding-bottom: 20px;
}

.project-page-stage-02 .project-gallery {
    background: #D4D4D4 !important;
}

.project-page-stage-02 .gallery-grid-stage {
    background: #D4D4D4 !important;
}

.project-page-stage-02 .gallery-info-title,
.project-page-stage-02 .gallery-info-desc {
    color: #000000 !important;
}

.gallery-items-no-gap {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.project-page-01,
.project-page-02,
.project-page-03,
.project-page-04,
.project-page-05,
.project-page-06,
.project-page-07,
.project-page-08 {
    background: #000000;
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* 为有深色背景的项目页面添加白色导航链接 */
.project-page-01 .nav-link,
.project-page-02 .nav-link,
.project-page-05 .nav-link,
.project-page-06 .nav-link,
.project-page-07 .nav-link,
.project-page-08 .nav-link {
    color: #ffffff !important;
}

.project-page-01 .nav-link:hover,
.project-page-02 .nav-link:hover,
.project-page-05 .nav-link:hover,
.project-page-06 .nav-link:hover,
.project-page-07 .nav-link:hover,
.project-page-08 .nav-link:hover,
.project-page-01 .nav-link.active,
.project-page-02 .nav-link.active,
.project-page-05 .nav-link.active,
.project-page-06 .nav-link.active,
.project-page-07 .nav-link.active,
.project-page-08 .nav-link.active,
.project-page-01 .nav-link:focus,
.project-page-02 .nav-link:focus,
.project-page-05 .nav-link:focus,
.project-page-06 .nav-link:focus,
.project-page-07 .nav-link:focus,
.project-page-08 .nav-link:focus,
.project-page-01 .nav-link:focus-visible,
.project-page-02 .nav-link:focus-visible,
.project-page-05 .nav-link:focus-visible,
.project-page-06 .nav-link:focus-visible,
.project-page-07 .nav-link:focus-visible,
.project-page-08 .nav-link:focus-visible {
    color: #0066ff !important;
}

.project-page-01 .brand-text,
.project-page-02 .brand-text,
.project-page-05 .brand-text,
.project-page-06 .brand-text,
.project-page-07 .brand-text,
.project-page-08 .brand-text {
    color: #ffffff;
}

.project-nav-dark-07 {
    background: #000000;
}

.project-nav-dark-07 .next-project,
.project-nav-dark-07 .prev-project {
    color: #ffffff;
}

.project-nav-dark-07 .next-label,
.project-nav-dark-07 .prev-label {
    color: #999999;
}

.project-nav-dark-07 .next-project:hover .next-title,
.project-nav-dark-07 .prev-project:hover .prev-title {
    color: #0066ff;
}

.project-nav-dark-07 .next-project:active .next-title,
.project-nav-dark-07 .prev-project:active .prev-title {
    color: #0066ff;
}

.project-intro-01,
.project-intro-02,
.project-intro-03,
.project-intro-04,
.project-intro-05,
.project-intro-06 {
    background: #D4D4D4;
}

.project-video-01,
.project-video-02,
.project-video-03,
.project-video-04,
.project-video-05,
.project-video-06 {
    background: #D4D4D4;
}

.project-video-dark-01,
.project-video-dark-02,
.project-video-dark-03,
.project-video-dark-04,
.project-video-dark-05,
.project-video-dark-06 {
    background: #D4D4D4;
}

.project-info-01,
.project-info-02,
.project-info-03,
.project-info-04,
.project-info-05,
.project-info-06 {
    background: #D4D4D4;
}

.project-end-dark-01,
.project-end-dark-02,
.project-end-dark-03,
.project-end-dark-04,
.project-end-dark-05,
.project-end-dark-stage {
    background: #D4D4D4;
}

.project-nav-dark-01,
.project-nav-dark-02,
.project-nav-dark-03,
.project-nav-dark-04,
.project-nav-dark-05 {
    background: #D4D4D4;
}

.project-video-grid-01 {
    background: #000000;
}

.project-video-dark-01 {
    background: #000000;
    position: relative;
    z-index: 2;
    padding-bottom: 10px;
}

.project-end-dark-01 {
    height: 400px;
    position: relative;
    z-index: 2;
    background: #000000;
}

.project-nav-dark-01,
.project-nav-dark-02 {
    background: #000000;
}

.project-image-grid-02 {
    background: #000000;
}

.project-video-dark-02 {
    background: #000000;
    position: relative;
    z-index: 2;
    padding-bottom: 10px;
}

.project-end-dark-02 {
    height: 400px;
    position: relative;
    z-index: 2;
    background: #000000;
}

.project-end-dark-stage {
    height: 400px;
    position: relative;
    z-index: 2;
    background: #D4D4D4;
}

.project-nav-dark-stage {
    background: #D4D4D4;
}

.project-nav-dark-01 .next-project,
.project-nav-dark-01 .prev-project,
.project-nav-dark-02 .next-project,
.project-nav-dark-02 .prev-project {
    color: #ffffff;
}

.project-nav-dark-01 .next-label,
.project-nav-dark-01 .prev-label,
.project-nav-dark-02 .next-label,
.project-nav-dark-02 .prev-label {
    color: #999999;
}

.project-nav-dark-stage .next-label,
.project-nav-dark-stage .prev-label {
    color: #999999;
}

.project-nav-dark-01 .next-project:hover .next-title,
.project-nav-dark-01 .prev-project:hover .prev-title,
.project-nav-dark-02 .next-project:hover .next-title,
.project-nav-dark-02 .prev-project:hover .prev-title,
.project-nav-dark-stage .next-project:hover .next-title,
.project-nav-dark-stage .prev-project:hover .prev-title {
    color: #0066ff;
}

.project-nav-dark-01 .next-project:active .next-title,
.project-nav-dark-01 .prev-project:active .prev-title,
.project-nav-dark-02 .next-project:active .next-title,
.project-nav-dark-02 .prev-project:active .prev-title,
.project-nav-dark-stage .next-project:active .next-title,
.project-nav-dark-stage .prev-project:active .prev-title {
    color: #0066ff;
}

.project-nav-03,
.project-nav-04,
.project-nav-05,
.project-nav-06,
.project-nav-08 {
    background: #D4D4D4;
}

.project-nav-03 .next-project:hover .next-title,
.project-nav-03 .prev-project:hover .prev-title,
.project-nav-04 .next-project:hover .next-title,
.project-nav-04 .prev-project:hover .prev-title,
.project-nav-05 .next-project:hover .next-title,
.project-nav-05 .prev-project:hover .prev-title,
.project-nav-06 .next-project:hover .next-title,
.project-nav-06 .prev-project:hover .prev-title,
.project-nav-08 .next-project:hover .next-title,
.project-nav-08 .prev-project:hover .prev-title {
    color: #0066ff;
}

.project-nav-03 .next-project:active .next-title,
.project-nav-03 .prev-project:active .prev-title,
.project-nav-04 .next-project:active .next-title,
.project-nav-04 .prev-project:active .prev-title,
.project-nav-05 .next-project:active .next-title,
.project-nav-05 .prev-project:active .prev-title,
.project-nav-06 .next-project:active .next-title,
.project-nav-06 .prev-project:active .prev-title,
.project-nav-08 .next-project:active .next-title,
.project-nav-08 .prev-project:active .prev-title {
    color: #0066ff;
}

.left-item-tencent-85 {
    margin-top: 85px;
}

.left-item-tencent-95 {
    margin-top: 95px;
}

.left-item-tencent-130 {
    margin-top: 130px;
}

.left-item-credits-95 {
    margin-top: 95px;
}

.left-item-credits-105 {
    margin-top: 105px;
}

.left-item-credits-160 {
    margin-top: 160px;
}

.right-item-mt-50 {
    margin-top: 50px;
}

.right-item-mt-130 {
    margin-top: 130px;
}

.text-highlight {
    color: #B43502;
}

.grid-video-cover-kidult {
    background-image: url('../../assets/01_project/05_kidult/00.jpg');
}

.grid-video-cover-curtainoftime {
    background-image: url('../../assets/01_project/01_curtainoftime/00.jpg');
}

.grid-item-bg-fragrance-1 {
    background-image: url('../../assets/01_project/02_timeless_fragrance/1.jpg');
}

.grid-item-bg-fragrance-2 {
    background-image: url('../../assets/01_project/02_timeless_fragrance/2.jpg');
}

.grid-item-bg-fragrance-3 {
    background-image: url('../../assets/01_project/02_timeless_fragrance/3.jpg');
}

.grid-item-bg-fragrance-4 {
    background-image: url('../../assets/01_project/02_timeless_fragrance/4.jpg');
}

.grid-item-bg-fragrance-5 {
    background-image: url('../../assets/01_project/02_timeless_fragrance/5.jpg');
}

.grid-item-bg-fragrance-6 {
    background-image: url('../../assets/01_project/02_timeless_fragrance/6.jpg');
}

.grid-item-bg-fragrance-7 {
    background-image: url('../../assets/01_project/02_timeless_fragrance/7.jpg');
}

.grid-item-bg-fragrance-8 {
    background-image: url('../../assets/01_project/02_timeless_fragrance/8.jpg');
}

.left-item-no-margin {
    margin-bottom: 0;
}

/* project-detail-03 特定样式 */
.project-page-03 .project-intro {
    padding: 60px 20px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.project-page-03 .intro-items {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* project-detail-04 时间线区域 */
.project-page-04 .project-timeline:last-of-type {
    padding-bottom: 20px;
}

/* project-detail-04 片尾文字区域 */
.project-end-text {
    background: #D4D4D4;
    padding: 40px 20px 60px;
    position: relative;
    z-index: 2;
}

.project-end-text .end-text-content {
    max-width: 400px;
    margin-left: auto;
    text-align: right;
}

.project-end-text .credits-title {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #000000;
    margin-bottom: 30px;
}

.project-end-text .credits-list {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.project-end-text .credits-item {
    font-size: 16px;
    color: #666666;
    letter-spacing: 1px;
}

.project-nav .next-project {
    align-items: flex-end;
}

.project-nav .next-label {
    font-size: 21px;
}

.project-nav .next-title {
    font-size: 42px;
}