body {

    font-family:pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important;

}

a{text-decoration: none !important}



/*11111111111*/

/* 通用组件样式 */

.tiktokbox-container {

    max-width: 1350px;

    margin: 0 auto;

    padding: 90px 20px;

}



.tiktokbox-section {

    padding: 100px 0;

}



.tiktokbox-section-sm {

    padding: 60px 0;

}



.tiktokbox-title {

    font-size: 30px;

    font-weight: 700;

    color: #000;

    margin-bottom: 16px;

    line-height: 1.2;

    text-align: center;

}



.tiktokbox-subtitle {

    font-size: 14px;

    color: #666;

    text-align: center;

}

.tiktokbox-btn-btn{margin-top: 60px}

.tiktokbox-btn {

    display: inline-block;

    padding: 25px 55px;

    background-color: #00b277;

    color: #FFFFFF;

    border-radius: 100px;

    font-weight: 600;

    font-size: 16px;

    border: none;

    cursor: pointer;

    transition: all 0.3s ease;

    text-decoration: none;

}



.tiktokbox-btn:hover {

    background-color: #165DFF;

    color: #FFFFFF;

    transform: translateY(-2px);

    box-shadow: 0 6px 16px rgba(0, 102, 255, 0.2);

}



.tiktokbox-btn-outline {

    background-color: transparent;

    border: 1px solid #00b277;

    color: #00b277;

}



.tiktokbox-btn-outline:hover {

    background-color: #00b277;

    color: #FFFFFF;

}







/* 横幅样式 - 调整上边距，因为去掉了导航 */

.tiktokbox-banner {

    padding: 100px 0 120px;

    background: url("images/tiktokbox-banner.png") no-repeat top center;

    margin-top: 0;

    text-align: center;

}



.tiktokbox-banner-title {

    font-size: 44px;

    font-weight: 800;

    color: #000;

    line-height: 1.5;

    margin-bottom: 24px;

}



.tiktokbox-banner-highlight {

    color: #00b277;

}



.tiktokbox-banner-desc {

    font-size: 18px;

    color: #333;

    max-width: 800px;

    margin: 0 auto 28px;

}



.tiktokbox-banner-feature {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 48px;

    margin-bottom: 47px;

    flex-wrap: wrap;

}



.tiktokbox-feature-item {

    display: flex;

    /* 核心：确保图标和文字垂直居中对齐 */

    align-items: center;

    /* 确保水平方向排列 */

    flex-direction: row;

    gap: 8px;

    font-size: 16px;

    color: #000;

    /* 可选：防止文字换行导致对齐错乱 */

    white-space: nowrap;

    /* 可选：统一行高，增强对齐稳定性 */

    line-height: 24px;

}



.tiktokbox-feature-icon {

    width: 24px;

    height: 24px;

    color: #00b277;

    /* 核心：确保图标本身在容器内居中 */

    display: inline-flex !important;

    align-items: center;

    justify-content: center;

    /* 可选：如果是字体图标，设置行高消除间隙 */

    line-height: 1;

    vertical-align: middle

}

.tiktokbox-box{margin-top: 50px}



@media (max-width: 992px) {

    .tiktokbox-title {

        font-size: 30px;

    }



    .tiktokbox-banner-title {

        font-size: 36px;

    }



    .tiktokbox-section {

        padding: 80px 0;

    }



    .tiktokbox-advantage-row .tiktokbox-card {

        min-width: 200px;

    }

}



@media (max-width: 768px) {

    .tiktokbox-title {

        font-size: 26px;

    }



    .tiktokbox-banner-title {

        font-size: 28px;

    }



    .tiktokbox-banner-desc {

        font-size: 16px;

        padding: 0 20px;

    }



    .tiktokbox-section {

        padding: 60px 0;

    }



    .tiktokbox-problem-item-vertical {

        width: 160px;

    }



    .tiktokbox-advantage-row .tiktokbox-card {

        min-width: 45%;

    }



    .map-container {

        height: 140px;

    }

}



@media (max-width: 576px) {

    .tiktokbox-banner {

        padding: 80px 0 70px;

    }

    .tiktokbox-container{padding: 60px 20px;}


    .tiktokbox-banner-feature {

        gap: 24px;

    }



    .tiktokbox-card {

        padding: 24px;

    }



    .tiktokbox-problem-item-vertical {

        width: 140px;

    }
.tiktokbox-btn{padding: 25px;font-size: 14px}

}

/*11111111111*/





/*第二部分*/

