/* 前端TAB扩展 - 简化版样式 v3.1.3 */

/* 简化工具栏 */
.moedes-simple-toolbar {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 15px;
}

/* 简化按钮 - 勾选框样式 */
.moedes-simple-btn {
    display: flex;
    align-items: center;
    padding: 6px 8px;
    font-size: 12px;
    border: 1px solid #e1e5e9;
    background: #fff;
    color: #666;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.moedes-simple-btn:hover {
    border-color: #007cbb;
    color: #007cbb;
}

/* 勾选框样式 */
.moedes-simple-btn .btn-checkbox {
    width: 14px;
    height: 14px;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin-right: 6px;
    background: #fff;
    position: relative;
    transition: all 0.2s ease;
}

.moedes-simple-btn.active .btn-checkbox {
    background: #007cbb;
    border-color: #007cbb;
}

.moedes-simple-btn.active .btn-checkbox::after {
    content: '✓';
    position: absolute;
    top: -1px;
    left: 2px;
    color: white;
    font-size: 10px;
    font-weight: bold;
}

.moedes-simple-btn .btn-icon {
    margin-right: 4px;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .moedes-simple-toolbar {
        margin-left: 10px;
        gap: 5px;
        flex-wrap: wrap;
    }
    
    .moedes-simple-btn {
        padding: 4px 6px;
        font-size: 11px;
    }
    
    .moedes-simple-btn .btn-text {
        display: none;
    }
    
    .moedes-simple-btn .btn-checkbox {
        margin-right: 0;
        width: 12px;
        height: 12px;
    }
    
    .moedes-simple-btn.active .btn-checkbox::after {
        left: 1px;
        font-size: 9px;
    }
    
    /* 移动端简约模式调整 */
    body.moedes-view-mini .forum-posts {
        padding: 8px 10px !important;
        gap: 12px !important;
        min-height: 40px !important;
    }
    
    body.moedes-view-mini .forum-posts .forum-title {
        font-size: 13px !important;
    }
    
    body.moedes-view-mini .forum-posts {
        min-height: 65px !important;
        padding: 12px 10px !important;
    }
    
    body.moedes-view-mini .forum-posts .user-info .avatar-img .avatar {
        width: 45px !important;
        height: 45px !important;
    }
    
    body.moedes-view-mini .forum-posts .user-info .avatar-badge {
        width: 16px !important;
        height: 16px !important;
    }
    
    body.moedes-view-mini .forum-posts .user-info .user-right .display-name {
        font-size: 11px !important;
    }
    
    /* 移动端图标调整 - 隐藏勋章，保留等级图标 */
    body.moedes-view-mini .forum-posts .user-info .medal-icon,
    body.moedes-view-mini .forum-posts .user-info img[src*="medal"] {
        display: none !important;
    }
    
    body.moedes-view-mini .forum-posts .user-info .img-icon {
        height: 12px !important;
        width: auto !important;
        margin-left: 0 !important;
        margin-right: 2px !important;
        margin-top: 1px !important;
        max-width: 24px !important;
    }
    
    body.moedes-view-mini .forum-posts .user-info .user-auth-icon {
        height: 12px !important;
        width: 12px !important;
        margin-left: 0 !important;
        margin-right: 3px !important;
    }
    
    body.moedes-view-mini .forum-posts .user-info .user-auth-icon svg.icon {
        height: 12px !important;
        width: 12px !important;
    }
    
    /* 移动端badge调整 */
    body.moedes-view-mini .forum-posts .forum-title badge.b-black {
        font-size: 8px !important;
        padding: 1px 4px !important;
        margin-left: 5px !important;
        background: #e8e8e8 !important;
        color: #666 !important;
    }
    
    body.moedes-view-mini .forum-posts .forum-title badge.b-black i {
        color: #666 !important;
    }
    
    /* 移动端第三列统计信息调整 */
    body.moedes-view-mini .forum-posts::before {
        font-size: 9px !important;
        min-width: 80px !important;
        line-height: 1.1 !important;
    }
    
    /* 移动端第四列最后发表调整 */
    body.moedes-view-mini .forum-posts::after {
        font-size: 9px !important;
        min-width: 70px !important;
        max-width: 80px !important;
        line-height: 1.1 !important;
    }
}

