.loan-process .section-head{display:block;text-align:center;margin-bottom:40px}.loan-process .section-head h2{font-family:"Songti TC","Noto Serif TC",serif;font-size:36px;font-weight:500;letter-spacing:3px}.loan-process .section-head p{max-width:none;margin:16px auto 0;font-size:14px;line-height:1.9;color:#82715b}
.loan-timeline{list-style:none;padding:0;margin:0 auto;max-width:800px;display:flex;flex-direction:column;gap:48px}.loan-timeline>li{position:relative}.loan-timeline>li:not(:last-child):after{content:"↓";position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);font-size:25px;line-height:32px;color:#b19870}
.loan-step{position:relative;border:1px solid #daceba;border-radius:22px;padding:30px 32px 32px;text-align:center;background:linear-gradient(135deg,#fbf9f4,#f0e7d8);box-shadow:0 8px 25px #6853340c;overflow:hidden}.loan-step:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#947447,#e8d7b2,#947447)}
.loan-step-no{position:absolute;left:25px;top:22px;font-family:Georgia,serif;font-size:32px;line-height:1;color:#b59a72}.loan-step-icon{display:grid;place-items:center;margin:0 auto 16px;width:62px;height:62px;border-radius:50%;border:1px solid #d7c6a9;background:#fff9;color:#967547}.loan-step-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linejoin:round;stroke-linecap:round}.loan-step h3{font-size:24px;font-weight:500;letter-spacing:1px;margin:0 0 12px}.loan-step p{font-size:14px;line-height:1.95;color:#7b6b55;max-width:580px;margin:0 auto}
.loan-timeline>li:first-child .loan-step{background:linear-gradient(135deg,#3c352c,#28251f);border-color:#65553e;color:#f2e5cc}.loan-timeline>li:first-child .loan-step p{color:#d4c6ae}.loan-timeline>li:first-child .loan-step-icon{background:#534938;border-color:#89714d;color:#ead3a7}.loan-timeline>li:last-child .loan-step{background:linear-gradient(135deg,#e9d9bc,#f8f2e6);border-color:#c6ab7e}
@media(max-width:650px){.loan-process .section-head h2{font-size:29px}.loan-process .section-head p{font-size:13px}.loan-timeline{gap:42px}.loan-step{padding:27px 20px 29px;border-radius:18px}.loan-step-no{left:20px;top:22px;font-size:28px}.loan-step h3{font-size:22px}.loan-step p{font-size:14px}.loan-step-icon{width:56px;height:56px}.loan-timeline>li:not(:last-child):after{top:calc(100% + 5px)}}