/* ==========================================================================
   泡泡 · 认证页固定浅色皮肤（登录 / 注册 / 输入密码 / 找回密码）
   --------------------------------------------------------------------------
   用户要求：这三个页面**不受任何主题影响** —— 深色主题、个性装扮（换底色 /
   背景图 / 自定义发色）都不能改它们的观感，永远用默认的浅色。
   做法（和猜拳页 css/rps.css 同一套思路）：
     ① 在这几个页面上把主题变量钉死（--card/--text/--line/--deco-* …）
     ② 关键的容器 / 输入框 / 标签用 !important 覆盖（theme.css 里那些
        html[data-theme="dark"] .login-input 之类全都没有 !important，一定能压过去）
     ③ 干掉主题可能加在这一页上的伪元素装饰
     ④ color-scheme:light → 滚动条/表单控件也不会变暗
   加载顺序：必须放在 style.css / qq-theme.css / theme.css **之后**（见 index.html）。
   ========================================================================== */

/* ---------- ① 变量钉死 + 通用底色 ---------- */
html #loginPage,
html #loginPassPage,
html #forgotPage{
	--card:#ffffff;
	--bg:#F5F9FF;
	--text:#1A1A1A;
	--text-2:#8A8F99;
	--text-3:#B8BDC7;
	--line:#E8EEF7;
	--line-2:#DCE5F0;
	--brand-blue:#12B7F5;
	--deco-page:transparent;
	--deco-bar:transparent;
	--chat-bg:transparent;
	color-scheme:light;
	color:#1A1A1A !important;
}

/* ---------- ③ 干掉主题的伪元素罩层 ---------- */
#loginPage::before, #loginPage::after,
#loginPassPage::before, #loginPassPage::after,
#forgotPage::before, #forgotPage::after{
	content:none !important;
	display:none !important;
	background:none !important;
}

/* ---------- 页面底色（登录页保留科技风渐变） ---------- */
html #loginPage{
	background:
		radial-gradient(120% 65% at 10% -6%, rgba(18,183,245,.16) 0%, rgba(18,183,245,0) 60%),
		linear-gradient(160deg, #F7FBFF, #EAF3FF 55%, #F7FBFF) !important;
}
html #loginPassPage,
html #forgotPage{
	background:linear-gradient(180deg, #F7FBFF, #EEF5FF) !important;
}

/* ---------- ② 卡片 / 输入 / 标签 / 文字：固定浅色 ---------- */
html #loginPage .login-card,
html #loginPassPage .lp-acc,
html #forgotPage .set-group{
	background:#fff !important;
	color:#1A1A1A !important;
	border-color:#E8EEF7 !important;
}
html #loginPage .login-input,
html #loginPassPage .dlg-input,
html #forgotPage .dlg-input{
	background:#fff !important;
	color:#1A1A1A !important;
	border-color:#DCE5F0 !important;
}
html #loginPage .login-input::placeholder,
html #loginPassPage .dlg-input::placeholder,
html #forgotPage .dlg-input::placeholder{color:#9AAEC2 !important;}

html #loginPage .login-tabs{background:#EEF3FA !important;}
html #loginPage .login-tab{color:#8A8F99 !important;background:transparent !important;}
html #loginPage .login-tab.active{background:#fff !important;color:#12B7F5 !important;}

html #loginPage .login-title,
html #loginPage .login-sub,
html #loginPage .login-hint,
html #loginPassPage .lp-name,
html #forgotPage .pub-title,
html #forgotPage .set-group-title{color:#1A1A1A !important;}
html #loginPage .login-sub,
html #loginPage .login-hint,
html #loginPassPage .lp-sub{color:#8A8F99 !important;}
html #loginPage .login-msg,
html #loginPassPage .lp-hint{color:#FA5151 !important;}

/* 顶栏 / 提示条 / 说明（找回密码页、输密码页） */
html #loginPassPage .pub-head,
html #forgotPage .pub-head{
	background:#F7FBFF !important;
	border-bottom-color:#E8EEF7 !important;
}
html #forgotPage .gj-tip,
html #forgotPage .fp-hint,
html #forgotPage .fp-copy,
html #forgotPage .fp-cs,
html #loginPassPage .lp-tip{
	background:#fff !important;
	color:#5A6069 !important;
	border-color:#E8EEF7 !important;
}
html #forgotPage .fp-warn{background:#FFF7E8 !important;color:#B8791A !important;}

