/*
 * 手机版新版登录相关页面共用样式（2026-11）：登录 signin_v2、验证码登录 register_v2、忘记密码 forget_v2、设置密码 setpwd_v2
 * 视觉跟「我的」页（home_v2.css 的 hv-me / hv-cells）一致：顶部浅紫渐变、白底圆角卡片、淡紫图标块、紫色渐变主按钮
 */
.lg-body{
  --lg-brand:#7E7CFB;
  --lg-brand-2:#5B57E6;
  --lg-brand-ink:#5B58E6;
  --lg-soft:#F1F0FF;
  --lg-ink:#1F1D3A;
  --lg-sub:#6B6880;
  --lg-hint:#9592AB;
  --lg-line:#ECEAF5;
  --lg-bg:#F5F4FA;
  --lg-serif:"Songti SC","STSong","Noto Serif SC","Source Han Serif SC","SimSun",serif;
  margin:0;min-height:100vh;background:var(--lg-bg);color:var(--lg-ink);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;
  -webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent
}
.lg-body *,.lg-body *:before,.lg-body *:after{box-sizing:border-box}
.lg-body a{color:var(--lg-brand-ink);text-decoration:none}
.lg-body h1,.lg-body p,.lg-body ul{margin:0;padding:0}
.lg-body button,.lg-body input{font:inherit}
.lg-body [hidden]{display:none!important}
.lg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.lg-page{max-width:600px;margin:0 auto;min-height:100vh;padding-bottom:calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column}

/* 顶部：同「我的」页 hv-me */
.lg-hero{position:relative;overflow:hidden;padding:calc(8px + env(safe-area-inset-top)) 16px 24px;background:linear-gradient(150deg,#EDEBFF 0,#F7F1FF 55%,var(--lg-bg) 100%)}
.lg-hero:before{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(126,124,251,.22),rgba(126,124,251,0) 70%);pointer-events:none}
.lg-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;height:44px}
.lg-top h1{flex:1;min-width:0;text-align:center;font-family:var(--lg-serif);font-size:18px;font-weight:700;letter-spacing:1px}
.lg-back{flex:none;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.75);border:1px solid rgba(126,124,251,.25);display:flex;align-items:center;justify-content:center}
.lg-top__sp{flex:none;width:36px}
.lg-pill{flex:none;height:30px;line-height:28px;padding:0 12px;border-radius:15px;background:rgba(255,255,255,.75);border:1px solid rgba(126,124,251,.25);font-size:12.5px;font-weight:600}