.tiktokbox-container-bg{background: #f8f9fa}

.tiktokbox-container-bg1{background: #f5f9ff}

/* 坑点卡片行：class以tiktokbox开头 */

.tiktokbox-pit-card-row {

    display: flex;

    justify-content: center;

    gap: 15px;

    flex-wrap: wrap;

    margin-top: 60px;

}



/* 坑点卡片样式：class以tiktokbox开头 */

.tiktokbox-pit-card {

    flex: 0 0 250px; /* 固定宽度，保证5个卡片横向排列 */

    background: #fff;

    border-radius: 8px;

    padding: 30px 20px;

    text-align: center;

    box-shadow: 0 2px 30px rgba(228,230,241,1); /* 轻微阴影，匹配原图 */

}



/* 卡片内X图标容器：class以tiktokbox开头 */

.tiktokbox-pit-icon-wrap {

    width: 24px;

    height: 24px;

    margin: 0 auto 16px;

    position: relative;

}

/* 自定义X图标（匹配原图浅红底色+红叉） */

.tiktokbox-pit-icon-wrap::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 24px;

    height: 24px;

    background-color: #e9f1fe;

    border-radius: 50%;

    opacity: 0.8;

}

.tiktokbox-pit-icon-wrap::after {

    content: "×";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    font-size: 16px;

    color: #00b277;

    font-weight: bold;

}



/* 卡片标题：class以tiktokbox开头 */

.tiktokbox-pit-card-title {

    font-size: 18px;

    font-weight: 600;

    color: #000;

    margin-bottom: 8px;

}



/* 卡片描述：class以tiktokbox开头 */

.tiktokbox-pit-card-desc {

    font-size: 14px;

    color: #666;

    line-height: 1.5;

    margin-top: 15px;

}



/* tiktokbox 核心卖点行：class以tiktokbox开头 */

.tiktokbox-pit-slogan-row {

    text-align: center;

    margin-bottom: 40px;

}

.tiktokbox-pit-slogan {

    font-size: 18px;

    color: #000;

    font-weight: 700;

}

/* 龙虾图标：class以tiktokbox开头 */

.tiktokbox-lobster-icon {

    font-size: 18px;

    margin-right: 8px;

}

.tiktokbox-lobster-icon img{width: 3%}

/* 高亮文字：class以tiktokbox开头 */

.tiktokbox-highlight-text {

    color: #f97316;

}



/* 按钮行：class以tiktokbox开头 */

.tiktokbox-pit-btn-row {

    display: flex;

    justify-content: center;

    gap: 20px;

    flex-wrap: wrap;

}



/* 立即咨询按钮：class以tiktokbox开头 */

.tiktokbox-btn-consult {

    background-color: #1677ff;

    color: #fff;

    border: none;

    border-radius: 24px;

    padding: 12px 32px;

    font-size: 14px;

    font-weight: 500;

    cursor: pointer;

    transition: background-color 0.2s;

}

.tiktokbox-btn-consult:hover {

    background-color: #0958d9;

}



/* 购买按钮：class以tiktokbox开头 */

.tiktokbox-btn-buy {

    background-color: transparent;

    color: #f59e0b;

    border: 1px solid #f59e0b;

    border-radius: 24px;

    padding: 12px 32px;

    font-size: 14px;

    font-weight: 500;

    cursor: pointer;

    transition: all 0.2s;

}

.tiktokbox-btn-buy:hover {

    background-color: #fffbe6;

}



/* 移动端适配 */

@media (max-width: 768px) {

    .tiktokbox-main-title {

        font-size: 24px;

    }

    .tiktokbox-pit-card {

        flex: 1 1 140px; /* 移动端自适应宽度 */

        margin-bottom: 15px;

    }

    .tiktokbox-pit-card-row{margin-top: 30px}

    .tiktokbox-pit-btn-row {

        flex-direction: column;

        align-items: center;

    }

    .tiktokbox-btn-consult, .tiktokbox-btn-buy {

        width: 80%;

        max-width: 300px;

    }

    .tiktokbox-pit-slogan{font-size: 16px}

}



/*33333333*/

/* 解决方案样式 - 只保留步骤图 */

.tiktokbox-solution-step {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 24px;

    margin: 48px 0 20px;

    flex-wrap: wrap;

}



.tiktokbox-solution-node {

    text-align: center;

    flex: 1;

    min-width: 120px;

}



.tiktokbox-solution-node-icon {

    width: 80px;

    height: 80px;

    background-color: #ECF4FF;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 16px;

    color: #00b277;

    font-size: 32px;

}



.tiktokbox-solution-node-text {

    font-weight: 600;

    font-size: 16px;

    color: #000;

}



.tiktokbox-solution-arrow {

    color: #000;

    font-size: 24px;

}

/*33333333*/



/*44444444*/

/*第五部分*/

/* 应用场景模块样式（和之前排版逻辑一致） */

.tiktokbox-scene-row {

    display: flex;

    justify-content: center;

    gap: 20px;

    flex-wrap: wrap;

    margin-top: 60px;

}

.tiktokbox-scene-card {

    flex: 1;

    min-width: 310px;

    max-width: 310px;

    background-color: #fff;

    border-radius: 8px;

    padding: 30px 24px;

    box-shadow: 0 2px 30px rgba(228,230,241,1);

    /* 和之前统一的hover过渡效果 */

    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);

    transform: translateZ(0);

    will-change: transform, box-shadow;

}

