/*member/index页面css*/
body {
background: #f0f2f8;
color: #1e293b;
}

/* 头部 */
.headers {
margin-bottom: 2rem;
}

.headers h1 {
font-size: 1.9rem;
font-weight: 600;
background: linear-gradient(135deg, #1e3c72, #2a5298);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
letter-spacing: -0.3px;
}

.headers p {
color: #475569;
margin-top: 0.5rem;
font-size: 0.95rem;
border-left: 3px solid #3b82f6;
padding-left: 0.75rem;
}

/* 卡片通用样式 */
.card {
background: white;
border-radius: 1.25rem;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(0, 0, 0, 0.05);
transition: all 0.2s ease;
overflow: hidden;
}

/* 筛选区域 */
.filter-section {
background: white;
border-radius: 1.25rem;
padding: 1.5rem 1.8rem;
margin-bottom: 2rem;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
border: 1px solid #e9eef3;
}

.filter-row {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 1.5rem;
row-gap: 1.2rem;
}

.filter-group {
display: flex;
flex-direction: column;
gap: 0.4rem;
min-width: 140px;
}

.filter-group label {
font-size: 0.8rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #5b6e8c;
}
.btn-export {
background: #10b981;
border-color: #10b981;
color: white;
}

.btn-export:hover {
background: #059669;
transform: translateY(-1px);
}

/* 统计卡片区域 */
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
gap: 1.2rem;
margin-bottom: 2rem;
}

.stat-card {
background: white;
border-radius: 1.2rem;
padding: 1.2rem 1.2rem;
transition: 0.1s;
border-left: 5px solid;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0,0,0,0.05);
}

.stat-card .stat-title {
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.4px;
color: #5b6e8c;
margin-bottom: 0.6rem;
}

.stat-card .stat-number {
font-size: 2rem;
font-weight: 700;
color: #0f172a;
line-height: 1.2;
}

.stat-card .stat-sub {
font-size: 0.75rem;
color: #54708f;
margin-top: 0.5rem;
}
#statsContainer .stat-card:nth-of-type(1){border-left-color: #3b82f6;}
#statsContainer .stat-card:nth-of-type(2){border-left-color: #10b981;}
#statsContainer .stat-card:nth-of-type(3){border-left-color: #f59e0b;}
#statsContainer .stat-card:nth-of-type(4){border-left-color: #8b5cf6;}
#statsContainer .stat-card:nth-of-type(5){border-left-color: #ec489a;}
#statsContainer .stat-card:nth-of-type(6){border-left-color: #ef4444;}
#statsContainer .stat-card:nth-of-type(7){border-left-color: #0f172a;}

/* 表格区域 */
.table-wrapper {
overflow-x: auto;
border-radius: 1.2rem;
background: white;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

#tableBody tr td:first-child{font-weight:800;}

.data-table {
width: 100%;
border-collapse: collapse;
font-size: 0.85rem;
min-width: 700px;
}

.data-table th {
text-align: left;
padding: 1rem 1rem;
background-color: #f9fbfe;
font-weight: 600;
color: #2c3e66;
border-bottom: 1px solid #e2edf7;
}

.data-table td {
padding: 0.9rem 1rem;
border-bottom: 1px solid #eff3f8;
color: #1f2a48;
}

.data-table tr:hover td {
background-color: #fafcff;
}

.badge {
display: inline-block;
padding: 0.2rem 0.65rem;
border-radius: 2rem;
font-size: 0.7rem;
font-weight: 600;
text-align: center;
}

.badge-success {
background: #e0f2e9;
color: #1e6f3f;
}
.badge-warning {
background: #fff0db;
color: #b45309;
}
.badge-danger {
background: #fee9e6;
color: #b91c1c;
}
.badge-info {
background: #e6f0ff;
color: #1e4a76;
}

.amount {
font-weight: 600;
font-family: 'JetBrains Mono', monospace;
}

.footer-note {
margin-top: 1.5rem;
text-align: right;
font-size: 0.7rem;
color: #7c8ba0;
}

@media (max-width: 700px) {
body {
padding: 1rem;
}
.filter-row {
flex-direction: column;
align-items: stretch;
}
.filter-group {
width: 100%;
}
}