/* 登录中浮层 / 最近账号列表 */
html #loginPage .login-loading{background:rgba(255,255,255,.86) !important;color:#1A1A1A !important;}
html #loginPage .lg-accounts,
html #loginPassPage .lp-tip{background:transparent !important;}

/* 手机号 → 账号列表（登录页第一步） */
html #loginPage .lg-acc-pick .lap-t{color:#8A8F99 !important;}
html #loginPage .lg-acc-pick .lap-item{
	background:#fff !important;
	border-color:#E6EBF2 !important;
}
html #loginPage .lg-acc-pick .lap-item.on{
	background:rgba(18,183,245,.08) !important;
	border-color:#12B7F5 !important;
}
html #loginPage .lg-acc-pick .lap-n{color:#1A1A1A !important;}
html #loginPage .lg-acc-pick .lap-no{color:#8A8F99 !important;}

/* 图形验证码那一行（登录查账号 / 注册都要用） */
html #loginPage #lgCap{background:#fff !important;color:#1A1A1A !important;border-color:#DCE5F0 !important;}

/* 输入密码页的图形验证码（2026-10-26 从登录页挪过来的） */
#loginPassPage .lp-cap{display:flex;gap:8px;align-items:center;margin-top:10px;}
#loginPassPage .lp-cap .dlg-input{flex:1;min-width:0;margin:0;}
#loginPassPage .lp-cap-img{
	width:104px;height:44px;flex:0 0 auto;border-radius:10px;object-fit:cover;
	background:#EEF3FA;border:1px solid #DCE5F0;cursor:pointer;
}
html[data-theme="dark"] #loginPassPage .lp-cap-img{background:#EEF3FA;}

/* ==========================================================================
   输入框描边（2026-10-26 用户反馈：不给描边看不出哪里能点）
   —— 登录 / 注册 / 输密码 / 找回密码 四个页面里的**每一个输入框**都加清晰描边，
      聚焦时变成品牌蓝 + 外发光。全部带 !important，主题层压不掉。
   ========================================================================== */
html #loginPage .login-input,
html #loginPage #lgCap,
html #loginPassPage .dlg-input,
html #loginPassPage #lpCap,
html #forgotPage .dlg-input{
	border:1.5px solid #C9D8EA !important;
	background:#fff !important;
	box-shadow:0 1px 2px rgba(56,130,255,.06) !important;
}

/* 聚焦：品牌蓝描边 + 光晕（比静态描边更明显，知道自己在哪个框） */
html #loginPage .login-input:focus,
html #loginPage #lgCap:focus,
html #loginPassPage .dlg-input:focus,
html #loginPassPage #lpCap:focus,
html #forgotPage .dlg-input:focus{
	border-color:#12B7F5 !important;
	box-shadow:0 0 0 3px rgba(18,183,245,.16), 0 1px 2px rgba(56,130,255,.06) !important;
}

/* placeholder 稍微深一点，空框也看得出是输入区 */
html #loginPage .login-input::placeholder,
html #loginPage #lgCap::placeholder,
html #loginPassPage .dlg-input::placeholder,
html #forgotPage .dlg-input::placeholder{color:#9DB0C4 !important;}

/* 「最近登录的账号」卡片也描一下，和输入框风格统一 */
html #loginPage .lga-item{border-color:#D8E4F2 !important;}

/* ==========================================================================
   注册页字段间距统一（2026-10-26 用户反馈：输入框之间间距要"标准"一点）
   --------------------------------------------------------------------------
   问题：原来所有输入框都是 margin-top:12px，但注册页中间夹了一行「手机号提示」，
        加上头像块的 padding/margin，看起来 头像→昵称→手机号→提示→密码 这一段疏密不一。
   现在：每个字段之间统一 14px；提示行贴着它上面的输入框（4px）；
        头像块不留额外外边距；登录按钮与上方保持 20px。
   只作用于注册模式（#loginPage.reg），登录页不受影响。
   ========================================================================== */
html #loginPage.reg .login-input{margin-top:14px !important;}
html #loginPage.reg #lgNick{margin-top:2px !important;}       /* 紧跟 tabs（tabs 自带 20px 下边距） */

html #loginPage.reg .login-hint{
	margin:4px 0 0 !important;
	min-height:16px !important;
	line-height:16px !important;
	padding:0 6px !important;
	font-size:12px !important;
}
html #loginPage.reg #lgPass{margin-top:8px !important;}        /* 上面紧跟着一行提示，缩一点更平衡 */