.tiktokbox-scene-card:hover {

    transform: translateY(-6px);

    box-shadow: 0 10px 20px rgba(64, 150, 255, 0.12);

}

.tiktokbox-scene-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 10px;

    height: 70px;

}

.tiktokbox-scene-title {

    font-size: 18px;

    font-weight: 600;

    color: #000;

    margin: 0;

    transition: none;

}

.tiktokbox-scene-icon {

    font-size: 24px;

    line-height: 1;

    transition: none;

}

.tiktokbox-scene-list {

    list-style: none;

    padding: 0;

    margin: 0;

    transition: none;

}

.tiktokbox-scene-list li {

    font-size: 14px;

    color: #666;

    margin-bottom: 12px;

    display: flex;

    align-items: flex-start;

    transition: none;

}

.tiktokbox-scene-check {

    color: #00b277;

    margin-right: 8px;

    margin-top: 2px;

    transition: none;

    font-weight: bold;

}



/* 移动端适配：和之前统一的逻辑 */

@media (max-width: 768px) {

    .tiktokbox-main-title {

        font-size: 24px;

    }

    .tiktokbox-scene-card {

        max-width: 100%;

    }

}

/*44444444*/





/*555555555555*/



/* 表格模块标题（为什么选择...） */

.tiktokbox-table-title {

    font-size: 24px;

    font-weight: 600;

    color: #000;

    text-align: center;

    margin-bottom: 12px;

}

.tiktokbox-table-desc {

    font-size: 12px;

    color: #999;

    text-align: center;

    margin-bottom: 40px;

    line-height: 1.5;

}



/* 对比表格样式 */

.tiktokbox-compare-table {

    width: 100%;

    border-collapse: collapse;

    background-color: #fff;

    border-radius: 8px;

    overflow: hidden;

    box-shadow: 0 2px 30px rgba(228,230,241,1);

    margin-top: 60px;

}



/* 表格头部 */

.tiktokbox-table-header {

    background-color: #00b277;

}

.tiktokbox-table-header th {

    padding: 16px 12px;

    font-size: 16px;

    font-weight: 600;

    color: #fff;

    text-align: center;

    border: none;

    height: 70px;

}





/* 表格内容行 */

.tiktokbox-table-body tr {

    border-bottom: 1px solid #f0f2f5;

}

.tiktokbox-table-body td {

    padding: 20px 12px;

    font-size: 14px;

    color: #666;

    text-align: center;

    border: none;

    height: 70px;

}

/* 第一列（项目列）样式 */

.tiktokbox-table-body td:first-child {

    font-weight: 500;

    color: #333;

    text-align: center;

}

/* 最后一列（tiktokbox列）样式 */

.tiktokbox-table-body tr:last-child td{

    background-color: #f9fcff;

    color: #00b277;

    font-weight: 600;

}



/* 对勾图标样式 */

.tiktokbox-check-icon {

    color: #00b277;

    margin-right: 4px;

}

.tiktokbox-beizhu{font-size: 16px;color: #000;font-weight: 700;margin-top: 40px}



/* 移动端适配 */

@media (max-width: 768px) {

    .tiktokbox-main-title {

        font-size: 24px;

    }

    .tiktokbox-table-title {

        font-size: 20px;

    }

    /* 移动端表格横向滚动 */

    .tiktokbox-table-wrap {

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

        margin-bottom: 50px;

    }

    .tiktokbox-compare-table {

        min-width: 600px;

    }

}

/*555555555555*/



/*66666666666*/

/* 套餐模块样式 - 完全保留 */

.tiktokbox-package-list {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));

    gap: 24px;

    margin-top: 60px;

}



