.loan-form {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.result-summary {
    background: #f8f9fa;
}

.summary-item {
    text-align: center;
    padding: 1rem;
}

.summary-item .label {
    color: #6c757d;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.summary-item .value {
    color: #2c3e50;
    font-size: 1.25rem;
    font-weight: 500;
}

.payment-schedule {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.table th {
    background: #f8f9fa;
    font-weight: 500;
}

.table td {
    vertical-align: middle;
}

.form-control-sm {
    width: 120px;
}

.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

/* 还款计划表格容器样式 */
.payment-schedule .table-responsive {
    height: 600px;
    position: relative;
}

/* 固定表头样式 */
.payment-schedule table {
    position: relative;
    width: 100%;
    table-layout: fixed;  /* 固定表格布局 */
}

.payment-schedule thead {
    position: sticky;
    top: 0;
    z-index: 1;
}

.payment-schedule thead th {
    background: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
    font-weight: 500;
    vertical-align: middle;
}

/* 表格内容区域样式 */
.payment-schedule tbody {
    background: white;
}

/* 设置每列的宽度 */
.payment-schedule th,
.payment-schedule td {
    padding: 0.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 期数列 */
.payment-schedule th:nth-child(1),
.payment-schedule td:nth-child(1) {
    width: 80px;
    text-align: center;
}

/* 还款日期列 */
.payment-schedule th:nth-child(2),
.payment-schedule td:nth-child(2) {
    width: 120px;
    text-align: center;
}

/* 金额相关列（还款金额、本金、利息、剩余本金、累计已还） */
.payment-schedule th:nth-child(3),
.payment-schedule td:nth-child(3),
.payment-schedule th:nth-child(4),
.payment-schedule td:nth-child(4),
.payment-schedule th:nth-child(5),
.payment-schedule td:nth-child(5),
.payment-schedule th:nth-child(7),
.payment-schedule td:nth-child(7),
.payment-schedule th:nth-child(8),
.payment-schedule td:nth-child(8) {
    width: 140px;
    text-align: right;
    padding-right: 1rem;
}

/* 年利率列 */
.payment-schedule th:nth-child(6),
.payment-schedule td:nth-child(6) {
    width: 100px;
    text-align: right;
    padding-right: 1rem;
}

/* 操作列 */
.payment-schedule th:nth-child(9),
.payment-schedule td:nth-child(9) {
    width: 160px;
    text-align: center;
}

/* 编辑状态下的输入框对齐 */
.payment-schedule .form-control-sm {
    text-align: right;
    padding-right: 0.5rem;
}

/* 保持表格行的高度一致 */
.payment-schedule tbody tr {
    height: 48px;
}

/* 调整按钮组的布局 */
.payment-schedule .btn-group {
    display: inline-flex;
    gap: 0.25rem;
}

/* 美化滚动条 */
.payment-schedule .table-responsive::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.payment-schedule .table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.payment-schedule .table-responsive::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

.payment-schedule .table-responsive::-webkit-scrollbar-thumb:hover {
    background: #999;
}