/* ==================== 会员注册表单优化 ==================== */
:root{--reg-primary:#5252e2;--reg-primary-dark:#3a3ab8;--reg-primary-soft:#f0f1ff;--reg-line:#e1e5f3;--reg-line-light:#eef0f7;--reg-text:#1a1d28;--reg-muted:#9aa0b0;}
/* 容器 */
.register-main{padding:40px 0 60px;margin:0 !important}
.register-main .row{display:flex;justify-content:center;}
.register-main .col{width:100%;max-width:640px;padding:0 16px;}
/* ===== 表单卡片 ===== */
.register-main form.layui-form{position:relative;padding:40px 40px 32px;background:#fff;border:1px solid var(--reg-line);border-top:4px solid var(--reg-primary);border-radius:14px;box-shadow:0 12px 40px rgba(82,82,226,.08),0 2px 8px rgba(82,82,226,.04);}
/* ===== 表单项间距 ===== */
.register-main .layui-form-item{margin-bottom:20px;}
/* ===== 输入框通用样式 ===== */
.register-main .layui-input{height:48px;line-height:48px;padding:0 14px;font-size:15px;color:var(--reg-text);border:1px solid var(--reg-line);border-radius:10px;background:#fff;transition:border-color .25s ease,box-shadow .25s ease;}
.register-main .layui-input::placeholder{color:var(--reg-muted);}
.register-main .layui-input:hover{border-color:#c9caff;}
.register-main .layui-input:focus{border-color:var(--reg-primary);box-shadow:0 0 0 4px rgba(82,82,226,.10);}
/* ===== 带前缀图标的输入框包裹层 ===== */
.register-main .layui-input-wrap{display:flex;align-items:center;height:48px;padding:0;border:1px solid var(--reg-line);border-radius:10px;background:#fff;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease;}
.register-main .layui-input-wrap:hover{border-color:#c9caff;}
.register-main .layui-input-wrap:focus-within{border-color:var(--reg-primary);box-shadow:0 0 0 4px rgba(82,82,226,.10);}
/* 左侧图标区 */
.register-main .layui-input-prefix{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:48px;height:100%;background:none;color:var(--reg-primary);border-right:0px solid var(--reg-line);transition:background .25s ease;}
.register-main .layui-input-prefix .layui-icon{font-size:18px;}
.register-main .layui-input-wrap:focus-within .layui-input-prefix{}
/* 包裹层内的输入框：去掉自身边框（覆盖原有的 border-left:5px red） */
.register-main .layui-input-wrap .layui-input{flex:1 1 auto;min-width:0;height:100%;padding:0 14px;border:none;border-left:none;border-radius:0;background:transparent;box-shadow:none;}
.register-main .layui-input-wrap .layui-input:focus{border:none;box-shadow:none;}
/* 密码框眼睛图标 */
.register-main .layui-input-suffix{color:var(--reg-muted);transition:color .25s ease;}
.register-main .layui-input-suffix:hover{color:var(--reg-primary);}
/* ===== 下拉选择框 ===== */
.register-main .layui-form-select .layui-input{height:48px;line-height:48px;padding-left:14px;padding-right:36px;border:1px solid var(--reg-line);border-radius:10px;background:#fff;cursor:pointer;}
.register-main .layui-form-select .layui-input:hover{border-color:#c9caff;}
.register-main .layui-form-select.layui-form-select-open .layui-input,.register-main .layui-form-select .layui-input:focus{border-color:var(--reg-primary);box-shadow:0 0 0 4px rgba(82,82,226,.10);}
.register-main .layui-form-select .layui-edge{border-color:var(--reg-primary) transparent transparent;}
.register-main .layui-form-select dl{min-width:100%;padding:6px;margin-top:6px;border:1px solid var(--reg-line-light);border-radius:10px;background:#fff;box-shadow:0 12px 32px rgba(82,82,226,.14),0 2px 8px rgba(0,0,0,.04);}
.register-main .layui-form-select dl dd{padding:10px 14px;border-radius:6px;font-size:14px;color:var(--reg-text);transition:background .2s ease,color .2s ease;}
.register-main .layui-form-select dl dd:hover{background:var(--reg-primary-soft);color:var(--reg-primary);}
.register-main .layui-form-select dl dd.layui-this{background:var(--reg-primary);color:#fff;font-weight:600;}
/* ===== 验证码行布局 ===== */
.register-main .layui-row{margin:0 -5px;}
.register-main .layui-row > [class*="layui-col-"]{padding:0 5px;}
/* 验证码按钮 */
.register-main .btn-captcha{width:100%;height:48px;padding:0 12px;margin:0 !important;border:1px solid var(--reg-primary) !important;border-radius:10px;background:var(--reg-primary-soft) !important;color:var(--reg-primary) !important;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .25s ease,color .25s ease,box-shadow .25s ease;}
.register-main .btn-captcha:hover{background:var(--reg-primary) !important;color:#fff !important;box-shadow:0 6px 16px rgba(82,82,226,.28);}
.register-main .btn-captcha:active{transform:translateY(1px);}
.register-main .btn-captcha[disabled]{opacity:.6;cursor:not-allowed;}
/* ===== 提交按钮 ===== */
.register-main button[lay-submit]{width:220px !important;height:48px;padding:0 40px;border:none !important;border-radius:24px;background:linear-gradient(135deg,#5252e2 0%,#7b7bf7 100%) !important;color:#fff !important;font-size:16px;font-weight:600;letter-spacing:6px;text-indent:6px;box-shadow:0 8px 20px rgba(82,82,226,.28);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;}
.register-main button[lay-submit]:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(82,82,226,.38);}
.register-main button[lay-submit]:active{transform:translateY(0);box-shadow:0 4px 12px rgba(82,82,226,.25);}
/* ===== 底部登录链接 ===== */
.register-main .layadmin-user-login-other{margin:0 !important;padding-top:4px;text-align:center !important;}
.register-main .layadmin-user-login-other a{display:inline-block;color:var(--reg-primary);font-size:14px;text-decoration:none;transition:color .25s ease;}
.register-main .layadmin-user-login-other a:hover{color:var(--reg-primary-dark);text-decoration:underline;text-underline-offset:4px;}
/* ==================== 响应式：平板（768px - 991px） ==================== */
@media screen and (min-width:768px) and (max-width:991px){.register-main{padding:32px 0 48px;}
.register-main form.layui-form{padding:32px 28px 28px;}
}
/* ==================== 响应式：手机（< 768px） ==================== */
@media screen and (max-width:767px){.register-main{padding:20px 0 36px;}
.register-main .col{padding:0 12px;}
.register-main form.layui-form{padding:24px 18px 20px;border-radius:12px;border-top-width:3px;}
.register-main .layui-form-item{margin-bottom:16px;}
.register-main .layui-input,.register-main .layui-input-wrap,.register-main .btn-captcha{height:44px;}
.register-main .layui-input{line-height:44px;font-size:14px;padding:0 12px;}
.register-main .layui-input-wrap .layui-input{padding:0 12px;}
.register-main .layui-input-prefix{width:44px;}
.register-main .layui-input-prefix .layui-icon{font-size:16px;}
/* 验证码行：小屏上下堆叠 */
 .register-main .layui-row{display:flex;flex-wrap:wrap;margin:0;}
.register-main .layui-col-xs7,.register-main .layui-col-xs5{flex:0 0 100% !important;width:100% !important;max-width:100%;padding:0 !important;}
.register-main .layui-col-xs5 > div{margin-left:0 !important;margin-top:10px;}
.register-main .btn-captcha{font-size:14px;}
/* 提交按钮全宽 */
 .register-main button[lay-submit]{width:100% !important;height:46px;font-size:15px;letter-spacing:4px;text-indent:4px;}
.register-main .layadmin-user-login-other a{font-size:13px;}
}
/* ==================== 响应式：超小屏（< 480px） ==================== */
@media screen and (max-width:480px){.register-main form.layui-form{padding:20px 14px 16px;}
.register-main .layui-input,.register-main .layui-input-wrap,.register-main .btn-captcha{height:42px;}
.register-main .layui-input{line-height:42px;font-size:14px;}
}