/* 徽章基础样式 */
.um-verified-badge {
    display: inline-block !important;
    margin-left: 5px !important;
    vertical-align: middle !important;
    position: relative !important;
    line-height: 1 !important;
    cursor: help !important;
    font-size: 0 !important;
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
}

.um-verified-badge svg {
    width: 16px !important;
    height: 16px !important;
    fill: #1DA1F2 !important;
    vertical-align: middle !important;
    display: inline-block !important;
    transition: transform 0.2s ease !important;
    pointer-events: none !important;
}

.um-verified-badge:hover svg {
    transform: scale(1.1) !important;
}

/* 工具提示样式 */
.um-verified-badge-tooltip {
    position: absolute !important;
    bottom: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #333 !important;
    color: #fff !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    margin-bottom: 8px !important;
    z-index: 10000 !important;
    pointer-events: none !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif !important;
    font-weight: normal !important;
    text-align: center !important;
    min-width: 80px !important;
    max-width: 200px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
}

.um-verified-badge-tooltip:after {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-width: 5px !important;
    border-style: solid !important;
    border-color: #333 transparent transparent transparent !important;
}

.um-verified-badge:hover .um-verified-badge-tooltip,
.um-verified-badge:focus .um-verified-badge-tooltip,
.um-verified-badge:focus-within .um-verified-badge-tooltip {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(-2px) !important;
}

/* 防止工具提示显示HTML代码 */
.um-verified-badge-tooltip * {
    display: none !important;
}

.um-verified-badge-tooltip:before {
    display: none !important;
}

/* 隐藏会员目录封面上的徽章 */
.um-cover .um-verified-badge,
.um-profile-photo .um-verified-badge,
.um-cover-e .um-verified-badge,
.um-cover-overlay .um-verified-badge,
.um-profile-photo-b .um-verified-badge,
.um-cover-area .um-verified-badge,
.um-profile-cover .um-verified-badge {
    display: none !important;
}

/* 评论作者样式 */
.comment-author .um-verified-badge,
.comment-author-name .um-verified-badge,
.fn .um-verified-badge {
    margin-left: 4px !important;
    vertical-align: baseline !important;
}

.comment-author .um-verified-badge svg,
.comment-author-name .um-verified-badge svg {
    width: 14px !important;
    height: 14px !important;
}

/* 个人资料页特殊样式 */
.um-profile .um-name .um-verified-badge {
    margin-left: 8px !important;
}

.um-profile .um-name .um-verified-badge svg {
    width: 18px !important;
    height: 18px !important;
}

/* 会员目录 */
.um-directory .um-member-name .um-verified-badge,
.um-members .um-member-name .um-verified-badge {
    margin-left: 5px !important;
}

.um-directory .um-member-name .um-verified-badge svg,
.um-members .um-member-name .um-verified-badge svg {
    width: 14px !important;
    height: 14px !important;
}

/* 移除所有包含徽章元素的title样式 */
a[title*="um-verified-badge"],
span[title*="um-verified-badge"],
div[title*="um-verified-badge"] {
    text-decoration: none !important;
}

/* 确保徽章不会继承父元素的文本装饰 */
.um-name a,
.um-member-name a,
.author-name a,
.comment-author a {
    text-decoration: none !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .um-verified-badge svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    .um-profile .um-name .um-verified-badge svg {
        width: 16px !important;
        height: 16px !important;
    }
}