/* 社区详情页样式 - 繁体中文版 */

/* 标签样式 */
.community-tags{display: flex;flex-wrap: wrap;gap: 12px;}
.community-tags .tag-chip{display: inline-block;padding: 8px 3ch;border-radius: 30px;font-family: nr;font-weight: 400;line-height: 1.5;transition: all 0.3s ease;}
.community-tags .tag-chip:hover{opacity: 0.85;}

/* 社区详情页容器 */
.community_detail_con{padding: 0;margin-top: 5.2vw;background-color: var(--page-bg-color, #FFFFFF);}
.community_detail_con .pjd1{padding: 4vw 14.6vw 3vw 14.6vw;}
.community_detail_con .pjd1 .ny_crumbs{margin-bottom: 2.24vw;}
.community_detail_con .pjd1 .txt{font-family: nr; font-weight: normal; color: #131e2b; line-height: 40px; margin-bottom: 2vw;}
.community_detail_con .pjd1 .txt_bottom{display: flex;align-items: center;}
.community_detail_con .pjd1 .txt_bottom .btn{position: relative; width: 215px;line-height: 48px;text-align: center;border: 1px solid #131e2b;margin-right: 2.5vw; font-family: nl;}
.community_detail_con .pjd1 .txt_bottom .btn .code{position: absolute;top: 110%;left: 0%;display: flex;width: auto; opacity: 0;pointer-events: none;transition: all 0.5s;z-index: 2;}
.community_detail_con .pjd1 .txt_bottom .btn .code img{width: 120px;margin: 0 10px 0 0;}
.community_detail_con .pjd1 .txt_bottom .btn:hover .code{opacity: 1;pointer-events: auto;}
.community_detail_con .pjd1 .txt_bottom span{font-family: nl;color: #131e2b;display: none;}
.community_detail_con .pjd1 .txt_bottom .fx{display: flex;align-items: center;margin-left: 0.9vw;display: none;}
.community_detail_con .pjd1 .txt_bottom .fx a{margin-right: 1vw;position: relative;}
.community_detail_con .pjd1 .txt_bottom .fx a .code{position: absolute;top: 110%;left: 50%;transform: translateX(-50%);width: 120px;opacity: 0;pointer-events: none;transition: all 0.5s;}
.community_detail_con .pjd1 .txt_bottom .fx a:hover .code{opacity: 1;pointer-events: auto;}
.community_detail_con .pjd1 .txt_bottom .fx a>img{height: 2.1vw;}

/* 旗舰项目区域 */
.community_detail_con .pjd2{padding: 0vw 0 2.5vw 0;}
.community_detail_con .pjd2 .tit{text-align: center;font-family:nn;color: #131e2b;line-height: 40px;margin-bottom: 2.34vw;text-transform: uppercase;}
.community_detail_con .pjd2 .pics_box{margin-bottom: 5vw;position: relative;overflow: hidden;}
.community_detail_con .pjd2 .pics_box .swiper-slide{width: 54.69vw;height: 25.52vw;background: no-repeat center;background-size: cover;position: relative;margin: 0 auto;}
.community_detail_con .pjd2 .pics_box .swiper-slide:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: var(--theme-color-overlay, rgba(222,206,193,0.9));opacity: 1;transition: all 0.5s; }
.community_detail_con .pjd2 .pics_box .swiper-slide-active:after{opacity: 0;}
.community_detail_con .pjd2 .pics_box .swiper-slide .project-link{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-decoration: none;z-index: 3;}
.community_detail_con .pjd2 .pics_box .swiper-slide .flagship-badge{position: absolute;top: 0;left: 0;width: 9.32vw;height: 2.4vw;line-height: 2.4vw;padding: 0;text-align: center;background-color: var(--theme-color, #FF2426);color: #fff;font-family: nm;border-radius: 0;z-index: 4;opacity: 0;transition: all 0.5s;}
.community_detail_con .pjd2 .pics_box .swiper-slide-active .flagship-badge{opacity: 1;}
.community_detail_con .pjd2 .pics_box .swiper-slide .project-info{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 54.69vw;height: 3.49vw;padding: 0;background: var(--theme-color, #FF2426);opacity: 0;transition: all 0.5s;}
.community_detail_con .pjd2 .pics_box .swiper-slide-active .project-info{opacity: 0.9;}
.community_detail_con .pjd2 .pics_box .swiper-slide .project-name{color: #fff;font-family: nm;text-align: center;padding: 0;margin: 0;line-height: 3.49vw;}
.community_detail_con .pjd2 .pics_box .prev,.community_detail_con .pjd2 .pics_box .next{position: absolute;top: 50%;transform: translateY(-50%);width: 2.6vw;height: 2.6vw;z-index: 5;cursor: pointer;transition: all 0.5s;background-size: 100% 100%;background-repeat: no-repeat;}
.community_detail_con .pjd2 .pics_box .prev:hover,.community_detail_con .pjd2 .pics_box .next:hover{opacity: 0.7;}
.community_detail_con .pjd2 .pics_box .prev{left: calc(20.7% - 4.014vw);background-image: url(../img-en/pjd_prev.png);}
.community_detail_con .pjd2 .pics_box .next{right: calc(20.7% - 4.014vw);background-image: url(../img-en/pjd_next.png);}
.community_detail_con .pjd2 .btn{width: 215px;display: block; line-height: 48px;text-align: center;border: 1px solid #131e2b;margin: 0 auto; font-family: nl;transition: all 0.5s;}
.community_detail_con .pjd2 .btn:hover{color: #fff;border-color: transparent;background-color:#131e2b;}

/* 标题区域 */
.community-title-section{padding: 4vw 0 4vw 0;text-align: center;}
.community-title-wrapper{display: inline-block;}
.community-main-title{font-family: nm;line-height: 56px;color: #131e2b;margin: 0;padding: 0;font-weight: normal;letter-spacing: 2px;}
.title-underline{width: 6.354vw;height: 3px;background-color: #FF2426;margin-top: 12px;margin-left: auto;margin-right: auto;transition: all 0.3s ease;}

/* Banner区域 */
.community-banner-section{position: relative;width: 100%;background-color: #fff;}
.community-banner-section .banner-content{display: flex;width: 100%;height: 0;padding-bottom: 30%;position: relative;}
.community-banner-section .banner-content.mm{display: none;}
.community-banner-section .banner-image{position: absolute;left: 0;top: 0;width: 56.77%;height: 100%;background: no-repeat center;background-size: 100% 100%;}
.community-banner-section .banner-text-area{position: absolute;right: 0;top: 0;width: 43.23%;height: 100%;background-color: var(--theme-color, #F87171);display: flex;flex-direction: column;justify-content: space-around;align-items: center;padding: 4vw;color: #fff;}
.community-banner-section .banner-subtitle{font-family: nm;line-height: 1.5;text-align: center;margin-bottom: 1.04vw;white-space: pre-line;}
.community-banner-section .text-divider{width: 6.3vw;height: 1px;background-color: #fff;margin: 1.04vw 0;transition: all 0.3s ease;}
.community-banner-section .banner-lead-text{font-family: nm;line-height: 1.5;text-align: center;white-space: pre-line;}

/* 左右布局 */
.community-content-layout {
    display: flex;
    gap: 8.333vw;
    margin: 0 0 2.5vw 0;
}
.community-content-layout .left-content,
.community-content-layout .right-content {
    flex: 1;
}
.community-content-layout .left-content .txt {
    margin-bottom: 3vw;
}
.community-content-layout .right-content > div:first-child {
    margin-bottom: 3vw;
}

/* 文字样式 */
.community_detail_con .pjd1 .txt {
    font-family: nl;
    font-size: 28px;
}

.community_detail_con .pjd1 .txt strong,
.community_detail_con .pjd1 .txt b {
    font-family: nr;
}

@media screen and (max-width: 1680px) {
    .community_detail_con .pjd1 .txt {
        font-size: 22px;
    }
}

/* 移动端响应式 */
@media (max-width: 768px) {
    .community_detail_con{margin-top: 87px;}
    .community_detail_con .pjd1{padding: 30px 23px 40px 23px;}
    .community_detail_con .pjd1 .ny_crumbs{margin-bottom: 20px;}
    .community_detail_con .pjd1 .txt{font-size: 13px !important;line-height: 21px !important;margin-bottom: 25px;}
    .community_detail_con .pjd1 .txt_bottom{flex-wrap: wrap;justify-content: center;}
    .community_detail_con .pjd1 .txt_bottom .btn{width: 207px;margin: 0 calc(50% - 103px);margin-bottom: 13px;}
    .community_detail_con .pjd1 .txt_bottom .fx a>img{height: 5vw;}
    
    .community_detail_con .pjd2 .pics_box{margin-bottom: 40px;}
    .community_detail_con .pjd2 .pics_box .swiper-slide{width: 100%;height: 0;padding-bottom: 56.25%;}
    .community_detail_con .pjd2 .pics_box .prev,
    .community_detail_con .pjd2 .pics_box .next{width: 32px;height: 32px;}
    .community_detail_con .pjd2 .pics_box .prev{left: 12px;}
    .community_detail_con .pjd2 .pics_box .next{right: 12px;}
    .community_detail_con .pjd2 .pics_box .swiper-slide .flagship-badge{top: 0;left: 0;width: auto;min-width: 60px;height: auto;line-height: 1.5;padding: 6px 3ch;font-size: 12px;}
    .community_detail_con .pjd2 .pics_box .swiper-slide .project-info{width: 100%;height: auto;padding: 6px 3ch;left: 0;right: 0;transform: none;}
    .community_detail_con .pjd2 .pics_box .swiper-slide .project-name{padding: 0;font-size: 12px;line-height: 1.5;}
    
    .community-tags .tag-chip{padding: 6px 3ch;font-size: 12px;}
    
    .community_detail_con .community-content-layout{display: block !important;margin: 0 0 30px 0 !important;}
    .community_detail_con .community-content-layout .left-content{width: 100% !important;margin-bottom: 30px;}
    .community_detail_con .community-content-layout .right-content{width: 100% !important;}
    .community_detail_con .community-content-layout .txt{font-size: 13px !important;line-height: 21px !important;}
    .community_detail_con .community-content-layout .left-content > div:first-child{margin-bottom: 20px;}
    .community_detail_con .community-content-layout .left-content > div:last-child{margin-bottom: 0;}
    .community_detail_con .community-content-layout .right-content > div:first-child{margin-bottom: 20px !important;}
    .community_detail_con .community-content-layout .right-content > div:last-child{margin-bottom: 0;}
    
    .community-main-title{line-height: 29px;}
    .title-underline{width: 3.177vw;height: 2px;margin-left: auto;margin-right: auto;}
    
    .community-banner-section .banner-content{padding-bottom: 0;height: auto;flex-direction: column;}
    .community-banner-section .banner-content.pc{display: none;}
    .community-banner-section .banner-content.mm{display: flex;}
    .community-banner-section .banner-image{position: relative;width: 100%;height: 0;padding-bottom: 56.25%;}
    .community-banner-section .banner-text-area{position: relative;width: 100%;height: auto;padding: 30px 23px;}
    .community-banner-section .banner-subtitle{font-size: 16px;line-height: 24px;}
    .community-banner-section .banner-lead-text{font-size: 16px;line-height: 24px;}
}