/* 视图模式CSS切换 - 简约模式 */
/* 隐藏简约模式中不需要的元素 */
body.moedes-view-mini .forum-posts .imgbox-container,
body.moedes-view-mini .forum-posts .lists-imgs,
body.moedes-view-mini .forum-posts .content .excerpt,
body.moedes-view-mini .forum-posts .content img,
body.moedes-view-mini .forum-posts .content .topic-link,
body.moedes-view-mini .forum-posts .action-meta {
    display: none !important;
}

/* 简约模式：强制水平flex布局 */
body.moedes-view-mini .forum-posts {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 15px 130px 15px 15px !important;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
    min-height: 75px !important;
    gap: 15px !important;
    position: relative !important;
}

/* 强制只显示用户信息和标题区域 */
body.moedes-view-mini .forum-posts > *:nth-child(n+3):not(.user-info) {
    display: none !important;
}

/* 确保用户信息区域显示 */
body.moedes-view-mini .forum-posts .user-info {
    display: flex !important;
    order: -1 !important;
}

/* 标题区域 - 占主要空间 */
body.moedes-view-mini .forum-posts > div:nth-child(2) {
    flex: 1 !important;
    margin: 0 !important;
    min-width: 0 !important;
}

body.moedes-view-mini .forum-posts .forum-title {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    display: flex !important;
    align-items: center !important;
}

/* 专题链接样式 */
body.moedes-view-mini .forum-posts .forum-title .topic-link {
    color: #007cbb !important;
    font-size: 12px !important;
    text-decoration: none !important;
    margin-right: 6px !important;
    font-weight: normal !important;
}

body.moedes-view-mini .forum-posts .forum-title .topic-link:hover {
    color: #005a8b !important;
    text-decoration: underline !important;
}

/* 标签徽章样式 */
body.moedes-view-mini .forum-posts .forum-title .tag-badge {
    background: #f0f0f0 !important;
    color: #666 !important;
    padding: 1px 4px !important;
    border-radius: 2px !important;
    font-size: 10px !important;
    margin-left: 4px !important;
    display: inline-block !important;
    white-space: nowrap !important;
}

/* 图片数量badge样式 */
body.moedes-view-mini .forum-posts .forum-title badge.b-black {
    background: #e8e8e8 !important;
    color: #666 !important;
    font-size: 10px !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    margin-left: 8px !important;
    white-space: nowrap !important;
}

body.moedes-view-mini .forum-posts .forum-title badge.b-black i {
    margin-right: 2px !important;
    font-size: 9px !important;
    color: #666 !important;
}

body.moedes-view-mini .forum-posts .forum-title a {
    color: #333 !important;
    text-decoration: none !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    transition: color 0.2s ease !important;
}

/* 发帖人区域 - 只显示头像+用户名 */
body.moedes-view-mini .forum-posts .user-info {
    display: flex !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
}

body.moedes-view-mini .forum-posts .user-info .avatar-img {
    margin-right: 15px !important;
}

body.moedes-view-mini .forum-posts .user-info .avatar-img .avatar {
    width: 55px !important;
    height: 55px !important;
}

body.moedes-view-mini .forum-posts .user-info .user-right {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    margin: 0 !important;
    height: 100% !important;
}

body.moedes-view-mini .forum-posts .user-info .user-right .display-name {
    font-size: 13px !important;
    color: #666 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    transition: color 0.2s ease !important;
    margin-bottom: 2px !important;
}

/* 用户名悬停效果 */
body.moedes-view-mini .forum-posts .user-info .user-right .display-name:hover {
    color: #007cbb !important;
}

