/*To Solve Your Problem*/

.tiktok-solve {
    padding: 40px 13px 20px 13px;
    text-align: center;
	max-width:800px;
	margin: 0 auto;
}

.tiktok-solve .comment {
    margin: 0px auto 30px auto;

    color: #1E1E1E;
    font-weight: bold;
    font-size: 1.8rem;
    letter-spacing: 0.9px;
    line-height: 2.8rem;
}

.tiktok-solve .flex-box {
    display: flex;
    flex-wrap: wrap;
    gap: 33px;
    justify-content: center;
}

.flex-box__inside {
    display: flex;
    flex-direction: column;
    max-width: 230px;
    width: 100%;
}

.flex-box__inside span {

    font-size: 8.0rem;
    font-weight: bold;
    color: #F5F5F5;
    text-align: left;
    letter-spacing: 4px;
    text-shadow:
        2px 2px 0px #333333,
        -2px 2px 0px #333333,
        2px -2px 0px #333333,
        -2px -2px 0px #333333,
        2px 0px 0px #333333,
        0px 2px 0px #333333,
        -2px 0px 0px #333333,
        0px -2px 0px #333333,
}

.flex-box__inside h3 {
    font-size: 2.0rem;
}

.flex-box__inside img {
    max-width: 120px;
    width: 100%;
    margin: 10px auto 20px auto;
}

.flex-box__inside txt {

    text-align: justify;
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: 20px;
}

.comment {
    margin: 30px auto 40px auto;
    font-size: 1.2rem;
    line-height: 2.0rem;
}

.flex-box {
    gap: 40px 9px;
}

.flex-box__inside {
}

.flex-box__inside span {
    font-size: 7.0rem;
}

.flex-box__inside h3 {
    font-size: 1.6rem;
}

.flex-box__inside img {
    max-width: 100px;
    width: 100%;
    margin: 0 auto 10px auto;
}

.flex-box__inside--txt {
    font-size: 1.2rem;
}

.flex-box__inside--txt p {
    line-height: 2.0rem;
}

/*tiktok vide*/
.tiktok-video {
    background-image:
        repeating-linear-gradient(to bottom,
        transparent 25px,
        rgba(0, 0, 0, 0.04) 26px, rgba(0, 0, 0, 0.04) 26px,
        transparent 27px, transparent 51px,
        rgba(0, 0, 0, 0.04) 52px, rgba(0, 0, 0, 0.04) 52px,
        transparent 53px, transparent 77px,
        rgba(0, 0, 0, 0.04) 78px, rgba(0, 0, 0, 0.04) 78px,
        transparent 79px, transparent 103px,
        rgba(0, 0, 0, 0.04) 104px, rgba(0, 0, 0, 0.04) 104px,
        transparent 105px, transparent 129px,
        rgba(0, 0, 0, 0.04) 130px, rgba(0, 0, 0, 0.04) 130px),

        repeating-linear-gradient(to right,
        transparent 25px,
        rgba(0, 0, 0, 0.04) 26px, rgba(0, 0, 0, 0.04) 26px,
        transparent 27px, transparent 51px,
        rgba(0, 0, 0, 0.04) 52px, rgba(0, 0, 0, 0.04) 52px,
        transparent 53px, transparent 77px,
        rgba(0, 0, 0, 0.04) 78px, rgba(0, 0, 0, 0.04) 78px,
        transparent 79px, transparent 103px,
        rgba(0, 0, 0, 0.04) 104px, rgba(0, 0, 0, 0.04) 104px,
        transparent 105px, transparent 129px,
        rgba(0, 0, 0, 0.04) 130px, rgba(0, 0, 0, 0.04) 130px);
}

.tiktok-video__inside {
    max-width: 1050px;
    width: 93%;
    margin: 0 auto;
    padding: 80px 0 60px 0;
}

.tiktok-video__inside h2 {
    font-family: 'Tourney', cursive;
    font-size: 8.0rem;
    font-weight: 200;
    line-height: 10.0rem;
    color: #333333;
}

.tiktok-video__flex {
    max-width: 1040px;
    width: 93%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding-bottom: 130px;
    gap: 1%;
}

.tiktok-video__flex video {
    max-width: 490px;
    width: 100%;
    border: solid 10px #333333;
}

