/* ============================================================
 *  LOGIN-THEME.CSS — 登录页收口层
 *
 *  解决的问题：
 *  1. 输入框聚焦时是 system.css 全局 :focus-visible 的 2px 硬描边
 *     （outline-offset:2px 且圆角 8px，与输入框自身 20px 圆角不一致），
 *     表现为"难看的橙色方框"。改成与首页搜索框（.guide-search）一致的
 *     特效：聚焦时边框转琥珀 + 一圈极淡外发光，不描边、不位移。
 *  2. 输入框形状与搜索框统一为胶囊（--sys-r-pill）。
 *  3. 框架把 .inpBox 的底色/文字色写死成深色（#1a1a1a / #fff），
 *     浅色模式下登录面板是浅底，输入框变成"深色块 + 白字"，
 *     对比度混乱。这里按主题还原。
 *  4. 浅色下"忘记密码？"是框架遗留的蓝色 #3e6ae7，统一成品琥珀。
 *
 *  主题色本身（登录 Tab 下划线、协议链接渐变形、复选框 SVG）
 *  由 system.css 的 --ui-primary 覆写与 static/svg 改色完成，不在这里重复。
 * ============================================================ */

/* ---------- 1. 输入框：胶囊形 + 搜索框同款聚焦特效 ---------- */
html.polish-v4.polish-ready .inpBox {
  border-radius: var(--sys-r-pill) !important;
  transition: border-color var(--sys-dur) var(--sys-ease),
              box-shadow var(--sys-dur) var(--sys-ease),
              background-color var(--sys-dur) var(--sys-ease) !important;
}
/* 例外：多行输入区（大模型 / 聊天页那张 659×138 的输入卡片）。
   胶囊圆角 999px 套在 15px 圆角的大卡片里，聚焦时外发光会被压成
   "两端圆弧的橙色长条"，跟卡片轮廓对不上。改成跟随卡片圆角，
   聚焦反馈用 1px 内描边（等于把卡片边框加亮成 2px）+ 一圈极淡外发光。 */
html.polish-v4.polish-ready .inpBox:has(textarea) {
  border-radius: 14px !important;
}
html.polish-v4.polish-ready .inpBox:has(textarea):focus-within {
  border-color: transparent !important;
  box-shadow: inset 0 0 0 1px rgba(255, 180, 90, .38),
              0 0 0 3px rgba(255, 180, 90, .08) !important;
}
html.polish-v4.polish-ready:not(.dark) .inpBox:has(textarea):focus-within {
  box-shadow: inset 0 0 0 1px rgba(181, 112, 31, .45),
              0 0 0 3px rgba(181, 112, 31, .08) !important;
}
/* 聚焦：只让容器边框转色 + 一圈 3px 极淡外发光（与 .guide-search:focus-within 同参数） */
html.polish-v4.polish-ready .inpBox:focus-within {
  border-color: rgba(255, 180, 90, .34) !important;
  box-shadow: 0 0 0 3px rgba(255, 180, 90, .10) !important;
}
html.polish-v4.polish-ready:not(.dark) .inpBox:focus-within {
  border-color: rgba(181, 112, 31, .42) !important;
  box-shadow: 0 0 0 3px rgba(181, 112, 31, .10) !important;
}
/* 输入框内图标：聚焦时提亮一档，与搜索框图标反馈一致 */
html.polish-v4.polish-ready .inpBox img {
  opacity: .62 !important;
  transition: opacity var(--sys-dur) var(--sys-ease) !important;
}
html.polish-v4.polish-ready .inpBox:focus-within img { opacity: 1 !important; }

/* ---------- 2. 浅色模式：输入框底色/文字还原为浅色体系 ----------
   框架写死 background-color:#1a1a1a 与 color:#fff，
   浅色登录面板（#F1F4F7）上会形成深色块，这里按主题覆写。 */
html.polish-v4.polish-ready:not(.dark) .inpBox {
  background-color: #ffffff !important;
  border-color: var(--sys-line) !important;
}
html.polish-v4.polish-ready:not(.dark) .inpBox .inp { color: #17212b !important; }
html.polish-v4.polish-ready:not(.dark) .inpBox .inp::placeholder { color: #8896a3 !important; }

/* ---------- 3. 浅色模式：忘记密码链接 蓝 → 品牌琥珀 ---------- */
html.polish-v4.polish-ready:not(.dark) .rememberMe p { color: #b5701f !important; }
html.polish-v4.polish-ready:not(.dark) .rememberMe p:hover { color: #8f5514 !important; }