/* ============= 注册页自适应重构 ============= */
#registerBox {display:flex;min-height:34rem;width:100%;justify-content:center;align-items:flex-start;padding:2rem 1rem;box-sizing:border-box;background:url(/images/registerBg.png) no-repeat center;background-size:cover}
#registerBox #leftBox{background:rgba(255,255,255,.85);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:1.2rem;padding:2.5rem 2.5rem;width:54rem;max-width:100%;box-shadow:0 4px 18px rgba(0,0,0,.12)}
#registerBox h1{font-size:2rem;margin:0 0 1rem;font-weight:400}
#registerBox form{width:100%}
#registerBox .lineLabel{width:7rem;text-align:right;margin-right:.8rem;font-weight:500;font-size:1.05rem}
#registerBox .inputBox{flex:1;max-width:26rem}
#registerBox .textInput{border:1px solid #d4984a;border-radius:.5rem;padding:.55rem .9rem;font-size:1rem;width:100%;height:2.8rem;color:#555}
#registerBox .textInput.short{width:9rem;margin-right:.5rem}
#registerBox .areaSelect{width:10rem}
#registerBox .bigBtn{font-size:1.25rem}
#registerBox .btn-brown-gradient{background:linear-gradient(to right,#fbcb8b,#cf8c31);border:none;color:#fff}
#registerBox .btn-brown-gradient:hover{opacity:.9}

@media (max-width:1200px){
 #registerBox #leftBox{width:100%;padding:2.2rem 2rem}
}
/* 大屏(>=1200px) 左侧布局 */
@media (min-width:1200px){
 #registerBox{justify-content:flex-start;padding-left:5%;}
 #registerBox #leftBox{width:36rem;}
}
@media (max-width:992px){
 #registerBox #leftBox{width:100%;padding:2rem 2rem}
 #registerBox .lineLabel{width:6.2rem;font-size:.95rem}
}
@media (max-width:768px){
 #registerBox{padding:1.2rem .9rem}
 #registerBox #leftBox{padding:1.8rem 1.5rem}
 #registerBox h1{text-align:center;font-size:1.7rem}
 #registerBox .lineLabel{text-align:left;width:100%;margin:0 0 .3rem 0;display:block}
 #registerBox .flex.align-items-center{flex-direction:column;align-items:stretch!important}
 #registerBox .textInput.short{width:100%;margin-right:0}
 #registerBox .areaSelect{width:50%}
 #registerBox .bigBtn{font-size:1.1rem}
}
@media (max-width:480px){
 #registerBox #leftBox{padding:1.5rem 1.1rem}
 #registerBox h1{font-size:1.5rem}
 #registerBox .lineLabel{font-size:.9rem}
 #registerBox .textInput{font-size:.95rem;padding:.5rem .8rem;height:2.5rem}
}
/* ============= 结束 ============= */

/* ============= 协议/隐私 Modal 样式优化 ============= */
.agreement-modal .modal-header{position:sticky;top:0;background:#fff;z-index:2;border-bottom:1px solid #eee}
.agreement-modal .modal-title{font-size:1.1rem;font-weight:600}
.agreement-modal .modal-content{border-radius:.8rem;overflow:hidden}
.agreement-modal .modal-body{padding:1rem 1.25rem}
.agreement-modal .agreement-content{white-space:pre-wrap;word-wrap:break-word;line-height:1.85;color:#333;font-size:.98rem}
.agreement-modal .agreement-content b,.agreement-modal .agreement-content strong{font-weight:600}
.agreement-modal .agreement-content h1,
.agreement-modal .agreement-content h2,
.agreement-modal .agreement-content h3{margin:1rem 0 .5rem;font-weight:600}
.agreement-modal .agreement-content p{margin:.5rem 0}
.agreement-modal .agreement-content ol,
.agreement-modal .agreement-content ul{padding-left:1.25rem;margin:.4rem 0}
.agreement-modal .agreement-content li{margin:.25rem 0}
.agreement-modal .agreement-content a{color:#cf8c31;text-decoration:none}
.agreement-modal .agreement-content a:hover{text-decoration:underline}
.agreement-modal .agreement-content code,
.agreement-modal .agreement-content pre{background:#fafafa;border:1px solid #eee;border-radius:.4rem;padding:.25rem .4rem}
.agreement-modal .agreement-content pre{padding:.6rem .8rem;overflow:auto}

/* 小屏适配：让大号弹窗更贴边显示 */
@media (max-width: 768px){
	.agreement-modal .modal-dialog{margin:.75rem;}
	.agreement-modal .agreement-content{font-size:.95rem;line-height:1.8}
}