/* 服务导航三角形指示器 - 单独的CSS文件避免样式冲突 */

/* 三角形指示器 */
.service-nav-indicator {
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #ffffff; /* 修改为白色 */
    position: absolute; /* 使用绝对定位 */
    bottom: -7px; /* 位于容器底部 */
    left: calc((100% / 3) * 0.5); /* 默认位置 */
    transform: translateX(-50%);
    z-index: 10;
    transition: all 0.3s ease;
}

/* 不同类型对应的颜色和位置 */
.service-nav-indicator.certification {
    border-bottom-color: #ffffff; /* 修改为白色 */
    left: calc((100% / 3) * 1.5);
}

.service-nav-indicator.special {
    border-bottom-color: #ffffff; /* 修改为白色 */
    left: calc((100% / 3) * 2.5);
}