.secret-return {
    padding: 100px 0;
    background: radial-gradient(circle, rgba(255, 169, 229, 1) 0%, #ffffff 60%, #ffffff 100%);
    position: relative;
    overflow: hidden;
}

.secret-container {
    position: relative;
    z-index: 1;
    padding: 0 8.33vw;
}

.secret-header {
    position: relative;
    text-align: center;
    z-index: 3;
}

.secret-title {
    /* font-family: SourceHanSansSC-Bold; */
    font-weight: bold;
    text-align: left;
    line-height: 1.17;
    color: rgba(0, 0, 0, 1);
}

.secret-title span {
    color: #D62598;
}

.secret-tagline {
    color: rgba(0, 0, 0, 1);
    /* font-family: SourceHanSansSC-Regular; */
    text-align: left;
    letter-spacing: .17em;
    margin-top: .41em;
}

.secret-bubbles {
    position: relative;
    width: 1614px;
    max-width: 100%;
    padding-top: 42.75%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -10.59%;
    z-index: 1;
}

.secret-bubbles .bubbles {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.secret-bubbles .bubble {
    position: absolute;
}

.secret-bubbles .bubble img {
    width: 100%;
}

/* 中心气泡样式 */
.center-bubble {
    width: 44.91%;
    left: 26.39%;
    top: 34.2%;
    z-index: 4;
}

/* 气泡位置精确布局 */
.bubble-1 {
    top: 0;
    left: 55.26%;
    width: 33.45%;
}

.bubble-2 {
    top: 17.36%;
    left: 38.28%;
    width: 23.72%;
}

.bubble-3 {
    top: 21.01%;
    left: 76.27%;
    width: 15.17%;
}

.bubble-4 {
    top: 35.94%;
    left: 7.8%;
    width: 17.41%;
}

.bubble-5 {
    top: 49.13%;
    left: 0;
    width: 25.89%;
}

.bubble-6 {
    top: 35.79%;
    right: 0;
    width: 30.91%;
}

.bubble-7 {
    top: 66.8%;
    left: 23.29%;
    width: 17.41%;
}

.bubble-8 {
    top: 62.6%;
    left: 44.17%;
    width: 22.86%;
}

.bubble-9 {
    top: 65.36%;
    left: 72.36%;
    width: 14.06%;
}

.bubble-10 {
    top: 75.5%;
    left: 5.57%;
    width: 14.74%;
}

.bubble-11 {
    bottom: 0;
    left: 46.59%;
    width: 28.93%;
}

.bubble-12 {
    bottom: 0;
    left: 78.68%;
    width: 17.41%;
}

.art-layout-section {
    position: relative;
    padding: 140px 0;
    z-index: 3;
}

.art-layout-section .icon {
    position: absolute;
    top: 454px;
    width: 453px;
    transform: translateX(-26.04%);
}

.art-layout-section .icon .art-layout-image-1 img,
.art-layout-section .icon .art-layout-image-1 {
    width: 100%;
}

.art-layout-section .icon .art-layout-image-3 img{
    display: block;
}
.art-layout-section .icon .art-layout-image-1 img,
.art-layout-section .icon .art-layout-image-2 img {
    display: block;
    width: 100%;
}

.art-layout-section .icon .art-layout-image-2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 11.03%;
}

.art-layout-container .art-layout {
    display: flex;
    justify-content: space-between;
}

.art-layout-container .left-content {
    width: 42.22%;
    padding-top: 4vw;
    white-space: nowrap;
}

.art-layout-container .pink-text-list {
    /* font-family: SourceHanSerifCN-Bold; */
    font-weight: bold;
    color: #D62598;
    line-height: 1.58;
    letter-spacing: .1em;
}

.art-layout-container .pink-text-list .text-item:nth-child(2) {
    text-indent: 3em;
}

.art-layout-container .pink-text-list .text-item:nth-child(3) {
    text-indent: 1em;
}

.art-layout-container .right-content {
    position: relative;
    width: 57.14%;
}

.art-layout-container .right-content .image-content {
    width: 100%;
}

.art-layout-container .right-content .image-content img {
    display: block;
    width: 100%;
}

.art-layout-container .right-content .secondary-image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 55.12%;
}