.lg-brand{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:10px}
.lg-logo{display:block;width:80px;height:80px;border-radius:21px;border:3px solid #FFF;box-shadow:0 8px 20px rgba(126,124,251,.28);background:#FFF}
.lg-brand h1{margin-top:14px;font-family:var(--lg-serif);font-size:22px;font-weight:700;letter-spacing:1px}
.lg-brand p{margin-top:6px;font-size:13px;line-height:1.5;color:var(--lg-sub)}
/* 横排：验证码 / 忘记密码 / 设置密码页 */
.lg-brand--row{flex-direction:row;align-items:center;gap:14px;text-align:left;padding:10px 4px 0}
.lg-brand--row .lg-logo{flex:none;width:60px;height:60px;border-radius:16px;box-shadow:0 6px 16px rgba(126,124,251,.25)}
.lg-brand--row .lg-avatar{border-radius:50%;object-fit:cover;background:#ECEAF5}
.lg-brand--row div{min-width:0;display:flex;flex-direction:column;gap:5px}
.lg-brand--row h1{margin:0;font-size:21px}
.lg-brand--row p{margin:0;font-size:12.5px}

.lg-main{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:12px}
.lg-card{background:#FFF;border:1px solid var(--lg-line);border-radius:16px}
.lg-card--pad{padding:16px;display:flex;flex-direction:column;gap:10px}

/* 大按钮 */
.lg-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;height:50px;border-radius:14px;border:1px solid transparent;font-size:15px;font-weight:600;transition:transform .08s,opacity .15s}
.lg-btn:active{transform:scale(.985);opacity:.9}
.lg-btn i,.lg-tile i{width:22px;height:22px;flex:none;background-position:center;background-size:contain;background-repeat:no-repeat}
.lg-body .lg-btn.p-facebook{background:#1877F2;color:#FFF;box-shadow:0 6px 16px rgba(24,119,242,.25)}
.lg-body .lg-btn.p-google{background:#FFF;color:var(--lg-ink);border-color:#E3E1EE}
.lg-body .lg-btn.p-threads{background:#000;color:#FFF}
.lg-body .lg-btn.p-wechat{background:#07C160;color:#FFF;box-shadow:0 6px 16px rgba(7,193,96,.25)}
.lg-body .lg-btn.p-email,.lg-body .lg-btn.p-sms{background:var(--lg-soft);color:var(--lg-brand-ink)}
/* 只有一个按钮（邮箱 / 短信排第一）时用主色 */
.lg-body .lg-btns>.lg-btn.p-email:first-child,.lg-body .lg-btns>.lg-btn.p-sms:first-child{background:linear-gradient(135deg,var(--lg-brand) 0,var(--lg-brand-2) 100%);color:#FFF;box-shadow:0 8px 18px rgba(91,87,230,.3)}
.lg-btn small{position:absolute;right:12px;font-size:11px;font-weight:600;line-height:18px;padding:0 7px;border-radius:9px;background:#FFF;color:var(--lg-brand-ink)}
.lg-btns{display:flex;flex-direction:column;gap:10px}

.i-facebook{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M24 12.07C24 5.4 18.63 0 12 0S0 5.4 0 12.07C0 18.1 4.39 23.1 10.13 24v-8.44H7.08v-3.49h3.05V9.41c0-3.02 1.79-4.69 4.53-4.69 1.31 0 2.68.24 2.68.24v2.97h-1.51c-1.49 0-1.96.93-1.96 1.89v2.25h3.33l-.53 3.49h-2.8V24C19.61 23.1 24 18.1 24 12.07z'/%3E%3C/svg%3E")}
.lg-tile .i-facebook{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231877F2' d='M24 12.07C24 5.4 18.63 0 12 0S0 5.4 0 12.07C0 18.1 4.39 23.1 10.13 24v-8.44H7.08v-3.49h3.05V9.41c0-3.02 1.79-4.69 4.53-4.69 1.31 0 2.68.24 2.68.24v2.97h-1.51c-1.49 0-1.96.93-1.96 1.89v2.25h3.33l-.53 3.49h-2.8V24C19.61 23.1 24 18.1 24 12.07z'/%3E%3C/svg%3E")}
.i-google{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M23.5 12.27c0-.85-.08-1.67-.22-2.45H12v4.64h6.45a5.52 5.52 0 0 1-2.39 3.62v3h3.87c2.26-2.09 3.57-5.16 3.57-8.81z'/%3E%3Cpath fill='%2334A853' d='M12 24c3.24 0 5.96-1.07 7.94-2.9l-3.87-3c-1.07.72-2.45 1.15-4.07 1.15-3.13 0-5.78-2.11-6.73-4.95H1.27v3.1A12 12 0 0 0 12 24z'/%3E%3Cpath fill='%23FBBC05' d='M5.27 14.3a7.2 7.2 0 0 1 0-4.6V6.6H1.27a12 12 0 0 0 0 10.8l4-3.1z'/%3E%3Cpath fill='%23EA4335' d='M12 4.75c1.76 0 3.34.6 4.59 1.8l3.43-3.43C17.95 1.19 15.24 0 12 0A12 12 0 0 0 1.27 6.6l4 3.1C6.22 6.86 8.87 4.75 12 4.75z'/%3E%3C/svg%3E")}
.i-threads{background-image:url("/public/static/home/pc1/img/index/app/threads_1.svg")}
.lg-btn .i-threads{filter:invert(1)}
.i-wechat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9.2 4C5.2 4 2 6.7 2 10c0 1.9 1 3.6 2.7 4.7L4 17l2.6-1.3c.8.2 1.7.4 2.6.4h.5a5.6 5.6 0 0 1-.2-1.5c0-3.4 3.2-6.1 7.2-6.1h.4C16.4 5.9 13.1 4 9.2 4z'/%3E%3Cpath d='M22 14.6c0-2.8-2.7-5-6-5s-6 2.2-6 5 2.7 5 6 5c.7 0 1.4-.1 2-.3l2.2 1.1-.6-1.9c1.5-.9 2.4-2.3 2.4-3.9z'/%3E%3C/svg%3E")}
.i-email{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B58E6' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}
.i-sms{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B58E6' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2.5' width='12' height='19' rx='2.5'/%3E%3Cpath d='M10.5 18.5h3'/%3E%3C/svg%3E")}
.lg-btns>.lg-btn.p-email:first-child .i-email{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}
.lg-btns>.lg-btn.p-sms:first-child .i-sms{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2.5' width='12' height='19' rx='2.5'/%3E%3Cpath d='M10.5 18.5h3'/%3E%3C/svg%3E")}
.i-qq{background-image:url("/public/static/wap/wap1/image/page/login/icon-qq.png")}
.i-weibo{background-image:url("/public/static/wap/wap1/image/page/login/icon-sina.png")}

/* 小方块（展开账号密码后，其他登录方式排成一行） */
.lg-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}
.lg-tile{height:58px;border-radius:14px;background:#FFF;border:1px solid #E3E1EE;color:var(--lg-ink)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:600;min-width:0}
.lg-tile i{width:20px;height:20px}
.lg-tile.p-email,.lg-tile.p-sms{background:var(--lg-soft);border-color:transparent;color:var(--lg-brand-ink)!important}
.lg-tile:active{opacity:.85}

/* 列表行，同「我的」页 hv-cells */
.lg-cell{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 14px;border:0;background:none;color:var(--lg-ink)!important;text-align:left;cursor:pointer}
.lg-cell:active{background:#FAFAFE}
.lg-cell__name{flex:1;min-width:0;font-size:14.5px}
.lg-cell__val{flex:none;font-size:12.5px;color:var(--lg-sub)}
.lg-ic{flex:none;width:32px;height:32px;border-radius:10px;background:var(--lg-soft);color:var(--lg-brand);display:flex;align-items:center;justify-content:center}

/* 表单 */
.lg-form{margin:0;padding:4px 0 16px}
.lg-form__hd{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 14px}
.lg-form__hd b{font-size:14.5px}
.lg-form__hd a{font-size:12.5px}
.lg-field{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 14px;border-top:1px solid var(--lg-line)}
.lg-field--end{border-bottom:1px solid var(--lg-line)}
.lg-field--first{border-top:0}
.lg-field input[type=text],.lg-field input[type=tel],.lg-field input[type=email],.lg-field input[type=password]{flex:1;min-width:0;height:54px;border:0;outline:0;background:transparent;font-size:15px;color:var(--lg-ink);-webkit-appearance:none;border-radius:0}
.lg-field input::placeholder{color:var(--lg-hint)}
.lg-field__pre{flex:none;font-size:15px;font-weight:600;padding-right:10px;border-right:1px solid var(--lg-line)}
/* 国际区号：显示「+81 ▾」，透明的原生下拉盖在上面，点了弹系统选择器 */
.lg-area{position:relative;flex:none;display:flex;align-items:center;gap:3px;height:34px;padding:0 10px 0 2px;border-right:1px solid var(--lg-line);font-size:15px;font-weight:600;color:var(--lg-ink)}
.lg-area select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;font-size:16px;-webkit-appearance:none;appearance:none;border:0;cursor:pointer}
.lg-area b{max-width:9em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}
.lg-area b.is-empty{color:var(--lg-hint);font-weight:500}
.lg-mini{flex:none;height:32px;padding:0 10px;border:0;border-radius:16px;background:var(--lg-bg);color:var(--lg-sub);font-size:12px}
.lg-code{flex:none;height:34px;padding:0 14px;border:1px solid rgba(126,124,251,.3);border-radius:17px;background:var(--lg-soft);color:var(--lg-brand-ink);font-size:13px;font-weight:600;white-space:nowrap}
.lg-code[disabled]{opacity:.6}
.lg-agree{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.6;color:var(--lg-sub)}
.lg-agree input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--lg-brand)}
.lg-card--pad .lg-agree{justify-content:center;padding-top:2px}
.lg-form .lg-agree{padding:14px 14px 0}
.lg-agree.is-shake{animation:lgShake .4s}
@keyframes lgShake{0%,100%{transform:none}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.lg-form__ft{padding:16px 14px 0}
.lg-form__rule{margin:12px 14px 0!important;font-size:12px;line-height:1.6;color:var(--lg-sub)}
.lg-submit{display:block;width:100%;height:50px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--lg-brand) 0,var(--lg-brand-2) 100%);box-shadow:0 8px 18px rgba(91,87,230,.3);color:#FFF;font-size:15.5px;font-weight:700}
.lg-submit[disabled]{opacity:.6}

.lg-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;background:var(--lg-line)}
.lg-tabs button{height:40px;border:0;border-radius:11px;background:transparent;color:var(--lg-sub);font-size:14.5px;font-weight:600}
.lg-tabs button[aria-selected=true]{background:#FFF;box-shadow:0 2px 8px rgba(39,34,83,.08);color:var(--lg-ink);font-weight:700}

.lg-sep{display:flex;align-items:center;gap:12px;margin-top:6px;font-size:12px;color:var(--lg-sub)}
.lg-sep:before,.lg-sep:after{content:"";flex:1;height:1px;background:#E3E1EE}
.lg-icons{display:flex;justify-content:center;gap:32px}
.lg-icons a{width:46px;height:46px;border-radius:50%;background:#FFF;border:1px solid var(--lg-line);display:flex;align-items:center;justify-content:center}
.lg-icons img{width:28px;height:28px}
.lg-tip{padding:0 6px;font-size:12px;line-height:1.6;color:var(--lg-sub)}
.lg-tip p+p{margin-top:4px}
.lg-note{display:flex;gap:10px;padding:12px 14px;border-radius:14px;background:var(--lg-soft);color:#4A47C9;font-size:12.5px;line-height:1.6}
.lg-note svg{flex:none;margin-top:1px}
.lg-terms{padding:20px 24px 0;text-align:center;font-size:12px;line-height:1.7;color:var(--lg-sub)}

.lg-toast{position:fixed;left:50%;top:42%;transform:translateX(-50%);max-width:80%;padding:10px 16px;border-radius:10px;background:rgba(31,29,58,.88);color:#FFF;font-size:14px;line-height:1.5;text-align:center;z-index:100001}

/* 绑定邮箱 bindemail_v2（2026-11，只给海外用户） */
.lg-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lg-step{padding:12px 6px;border-radius:14px;background:#FFF;border:1px solid var(--lg-line);text-align:center;font-size:12px;line-height:1.5;color:var(--lg-sub)}
.lg-step b{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0 auto 6px;border-radius:50%;background:var(--lg-soft);color:var(--lg-brand-ink);font-size:12px}
.lg-step strong{display:block;color:var(--lg-ink);font-size:13px}
.lg-note--ok{background:#E6F6EE;color:#13804B}
.lg-note--warn{background:#FFF4E5;color:#8A4B00}
.lg-sent{margin:0!important;padding:0 14px 12px 58px;font-size:12px;line-height:1.6;color:var(--lg-sub)}
.lg-pwdhd{display:flex;align-items:baseline;gap:8px;padding:14px 14px 6px;border-top:8px solid var(--lg-bg);font-size:14px;font-weight:700}
.lg-pwdhd span{font-size:12px;font-weight:400;color:var(--lg-sub)}
.lg-cur{display:flex;align-items:center;gap:12px;padding:14px}
.lg-cur__txt{flex:1;min-width:0}
.lg-cur__txt span{display:block;font-size:12px;color:var(--lg-sub)}
.lg-cur__txt b{display:block;margin-top:2px;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg-tag{flex:none;font-size:12px;font-weight:600;line-height:24px;padding:0 10px;border-radius:12px;background:#E6F6EE;color:#13804B}
.lg-done{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 0 0}
.lg-done i{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--lg-brand) 0,var(--lg-brand-2) 100%);box-shadow:0 8px 20px rgba(91,87,230,.3);color:#FFF}
.lg-done h1{margin-top:14px;font-family:var(--lg-serif);font-size:21px;font-weight:700}
.lg-done p{margin-top:6px;font-size:13px;color:var(--lg-sub)}
.lg-howto__hd{margin:0;padding:14px 14px 0;font-size:14.5px;font-weight:700}
.lg-howto__sub{padding:2px 14px 6px;font-size:12.5px;color:var(--lg-sub)}
.lg-howto__row{display:flex;align-items:center;gap:12px;min-height:60px;padding:0 14px;border-top:1px solid var(--lg-line)}
.lg-howto__row .lg-cur__txt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg-howto__or{flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--lg-sub)}
.lg-body a.lg-submit{display:flex;align-items:center;justify-content:center;color:#FFF}