/* ============================================================
   登录页 V5 · 研究生考试站补充样式
   ------------------------------------------------------------
   Skin/LoginV5.css 是从武汉高考站原样拷来的共享文件，禁止就地改动
   （以后两站要能一起升级）。本站独有的差异——WebForms 控件渲染出来的
   <input type="submit">、多出来的「微信扫码登录」按钮、原生 <select>
   兜底——一律写在这里，加载顺序必须排在 LoginV5.css 之后。

   依赖（必须在本文件之前引入）：
     /Library/YangTuoDS/yt-sharedwebtokens/yt-tokens.css
     /Library/YangTuoDS/yt-sharedwebbg/yt-bg.css
     /Skin/LoginV5.css
   ============================================================ */

/* ---------- WebForms 控件适配 ---------- */

/* asp:Button 渲染成 <input type="submit">，要抹掉浏览器原生外观，
   不然 WebKit 会把圆角和阴影按系统按钮重画 */
input.yt-btn,
input.yt-btn:focus {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}

/* asp:TextBox 渲染成 <input type="password">，Bootstrap 3 的 form-control
   已经不在了，这里只补一条盒模型保险 */
.v5-form input.ipt {
    box-sizing: border-box;
}

/* 没有 .lbl 标签的字段（本站沿用原页面的「靠 placeholder 提示」写法），
   去掉 .yt-field 预留的标签行间距。用显式类不用 :has()——360 安全浏览器
   的老 Chromium 内核不认 :has() */
.v5-form .yt-field.no-lbl {
    gap: 0;
}

/* ---------- 主操作区：登录 + 微信扫码 两个通栏按钮 ---------- */
.v5-actions .grid {
    gap: 12px;
}

/* 次级按钮（微信扫码登录）：香槟金描边胶囊，与朱砂红主按钮拉开层级，
   又不跟下面虚线的羊驼证书登录入口撞样式 */
.yt-btn.v-ghost {
    background: rgba(255, 253, 246, 0.72);
    color: var(--text);
    border: 1px solid var(--gold-dark);
    box-shadow: none;
}

.yt-btn.v-ghost:hover:not(:disabled) {
    background: rgba(245, 235, 215, 0.9);
    color: var(--gold-deep);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(180, 145, 30, 0.16);
}

/* ---------- 卡内辅助链接（找回密码 / 推荐浏览器） ---------- */
/* 沿用 LoginV5 的 .v5-links 排版，只把字号压到 label 档 */
.v5-links.v5-links-sm {
    font-size: var(--fs-label);
}

/* ---------- 无文字装饰分隔线 ---------- */
/* LoginV5 的 .v5-divider 中间要放文字；本站不新增文案，用纯线条版 */
.v5-divider.v5-divider-bare {
    gap: 0;
}

/* ---------- 玻璃下拉：只给选中项显示对勾 ---------- */
/* 共享的 LoginV5.css 只写了 .yt-sel-check 的颜色，没写未选中时隐藏——
   高考站登录页的下拉是隐藏不渲染的，所以那边没暴露出来。本站下拉是常显的，
   不隐藏的话每一项后面都挂个红对勾，看着像全选中了。
   用 visibility 不用 display：.yt-sel-opt 是 space-between 布局，
   直接撤掉盒子会让文字跳位 */
.yt-sel-opt .yt-sel-check {
    visibility: hidden;
}

.yt-sel-opt.sel-opt-active .yt-sel-check {
    visibility: visible;
}

/* ---------- 羊驼证书登录入口：通栏虚线胶囊 ---------- */
/* .v5-sso-only 是 align-items:center 的纵向 flex，子项默认收缩包内容；
   这里拉到和上面主按钮同宽，视觉上排成一列 */
.v5-sso-only .v5-sso.v5-sso-wide {
    width: 88%;
}

/* ---------- 卡外备案区：公网安备图标 ---------- */
/* 原页面用的是外链小图标（不是内联 svg），给它对齐一下基线 */
.v5-beian img {
    display: block;
    width: 14px;
    height: 14px;
}

/* ---------- 微信扫码弹层（Bootstrap 3 modal）配色对齐母版 ---------- */
.modal-content {
    border-radius: var(--radius-lg);
    border: 1px solid var(--card-opaque-border);
    box-shadow: var(--shadow-lg);
}

.modal-header,
.modal-footer {
    border-color: var(--glass-border);
}

.modal-title {
    font-family: var(--font-zh);
    font-weight: 700;
    color: var(--text);
}