.art-layout-container .right-content .secondary-image img {
    display: block;
    width: 100%;
}

.ip-art-section {
    padding: 0 0 100px;
}

.ip-art-section .ip-art-container {
    padding: 0 8.33vw;
    display: flex;
    justify-content: space-between;
}

.ip-art-section .ip-art-left {
    width: 45%;
}

.ip-art-section .ip-art-title {
    /* font-family: SourceHanSansSC-Bold; */
    font-weight: bold;
    color: #000000;
    line-height: 1;
    border-left: 20px solid rgba(214, 37, 152, 1);
    padding-left: 35px;
    letter-spacing: .2em;
}

.ip-art-section .ip-art-description {
    /* font-family: SourceHanSansSC-Regular; */
    font-weight: 400;
    color: #000000;
    line-height: 2.36;
    margin-top: 2.66em;
    padding-left: 55px;
    width: 120%;
}

.ip-art-section .ip-art-left .text:not(:last-child) {
    margin-bottom: 1.33em;
}

.ip-art-section .ip-art-right {
    width: 50%;
}

.ip-art-section .ip-art-right img {
    width: 100%;
    transform: scale(1.1);
}

.art-picture .pic img {
    display: block;
    width: 100%;
}

.flower-section {
    padding: 100px 0 0;
}

.flower-section .flower-container {
    padding: 0 8.33vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.flower-section .flower-left {
    padding-top: 8.33vw;
    width: 45.14%;
}

.flower-section .flower-left .flower-title {
    /* font-family: SourceHanSansSC-Bold; */
    font-weight: bold;
    color: #000000;
    line-height: 1.28;
    margin-bottom: .81em;
}

.flower-section .flower-left .flower-title span {
    color: rgba(210, 37, 148, 1);
}

.flower-section .flower-left .flower-english-title {
    /* font-family: SourceHanSansSC-Bold; */
    /* font-weight: bold; */
    /* font-size: 45px; */
    color: #000000;
}

.flower-section .flower-left .flower-description {
    margin-top: 10px;
    line-height: 1.8em;
}

.flower-section .flower-right {
    position: relative;
    width: 52.35%;
}

.flower-section .flower-right .flower-bg-image1 {
    width: 58.56%;
    margin: 0 0 0 auto;
    padding-top: 9.58%;
}

.flower-section .flower-right .flower-main-image img,
.flower-section .flower-right .flower-bg-image2 img,
.flower-section .flower-right .flower-bg-image1 img {
    display: block;
    width: 100%;
}

.flower-section .flower-right .flower-bg-image2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 50.65%;
}

.flower-section .flower-right .flower-main-image {
    position: absolute;
    left: 3.95%;
    bottom: -2.76%;
    width: 70.53%;
}

.bloom-section {
    padding: 100px 0;
}

.bloom-section .bloom-title {
    /* font-family: SourceHanSansSC-Bold; */
    font-weight: bold;
}

.bloom-section .bloom-title span {
    color: #D62598;
}

.bloom-section .bloom-container {
    padding: 0 8.33vw;
}

.bloom-section .bloom-content {
    display: flex;
    justify-content: space-between;
}

.bloom-section .bloom-left {
    width: 65.01%;
}

.bloom-section .bloom-left .des {
    /* font-family: SourceHanSansSC-Regular; */
    font-weight: 400;
    font-size: 26px;
    color: #000000;
    line-height: 1.76;
    padding-top: 1em;
}

.bloom-section .bloom-left .text:not(:last-child) {
    margin-bottom: 1em;
}

