/*
 * login.css — 登录页（index.php 未登录分支）。
 * 原样从 index.php 的第一个 <style> 块搬出；主题变量和 body 基础在 base.css。
 */

/* 声明块钉在页面底部：body 拉成纵向 flex，main 占满剩余高度，.note 用 margin-top:auto
   沉底（padding-top 保底 26px 间距，防止屏幕太矮时贴住表单）。 */
body { display:flex; flex-direction:column; }
.box { width:min(400px, calc(100% - 40px)); margin:12vh auto 0; flex:1; display:flex; flex-direction:column; }
h1 { margin:0 0 8px; font-size:27px; letter-spacing:-.7px; font-weight:700; }
.sub { margin:0 0 26px; color:var(--muted); font-size:14px; line-height:1.6; }
label { display:block; margin:0 0 9px; padding-left:2px; font-size:14px; font-weight:600; }
input { width:100%; height:52px; border:0; border-radius:14px; background:var(--bg); padding:0 18px; color:var(--text); font-size:16px; outline:none; box-shadow:var(--box-shadow); }
input:focus { box-shadow:var(--inset-shadow); }
.field { margin-bottom:20px; }
.row { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:26px; }
button { height:48px; border:0; border-radius:13px; font-size:15px; font-weight:600; cursor:pointer; background:var(--accent); color:#fff; box-shadow:var(--box-shadow); }
button.alt { background:var(--surface); color:var(--text); }
button:active { box-shadow:var(--inset-shadow); }
.err { margin:0 0 18px; color:var(--danger); font-size:14px; }
/* 表单下的服务商/版权声明，样式对齐下载页的 .note（app.css）；「雨云」链接常显主题蓝（登录按钮同色），悬停加深。 */
.note { margin-top:auto; padding:26px 0 28px; color:var(--muted); font-size:12px; text-align:center; line-height:1.65; }
.note a { color:var(--accent); text-decoration:underline; text-underline-offset:2px; }
.note a:hover { color:var(--accent-dark); }