.percent-card.card-1{--accent:#d97706;border-color:#f6e1c8;border-top-color:#d97706}
.percent-card.card-1 .card-num{box-shadow:0 4px 10px rgba(217,119,6,.45)}
.percent-card.card-1 .percent-desc{background:#fdf7f0;border-color:#f8e7d2 #f8e7d2 #f8e7d2 #d97706}
.percent-card.card-1 .percent-desc b{background:#f9ebda}
.percent-card.card-1 .percent-input:focus{box-shadow:0 0 0 4px rgba(217,119,6,.14)}
.percent-card.card-1 .percent-addon{background:#f9e9d7}
.loan-good{color:#18794e}.loan-normal{color:#c96f05}.loan-bad{color:#b42318}
.loan-head{display:block;font-size:1.7rem;line-height:1.35;font-weight:900}
.loan-pay{display:block;font-size:2.35rem;line-height:1.08;font-weight:900;color:#c96f05}
.loan-unit{display:block;font-size:1.55rem;line-height:1.25;font-weight:900;color:#4a3524}
body .percent-card.card-1 .result-coffee.result-coffee{background:#fbf1e6;border:1px solid #f4d9b9;color:#4a3524;box-shadow:none}
body .percent-card.card-1 .result-coffee.result-coffee>b{color:#c96f05!important}
.loan-note{display:block;margin-top:16px;line-height:1.9;font-size:1.18rem;font-weight:400}
.loan-note b{color:#9a5a16}
.loan-table{width:100%;margin-top:20px;border-collapse:collapse;overflow:hidden;border-radius:16px}
.loan-table td{padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.18);font-size:1.18rem;line-height:1.65}
.loan-table td:last-child{text-align:right;font-weight:900}
.amort-title{display:block;margin-top:24px;padding-top:20px;border-top:1px dashed rgba(255,255,255,.25);line-height:1.9;font-size:1.18rem}
.amort-wrap{width:100%;overflow-x:auto;margin-top:14px;border-radius:16px;background:#fff}
.amort-table{width:100%;min-width:620px;border-collapse:collapse;color:#111114}
.amort-table th{background:#111114;color:#fff;padding:14px 10px;font-size:1rem;line-height:1.45;text-align:right;white-space:nowrap}
.amort-table th:first-child{text-align:center}
.amort-table td{padding:13px 10px;border-bottom:1px solid #eee;font-size:1rem;line-height:1.5;text-align:right;white-space:nowrap}
.amort-table td:first-child{text-align:center;font-weight:900;color:#9a5a16}
.amort-table tr:nth-child(even){background:#fafafa}
@media(min-width:769px){.percent-field label{font-size:1.16rem;line-height:1.5}.percent-input{height:62px;font-size:1.75rem;line-height:1.2}.percent-addon{height:62px;font-size:1.08rem}}
@media(max-width:768px){.loan-head{font-size:1.55rem;line-height:1.35}.loan-pay{font-size:2.25rem;line-height:1.08}.loan-unit{font-size:1.45rem;line-height:1.25}.loan-note{font-size:1.22rem;line-height:2;padding-left:0;padding-right:0;margin-left:-4px;margin-right:-4px}.loan-table td{font-size:1.16rem;line-height:1.7;padding:10px 8px}.amort-title{font-size:1.22rem;line-height:2;margin-left:-3px;margin-right:-3px}.amort-table th,.amort-table td{font-size:1rem;padding:12px 8px}.amort-wrap{width:calc(100% + 28px);margin-left:-14px;margin-right:-14px;border-radius:0}}