.登录壳{max-width:400px;margin:44px auto 0}.登录卡{background:var(--卡片);border:1px solid var(--边框);border-radius:var(--圆角);padding:30px 28px;box-shadow:0 1px 3px rgba(15,23,42,.06)}.登录卡 h1{font-size:19px;font-weight:500;margin-bottom:5px}.登录卡 .副{font-size:13px;color:var(--次要);margin-bottom:22px}.登录卡 .按钮{width:100%;justify-content:center;height:38px}/* 底部两个链接（立即注册 / 忘记密码？）
   原来用 justify-content:space-between + gap:16px：
   容器够宽时两个链接被推到左右两端、中间空一大片；
   窄屏换行后 gap 只作用在「同一行内」，换行后的垂直间距是 0，
   于是「立即注册」和「忘记密码？」直接贴在一起（手机端就是这样）。
   改成「居中 + 固定间距 + 换行也留行距」，两种宽度下都正常。 */
.底部行{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:10px 22px;flex-wrap:wrap;font-size:13px;color:var(--次要)}.分隔{margin:20px 0;display:flex;align-items:center;gap:12px;color:var(--弱);font-size:12px}.分隔::before,.分隔::after{content:"";flex:1;height:1px;background:var(--边框)}