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: #0066ff;
    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 #0066ff;
    color: #0066ff;
}

.tiktokbox-btn-outline:hover {
    background-color: #0066ff;
    color: #FFFFFF;
}



/* 横幅样式 - 调整上边距，因为去掉了导航 */
.tiktokbox-banner {
    padding: 140px 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: #0066ff;
}

.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: #0066ff;
    /* 核心：确保图标本身在容器内居中 */
    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: 110px 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: #0066ff;
    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: #0066ff;
    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: #0066ff;
    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: #0066ff;
}
.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: #0066ff;
    font-weight: 600;
}

/* 对勾图标样式 */
.tiktokbox-check-icon {
    color: #0066ff;
    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: #0066ff;
    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: #0066ff;
    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 #0066ff;
    color: #0066ff;
}

.tiktokbox-tc-btn-outline:hover {
    background-color: #0066ff;
    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: #0066ff;
    transform: translateY(-2px);
}

.tiktokbox-cta .tiktokbox-btn-outline {
    background-color: #0066ff;
    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: #0066ff;
}

/* 折叠按钮样式 - 完全还原原有效果 */
.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, #0066ff, #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: #0066ff;
    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: #0066ff;
    transform: translateY(-2px);
    box-shadow: 0 15px 20px -10px #0066ff66;
}
.tiktokbox-maptag.active-tag {
    background: #0066ff;
    border-color: #0066ff;
    color: white;
    box-shadow: 0 12px 18px -8px #0066ffb3;
}
.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: #0066ff;
    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: #0066ff;
    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 #0066ff, 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 #0066ff, 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;
}
/*全球线路资源*/