﻿
/* 登录注册表单 */
/* 弹窗管理 */
.my235-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: flex; align-items: center; justify-content: center; }
.my235-modal-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background-color: rgba(0, 0, 0, .8); }
.my235-modal-content { position: relative; max-width: 400px; width: 90%; background: #fff; border-radius: 8px;padding: 30px 35px 10px 35px;box-shadow: 0 4px 20px rgba(0,0,0,0.3); }
/* 表单主体 */
.my235-form-container { max-width: 500px; margin: 0 auto; padding:30px 35px 10px 35px; }
.my235-auth-form h3 { margin: 0 0 30px;font-size: 20px; line-height: 24px;}
.my235-js-switch { position: absolute; top: 30px; right: 35px; font-size: 14px;line-height: 24px; }
/* 提示 */
.my235-form-tip {position:fixed;z-index: 1000; line-height: 40px; top:0; left: 0; right:0;  font-size: 14px; text-align: center;  display: none; }
.success{background:#d4edda;color:#155724;}
.error{background:#f8d7da;color:#721c24;}
/* 进程提示 */
.process{background:#cce7f0;color:#004085;}
.process::before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;border:2px solid #004085;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;vertical-align:middle;}
@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
/* 表单 */
.my235-form-group { margin-bottom: 20px; }
.my235-form-group label { display: block; margin-bottom: 5px; font-weight: 500; color:#555;position:relative;}
.my235-form-group label span { position: absolute; right: 0; top: 0; font-size: 12px; }
.my235-form-group input[type="text"],
.my235-form-group input[type="email"],
.my235-form-group input[type="password"] ,
.my235-form-group input[type="url"] { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; box-sizing: border-box; }
.my235-form-group input:focus { outline: none; border-color: #4CAF50; }
.my235-form-group textarea { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; box-sizing: border-box; resize: vertical; min-height: 80px; }
.my235-form-group textarea:focus { outline: none; border-color: #4CAF50; }
.my235-code-group .my235-code-input { display: flex; gap: 10px; }
.my235-code-group .my235-code-input input { flex: 1; }
.my235-send-code { padding: 10px 15px; background: #f0f0f0; border: 1px solid #ddd;color:#555;   border-radius: 4px; cursor: pointer; white-space: nowrap; font-size: 14px; }
.my235-send-code:hover { background: #e0e0e0; }
.my235-send-code:disabled { background: #f5f5f5; color: #999; cursor: not-allowed; }
.my235-btn { width: 100%; line-height: 36px; display: block; background: #d60814; color: #fff; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; }
.my235-btn:hover { background: #c00710; }
@media (max-width: 480px) {
    .my235-modal-content , .my235-form-container{padding:20px 25px 0 25px; }
}

.h3 a{margin-left:10px;padding:5px 10px;background:#f8f9fa;border-radius:4px;font-size:12px;text-decoration:none}
.h3 a.current,.h3 a:hover{background:#d60814;color:#fff}