.tiktokbox-card {

    background-color: #FFFFFF;

    border-radius: 8px;

    box-shadow: 0 2px 30px rgba(228, 230, 241, 1);

    padding: 42px;

    border: none;

    transition: all 0.3s ease;

    height: 100%;

}



.tiktokbox-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);

}

.tiktokbox-package-list .tiktokbox-card:nth-child(2){

    transform: translateY(-8px) scale(1.04);

    box-shadow: 0 10px 30px rgba(0, 102, 255, 0.15);

}

.tiktokbox-package-list .tiktokbox-card:nth-child(2) .tiktokbox-tc-btn:nth-child(2){

    background: linear-gradient(to right, #03cdff, #eecbe0);

}

.tiktokbox-package-header {

    border-bottom: 1px solid #d7eafc;

    padding-bottom: 14px;

    margin-bottom: 24px;

}



.tiktokbox-package-title {

    font-size: 24px;

    font-weight: 700;

    color: #000;

    margin-bottom: 8px;

}

.tiktok-text-muted{font-size: 14px;color: #333}

.tiktokbox-package-price {

    font-size: 36px;

    font-weight: 800;

    color: #00b277;

    margin: 16px 0;

}



.tiktokbox-package-price span {

    font-size: 14px;

    font-weight: 500;

    color: #666;

}



.tiktokbox-package-feature {

    margin-bottom: 16px;

    display: flex;

    align-items: center;

    gap: 8px;

    font-size: 14px;

    color: #666;

}



.tiktokbox-package-feature span{

    color: #000;

    font-size: 14px;

    font-weight: 700;

}



.tiktokbox-package-actions {

    margin-top: 32px;

    display: flex;

    gap: 20px;

    flex-direction: column;

}

.tiktokbox-tc-btn {

    display: inline-block;

    padding: 20px 24px;

    background-color: #00b277;

    color: #FFFFFF;

    border-radius: 8px;

    font-weight: 600;

    font-size: 16px;

    border: none;

    cursor: pointer;

    transition: all 0.3s ease;

    text-decoration: none;

}



.tiktokbox-tc-btn:hover {

    background-color: #165DFF;

    color: #FFFFFF;

    transform: translateY(-2px);

    box-shadow: 0 6px 16px rgba(0, 102, 255, 0.2);

}



.tiktokbox-tc-btn-outline {

    background-color: transparent;

    border: 1px solid #00b277;

    color: #00b277;

}



.tiktokbox-tc-btn-outline:hover {

    background-color: #00b277;

    color: #FFFFFF;

}

/*66666666666*/



/*7777777777777*/

/* 硬件模块样式 - 完全保留 */

.tiktokbox-hardware-list {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

    gap: 44px;

    margin-top: 60px;

}



.tiktokbox-hardware-img {

    height: 180px;

    background-color: #F5F7FA;

    border-radius: var(--tiktokbox-radius);

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 24px;

    color: var(--tiktokbox-gray);

    font-size: 48px;

}



.tiktokbox-advantage-title {

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 12px;

    color: #000;

}



.tiktokbox-advantage-desc {

    color: #666;

    margin: 0;

    font-size: 14px;

}

.tiktokbox-advantage-desc span{font-weight: 700;color: #000}

.tiktokbox-advantage-desc1{font-size: 16px;color: #333}

.tiktokbox-faq-header {

    padding: 20px 24px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    cursor: pointer;

    font-weight: 600;

}



.tiktokbox-faq-icon {

    color: var(--tiktokbox-primary);

    transition: var(--tiktokbox-transition);

}



.tiktokbox-faq-body {

    padding: 0 24px;

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.3s ease;

    color: var(--tiktokbox-gray);

}



.tiktokbox-faq-body.show {

    padding: 0 24px 24px;

    max-height: 300px;

}

.tiktokbox-yj-btn{padding: 20px 74px;margin-top: 20px}

/*7777777777777*/



/*88888888888*/

.tiktokbox-cta {

    background: url("images/tiktokbox-img.png") no-repeat top center;

    color: #FFFFFF;

    text-align: center;

}



.tiktokbox-cta .tiktokbox-tc-btn {

    background-color: #FFFFFF;

    color: #000;

    font-size: 16px;

    padding: 20px 64px;

    margin-top: 22px;

}



.tiktokbox-cta .tiktokbox-btn:hover {

    background-color: #00b277;

    transform: translateY(-2px);

}



.tiktokbox-cta .tiktokbox-btn-outline {

    background-color: #00b277;

    border-color: #FFFFFF;

    color: #FFFFFF;

}

@media (max-width: 768px) {

    .tiktokbox-cta .tiktokbox-tc-btn {

        font-size: 14px;

        padding: 20px 15px;

    }

}

/*88888888888*/





/*99999999999*/

/* FAQ样式 - 还原圆角+渐变边框核心样式 */

.tiktokbox-accordion-claw {

    max-width: 1350px;

    margin: 60px auto 0px;

}



/* 折叠项样式 - 还原原有视觉效果 */

.tiktokbox-accordion-item {

    border: 1px solid #E8E8E8;

    border-radius: 10px !important;

    margin-bottom: 20px;

    overflow: hidden;

    transition: all 0.3s ease;

}



.tiktokbox-accordion-item:hover {

    border-color: #00b277;

}



/* 折叠按钮样式 - 完全还原原有效果 */

.tiktokbox-accordion-button {

    background-color: #fff !important;

    border: none !important;

    font-weight: 500 !important;

    color: #000 !important;

    padding: 20px 25px !important;

    font-size: 18px !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    width: 100%;

    text-align: left;

    cursor: pointer;

    position: relative;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



/* 展开状态按钮样式 - 渐变背景+白色文字 */

.tiktokbox-accordion-button.active {

    background: linear-gradient(135deg, #00b277, #2E7BFF) !important;

    color: #fff !important;

    box-shadow: none !important;

}



/* 箭头图标样式 */

.tiktokbox-accordion-button::after {

    content: "";

    display: inline-block;

    width: 1.25rem;

    height: 1.25rem;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-size: 1.25rem;

    transition: transform 0.3s ease;

}



/* 展开状态箭头旋转 */

.tiktokbox-accordion-button.active::after {

    filter: invert(1);

    transform: rotate(-180deg);

}



/* 折叠内容区域样式 - 还原原有padding和字体样式 */

.tiktokbox-accordion-body {

    padding: 25px !important;

    line-height: 1.8 !important;

    background-color: #fff !important;

    font-size: 14px !important;

    color: #666 !important;

    border-top: none !important;

    text-align: left;

}



/* 折叠面板动画 - 保证展开/收起平滑 */

.tiktokbox-accordion-collapse {

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.3s ease;

}



/* 展开状态 */

.tiktokbox-accordion-collapse.show {

    max-height: 1000px; /* 足够大的值容纳内容 */

}



/* 间距样式 */

.tiktokbox-mt-2 {

    margin-top: 0.5rem !important;

}

/*99999999999*/



/*全球线路资源*/

.tiktokbox-mapcontainer {

    max-width: 1350px;

    margin: 60px auto 0;

    display: flex;

    flex-direction: column;  /* 默认列式，移动端左侧在上右侧在下 */

    gap: 20px;

}

/* 左侧面板 - 移动端优先样式 */

.tiktokbox-mapleft {

    width: 100%;

    background: rgba(255,255,255,0.8);

    backdrop-filter: blur(10px);

    border-radius: 32px;  /* 稍微减小圆角适应移动端 */

    padding: 22px 18px;

    box-shadow: 0 25px 50px -18px rgba(0,80,160,0.3);

    border: 1px solid rgba(0,123,255,0.2);

    height: fit-content;

    order: 1;  /* 确保左侧在上 */

}

.tiktokbox-mapcard {

    background: #ffffffd9;

    backdrop-filter: blur(4px);

    border-radius: 24px;

    padding: 18px 16px;

    margin-bottom: 18px;

    box-shadow: 0 8px 26px -6px rgba(0,90,170,0.12);

    border: 1px solid rgba(0,100,200,0.1);

}

.tiktokbox-mapcard h5 {

    font-size: 16px;  /* 移动端稍小 */

    font-weight: 600;

    color: #0f2b45;

    margin-bottom: 16px;

    display: flex;

    align-items: center;

    gap: 8px;

}

.tiktokbox-mapcard h5 span {

    background: #00b277;

    color: white;

    width: 24px;

    height: 24px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    font-size: 13px;

}

.tiktokbox-maptags {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;  /* 移动端稍微缩小间距 */

}

.tiktokbox-maptag {

    padding: 8px 16px;  /* 移动端减小内边距 */

    border: 1.5px solid #cde0f5;

    border-radius: 40px;

    font-size: 13px;  /* 移动端字体稍小 */

    font-weight: 550;

    color: #0051a9;

    background: white;

    cursor: pointer;

    transition: 0.2s;

    box-shadow: 0 4px 8px rgba(0,70,150,0.02);

    letter-spacing: 0.2px;

    -webkit-tap-highlight-color: transparent; /* 移除移动端点击高亮 */

}

.tiktokbox-maptag:hover {

    background: #e2efff;

    border-color: #00b277;

    transform: translateY(-2px);

    box-shadow: 0 15px 20px -10px #00b27766;

}

.tiktokbox-maptag.active-tag {

    background: #00b277;

    border-color: #00b277;

    color: white;

    box-shadow: 0 12px 18px -8px #00b277b3;

}

.tiktokbox-map-features {

    display: flex;

    gap: 10px;

    margin-top: 20px;

    flex-wrap: wrap;

}

.tiktokbox-map-feature {

    flex: 1 1 auto;

    background: #f0f7ff;

    padding: 12px 6px;  /* 移动端稍小 */

    border-radius: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 5px;

    font-weight: 550;

    color: #004e9e;

    border: 1px solid white;

    font-size: 11px;  /* 移动端缩小字体，确保三个在一行 */

    white-space: nowrap;

}

.tiktokbox-map-feature svg {

    width: 18px;  /* 移动端图标缩小 */

    height: 18px;

    fill: #00b277;

    flex-shrink: 0;

}

/* 右侧地图容器 — 移动端在下 */

.tiktokbox-map-right {

    width: 100%;

    border-radius: 32px;

    overflow: hidden;

    box-shadow: 0 30px 40px -15px #0028564d;

    border: 3px solid white;

    background: #c8e2ff;

    height: 450px;  /* 移动端地图高度适当减小，保证可见 */

    position: relative;

    order: 2;  /* 确保右侧在下 */

}

#world-map {

    width: 100%;

    height: 100%;

    z-index: 1;

    background: #b5d9ff;

}

/* 自定义图钉样式 (TikTok风格脉冲) */

.tiktokbox-pin-dot {

    width: 22px;

    height: 22px;

    background: #00b277;

    border-radius: 50%;

    box-shadow: 0 0 0 4px rgba(0,123,255,0.4), 0 0 0 8px rgba(0,123,255,0.2);

    animation: pulse 2s infinite;

    border: 2px solid white;

}

@keyframes pulse {

    0% { box-shadow: 0 0 0 0 #00b277, 0 0 0 6px rgba(0,123,255,0.4); }

    70% { box-shadow: 0 0 0 8px rgba(0,123,255,0), 0 0 0 12px rgba(0,123,255,0.1); }

    100% { box-shadow: 0 0 0 0 #00b277, 0 0 0 6px rgba(0,123,255,0); }

}



/* 平板或桌面尺寸时恢复左右布局 */

@media (min-width: 992px) {

    .tiktokbox-mapcontainer {

        flex-direction: row;

        gap: 30px;

    }

    .tiktokbox-mapleft {

        flex: 0 0 580px;

        padding: 32px 28px;

        border-radius: 40px;

    }

    .tiktokbox-mapcard {

        padding: 26px 24px;

        margin-bottom: 26px;

    }

    .tiktokbox-mapcard h5 {

        font-size: 18px;

        margin-bottom: 22px;

    }

    .tiktokbox-mapcard h5 span {

        width: 28px;

        height: 28px;

        font-size: 15px;

    }

    .tiktokbox-maptag {

        padding: 10px 22px;

        font-size: 14px;

    }

    .tiktokbox-map-features {

        gap: 14px;

        margin-top: 30px;

    }

    .tiktokbox-map-feature {

        padding: 16px 10px;

        font-size: 14px;

        white-space: nowrap;

    }

    .tiktokbox-map-feature svg {

        width: 22px;

        height: 22px;

    }

    .tiktokbox-map-right {

        flex: 1;

        min-width: 550px;

        height: 560px;

        border-radius: 48px;

    }

}



/* 小屏幕下确保三个特性标签不换行，但若实在太窄允许换行 */

@media (max-width: 480px) {

    .tiktokbox-map-feature {

        font-size: 10px;

        padding: 10px 4px;

    }

    .tiktokbox-map-feature svg {

        width: 16px;

        height: 16px;

    }

    .tiktokbox-maptag {

        padding: 6px 12px;

        font-size: 12px;

    }

}

/* 移除移动端点击时的灰色半透明层 */

.tiktokbox-maptag:focus {

    outline: none;

}

/*全球线路资源*/