/* 独立前缀防止角色手机/聊天样式影响入口锁屏。 */
#appLockScreen {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  padding: max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));
  box-sizing: border-box;
  background: var(--surface-page, #f5f2ee);
  color: var(--ink, #3d4f5c);
}
#appLockScreen * { box-sizing: border-box; }
#appLockScreen .lp-lock-content { width: min(100%, 320px); margin: auto; text-align: center; }
#appLockScreen .lp-lock-whale { font-size: 58px; line-height: 1.3; }
#appLockScreen .lp-lock-brand { margin-top: 14px; font-size: 13px; color: var(--ink-light, #7d93a2); }
#appLockScreen h1 { margin: 12px 0; font-size: 24px; font-weight: 600; }
#appLockScreen .lp-lock-hint { margin: 0 0 30px; font-size: 14px; color: var(--ink-light, #7d93a2); }
#appLockScreen .lp-lock-label { display: block; margin-bottom: 10px; font-size: 12px; color: var(--ink-light, #7d93a2); }
#appLockScreen .lp-lock-input {
  width: 100%; min-height: 56px; padding: 12px 16px; border: 1.5px solid var(--monet-blue, #8fafbf);
  border-radius: 14px; background: var(--surface-card, #fff); color: var(--ink, #3d4f5c);
  font: inherit; font-size: 22px; letter-spacing: 8px; text-align: center;
}
#appLockScreen .lp-lock-input::placeholder { font-size: 15px; letter-spacing: 2px; }
#appLockScreen .lp-lock-error { min-height: 40px; padding-top: 10px; font-size: 13px; color: #c0392b; }
#appLockScreen .lp-lock-button {
  width: 100%; min-height: 48px; padding: 12px 18px; border: 0; border-radius: 14px;
  background: var(--monet-deepwater, #6e919f); color: #fff; font: inherit; font-size: 16px; cursor: pointer;
}
#appLockScreen :focus-visible { outline: 3px solid var(--monet-blue, #8fafbf); outline-offset: 3px; }
body.lp-app-locked { overflow: hidden !important; }
