/* ============================================
   作者面板样式 - 模仿TKFFF设计
   ============================================ */

/* 隐藏原有标题 */
.b2-widget-title-enhanced {
    display: none !important;
}

/* 作者小部件容器 */
.author-widget-tkfff {
    background: #fff !important;
    border-radius: 12px !important;
}

.author-widget-tkfff .author-widget-content {
    padding: 24px 6px 20px !important;
}

.author-widget-tkfff .w-a-section {
    padding: 0 6px !important;
}

/* 头像区域 */
.author-widget-tkfff .w-a-avatar-box {
    text-align: center !important;
    margin-bottom: 12px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.author-widget-tkfff .w-a-avatar-box a {
    display: inline-block !important;
    line-height: 0 !important;
}

.author-widget-tkfff .w-a-avatar {
    width: 105px !important;
    height: 105px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block !important;
    box-shadow: 
        0 8px 20px rgba(102, 126, 234, 0.25),
        0 4px 8px rgba(0, 0, 0, 0.1),
        inset 0 -2px 4px rgba(0, 0, 0, 0.05),
        0 0 0 3px rgba(255, 255, 255, 0.9),
        0 0 0 5px rgba(102, 126, 234, 0.15) !important;
    transition: all 0.3s ease !important;
}

.author-widget-tkfff .w-a-avatar:hover {
    box-shadow: 
        0 12px 28px rgba(102, 126, 234, 0.35),
        0 6px 12px rgba(0, 0, 0, 0.12),
        inset 0 -2px 4px rgba(0, 0, 0, 0.05),
        0 0 0 3px rgba(255, 255, 255, 0.95),
        0 0 0 5px rgba(102, 126, 234, 0.25) !important;
    transform: translateY(-2px) !important;
}

/* 用户名和认证 */
.author-widget-tkfff .w-a-name-box {
    text-align: center !important;
    margin-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    flex-wrap: wrap !important;
}

.author-widget-tkfff .w-a-name,
.b2-widget-author .author-widget-tkfff .w-a-name {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}

.author-widget-tkfff .w-a-name:hover {
    color: #667eea !important;
}

.author-widget-tkfff .w-a-verify {
        display: inline-flex !important;
        align-items: center !important;
        padding: 2px 6px !important;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
        color: #fff !important;
        font-size: 12px !important;
        border-radius: 4px !important;
        margin-left: 2px !important;
}

/* 用户描述 */
.author-widget-tkfff .w-a-desc {
    text-align: center !important;
    color: #999 !important;
    font-size: 13px !important;
    margin-bottom: 16px !important;
    line-height: 1.5 !important;
}

/* 统计数据 */
.author-widget-tkfff .w-a-stats {
    display: flex !important;
    justify-content: center !important;
    gap: 48px !important;
    padding: 16px 0 !important;
    margin-bottom: 16px !important;
    border-top: 1px solid #f5f5f5 !important;
    border-bottom: 1px solid #f5f5f5 !important;
}

.author-widget-tkfff .w-a-stat {
    text-align: center !important;
}

.author-widget-tkfff .w-a-stat-num {
    display: block !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    line-height: 1.2 !important;
}

.author-widget-tkfff .w-a-stat-label {
    display: block !important;
    font-size: 12px !important;
    color: #999 !important;
    margin-top: 4px !important;
}

/* 最近文章区域 */
.author-widget-tkfff .w-a-section {
    margin-bottom: 16px !important;
}

.author-widget-tkfff .w-a-section-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin-bottom: 12px !important;
    padding-left: 6px !important;
    border-left: 3px solid #667eea !important;
}

.author-widget-tkfff .w-a-post-list {
    display: block !important;
    overflow: visible !important;
}

.author-widget-tkfff .w-a-post-list > div {
    padding: 8px 0 !important;
    border-bottom: 1px solid #f5f5f5 !important;
    display: block !important;
}

.author-widget-tkfff .w-a-post-list > div:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.author-widget-tkfff .w-a-post-list .post-item {
    display: block !important;
}

