.code-active{border:1px solid var(--color-main)!important}.code-box{width:100%;position:relative;overflow-x:hidden}.code-box>.code-input{position:absolute;width:300%;left:-200%;z-index:-1;opacity:0}.code-box>.code-all{padding:30px 0;display:flex;align-content:space-between;justify-content:center}.code-box>.code-all>.code-item{width:57px;height:57px;border-radius:10px;font-size:24px;line-height:60px;text-align:center;margin:0 10px;background:transparent;border:1px solid var(--color-border);outline:none;color:#fff}.code-box>.code-all .code-item.code-password{position:relative}.code-box>.code-all .code-item.code-password:after{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#000;border-radius:50%}.loan-hero[data-v-2ccfc0fe]{position:relative;overflow:hidden}.loan-hero-bg[data-v-2ccfc0fe]{position:absolute;inset:0;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}.loan-hero-bg[data-v-2ccfc0fe]:after{content:"";position:absolute;top:-30%;right:5%;width:400px;height:400px;background:radial-gradient(circle,rgba(189,0,0,.1) 0,transparent 70%);border-radius:50%}.loan-hero-content[data-v-2ccfc0fe]{position:relative;z-index:1;padding:48px 0}.loan-summary[data-v-2ccfc0fe]{background:hsla(0,0%,100%,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:36px 40px}.summary-top[data-v-2ccfc0fe]{display:flex;justify-content:space-between;align-items:flex-start}.summary-info[data-v-2ccfc0fe]{display:flex;flex-direction:column;gap:8px}.summary-label[data-v-2ccfc0fe]{font-size:18px;font-weight:500;color:hsla(0,0%,100%,.6)}.summary-amount[data-v-2ccfc0fe]{font-size:42px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1.1}.apply-btn[data-v-2ccfc0fe]{display:inline-flex;align-items:center;height:44px;padding:0 32px;border-radius:22px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#bd0000,#e14a4a);color:#fff;border:none;cursor:pointer;transition:all .25s;box-shadow:0 4px 20px rgba(189,0,0,.25)}.apply-btn[data-v-2ccfc0fe]:hover{transform:translateY(-1px);box-shadow:0 6px 28px rgba(189,0,0,.35)}.apply-btn[data-v-2ccfc0fe]:active{transform:scale(.97)}.summary-stats[data-v-2ccfc0fe]{display:flex;gap:24px;margin-top:32px;padding-top:28px;border-top:1px solid hsla(0,0%,100%,.08)}.stat-item[data-v-2ccfc0fe]{display:flex;flex-direction:column;gap:6px}.stat-value[data-v-2ccfc0fe]{font-size:22px;font-weight:700;color:#fff}.stat-label[data-v-2ccfc0fe]{font-size:13px;color:hsla(0,0%,100%,.5)}.stat-divider[data-v-2ccfc0fe]{width:1px;background:hsla(0,0%,100%,.08)}.record-header[data-v-2ccfc0fe]{margin:40px 0 24px}.record-title[data-v-2ccfc0fe]{font-size:22px;font-weight:700;color:#1a1a2e;margin:0;position:relative;padding-bottom:12px}.record-title[data-v-2ccfc0fe]:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,#bd0000,#f27979);border-radius:2px}.record-list[data-v-2ccfc0fe]{padding-bottom:100px}.history-card[data-v-2ccfc0fe]{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #f0f2f4;border-radius:16px;padding:24px 28px;margin-bottom:14px;transition:box-shadow .2s,transform .2s}.history-card[data-v-2ccfc0fe]:hover{box-shadow:0 4px 20px rgba(0,0,0,.04);transform:translateY(-1px)}.card-left[data-v-2ccfc0fe]{display:flex;align-items:center;gap:16px;min-width:200px}.card-icon[data-v-2ccfc0fe]{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(189,0,0,.08),rgba(255,176,55,.08));display:flex;align-items:center;justify-content:center;color:#bd0000;flex-shrink:0}.card-amount[data-v-2ccfc0fe]{display:flex;flex-direction:column;gap:4px}.amount-value[data-v-2ccfc0fe]{font-size:20px;font-weight:700;color:#1a1a2e}.amount-date[data-v-2ccfc0fe]{font-size:12px;color:#9ca3af}.card-details[data-v-2ccfc0fe]{display:flex;gap:24px;flex:1}.detail-item[data-v-2ccfc0fe]{display:flex;flex-direction:column;gap:4px}.detail-value[data-v-2ccfc0fe]{font-size:16px;font-weight:600;color:#1a1a2e}.detail-label[data-v-2ccfc0fe]{font-size:12px;color:#9ca3af}.card-right[data-v-2ccfc0fe]{display:flex;align-items:center;gap:14px;flex-shrink:0}.status-tag[data-v-2ccfc0fe]{display:inline-flex;align-items:center;height:28px;padding:0 14px;border-radius:14px;font-size:12px;font-weight:600;white-space:nowrap}.tag-pending[data-v-2ccfc0fe]{background:#fff8e1;color:#f59e0b}.tag-success[data-v-2ccfc0fe]{background:#e6f7ed;color:#10b981}.tag-overdue[data-v-2ccfc0fe]{background:#fde8e8;color:#ef4444}.tag-fail[data-v-2ccfc0fe]{background:#fef2f2;color:#f87171}.tag-finish[data-v-2ccfc0fe]{background:#eef2ff;color:#6366f1}.action-btn[data-v-2ccfc0fe]{height:36px;padding:0 20px;border-radius:18px;font-size:13px;font-weight:600;border:none;cursor:pointer;background:linear-gradient(135deg,#bd0000,#e14a4a);color:#fff;transition:all .2s;white-space:nowrap}.action-btn[data-v-2ccfc0fe]:hover{opacity:.9}.action-btn[data-v-2ccfc0fe]:active{transform:scale(.96)}.action-btn--outline[data-v-2ccfc0fe]{background:rgba(189,0,0,.06);color:#bd0000;border:1.5px solid rgba(189,0,0,.2)}.action-btn--outline[data-v-2ccfc0fe]:hover{background:rgba(189,0,0,.1)}.action-placeholder[data-v-2ccfc0fe]{width:60px;text-align:center;color:#d1d5db;font-size:14px}.common-pagination[data-v-2ccfc0fe]{display:flex;justify-content:center;margin-top:32px}.my-dialog[data-v-2ccfc0fe] .el-dialog{border-radius:20px;overflow:hidden}.my-dialog[data-v-2ccfc0fe] .el-dialog__header{padding:28px 32px 0}.my-dialog[data-v-2ccfc0fe] .el-dialog__header .el-dialog__title{font-size:20px;font-weight:700;color:#1a1a2e}.my-dialog[data-v-2ccfc0fe] .el-dialog__header .el-dialog__headerbtn{top:28px;right:28px;font-size:18px}.my-dialog[data-v-2ccfc0fe] .el-dialog__body{padding:24px 32px 32px}.dialog-title[data-v-2ccfc0fe]{font-size:20px;font-weight:700;color:#1a1a2e}.dialog-body .form-row[data-v-2ccfc0fe]{margin-bottom:18px}.dialog-body .form-row label[data-v-2ccfc0fe]{display:block;font-size:13px;font-weight:500;color:#6b7280;margin-bottom:6px}.dialog-body .form-row .el-input[data-v-2ccfc0fe]{width:100%}.dialog-actions[data-v-2ccfc0fe]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.dialog-btn[data-v-2ccfc0fe]{height:44px;padding:0 28px;border-radius:22px;font-size:15px;font-weight:600;border:1.5px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;transition:all .2s}.dialog-btn[data-v-2ccfc0fe]:hover{border-color:#d1d5db;background:#f9fafb}.dialog-btn--primary[data-v-2ccfc0fe]{background:linear-gradient(135deg,#bd0000,#e14a4a);color:#fff;border:none;box-shadow:0 4px 16px rgba(189,0,0,.2)}.dialog-btn--primary[data-v-2ccfc0fe]:hover{box-shadow:0 6px 24px rgba(189,0,0,.3)}.pay-body[data-v-2ccfc0fe]{text-align:center}.pay-body .pay-hint[data-v-2ccfc0fe]{font-size:16px;font-weight:400;color:#374151;margin:0 0 20px;text-align:left}.pay-body .dialog-actions[data-v-2ccfc0fe]{margin-top:28px}@media screen and (max-width:1024px){.history-card[data-v-2ccfc0fe]{flex-wrap:wrap;gap:16px}.card-left[data-v-2ccfc0fe]{min-width:160px}.card-details[data-v-2ccfc0fe]{gap:16px}}@media screen and (max-width:768px){.loan-hero-content[data-v-2ccfc0fe]{padding:32px 0}.loan-summary[data-v-2ccfc0fe]{padding:24px 20px}.summary-amount[data-v-2ccfc0fe]{font-size:28px}.summary-stats[data-v-2ccfc0fe]{flex-direction:column;gap:16px}.stat-divider[data-v-2ccfc0fe]{display:none}.summary-top[data-v-2ccfc0fe]{flex-direction:column;gap:16px}.apply-btn[data-v-2ccfc0fe]{width:100%;justify-content:center}.history-card[data-v-2ccfc0fe]{flex-direction:column;align-items:flex-start;padding:20px}.card-left[data-v-2ccfc0fe]{min-width:auto;width:100%}.card-details[data-v-2ccfc0fe]{width:100%}.card-right[data-v-2ccfc0fe]{width:100%;justify-content:flex-end}}