/* VIP用户名红色显示 */
body.moedes-view-mini .forum-posts .user-info.vip .user-right .display-name,
body.moedes-view-mini .forum-posts .user-info .user-right .display-name.vip,
body.moedes-view-mini .forum-posts .user-info .user-right .vip-user,
body.moedes-view-mini .forum-posts .user-info[data-vip="true"] .user-right .display-name {
    color: #ff0000 !important;
}

body.moedes-view-mini .forum-posts .user-info.vip .user-right .display-name:hover,
body.moedes-view-mini .forum-posts .user-info .user-right .display-name.vip:hover,
body.moedes-view-mini .forum-posts .user-info .user-right .vip-user:hover,
body.moedes-view-mini .forum-posts .user-info[data-vip="true"] .user-right .display-name:hover {
    color: #cc0000 !important;
}

/* 隐藏用户信息中的时间和统计，避免重复 */
body.moedes-view-mini .forum-posts .user-info .user-right .px12-sm {
    display: none !important;
}

/* 第三列：统计信息区域（时间+回复+浏览） */
body.moedes-view-mini .forum-posts::before {
    content: attr(data-stats) !important;
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    flex-shrink: 0 !important;
    font-size: 11px !important;
    color: #999 !important;
    text-align: right !important;
    white-space: pre-line !important;
    min-width: 100px !important;
    line-height: 1.2 !important;
}


body.moedes-view-mini .forum-posts .forum-title a:hover {
    color: #007cbb !important;
}

/* 标题选中/激活状态 */
body.moedes-view-mini .forum-posts .forum-title a:active,
body.moedes-view-mini .forum-posts .forum-title a.active {
    color: #005a8b !important;
}

/* 保持会员徽章显示 */
body.moedes-view-mini .forum-posts .user-info .avatar-badge {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
}

/* 用户名和认证图标在同一行 - 重新设计 */
body.moedes-view-mini .forum-posts .user-info .user-right name {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    margin-bottom: 3px !important;
}

body.moedes-view-mini .forum-posts .user-info .user-right name .display-name {
    margin-right: 3px !important;
    flex-shrink: 0 !important;
}

/* 隐藏勋章，保留等级图标和认证图标 */
body.moedes-view-mini .forum-posts .user-info .medal-icon,
body.moedes-view-mini .forum-posts .user-info img[src*="medal"] {
    display: none !important;
}

/* 等级图标 - 保持宽高比，放在用户名下方 */
body.moedes-view-mini .forum-posts .user-info .img-icon {
    display: inline-block !important;
    height: 14px !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 3px !important;
    margin-top: 0 !important;
    vertical-align: middle !important;
    max-width: 30px !important;
    align-self: flex-start !important;
}

/* 认证图标 - 14x14，在用户名右边 */
body.moedes-view-mini .forum-posts .user-info .user-auth-icon {
    display: inline-flex !important;
    align-items: center !important;
    height: 14px !important;
    width: 14px !important;
    margin-left: 0 !important;
    margin-right: 4px !important;
    flex-shrink: 0 !important;
}

/* SVG图标特殊对齐 - 14x14 */
body.moedes-view-mini .forum-posts .user-info .user-auth-icon svg.icon {
    height: 14px !important;
    width: 14px !important;
    vertical-align: baseline !important;
    display: inline-block !important;
    transform: translateY(-2px) !important;
}

/* 等级图标样式已在上面定义 */

/* 视图模式CSS切换 - 详细模式 */
body.moedes-view-detail .forum-posts {
    /* 保持原有详细模式样式 */
}

/* 新窗口模式 - 不显示视觉提示图标，避免页面混乱 */
/* body.moedes-newtab-enabled .forum-posts a::after {
    content: "🗗";
    font-size: 10px;
    margin-left: 2px;
    opacity: 0.6;
} */