/* 全局基础样式重置，适配深色背景 */
.bd-vtype {
    display: inline-block;
    padding: 5px 7px;
    margin: 5px 2.5px 5px 0;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.25s ease;
    border: 1px solid transparent;
    box-sizing: border-box;
}

    /* 未选中态：深灰半透明胶囊按钮 */
    .bd-vtype:not(.active) {
        background-color: rgba(255, 255, 255, 0.08);
        color: rgba(255, 255, 255, 0.7);
        border-color: rgba(255, 255, 255, 0.1);
    }

    /* 选中态：青绿色高亮按钮，完全匹配截图效果 */
    .bd-vtype.active {
        background-color: rgba(0, 128, 104, 0.35);
        color: #4cd9c0;
        border-color: rgba(76, 217, 192, 0.4);
        box-shadow: 0 0 8px rgba(76, 217, 192, 0.15);
    }

    /* 移动端点击反馈效果 */
    .bd-vtype:active {
        transform: scale(0.95);
        opacity: 0.8;
    }