.user-payment-container[data-v-3be10b5d]{padding:20px;background-color:#f5f7fa;min-height:calc(100vh - 84px)}.user-payment-container .page-header[data-v-3be10b5d]{margin-bottom:20px}.user-payment-container .page-header h2[data-v-3be10b5d]{margin:0;font-size:24px;font-weight:600;color:#303133}.user-payment-container .loading-container[data-v-3be10b5d]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#909399}.user-payment-container .loading-container .el-icon[data-v-3be10b5d]{font-size:48px;margin-bottom:16px}.user-payment-container .loading-container span[data-v-3be10b5d]{font-size:16px}.user-payment-container .statistics-cards[data-v-3be10b5d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:20px}.user-payment-container .statistics-cards .stat-card[data-v-3be10b5d]{cursor:pointer;transition:transform .3s,box-shadow .3s}.user-payment-container .statistics-cards .stat-card[data-v-3be10b5d]:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.user-payment-container .statistics-cards .stat-card .stat-content[data-v-3be10b5d]{display:flex;align-items:center;gap:16px}.user-payment-container .statistics-cards .stat-card .stat-content .stat-icon[data-v-3be10b5d]{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px}.user-payment-container .statistics-cards .stat-card .stat-content .stat-info[data-v-3be10b5d]{flex:1}.user-payment-container .statistics-cards .stat-card .stat-content .stat-info .stat-label[data-v-3be10b5d]{font-size:14px;color:#909399;margin-bottom:8px}.user-payment-container .statistics-cards .stat-card .stat-content .stat-info .stat-value[data-v-3be10b5d]{font-size:28px;font-weight:600;color:#303133}.user-payment-container .statistics-cards .stat-card.total .stat-icon[data-v-3be10b5d]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-payment-container .statistics-cards .stat-card.success .stat-icon[data-v-3be10b5d]{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.user-payment-container .statistics-cards .stat-card.amount .stat-icon[data-v-3be10b5d]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.user-payment-container .statistics-cards .stat-card.paid .stat-icon[data-v-3be10b5d]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.user-payment-container .filter-section[data-v-3be10b5d]{margin-bottom:20px;display:flex;gap:10px;align-items:center}.user-payment-container .table-card .user-info[data-v-3be10b5d]{display:flex;align-items:center;gap:12px}.user-payment-container .table-card .user-info .user-details[data-v-3be10b5d]{flex:1}.user-payment-container .table-card .user-info .user-details .username[data-v-3be10b5d]{font-weight:500;color:#303133;margin-bottom:4px}.user-payment-container .table-card .user-info .user-details .user-email[data-v-3be10b5d]{font-size:12px;color:#909399}.user-payment-container .table-card .order-info .order-id[data-v-3be10b5d]{font-weight:500;color:#303133;font-size:13px;margin-bottom:4px;word-break:break-all}.user-payment-container .table-card .order-info .order-id-small[data-v-3be10b5d]{font-size:11px;color:#909399;word-break:break-all}.user-payment-container .table-card .plan-info .plan-name[data-v-3be10b5d]{font-weight:500;color:#303133;margin-bottom:4px;font-size:13px}.user-payment-container .table-card .plan-info .plan-description[data-v-3be10b5d]{font-size:12px;color:#909399;line-height:1.4}.user-payment-container .table-card .amount-info .expected-amount[data-v-3be10b5d],.user-payment-container .table-card .amount-info .paid-amount[data-v-3be10b5d]{display:flex;align-items:center;gap:4px;margin-bottom:4px;font-size:13px}.user-payment-container .table-card .amount-info .expected-amount .label[data-v-3be10b5d],.user-payment-container .table-card .amount-info .paid-amount .label[data-v-3be10b5d]{color:#909399}.user-payment-container .table-card .amount-info .expected-amount .value[data-v-3be10b5d],.user-payment-container .table-card .amount-info .paid-amount .value[data-v-3be10b5d]{font-weight:600;color:#303133}.user-payment-container .table-card .amount-info .expected-amount .warning-icon[data-v-3be10b5d],.user-payment-container .table-card .amount-info .paid-amount .warning-icon[data-v-3be10b5d]{color:#f56c6c;font-size:14px;animation:pulse-3be10b5d 2s infinite}.user-payment-container .table-card .amount-info .paid-amount.amount-diff .value[data-v-3be10b5d]{color:#f56c6c}.user-payment-container .table-card .amount-info .amount-diff-text[data-v-3be10b5d]{font-size:11px;color:#f56c6c;margin-top:2px}.user-payment-container .table-card .time-info[data-v-3be10b5d]{font-size:13px;color:#606266}.user-payment-container .table-card .time-info.empty[data-v-3be10b5d]{color:#c0c4cc}.user-payment-container .table-card .pagination-container[data-v-3be10b5d]{margin-top:20px;display:flex;justify-content:flex-end}.user-payment-container .no-data[data-v-3be10b5d]{display:flex;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:8px}@keyframes pulse-3be10b5d{0%,to{opacity:1}50%{opacity:.5}}