/* 报告列表页面专属样式 */

/* 报告卡片 */
.report-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.report-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

/* 报告类型标签 */
.report-type-badge {
    font-size: 0.6875rem;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    font-weight: 500;
}
.type-standard { background: #dbeafe; color: #1d4ed8; }
.type-invest   { background: #fef3c7; color: #b45309; }
.type-basic    { background: #e0e7ff; color: #4338ca; }

/* 建议标签 */
.rec-badge {
    font-size: 0.6875rem;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
}
.rec-invest-yes  { background: #dcfce7; color: #166534; }
.rec-invest-no   { background: #fee2e2; color: #991b1b; }
.rec-attract-yes { background: #dbeafe; color: #1e40af; }
.rec-attract-no  { background: #fef3c7; color: #92400e; }

/* 分页按钮 */
.pagination-btn {
    padding: 0.5rem 0.875rem;
    font-size: 0.8125rem;
    border-radius: 0.5rem;
    transition: all 0.15s;
}
.pagination-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
.pagination-btn.active {
    background: #2563eb;
    color: white;
}

/* 骨架屏动画 */
.skeleton-card {
    animation: pulse 1.5s ease-in-out infinite;
}
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

/* 空状态 */
.empty-state {
    padding: 4rem 2rem;
    text-align: center;
}

/* 视图切换按钮 */
.view-toggle-btn {
    color: #6b7280;
    background: white;
}
.view-toggle-btn:hover {
    background: #f9fafb;
}
.view-toggle-btn.active {
    background: #2563eb;
    color: white;
}