.author-widget-tkfff .w-a-post-list .post-item::before {
    content: '' !important;
    display: none !important;
}

.author-widget-tkfff .w-a-post-list .post-item a {
    display: block !important;
    color: #333 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
    overflow: visible !important;
    text-overflow: initial !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

.author-widget-tkfff .w-a-post-list .post-item a:hover {
    color: #667eea !important;
}

/* 底部按钮区域 */
.author-widget-tkfff .w-a-buttons {
    display: flex !important;
    gap: 12px !important;
    padding-top: 16px !important;
}

.author-widget-tkfff .w-a-btn {
    flex: 1 !important;
    padding: 10px 16px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    border: none !important;
}

/* 私信按钮 */
.author-widget-tkfff .w-a-btn-dmsg {
    background: #fff !important;
    color: #4E95F8 !important;
    border: 1px solid #4E95F8 !important;
    text-decoration: none !important;
}

.author-widget-tkfff .w-a-btn-dmsg:hover {
    background: #4E95F8 !important;
    color: #fff !important;
}

.author-widget-tkfff .w-a-btn-dmsg:hover svg path {
    fill: #fff !important;
}

.author-widget-tkfff .w-a-btn-dmsg svg {
    width: 16px !important;
    height: 16px !important;
}

/* 关注按钮 */
.author-widget-tkfff .w-a-btn-follow {
    background: #fff !important;
    color: #3793DF !important;
    border: 1px solid #3793DF !important;
}

.author-widget-tkfff .w-a-btn-follow:hover {
    background: #3793DF !important;
    color: #fff !important;
}

.author-widget-tkfff .w-a-btn-follow:hover svg path {
    fill: #fff !important;
}

.author-widget-tkfff .w-a-btn-follow.is-following {
    background: #f5f5f5 !important;
    color: #999 !important;
    border: 1px solid #ddd !important;
}

.author-widget-tkfff .w-a-btn-follow.is-following:hover {
    background: #eee !important;
}

/* 底部链接 */
.author-widget-tkfff .w-a-footer {
    text-align: center !important;
    padding: 14px !important;
    background: #fafafa !important;
    border-top: 1px solid #f0f0f0 !important;
}

.author-widget-tkfff .w-a-footer a {
    color: #667eea !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

.author-widget-tkfff .w-a-footer a:hover {
    text-decoration: underline !important;
}

/* 隐藏旧的标题和图标 */
.author-title-actions,
.author-qrcode-btn {
    display: none !important;
}

/* 二维码弹窗样式 - 默认隐藏，点击后显示 */
.author-qrcode-popup {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 999999 !important;
    /* 默认隐藏，通过JS设置display:flex来显示 */
    align-items: center !important;
    justify-content: center !important;
}

/* 显示状态 - 当style设置为display:flex时 */
.author-qrcode-popup[style*="display: flex"],
.author-qrcode-popup[style*="display:flex"] {
    display: flex !important;
}

.qrcode-popup-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.5) !important;
}

.qrcode-popup-content {
    position: relative !important;
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
    max-width: 320px !important;
    width: 90% !important;
    overflow: hidden !important;
    animation: qrcodePopupIn 0.3s ease !important;
}

@keyframes qrcodePopupIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.qrcode-popup-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 16px 20px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    background: linear-gradient(135deg, #07c160 0%, #06ad56 100%) !important;
    color: #fff !important;
}

.qrcode-popup-header span {
    font-size: 16px !important;
    font-weight: 600 !important;
}

.qrcode-popup-close {
    background: rgba(255, 255, 255, 0.2) !important;
    border: none !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    font-size: 20px !important;
    cursor: pointer !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s !important;
}

.qrcode-popup-close:hover {
    background: rgba(255, 255, 255, 0.3) !important;
}

.qrcode-popup-body {
    padding: 24px !important;
    text-align: center !important;
}