html #loginPage.reg .lg-captcha{margin-top:14px !important;}
html #loginPage.reg .lg-captcha .login-input{margin-top:0 !important;}

html #loginPage.reg .lg-avatar{margin:0 0 2px !important;padding:0 !important;}
html #loginPage.reg .lg-avatar-btn{height:40px !important;}

html #loginPage.reg .login-btn{margin-top:20px !important;}
html #loginPage.reg .login-msg{margin:10px 0 0 !important;}

/* ==========================================================================
   注册页：上下间距统一（2026-10-26 第二次调整）
   --------------------------------------------------------------------------
   之前字段之间夹着一行「手机号提示」，导致 手机号→密码 的间距比别处大一倍。
   现在：注册页**不显示那一行提示**（实时校验结果改到按钮下方的 #loginMsg），
        所有字段行统一 16px，包括 tabs 下方与头像块之间。
   ========================================================================== */
html #loginPage.reg .login-tabs{margin-bottom:16px !important;}
html #loginPage.reg .lg-avatar{margin:0 !important;padding:0 !important;}
html #loginPage.reg .login-hint{display:none !important;}     /* 提示行改到按钮下面 */

html #loginPage.reg .login-input{margin-top:16px !important;}
html #loginPage.reg #lgNick{margin-top:16px !important;}
html #loginPage.reg #lgPass{margin-top:16px !important;}
html #loginPage.reg .lg-captcha{margin-top:16px !important;}
html #loginPage.reg .lg-captcha .login-input{margin-top:0 !important;}

html #loginPage.reg .login-btn{margin-top:16px !important;}
html #loginPage.reg .login-msg{margin:12px 0 0 !important;text-align:center;font-size:12.5px;color:#E8455F;}
html #loginPage.reg .login-msg.ok{color:#1FA463;}

/* ==========================================================================
   忘记密码页：上下间距统一（2026-10-26）
   --------------------------------------------------------------------------
   节奏固定为：
     · 小标题  … 上方 16px、下方 8px
     · 输入框  … 紧跟小标题（0），互相之间 12px
     · 说明/警示 … 上方 8px，不留下方（下一块自己带间距）
   同时删掉了「填注册时绑定的那个手机号…」那行说明（placeholder 已写清楚）。
   ========================================================================== */
html #forgotPage .pub-body{padding-top:16px !important;}

/* 小标题 */
html #forgotPage .set-group-title{
	padding:16px 4px 8px !important;
	font-size:12px !important;
	line-height:1.5 !important;
}

/* 输入框 */
html #forgotPage .dlg-input{margin-top:12px !important;}
html #forgotPage #fpAcc{margin-top:0 !important;}
html #forgotPage #fpPhoneIn,
html #forgotPage #fpAnswer,
html #forgotPage #fpCode,
html #forgotPage #fpPass1{margin-top:0 !important;}      /* 紧跟各自的小标题 */
html #forgotPage #fpAnswer2{margin-top:8px !important;}   /* 第二个答案（可选，紧接提示行） */

/* 说明 / 警示 / 复制链接 */
html #forgotPage .gj-tip,
html #forgotPage .fp-hint,
html #forgotPage .fp-warn,
html #forgotPage .fp-copy{margin:8px 0 0 !important;}

/* 其它块 */
html #forgotPage #fpStep1 > .gj-tip{margin-top:8px !important;}
html #forgotPage .set-group{margin:12px 0 0 !important;}
html #forgotPage #fpCs{margin:0 0 4px !important;}
html #forgotPage #fpAnsBtn{margin-top:12px !important;}
html #forgotPage .fp-foot{padding:12px 16px calc(12px + var(--safe-bottom)) !important;}

/* 输密码页的头像：整块填满圆形（不裁出白边、不变形），加载失败会退回 emoji（见 JS） */
#loginPassPage .lp-av{
	width:52px;height:52px;font-size:24px;
	background:#EAF1FA;
}
#loginPassPage .lp-av img{
	width:100%;height:100%;object-fit:cover;object-position:center;
	display:block;border-radius:50%;background:#EAF1FA;
}
/* 手机号账号列表里的头像同样填满圆形 */
html #loginPage .lg-acc-pick .lap-av img,
html #forgotPage .lg-acc-pick .lap-av img{
	width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:50%;
}