/* 向阳学院 · login 模块样式（由 code18.txt 第105-136行拆分） */
/* v3.3 换肤：日出橙为主 —— 白卡片圆角+胶囊按钮+橙色标题 */
/* ===== 登录页（云端账号验证） ===== */
#loginPage { position:fixed; inset:0; background:#fff; z-index:96; display:none; align-items:center; justify-content:center; padding:20px; }
.login-box { width:100%; max-width:330px; background:#fff; border:1px solid #EFEFEF; border-radius:16px; padding:34px 28px 26px; text-align:center; }
.login-mark { width:60px; height:60px; margin:0 auto 14px; border-radius:16px; background:#fff; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.login-mark svg { width:44px; height:44px; display:block; }
.login-mark img { width:56px; height:56px; border-radius:14px; object-fit:cover; display:block; }
.login-box h2 { font-size:18px; color:#FC6C3C; margin:0 0 4px; font-weight:700; }
.login-sub { font-size:12.5px; color:#A89C90; margin:0 0 22px; }
.login-input { width:100%; height:44px; border:1px solid #E7E9E9; border-radius:10px; background:#F5F6F7; padding:0 12px; font-size:14px; color:#241E18; outline:none; margin-bottom:12px; }
.login-input:focus { border-color:#FC6C3C; background:#fff; }
.pwd-wrap { position:relative; }
.pwd-wrap .login-input { padding-right:56px; }
.pwd-eye { position:absolute; right:2px; top:2px; height:40px; width:50px; border:none; background:none; color:#A89C90; font-size:12px; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.login-err { min-height:16px; font-size:12px; color:#e5484d; text-align:left; margin:-4px 0 6px; }
/* v4.0 登录页用户协议勾选行 */
.agr-check { display:flex; align-items:center; justify-content:flex-start; gap:4px; font-size:12px; color:#8A7A6E; margin:-2px 0 12px; cursor:pointer; -webkit-tap-highlight-color:transparent; user-select:none; }
.agr-check input { width:15px; height:15px; accent-color:#FC6C3C; flex-shrink:0; margin:0; }
.agr-check .lk { color:#FC6C3C; }
.login-btn { width:100%; height:44px; border:none; border-radius:22px; background:linear-gradient(135deg,#F8A83C,#FC6C3C); color:#fff; font-size:15px; font-weight:600; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.login-btn:active { background:#e5552e; }
.login-btns { display:flex; gap:10px; }
.login-btns .login-alt { flex:1; }
.login-div { display:flex; align-items:center; margin:18px 0 12px; color:#C9B8A8; font-size:11px; }
.login-div::before, .login-div::after { content:''; flex:1; height:1px; background:#EFEFEF; }
.login-div span { padding:0 10px; }
.login-alt { width:100%; height:38px; border:1px solid #E7E9E9; border-radius:22px; background:#fff; color:#5A4638; font-size:13.5px; cursor:pointer; }
.login-alt:active { background:#F5F6F7; }

/* ===== 启动门页（未导入Excel时全屏显示） ===== */
#gatePage { position:fixed; inset:0; z-index:96; background:#fff; display:none; align-items:center; justify-content:center; padding:22px; }
.gate-box { width:100%; max-width:370px; max-height:88vh; overflow-y:auto; -webkit-overflow-scrolling:touch; background:#F5F6F7; border-radius:16px; padding:26px 20px; text-align:center; }
.gate-icon { font-size:44px; margin-bottom:10px; }
.gate-box h2 { font-size:17px; color:#D9541F; margin-bottom:8px; }
.gate-box p { font-size:12px; color:#A89C90; line-height:1.8; margin-bottom:14px; }
.gate-fmt { text-align:left; background:#FFF6EE; border:1px solid #F5E7D8; border-radius:12px; padding:12px 14px; font-size:11.5px; color:#7A6250; line-height:1.9; margin-bottom:16px; }
.gate-fmt b { display:block; font-size:12px; color:#C2571F; margin-bottom:4px; }