.qrcode-popup-body img {
    max-width: 200px !important;
    width: 100% !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.qrcode-tip {
    margin-top: 16px !important;
    color: #999 !important;
    font-size: 13px !important;
}

/* 个人中心二维码设置区域样式 */
#wechat-qrcode-section {
    padding: 20px !important;
}

#wechat-qrcode-section .user-setting-title {
    margin-bottom: 16px !important;
}

#wechat-qrcode-section .user-setting-title h4 {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 0 8px 0 !important;
}

#wechat-qrcode-section .user-setting-title .desc {
    font-size: 13px !important;
    color: #999 !important;
    margin: 0 !important;
}

.wechat-qrcode-content {
    display: flex !important;
    gap: 24px !important;
    align-items: flex-start !important;
}

.qrcode-preview-area {
    width: 150px !important;
    height: 150px !important;
    border: 2px dashed #ddd !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fafafa !important;
    flex-shrink: 0 !important;
}

.qrcode-preview-area img.qrcode-preview {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 6px !important;
}

.qrcode-placeholder {
    text-align: center !important;
    color: #ccc !important;
}

.qrcode-placeholder svg {
    margin-bottom: 8px !important;
}

.qrcode-placeholder span {
    display: block !important;
    font-size: 12px !important;
}

.qrcode-uploading {
    color: #666 !important;
    font-size: 14px !important;
}

.qrcode-upload-area {
    flex: 1 !important;
}

.qrcode-upload-area .button {
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}

.qrcode-upload-area .button-delete {
    background: #fff !important;
    color: #f56c6c !important;
    border: 1px solid #f56c6c !important;
}

.qrcode-upload-area .button-delete:hover {
    background: #f56c6c !important;
    color: #fff !important;
}

.upload-tip {
    font-size: 12px !important;
    color: #999 !important;
    margin-top: 8px !important;
}

/* 响应式 */
@media (max-width: 768px) {
    .wechat-qrcode-content {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .qrcode-upload-area {
        text-align: center !important;
    }
}
</style>
<?php
}

// ============================================
// 用户等级图标替换 - 使用自定义图片替换文字等级
// ============================================

/**
 * 替换普通用户等级图标（lv0-lv10）
 * 使用 /www/feihesea/img/svip1.png - svip10.png 图片
 */
add_filter('b2_get_vip_icon', 'b2child_custom_user_level_icon', 10, 3);
function b2child_custom_user_level_icon($icon, $lv, $name) {
// 只处理普通等级 lv0-lv10
if (strpos($lv, 'lv') !== 0) {
    return $icon;
}

// 提取等级数字
$level_num = preg_replace('/\D/', '', $lv);
$level_num = intval($level_num);

// 图标文件映射：lv0 -> svip1.png, lv1 -> svip1.png, lv2 -> svip2.png, ... lv10 -> svip10.png
// 如果是 lv0，使用 svip1.png
$icon_num = $level_num == 0 ? 1 : $level_num;

// 限制在 1-10 范围内
$icon_num = max(1, min(10, $icon_num));

// 图标URL
$icon_url = home_url('/img/svip' . $icon_num . '.png');

// 返回图片图标
return '<span class="lv-icon user-lv b2-' . esc_attr($lv) . '" title="' . esc_attr($name) . '"><img src="' . esc_url($icon_url) . '" alt="' . esc_attr($name) . '" class="user-level-icon" style="height:20px;width:auto;vertical-align:middle;display:inline-block;" /></span>';
}

/**
 * 替换游客图标
 */
add_filter('b2_get_guest_icon', 'b2child_custom_guest_icon', 10, 2);
function b2child_custom_guest_icon($icon, $user_id) {
// 游客使用 svip1.png 并添加"游客"文字
$icon_url = home_url('/img/svip1.png');
return '<span class="lv-icon user-guest b2-guest" title="游客"><img src="' . esc_url($icon_url) . '" alt="游客" class="user-level-icon" style="height:20px;width:auto;vertical-align:middle;display:inline-block;opacity:0.6;" /></span>';
}