.loan-page{background:#f5f5f5;min-height:100vh;margin:0;padding:0;box-sizing:border-box;font-family:Microsoft YaHei,Arial,sans-serif}.loan-page .loan-header{display:flex;align-items:center;padding:12px 20px;background-color:#fff;border-bottom:1px solid #eee;position:relative;height:50px}.loan-page .back-arrow{width:12px;height:12px;border-left:2px solid #333;border-top:2px solid #333;transform:rotate(-45deg);cursor:pointer}.loan-page .loan-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:18px;color:#333;font-weight:700;margin:0}.loan-page .loan-card{width:calc(100% - 20px);margin:10px;padding:10px;background-color:#fff;box-shadow:0 2px 6px #0000000d}.loan-page .loan-number{font-size:15px;color:#333;margin-bottom:20px;line-height:1.5}.loan-page .loan-label{color:#666;margin-right:5px}.loan-page .three-col-container{display:flex;justify-content:space-between;margin-bottom:25px;padding:15px 0;border-top:1px dashed #eee;border-bottom:1px dashed #eee}.loan-page .col-item{text-align:center;flex:1}.loan-page .col-value{font-size:18px;font-weight:700;margin-bottom:6px}.loan-page .col-value.red-highlight{color:#ff3b30}.loan-page .col-value.normal{color:#333}.loan-page .col-desc{font-size:12px;color:#999}.loan-page .apply-date{font-size:16px;color:#bfbfbf;margin-bottom:20px;line-height:1.5;width:30%}.loan-page .btn-group{display:flex;gap:12px}.loan-page .loan-btn{flex:1;height:30px;text-align:center;background-color:#d4b987;color:#fff;font-size:14px;text-decoration:none;cursor:pointer;border:none;padding:3px}.loan-page .loan-btn:hover{opacity:.9;color:#fff;text-decoration:none}.loan-page .modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999;justify-content:center;align-items:center;overflow:hidden;overflow-y:auto}.loan-page .modal-content{width:100vw;background-color:#f7f7f7;overflow:hidden;height:100vh}.loan-page .modal-header1{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.loan-page .modal-title1{font-size:18px;font-weight:700;margin:0}.loan-page .close-btn1{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.loan-page .modal-body1{padding:10px}.loan-page .progress-title{font-size:16px;margin-bottom:15px;color:#333}.loan-page .info-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.loan-page .info-top .number{font-size:14px;color:#333}.loan-page .info-top .status{font-size:14px;color:#999}.loan-page .progress-bar{position:relative;height:20px;margin-bottom:30px;width:90%;margin-left:5%}.loan-page .progress-line{position:absolute;top:10px;left:15px;right:15px;height:2px;background-color:#007bff}.loan-page .progress-dot{position:absolute;top:5px;width:12px;height:12px;border-radius:50%;background-color:#fff;border:2px solid #007bff}.loan-page .dot-1{left:15px}.loan-page .dot-2{left:33%}.loan-page .dot-3{left:66%}.loan-page .dot-4{right:15px}.loan-page .progress-text{position:absolute;top:25px;font-size:14px;color:#007bff}.loan-page .text-1{left:15px;transform:translate(-50%)}.loan-page .text-2{left:33%;transform:translate(-50%)}.loan-page .text-3{right:15px;transform:translate(50%)}.loan-page .amount-time{display:flex;justify-content:space-between}.loan-page .amount,.loan-page .time{text-align:center;width:50%;margin-top:20px}.loan-page .time{border-left:1px solid #efefef}.loan-page .amount .value{font-size:24px;color:red;font-weight:700;margin-bottom:5px}.loan-page .amount .label,.loan-page .time .label{font-size:14px;color:#999}.loan-page .time .value{font-size:20px;color:#333;font-weight:700;margin-bottom:5px}.loan-page .description-title{font-size:16px;margin:20px 0 10px;color:#333}.loan-page .description-content{border:1px solid #eee;padding:15px;min-height:110px;font-size:14px;color:#333;background-color:#fff}.loan-page .detail-title{font-size:16px;margin:20px 0 10px;color:#333}.loan-page .detail-content{border:1px solid #eee;padding:15px;font-size:14px;color:#333;background-color:#fff}.loan-page .detail-item{display:flex;margin-bottom:10px}.loan-page .detail-item:last-child{margin-bottom:0}.loan-page .detail-label{color:#666;width:30%}body{font-family:Microsoft YaHei,Arial,sans-serif;background-color:#f5f7fa}.header{height:44px;line-height:44px;background-color:#fff;border-bottom:1px solid #eee;padding-left:15px;font-size:16px;font-weight:700}.repay-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:15px;padding:50px 15px}.order-sn{margin-bottom:10px;display:flex;justify-content:space-between}.order-sn span{color:#4285f4;font-size:14px}.status-tag{background-color:#fff8e1;color:#faad14!important;font-size:10px!important;padding:2px 6px;border-radius:4px;margin-left:8px}.info-item{margin-bottom:8px;font-size:14px;display:flex;justify-content:space-between}.overdue-fee{color:#f5222d}.total-amount{color:#52c41a}.btn{display:inline-block;height:43px;text-align:center;font-size:14px;border:1px solid #ddd!important;padding:0 15px;margin-right:10px;cursor:pointer;width:85vw;margin-top:1vh;background-color:#fff;border-radius:100px}.btn.btn-detail,.btn.btn-repay{background-color:#42b983;border-color:#52c41a;color:#fff}.btn.btn-repay1{background-color:#52c41a;border-color:#52c41a;color:#fff}.tips{color:#f5222d;font-size:12px;margin-top:10px}.header{height:44px;line-height:44px;background-color:#fff;border-bottom:1px solid #eee;padding-left:15px;font-size:16px}.repayment-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:15px;padding:15px}.period-item{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee}.period-item:last-child{border-bottom:none}.amount{font-size:18px;color:#f5222d;margin-bottom:5px}.period-tag{float:right;background-color:#e6f7ff;color:#40a9ff;font-size:12px;padding:2px 6px;border-radius:4px}.deadline{font-size:14px;color:#666;margin-bottom:5px}.status-tag{display:inline-block;padding:2px 6px;border-radius:4px;font-size:12px}.status-tag.overdue{background-color:#fff1f0;color:#f5222d}.status-tag.repaid,.status-tag.green{background-color:#f6ffed;color:#52c41a}body{background-color:#f5f7fa;font-family:Microsoft YaHei,Arial,sans-serif}.header{background:linear-gradient(90deg,#673ab7,#2196f3);color:#fff;height:44px;line-height:44px;padding-left:15px;font-size:16px;position:relative}.header .back-btn{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#fff;font-size:20px}.header h1{text-align:center;margin:0;font-size:18px}.upload-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:15px;padding:15px}.upload-title{font-size:16px;margin-bottom:15px}.upload-area{border:2px dashed #4285f4;border-radius:6px;padding:20px;text-align:center;background-color:#f8fafc;position:relative;min-height:200px}.upload-icon{width:60px;height:60px;background-color:#673ab7;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px}.upload-icon i{color:#fff;font-size:24px}.upload-tip{font-size:14px;color:#666;margin-bottom:5px}.upload-format{font-size:12px;color:#999}.upload-progress{width:100%;height:6px;background-color:#eaeaea;border-radius:3px;margin:10px 0;overflow:hidden}.progress-bar{height:100%;background-color:#4285f4;width:0;transition:width .3s ease}.progress-text{font-size:14px;color:#4285f4;margin-top:5px}.uploaded-list{display:flex;flex-wrap:wrap;margin-top:10px;position:relative;z-index:999}.uploaded-item{position:relative;width:80px;height:80px;margin:5px;border-radius:4px;overflow:hidden}.uploaded-item img{width:100%;height:100%;object-fit:cover}.uploaded-item .delete-btn{position:absolute;top:0;right:0;width:20px;height:20px;background-color:#ff4d4f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer}.upload-info{background-color:#e6f7ff;border-left:4px solid #40a9ff;border-radius:4px;padding:10px;margin:15px}.info-title{font-weight:700;font-size:14px;margin-bottom:8px}.info-list{list-style:none;padding:0;margin:0}.info-list li{font-size:12px;margin-bottom:5px}.submit-btn{display:block;width:calc(100% - 30px);height:44px;line-height:44px;text-align:center;background:linear-gradient(90deg,#673ab7,#2196f3);color:#fff;font-size:16px;border:none;border-radius:22px;margin:15px auto;cursor:pointer}.hidden{display:none}input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}