/* WE DANCE 视觉语言 v1 · 登录页 index.html 覆盖(2026-10-26,Frank「登录界面还是老样子」→「先做一个版本我看看」)
   只换样子不动脚本:排练厅白底、墨黑字、直角输入框、墨黑主按钮、红色只用在一处(注册链接 / 小红条)。
   舞团 logo 墙(#380 的 #wdWall)保留,但压到页面底部一条、调淡 —— 吉祥物还在,不再铺满整屏压住表单。
   依赖 /wd_brand.css 的令牌;在页内 <style> 之后引入。 */
body{background:var(--wd-paper)!important;font-family:var(--wd-font)!important;color:var(--wd-ink)}
#wdWall{top:auto!important;height:34vh!important;bottom:0!important;
  -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,.9) 55%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,.9) 55%,rgba(0,0,0,0) 100%)}
#wdWall img{opacity:.38!important}
#wdScrim{display:none}

/* 卡片:白底、右上斜切、无圆角无阴影,上沿一条红 */
.card{border-radius:0!important;box-shadow:none!important;border:0!important;padding:34px 30px 30px!important;max-width:400px!important;
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)}
.card::before{content:"";display:block;width:34px;height:6px;background:var(--wd-stage);transform:skewX(-14deg);margin:0 auto 18px}
#autoLoginOverlay{border-radius:0!important}
.spinner,#inputSpinner{border-top-color:var(--wd-ink)!important}

/* 标题:logo + 校名 + 一句话 */
.wd-login-logo{height:44px;display:block;margin:0 auto 14px}
h2#cardTitle{font-size:24px!important;font-weight:800!important;color:var(--wd-ink)!important;letter-spacing:.01em;margin-bottom:6px!important}
p.sub-text{color:var(--wd-mute)!important;font-size:14px!important;line-height:1.6;margin-bottom:26px!important}
.wd-login-en{display:block;font-family:var(--wd-font-en);font-style:italic;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--wd-stage);margin-top:4px}

/* 表单 */
.label-text{color:var(--wd-mute)!important;font-size:12px!important;letter-spacing:.04em;text-transform:uppercase;font-family:var(--wd-font-en);font-style:italic}
input:not([type=checkbox]),select{border-radius:0!important;border:1.5px solid var(--wd-line)!important;height:48px!important;color:var(--wd-ink)!important;font-family:var(--wd-font)}
input:focus{border-color:var(--wd-ink)!important;box-shadow:none!important}
#suggestionsList{border-radius:0!important;border-color:var(--wd-line)!important;box-shadow:0 12px 30px rgba(17,17,17,.12)!important}
.suggestion-item:hover{background:var(--wd-paper)!important}
.suggestion-role{border-radius:0!important;background:var(--wd-line2)!important;color:var(--wd-mute)!important}
.status-bar{background:var(--wd-line2)!important;border-radius:0!important}
.checkbox-wrapper{border-radius:0!important;background:var(--wd-paper)!important;border:1.5px solid var(--wd-line)!important}
.checkbox-wrapper:hover{background:var(--wd-line2)!important}
.checkbox-wrapper input{accent-color:var(--wd-ink)!important}
.checkbox-wrapper label{color:var(--wd-ink)!important}
.found-badge{color:var(--wd-ok)!important;background:#EAF3EC!important;border-color:#CFE3D4!important;border-radius:0!important}
.new-badge{color:var(--wd-ink)!important;background:var(--wd-paper)!important;border-color:var(--wd-line)!important;border-radius:0!important}
.admin-badge{color:var(--wd-stage)!important;background:var(--wd-blush)!important;border-color:var(--wd-blush)!important;border-radius:0!important}
.error-msg{border-radius:0!important;border-color:var(--wd-stage)!important;background:var(--wd-blush)!important;color:var(--wd-ink)!important}

/* 按钮:主按钮墨黑直角(前倾只给红条,按钮保持正,点起来稳);次按钮描边 */
button{border-radius:0!important;background:var(--wd-ink)!important;box-shadow:none!important;height:52px!important;font-size:16px!important;font-weight:800!important;font-family:var(--wd-font)!important;letter-spacing:.02em}
button:disabled{background:var(--wd-mute2)!important}
button.btn-login,button.btn-register,button.btn-admin{background:var(--wd-ink)!important}
#step-siblings button{background:#fff!important;color:var(--wd-ink)!important;border:1.5px solid var(--wd-ink)!important}
.back-link,.toggle-mode-link{color:var(--wd-mute)!important}
#authLinksArea a{color:var(--wd-mute)!important}
#step-email>div:last-child a{color:var(--wd-stage)!important}
#step-otp b#displayEmail{color:var(--wd-ink)!important}
.sibling-card{border-radius:0!important;border:1.5px solid var(--wd-line)!important}
.sibling-card:hover{border-color:var(--wd-ink)!important;background:var(--wd-paper)!important}
.s-avatar{border-radius:0!important;background:var(--wd-line2)!important;color:var(--wd-ink)!important;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
#step-profile>div:first-child{border-radius:0!important;background:var(--wd-paper)!important;border-left-color:var(--wd-ink)!important}
#step-profile>div:first-child p{color:var(--wd-ink)!important}

/* 版本角标:紫色胶囊 → 页脚一行小灰字 */
#debug-version{background:transparent!important;color:var(--wd-mute2)!important;border-radius:0!important;padding:0!important;font-weight:500!important;left:0!important;right:0!important;text-align:center;bottom:8px!important;font-size:11px!important;font-family:var(--wd-font-en);font-style:italic}
