/* 三角形指示器样式 - 专用CSS文件 */
.panel-indicator {
    position: absolute !important;
    top: -8px !important;
    width: 18px !important;
    height: 10px !important;
    left: 50%;
    margin-left: -9px !important;
    z-index: 9999 !important;
    pointer-events: none !important;
    display: block !important;
    background-color: transparent !important;
    overflow: visible !important;
}

/* 创建顶部水平线 */
.service-content-panels {
    border-top: 1px solid #ddd;
    margin-top: 5px;
    position: relative;
}

/* 使用伪元素创建简单的三角形，增加其大小 */
.panel-indicator::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -9px;
    top: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    z-index: 10;
}

/* 不同面板对应的三角形位置和颜色 */
.panel-indicator.standard {
    left: calc((100% / 3) * 0.5);
}
.panel-indicator.standard::before {
    border-bottom-color: #FFEBCC;
}

.panel-indicator.certification {
    left: calc((100% / 3) * 1.5);
}
.panel-indicator.certification::before {
    border-bottom-color: #D9EDFF;
}

.panel-indicator.special {
    left: calc((100% / 3) * 2.5);
}
.panel-indicator.special::before {
    border-bottom-color: #FFE6E6;
}