.tiktok-video__flex--flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tiktok-video__flex--flex p {
    font-size: 2.0rem;
    line-height: 4.0rem;
    color: #333333;
    font-weight: bold;
}

.tiktok-video__flex--video {
    position: relative;
}

.tiktok-video__flex--video img {
    position: absolute;
    right: 0;
    top: -160px;
    max-width: 280px;
}

@media screen and (max-width: 786px) {
    .tiktok-video__inside {
        padding: 60px 0 39px 0;
    }

    .tiktok-video__inside h2 {
        font-size: 4.0rem;
        line-height: 6.0rem;
    }

    .tiktok-video__flex {
        width: 93%;
        margin: 0 auto;
        flex-direction: column;
        padding-bottom: 80px;
    }

    .tiktok-video__flex--flex {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .tiktok-video__flex--flex p {
        font-size: 1.4rem;
        line-height: 3.0rem;
    }

    .tiktok-video__flex video {
        max-width: inherit;
    }

    .tiktok-video__flex--video {
        margin-top: 160px;
    }

    .tiktok-video__flex--video img {
        top: -115px;
        max-width: 200px;
    }
}

.button_contact a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 0 auto;
    max-width: 420px;
    height: 80px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #333333;
    transition: 0.3s ease-in-out;
    background: white;
    border-radius: 10px;
    border: 3px solid #333333;
    box-shadow: 0.2rem 0.2rem 0px 0.1rem #333333;
}

.button_contact a:hover {
    transform: translate3d(0.2rem, 0.2rem, 0);
    box-shadow: none;
    opacity: 1;
    transition: all 0.2s;
}

@media screen and (max-width: 786px) {
    .button_contact {
        margin-top: 30px;
    }


    .button_contact a {
        height: 60px;
        font-size: 1.6rem;
    }
}

.ph.ph-envelope:before {
    content: "\eac5";
    font-size: 2.6rem;
    vertical-align: -10px;
}

@media screen and (max-width: 786px) {
    .ph.ph-envelope:before {
        font-size: 2.0rem;
        vertical-align: -6px;
    }
}

/*tiktok-data*/
.tiktok-data {
    background-color: #F5F5F5;
    position: relative;
    padding-bottom: 157px;
    padding-top: 50px;
}

.tiktok-data__inside {
    position: relative;
    font-size: 0;
}

.tiktok-data__inside .text {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 93%;
    margin: 0 auto;
}

.tiktok-data__inside h2 {

    text-align: center;
    font-size: 5.0rem;
    color: white;
    text-shadow: 0px 0px 6px #000000;
}

.tiktok-data__inside .comment {
    margin: 30px auto 0 auto;
    text-align: center;
    display: block;
}

.tiktok-data__inside .comment p {
    text-align: left;
    display: inline-block;

    color: white;
    font-size: 1.8rem;
    letter-spacing: 0.9px;
    text-shadow: 0px 0px 6px #000000;
    line-height: 2.8rem;
}

.triangle {
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 80px 0 80px;
    border-color: #333333 transparent transparent transparent;
}

.tiktok-data__science {
    max-width: 1080px;
    width: 93%;
    margin: 55px auto 0 auto;
    text-align: center;
    color: #333333;

    font-weight: bold;
}

.tiktok-data__science span {}

.tiktok-data__science h2 {
    font-size: 3.0rem;
}

.tiktok-data__science--txt {
    margin: 40px auto 5px auto;
    background-color: #8B8B8B;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tiktok-data__science--txt h3 {
    text-align: center;
    font-size: 3.0rem;
    color: white;

    font-weight: bold;
    letter-spacing: 3px;
    line-height: 2.6rem;
}

.tiktok-data:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7vw 0 0 50vw;
    border-color: transparent transparent transparent white;
}

.tiktok-data:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 7vw 50vw;
    border-color: transparent transparent white transparent;
}

@media screen and (max-width: 786px) {
    .tiktok-data {
        padding-bottom: 80px;
    }


    .tiktok-data:before {
        border-width: 14vw 0 0 50vw;
    }

    .tiktok-data:after {
        border-width: 0 0 14vw 50vw;
    }

    .tiktok-data__inside {}

    .tiktok-data__inside .text {
        top: 30px;
    }

    .tiktok-data__inside h2 {
        font-size: 3.0rem;
    }

    .tiktok-data__inside .comment {
        margin: 15.5px auto 0 auto;
    }

    .tiktok-data__inside p {
        font-size: 1.0rem;
        line-height: 2.0rem;
        letter-spacing: 0.5px;
    }
}

