/* ============================================================
   用户名实时查重提示（仅注册页引入，2026-10-16）
   结构（signup.html）：用户名 .auth-field--user 里放一个 .user-check，
   absolute 悬挂在输入框右侧外面（left: 100%），不挤占输入框自身宽度。
   独立小文件、不进共用的 auth.css：登录页用不到这段样式。
   ============================================================ */

/* 分组框放开裁剪：auth.css 里 .auth-inputs 的 overflow:hidden（圆角容器防溢出）
   会把悬挂在框右侧外面的提示整块裁掉 → 本页放开为 visible。
   安全性：本文件仅注册页引入，登录/改密/资料页共用 .auth-inputs 不受影响；
   注册页的聚焦描边是 inset 阴影、白底圆角由分组框自身绘制，均不依赖裁剪；
   注册页也没有登录页那种收起动画栏（max-height:0），放开不会漏出任何东西 */
.auth-inputs {
    overflow: visible;
}

/* 用户名栏定位锚：
   position:relative 让提示以本栏为定位基准（auth.css 已设 relative，此条为无害重复）；
   overflow:visible 防提示被本栏圆角裁剪（若原本就没裁剪，此条无副作用） */
.auth-field--user {
    position: relative;
    overflow: visible;
}

/* 右侧外挂红字：贴输入框右边缘外 10px，垂直对齐输入框中线。
   输入框固定 52px 高（auth.css .auth-field input），中线 = 26px——
   用固定值而不是 top:50%：提交失败时栏位会被 errorlist 撑高，
   top:50% 会让提示随之下坠，固定 26px 始终对准输入框本身 */
.user-check {
    position: absolute;
    left: 100%;
    top: 26px;
    transform: translateY(-50%);
    margin-left: 10px;
    white-space: nowrap;      /* 一行放下不折行 */
    font-size: 13px;
    line-height: 1;
    color: #d70015;           /* 错误红：与 auth.css 表单错误提示（errorlist）同色 */
    pointer-events: none;     /* 纯提示不拦鼠标，绝不挡输入框附近的点击 */
}

/* 窄屏（手机）：输入框右边没有空间，提示落回输入框下方一行 */
@media (max-width: 640px) {
    .user-check {
        position: static;
        display: block;
        transform: none;
        margin: 6px 0 0;
        padding-left: 14px;   /* 与输入框内文字视觉左对齐（input padding-left 16px） */
    }
}