.agreement-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center}
.agreement-container{width:92%;max-width:420px;max-height:90vh;background:#FFFFFF;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.3)}
.agreement-header{padding:16px 16px 10px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-bottom:1px solid #eee}
.agreement-title{font-size:17px;font-weight:bold;color:#1A1A2E}
.agreement-close-btn{font-size:17px;color:#FF4466;padding:4px 8px;cursor:pointer;line-height:1}
.agreement-body{flex:1;overflow-y:auto;padding:14px 18px;max-height:55vh;-webkit-overflow-scrolling:touch}
.agreement-section{margin-bottom:16px}
.agreement-section-title{font-size:15px;font-weight:bold;color:#1A1A2E;display:block;margin-bottom:7px}
.agreement-dim-item{margin-bottom:10px;padding-left:8px}
.agreement-dim-name{font-size:14px;font-weight:bold;color:#1668E3;display:block;margin-bottom:4px}
.agreement-dim-desc{font-size:13px;color:#64748B;display:block;line-height:1.7}
.agreement-text{font-size:13px;color:#64748B;display:block;line-height:1.8;margin-bottom:5px}
.agreement-sign-area{padding:8px 16px;flex-shrink:0;border-top:1px solid #eee}
.agreement-sign-label{font-size:13px;font-weight:bold;color:#1A1A2E;margin-bottom:6px;display:block}
.agreement-sign-preview{width:80%;height:80px;background:rgba(255,255,255,0.9);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;margin:0 auto 6px auto;border:1px solid #eee}
.agreement-sign-img{max-width:100%;max-height:80px;transform:rotate(-90deg);object-fit:contain}
.agreement-re-sign{font-size:13px;color:#1668E3;padding:6px 14px;background:rgba(22,104,227,0.08);border:1px solid rgba(22,104,227,0.2);border-radius:4px;margin-top:6px;text-align:center;font-weight:bold;cursor:pointer}
.agreement-sign-btn-wrap{display:flex;justify-content:center;margin-bottom:6px}
.agreement-open-sign-btn{font-size:14px;font-weight:bold;color:#FFFFFF;background:linear-gradient(135deg,#60A5FA,#2563EB);padding:12px 40px;border-radius:7px;box-shadow:0 3px 10px rgba(22,104,227,0.3);cursor:pointer}
.agreement-bottom{padding:10px 16px 16px;flex-shrink:0}
.agreement-confirm-btn{width:100%;text-align:center;padding:14px 0;font-size:15px;font-weight:bold;border-radius:7px;letter-spacing:2px;cursor:pointer;transition:transform .1s,opacity .1s}
.agreement-btn-active{color:#FFFFFF;background:linear-gradient(135deg,#60A5FA,#2563EB);box-shadow:0 3px 10px rgba(22,104,227,0.3)}
.agreement-btn-active:active{transform:scale(.96);opacity:.85}
.agreement-btn-disabled{color:#94A3B8;background:rgba(42,58,74,0.15);pointer-events:none}