/* ========================================
   投票记录页面现代化样式
   ======================================== */

/* 容器样式 */
.votelog-container {
    padding: 20px;
    background: #fff;
    min-height: 100vh;
}

/* 表格样式 - 继承选手列表样式 */
.votelog-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

/* 表格边框 */
.votelog-table thead th,
.votelog-table tbody td {
    border: 1px solid #e5e7eb;
}

.votelog-table thead th {
    border-bottom: 2px solid #d1d5db;
}

/* 列宽设置 */
.votelog-table thead th:nth-child(1) { width: 120px; } /* 昵称 */
.votelog-table thead th:nth-child(2) { width: 80px; }  /* 头像 */
.votelog-table thead th:nth-child(3) { width: 160px; } /* 投票时间 */
.votelog-table thead th:nth-child(4) { width: auto; }  /* OpenID */
.votelog-table thead th:nth-child(5) { width: 140px; } /* IP地址 */
.votelog-table thead th:nth-child(6) { width: 100px; } /* 操作 */

/* 头像样式 */
.votelog-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #f3f4f6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: block;
    margin: 0 auto;
}

/* OpenID单元格 */
.openid-cell {
    font-family: 'Courier New', monospace;
    font-size: 12px;
    color: #64748b;
    word-break: break-all;
}

/* 确保第4列（OpenID）也是灰色 */
.votelog-table tbody td:nth-child(4) {
    font-family: 'Courier New', monospace;
    color: #64748b;
    font-size: 13px;
    word-break: break-all;
}

/* 删除按钮特殊样式 */
.votelog-table .delUser {
    background: #fff;
    color: #ef4444;
    border: 1px solid #ef4444;
}

.votelog-table .delUser::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6'%3E%3C/path%3E%3Cpath d='M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'%3E%3C/path%3E%3C/svg%3E");
}

.votelog-table .delUser:hover {
    background: #ef4444;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(239, 68, 68, 0.3);
}

.votelog-table .delUser:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'%3E%3C/path%3E%3Cpath d='M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6'%3E%3C/path%3E%3Cpath d='M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'%3E%3C/path%3E%3C/svg%3E");
}

/* 行悬停效果 */
.votelog-table tbody tr:hover {
    background: #f0f4ff;
    transform: scale(1.001);
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.1);
}

/* 分页器样式 */
.votelog-container .page {
    margin-top: 12px;
}

/* 时间列样式 */
.votelog-table tbody td:nth-child(3) {
    color: #64748b;
    font-size: 13px;
}

/* IP地址列样式 */
.votelog-table tbody td:nth-child(5) {
    font-family: 'Courier New', monospace;
    color: #64748b;
    font-size: 13px;
}

/* 昵称列样式 */
.votelog-table tbody td:nth-child(1) {
    font-weight: 500;
    color: #1e293b;
}

/* 响应式优化 */
@media (max-width: 768px) {
    .votelog-container {
        padding: 10px;
    }
    
    .openid-cell {
        font-size: 11px;
    }
}