.bloom-section .bloom-left .bloom-images {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.bloom-section .bloom-left .bloom-images .bloom-img-1 {
    width: 27.48%;
}

.bloom-section .bloom-left .bloom-images .bloom-img-2 {
    width: 33.26%;
}

.bloom-section .bloom-left .bloom-images .bloom-img-3 {
    width: 34.81%;
}

.bloom-section .bloom-right {
    width: 33.1%;
}

.bloom-section .bloom-right .text {
    /* font-family: SourceHanSansSC-Regular; */
    font-weight: 400;
    font-size: 24px;
    color: #000000;
    line-height: 1.91;
    padding: 23px 0 0 20px;
}

.bloom-section .bloom-right .bloom-english {
    margin-top: 4.32vw;
}

.bloom-section .bloom-right .bloom-english img {
    display: block;
    margin: 0 0 0 auto;
    max-width: 100%;
}

.taboo-section {
    padding-bottom: 110px;
}

.taboo-container {
    padding: 0 8.33vw;
}

.taboo-english-title img {
    display: block;
    max-width: 100%;
}

.taboo-content {
    display: flex;
    justify-content: space-between;
    margin-top: 18px;
}

.taboo-content .taboo-left {
    width: 61.44%;
}

.taboo-content .taboo-left .taboo-main-title {
    /* font-family: SourceHanSansSC-Bold; */
    font-weight: bold;
    color: #000000;
}

.taboo-content .taboo-left .taboo-main-title span {
    color: rgba(212, 37, 150, 1);
}

.taboo-content .taboo-left .taboo-text {
    /* font-family: SourceHanSansSC-Regular; */
    font-weight: 400;
    font-size: 24px;
    color: #000000;
    line-height: 1.83;
    margin-top: .625em;
}
.taboo-content .taboo-left .taboo-text .text:not(:last-child){
    margin-bottom: .83em;
}
.taboo-content .taboo-left .taboo-img-large{
    margin-top: 16px;
}
.taboo-content .taboo-left .taboo-img-large .pic{
   width: 78.6%;
}
.taboo-content .taboo-right{
    width: 32.35%;
}
.taboo-content .taboo-right .taboo-img-small:not(:last-child){
    margin-bottom: 8px;
}
.art-picture-section{
    padding: 90px 0 107px;
    background:rgba(239, 239, 239, 1)
}
.art-picture-section .content1600{
    display: flex;
    justify-content: space-between;
}
.art-picture-section .l{
    width: 63.67%;
}
.art-picture-section .l .l-t{
    width: 135.88%;
}
.art-picture-section .l .l-b{
    width: 102.25%;
    margin-top: -10.16%;
}
.art-picture-section .r .r-t img,
.art-picture-section .l .l-b img,
.art-picture-section .l .l-t img{
    display: block;
    width: 100%;
}
.art-picture-section .r{
    width: 34.56%;
}
.art-picture-section .r .r-t{
    padding-top: 34.71%;
}
.art-journey-section{
    padding: 90px 0 0;
}
.art-journey-section .content1600{
    display: flex;
}
.art-journey-section .l{
    width: 32.5%;
}
.art-journey-section .l-t{
    width: 81.53%;
    margin: 0 0 0 auto;
    transform: translateX(16.5%);
    padding-top: 15.38%;
}
.art-journey-section .r img,
.art-journey-section .c-t img,
.art-journey-section .c img,
.art-journey-section .l-b img,
.art-journey-section .l-t img{
    display: block;
    width: 100%;
}
.art-journey-section .l-b{
    position: relative;
    width: 116.92%;
    margin-top: -30.76%;
    z-index: 4;
}
.art-journey-section .c{
    position: relative;
    width: 35.28%;
    z-index: 4;
}
.art-journey-section .c-t{
    padding-top: 36.87%;
}
.art-journey-section .r{
    width: 28%;
    margin-left: 4.21%;
}
@media (max-width:1440px) {
    .secret-container,
    .taboo-container,
    .bloom-section .bloom-container,
    .flower-section .flower-container,
    .ip-art-section .ip-art-container{
        padding: 0 3%;
    }
    .art-layout-section .icon{
        width: 20.83%;
    }
    .art-layout-container .right-content{
        width: 50%;
    }
    .ip-art-section .ip-art-description{
        line-height: 2;
    }
}
@media (max-width:1280px) {
    
}
@media (max-width:1199px) {
    .art-journey-section{
        padding-top: 80px;
    }
    .art-picture-section{
        padding: 80px 0;
    }
    .bloom-section,
    .art-layout-section,
    .secret-return{
        padding: 80px 0;
    }
    .flower-section{
        padding-top: 80px;
    }
    .taboo-section,
    .ip-art-section{
        padding-bottom: 80px;
    }
    .art-layout-section .icon{
        bottom: 50px;
        top: auto;
    }
    .art-layout-section .icon .art-layout-image-3 img{
        transform: translateX(30%);
    }
    .art-layout-section .icon .art-layout-image-3 img{
        width: 80vw;
    }
    .ip-art-section .ip-art-title{
        border-width: 10px;
        padding-left: 20px;
    }
    .ip-art-section .ip-art-description{
        padding-left: 30px;
        margin-top: 2em;
        font-size: 20px;
    }
    .bloom-section .bloom-left .des{
        font-size: 22px;
    }
    .bloom-section .bloom-right .text{
        font-size: 20px;
    }
    .bloom-section .bloom-left .text:not(:last-child){
        margin-bottom: .8em;
    }
    .bloom-section .bloom-left .bloom-images{
        margin-top: 10px;
    }
    .bloom-section .bloom-right .bloom-english{
        margin-top: 2.32vw;
    }
    .bloom-section .bloom-right .text{
        padding-top: 15px;
        padding-left: 15px;
    }
    .taboo-content .taboo-left .taboo-text{
        font-size: 20px;
    }
}
@media (max-width:1024px) {
    .art-journey-section{
        padding-top: 70px;
    }
    .art-picture-section{
        padding: 70px 0;
    }
    .taboo-content .taboo-left .taboo-text{
        font-size: 18px;
    }
    .bloom-section .bloom-left .des{
        font-size: 20px;
    }
    .bloom-section .bloom-right .text{
        font-size: 18px;
    }
    .bloom-section,
    .art-layout-section,
    .secret-return{
        padding: 70px 0;
    }
    .flower-section{
        padding-top: 70px;
    }
    .taboo-section,
    .ip-art-section{
        padding-bottom: 70px;
    }
    .secret-bubbles{
        margin-top: -7%;
    }
    .flower-section .flower-left .flower-description{
        font-size: 22px;
    }
}
@media (max-width: 768px) {
    .art-journey-section{
        padding-top: 60px;
    }
    .art-picture-section{
        padding: 60px 0;
    }
    .taboo-content .taboo-left .taboo-img-large .pic{
        width: 100%;
    }
    .taboo-content{
        flex-direction: column;
    }
    .taboo-content .taboo-right,
    .taboo-content .taboo-left,
    .bloom-section .bloom-right,
    .bloom-section .bloom-left{
        width: 100%;
    }
    .bloom-section .bloom-right{
        margin-top: 15px;
    }
    .bloom-section .bloom-content{
        flex-direction: column;
    }
    .flower-section .flower-container{
        flex-direction: column;
        align-items: flex-end;
    }
    .flower-section .flower-left{
        padding-top: 0;
        width: 100%;
    }
    .flower-section .flower-right{
        width: 80%;
        margin-top: 30px;
    }
    .flower-section .flower-left .flower-description{
        font-size: 20px;
    }
    .ip-art-section .ip-art-right{
        width: 100%;
    }
    .ip-art-section .ip-art-left{
        width: 100%;
    }
    .ip-art-section .ip-art-description{
        width: 100%;
        margin-top: 1.5em;
    }
    .ip-art-section .ip-art-container{
        flex-direction: column;
    }
    .art-layout-container .right-content{
        width: 70%;
        margin-top: 30px;
    }
    .art-layout-container .left-content{
        padding-top: 0;
        width: 100%;
    }
    .art-layout-container .art-layout{
        flex-direction: column;
        align-items: flex-end;
    }
    .art-layout-section .icon .art-layout-image-3 img{
        transform: translateX(10%);
    }
    .secret-bubbles{
        margin-top: -5%;
    }
    .bloom-section,
    .art-layout-section,
    .secret-return{
        padding: 60px 0;
    }
    .flower-section{
        padding-top: 60px;
    }
    .taboo-section,
    .ip-art-section{
        padding-bottom: 60px;
    }
    .ip-art-section .ip-art-description{
        font-size: 18px;
    }
    .ip-art-section .ip-art-left .text:not(:last-child){
        margin-bottom: .8em;
    }
    .flower-section .flower-left .flower-title{
        margin-bottom: .5em;
    }
    .taboo-content .taboo-right{
        margin-top: 15px;
    }
}
@media (max-width: 500px) {
    .art-journey-section .c-t
    .art-journey-section .l-b{
        width: 80%;
    }
    .art-journey-section .l-t{
        padding-top: 8%;
        width: 68%;
        transform: translateX(0);
    }
    .art-journey-section .l{
        order: 3;
    }
    .art-journey-section .l,
    .art-journey-section .c{
        width: 100%;
    }
    .art-journey-section .r{
        margin: 0 0 0 auto;
        width: 46%;
        order: 2;
    }
    .art-journey-section .c{
        order: 1;
    }
    .art-journey-section .content1600{
        flex-wrap: wrap;
    }
    .art-picture-section .r .r-t{
        padding-top: 14%;
    }
    .art-picture-section .r{
        width: 70%;
        margin: 0 0 0 auto;
    }
    .art-picture-section .l{
        width: 100%;
    }
    .art-picture-section .l .l-b{
        width: 100%;
    }
    .art-picture-section .l .l-t{
        width: 140%;
    }
    .art-picture-section .content1600{
        flex-direction: column;
    }
    .art-journey-section{
        padding-top: 50px;
    }
    .art-picture-section{
        padding: 50px 0;
    }
    .taboo-content .taboo-right{
        margin-top: 10px;
    }
    .bloom-section .bloom-right .text{
        font-size: 16px;
    }
    .bloom-section .bloom-right .bloom-english img{
    width: 249px;
    }
    .bloom-section .bloom-left .des{
        font-size: 18px;
        padding-top: .5em;
    }
    .bloom-section .bloom-right{
        margin-top: 10px;
    }
    .flower-section .flower-left .flower-description{
        font-size: 18px;
    }
    .flower-section .flower-right{
        margin-top: 25px;
    }
    .ip-art-section .ip-art-left .text:not(:last-child){
        margin-bottom: .5em;
    }
    .ip-art-section .ip-art-description{
        margin-top: 1.2em;
    }
    .ip-art-section .ip-art-title{
        border-width: 5px;
        padding-left: 10px;
        letter-spacing: .1em;
        font-size: 26px;
    }
    .ip-art-section .ip-art-description{
        padding-left: 15px;
        font-size: 16px;
    }
    .art-layout-container .right-content{
        margin-top: 25px;
    }
    .secret-return{
        background: radial-gradient(circle, rgba(255, 169, 229, 1) 0%, #ffffff 80%, #ffffff 100%);
    }
     .secret-bubbles{
        margin-top: 2%;
    }
    .flower-section{
        padding-top: 50px;
    }
    .bloom-section,
    .art-layout-section,
    .secret-return{
        padding: 50px 0;
    }
    .taboo-section,
    .ip-art-section{
        padding-bottom: 50px;
    }
}