.tiktok-data img {
    width: 100%;
}

.triangle {
    border-width: 33px 66.5px 0 66.5px;
}

.tiktok-data__science {
    margin: 40px auto 0 auto;
}

.tiktok-data__science span {
    font-size: 1.8rem;
}

.tiktok-data__science h2 {
    font-size: 3rem;
    margin-top: 10px;
}

.tiktok-data__science--txt {}

.tiktok-data__science--txt h3 {
    font-size: 2.0rem;
}

.tiktok-data__science ul {
    display: flex;
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 30px;
}

.tiktok-data__science ul li {
    width: calc(100% / 3 - 2%);
    margin-right: 2%;
    text-align: center;
    margin-bottom: 40px;
    border: 2px solid #3754aa;
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    box-sizing: border-box;
}

.tiktok-data__science ul li:nth-child(3n+3) {
    margin-right: 0;
}

.tiktok-data__science ul li h3 {
    font-size: 30px;
}

.tiktok-data__science ul li .img {
    max-width: 120px;
    margin: 20px auto;
}

.tiktok-data__science ul li .img img {
    width: 100%;
}

.tiktok-data__science ul li p {
    font-size: 14px;
    line-height: 1.5;
}

@media screen and (max-width: 786px) {
    .tiktok-data__science ul {
        display: block;
    }

    .tiktok-data__science ul li {
        width: 100%;
        margin-right: 0;
    }
}

.tiktok-section h2 {
    font-size: 3.0rem;
    font-weight: bold;
    color: #333333;
    margin-bottom: 10px;
}

.tiktok-solve .flex-box__inside span {
    font-size: 8.0rem;
    font-weight: bold;
    color: #fff;
    text-align: left;
    letter-spacing: 4px;
    text-shadow: 
  2px 2px 0px #333333, 
  -2px 2px 0px #333333, 
  2px -2px 0px #333333, 
  -2px -2px 0px #333333, 
  2px 0px 0px #333333, 
  0px 2px 0px #333333, 
  -2px 0px 0px #333333, 
  0px -2px 0px #333333;
}

.tiktok-solve .flex-box__inside--img {
    max-width: 120px;
    width: 100%;
    margin: 10px auto 20px auto;
}

.tiktok-solve .flex-box__inside h3 {
    font-size: 1.6rem;
}

.tiktok-solve .flex-box__inside--txt {
    text-align: justify;
    font-size: 1.4rem;
    
  
}

.tiktok-section p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    letter-spacing: 0.9px;
    font-weight: bold;
    color: #1E1E1E;
}

@media screen and (max-width: 786px) {
    .tiktok-section {
        padding: 0;
		margin-top:30px;
    }

    .tiktok-section h2 {
        font-size: 2rem;
    }

    .tiktok-section p,
    #service-article .con p {
        font-size: 1.2rem;
        letter-spacing: 0.6px;
        line-height: 2.0rem;
		font-weight:400;
		text-align:center;
    }

    .tiktok-solve .flex-box {
      gap: 40px 20px;
    }

    .tiktok-solve .flex-box__inside {
      max-width: 165px;
    }

    .tiktok-solve .flex-box__inside h3 {
      font-size: 1.4rem;
    }

}


/* 限制整体宽度并居中，中间自动对齐标题 */
.plan-container,
.platform-container {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

/* 3 列 Grid */
.tiktok-solve .flex-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.2rem 0rem; /* ← 列间距缩小，行间距也更紧凑 */
    justify-items: center; /* ← 让每个卡片水平居中 */
}

/* 卡片居中 */
.tiktok-solve .plan,
.tiktok-solve .platform-item {
    text-align: center;
}

/* 图标大小更统一，也更靠近标题 */
.tiktok-solve img {
    max-width: 80px;
    margin-bottom: 0.5rem;
}

/* 标题下方的间距缩小（重要） */
.media_title h2 {
    margin-bottom: 1.5rem !important;
}