/* ============================================================================
   登录页（宣传页 + 弹窗登录）
   ----------------------------------------------------------------------------
   为什么单独一个文件：style.css 里那套 .lg/.lgbox 是"屏幕中间一张小卡片"，
   整个版式都要换；混在 style.css 里改会把主界面一起带着抖。这里只覆盖登录层。

   三条约束：
     ① 颜色只用 theme.js 那几个令牌（--p / --card / --t1 …），所以随单位皮肤走；
     ② 这一版**不做深色**（用户 2026-10-26 明确"不需要深色模式"），
        因此这里没有任何 html[data-theme="dark"] 分支；
     ③ 所有类名以 lg 开头并且挂在 #lg 下面 —— 主界面也有 .pill/.ask 这类通用名，
        不隔离的话两边会互相污染。

   @author 王春生
   @since  2026-10-26
   ========================================================================== */

/* ---------------------------------------------------------------- 整页 */
#lg{
  position:fixed; inset:0; z-index:100; display:block; padding:0;
  overflow-y:auto; overflow-x:hidden;
  color:var(--t1); background:var(--bg);
  /* 一层极淡网格 + 两团主色光雾：不是纯色底，有纵深但不抢内容 */
  background-image:
    radial-gradient(900px 520px at 84% 6%, color-mix(in srgb, var(--p) 16%, transparent), transparent 62%),
    radial-gradient(760px 460px at 4% 98%, color-mix(in srgb, var(--p) 9%, transparent), transparent 60%),
    linear-gradient(color-mix(in srgb, var(--p) 4%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--p) 4%, transparent) 1px, transparent 1px);
  background-size:auto, auto, 44px 44px, 44px 44px;
  background-attachment:fixed, fixed, fixed, fixed;
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
#lg.off{display:none}
#lg .lgwrap{width:min(1180px, calc(100% - 64px)); margin-inline:auto}

/* ---------------------------------------------------------------- 顶栏 */
#lg .lgnav{
  position:sticky; top:0; z-index:5; height:64px; display:flex; align-items:center;
  backdrop-filter:saturate(150%) blur(14px);
  background:color-mix(in srgb, var(--card) 74%, transparent);
  border-bottom:1px solid color-mix(in srgb, var(--p) 10%, transparent);
}
#lg .lgnav .lgwrap{display:flex; align-items:center; gap:14px}
#lg .lgbrand{display:flex; align-items:center; gap:10px; margin-right:auto}
#lg .lgbrand img{width:34px; height:34px; display:block}
#lg .lgbrand b{font-size:17px; font-weight:700; letter-spacing:.3px; display:block}
#lg .lgbrand span{display:block; font-size:10.5px; color:var(--t3); letter-spacing:1.5px; text-transform:uppercase}
#lg .lgnavbtn{
  height:36px; padding:0 20px; border-radius:999px; font-size:13.5px; font-weight:600;
  color:var(--on-p); background:linear-gradient(135deg, var(--p), var(--p-strong));
  box-shadow:0 6px 16px color-mix(in srgb, var(--p) 26%, transparent); transition:.18s;
}
#lg .lgnavbtn:hover{transform:translateY(-1px); box-shadow:0 10px 22px color-mix(in srgb, var(--p) 32%, transparent)}

/* ---------------------------------------------------------------- 主视觉 */
#lg .lgmain{
  min-height:calc(100vh - 64px); display:flex; flex-direction:column; justify-content:center;
  padding:24px 0 20px;
}
#lg .lghero{
  display:grid; grid-template-columns:minmax(0, 1fr) 500px; gap:44px; align-items:center;
  padding:clamp(8px, 3vh, 40px) 0 0;
}
#lg .lghero-l{min-width:0; margin-top:-34px}

/* 一句话定位：比标题轻，比正文重 */
#lg .lgpill{
  display:inline-flex; align-items:center; gap:8px; height:30px; padding:0 14px; border-radius:999px;
  background:color-mix(in srgb, var(--card) 74%, transparent);
  border:1px solid color-mix(in srgb, var(--p) 20%, transparent);
  color:var(--p); font-size:12.5px; font-weight:600; letter-spacing:.2px;
}
#lg .lgpill u{
  width:6px; height:6px; border-radius:50%; background:var(--p); text-decoration:none;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--p) 16%, transparent);
}

#lg .lgh1{
  margin:22px 0 0; font-size:clamp(38px, 3.6vw, 52px); line-height:1.18; letter-spacing:-.8px;
  font-weight:800; color:var(--t1);
}
#lg .lgh1 em{
  font-style:normal; color:var(--p);
  background:linear-gradient(120deg, var(--p), var(--accent));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
#lg .lgh1 small{
  display:block; margin-top:12px; font-size:clamp(22px, 2vw, 30px); font-weight:700;
  letter-spacing:.2px; color:var(--t1);
}

#lg .lglead{margin:16px 0 0; font-size:14.5px; line-height:1.8; color:var(--t2); max-width:560px}
#lg .lglead b{color:var(--t1); font-weight:600}

/* 三个词做成实心胶囊：这是整页最想让人记住的东西 */
#lg .lgkw{display:flex; flex-wrap:wrap; gap:9px; margin-top:18px}
#lg .lgkw span{
  display:inline-flex; align-items:center; gap:7px; height:32px; padding:0 14px; border-radius:8px;
  font-size:13px; font-weight:600; color:var(--p);
  background:color-mix(in srgb, var(--card) 70%, transparent);
  border:1px solid color-mix(in srgb, var(--p) 18%, transparent);
}
#lg .lgkw span::before{
  content:""; width:5px; height:5px; border-radius:50%; background:currentColor; opacity:.55;
}

/* 试问框：整页的钩子。点了不直接进系统，先弹登录 */
#lg .lgask{margin-top:22px}
#lg .lgask-box{
  display:flex; align-items:center; gap:10px; height:56px; padding:0 8px 0 18px; border-radius:28px;
  background:var(--card); border:1px solid color-mix(in srgb, var(--p) 16%, transparent);
  box-shadow:var(--sh-md); transition:.2s; cursor:text;
}
#lg .lgask-box:focus-within{
  border-color:color-mix(in srgb, var(--p) 50%, transparent);
  box-shadow:var(--sh-md), 0 0 0 3px color-mix(in srgb, var(--p) 16%, transparent);
}
#lg .lgask-box svg{flex:none; color:var(--t3)}
#lg .lgask-box input{
  flex:1; min-width:0; border:0; outline:0; background:transparent;
  font-size:15px; font-family:inherit; color:var(--t1);
}
#lg .lgask-box input::placeholder{color:var(--t3)}
#lg .lgask-send{
  flex:none; width:42px; height:42px; border-radius:50%; display:grid; place-items:center;
  color:var(--on-p); background:linear-gradient(135deg, var(--p), var(--p-strong));
  box-shadow:0 4px 12px color-mix(in srgb, var(--p) 30%, transparent); transition:.2s;
}
#lg .lgask-send:hover{transform:scale(1.06)}
#lg .lgask-try{display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:12px; font-size:12px; color:var(--t3)}
#lg .lgask-try button{
  max-width:100%; padding:2px 0; font-size:12px; color:var(--t3); text-align:left; line-height:1.5;
  white-space:nowrap; border-bottom:1px dashed color-mix(in srgb, var(--p) 30%, transparent);
}
#lg .lgask-try button::before{content:"›"; margin-right:5px; font-weight:700; color:color-mix(in srgb, var(--p) 50%, transparent)}
#lg .lgask-try button:hover{color:var(--p)}

/* ---------------------------------------------------------------- 数字人 */
#lg .lghero-r{
  position:relative; display:flex; align-items:flex-end; justify-content:center;
  height:clamp(430px, 64vh, 560px);
}
#lg .lghalo{
  position:absolute; inset:auto 0 6px 0; height:340px; filter:blur(2px);
  background:radial-gradient(closest-side,
    color-mix(in srgb, var(--p) 30%, transparent),
    color-mix(in srgb, var(--p) 6%, transparent) 66%, transparent 74%);
  animation:lgGlowPulse 9s ease-in-out infinite; transform-origin:50% 70%;
}
#lg .lgpersona{
  position:relative; height:100%; width:auto; object-fit:contain; object-position:bottom;
  /* 半身像在腰线硬切会像"人被裁掉了"，底部给一段渐隐，看着像站在光里 */
  -webkit-mask-image:linear-gradient(to bottom, #000 84%, rgba(0,0,0,.35) 96%, transparent 100%);
  mask-image:linear-gradient(to bottom, #000 84%, rgba(0,0,0,.35) 96%, transparent 100%);
  filter:drop-shadow(0 16px 26px rgba(16,28,48,.16));
  /* 让她"活着"：9 秒一轮，位移 10px、不到半度侧倾；旋转轴压在脚下（96%），
     像站着轻轻换重心，而不是整张图平移 */
  animation:lgBreathe 9s cubic-bezier(.45,.05,.55,.95) infinite;
  transform-origin:50% 96%;
}
@keyframes lgBreathe{
  0%,100%{transform:translateY(0) rotate(0deg) scale(1)}
  50%{transform:translateY(-10px) rotate(-.45deg) scale(1.007)}
}
@keyframes lgGlowPulse{0%,100%{opacity:.82; transform:scale(1)} 50%{opacity:1; transform:scale(1.06)}}
@keyframes lgBob{0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)}}
@keyframes lgFloat1{0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)}}
@keyframes lgFloat2{0%,100%{transform:translateY(0)} 50%{transform:translateY(6px)}}

#lg .lgbubble{
  position:absolute; top:2px; right:-4px; max-width:196px; padding:11px 14px;
  border-radius:14px 14px 4px 14px; background:var(--card); box-shadow:var(--sh-md);
  border:1px solid color-mix(in srgb, var(--p) 12%, transparent);
  font-size:12.5px; line-height:1.6; color:var(--t1); animation:lgBob 7.4s ease-in-out infinite;
}
#lg .lgbubble b{display:block; font-size:13px}
#lg .lgbubble i{font-style:normal; color:var(--t3); font-size:11.5px}

/* ---------------------------------------------------------------- 三张图卡
   不列"功能入口"，改成让人一眼看到"它能给我出什么"：
   环形（进度）、柱状（趋势）、条形（排名）围着人像错落摆。 */
#lg .lgviz{
  position:absolute; z-index:2; padding:11px 12px 12px; border-radius:14px;
  background:var(--card); border:1px solid color-mix(in srgb, var(--p) 14%, transparent);
  box-shadow:var(--sh-md); transition:box-shadow .28s;
}
#lg .lgviz:hover{box-shadow:var(--sh-lg)}
#lg .lgvh{display:flex; align-items:center; gap:6px; font-size:11.5px; font-weight:600; color:var(--t2)}
#lg .lgvh u{width:5px; height:5px; border-radius:50%; background:var(--p); flex:none}
#lg .lgvh i{
  font-style:normal; margin-left:auto; font-size:10px; font-weight:600; color:var(--p);
  background:var(--p-soft); padding:2px 7px; border-radius:999px; white-space:nowrap;
}
#lg .lgvb{margin-top:9px}
#lg .lgvb svg{display:block; width:100%; height:auto}

#lg .lgviz-donut{width:158px}
#lg .lgdonut{position:relative; width:92px; margin:4px auto 0}
#lg .lgdonut svg{display:block; width:92px; height:92px}
#lg .lgdonut span{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-size:19px; font-weight:800; color:var(--t1); letter-spacing:-.5px; white-space:nowrap;
}
#lg .lgdonut span u{font-size:10px; text-decoration:none; color:var(--t3); margin-left:1px; font-weight:600}
#lg .lgvf{margin-top:8px; font-size:10.5px; color:var(--t3); text-align:center}

#lg .lghb{display:flex; align-items:center; gap:7px; margin-top:7px; font-size:10.5px; color:var(--t3)}
#lg .lghb:first-of-type{margin-top:2px}
#lg .lghb b{width:34px; flex:none; font-weight:500; color:var(--t2)}
#lg .lghb i{
  flex:1; height:6px; border-radius:3px; overflow:hidden;
  background:color-mix(in srgb, var(--p) 12%, transparent);
}
#lg .lghb i em{display:block; height:100%; border-radius:3px; background:var(--p)}
#lg .lghb u{width:16px; flex:none; text-align:right; font-weight:700; color:var(--t1); text-decoration:none}

#lg .lgviz-bar{width:190px}
#lg .lgviz-hbar{width:168px}
#lg .lgnum{font-size:15px; font-weight:800; color:var(--t1); letter-spacing:-.3px; margin-top:6px}
#lg .lgnum u{font-size:10px; font-weight:600; color:var(--t3); text-decoration:none; margin-left:2px}
#lg .lgnum em{font-style:normal; font-size:10px; font-weight:600; color:var(--ok); margin-left:6px}

#lg .lgviz-1{left:-34px; top:-1%; animation:lgFloat1 7s ease-in-out infinite}
#lg .lgviz-2{left:-34px; bottom:12%; animation:lgFloat2 8.5s ease-in-out infinite}
#lg .lgviz-3{right:-14px; bottom:30%; animation:lgFloat1 9.5s ease-in-out infinite}

#lg .lgcopy{margin-top:20px; text-align:center; font-size:11.5px; color:var(--t3); opacity:.8}

/* ---------------------------------------------------------------- 登录弹窗 */
#lg .lgmask{position:fixed; inset:0; z-index:200; display:none}
#lg .lgmask.on{display:flex; align-items:center; justify-content:center; padding:24px}
#lg .lgbd{
  position:absolute; inset:0; background:rgba(12,20,34,.44);
  backdrop-filter:blur(5px); animation:lgFade .18s ease;
}
#lg .lgd{
  /* 版式向“竖一点的方框”靠：只放两个输入框，宽了就像一条被拉长的横带。
     620 × 约 470，宽高比 1.3 上下，和参考稿的观感一致。 */
  position:relative; width:min(620px, 100%); max-height:calc(100vh - 48px);
  display:grid; grid-template-columns:244px minmax(0, 1fr);
  background:var(--card); border-radius:18px; overflow:hidden; box-shadow:var(--sh-lg);
  animation:lgPop .24s cubic-bezier(.2,.8,.3,1);
}
@keyframes lgFade{from{opacity:0} to{opacity:1}}
@keyframes lgPop{from{opacity:0; transform:translateY(10px) scale(.98)} to{opacity:1; transform:none}}

/* 左半：品牌与卖点，纯装饰；窄屏直接不显示 */
#lg .lgd-l{
  /* 弹窗变高以后，左栏如果还是"从头往下排"，中段会空出一大片。
     用 auto 外边距把"标题 + 卖点"这块在 logo 和版本号之间竖直居中。 */
  position:relative; display:flex; flex-direction:column; padding:26px 24px 52px;
  overflow:hidden; color:#fff;
  background:linear-gradient(150deg, var(--p) 0%, var(--p-strong) 92%);
}
#lg .lgd-l::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(320px 200px at 88% 0%, rgba(255,255,255,.20), transparent 70%),
    linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
  background-size:auto, 34px 34px, 34px 34px;
}
#lg .lglg{position:relative; z-index:1; display:flex; align-items:center; gap:9px}
#lg .lglg b{font-size:14.5px; font-weight:700; letter-spacing:.3px}
#lg .lglg i{font-style:normal; font-size:9px; letter-spacing:2.2px; opacity:.75}
#lg .lgd-l h3{position:relative; z-index:1; margin:auto 0 0; font-size:21px; line-height:1.46; font-weight:800; letter-spacing:-.2px}
#lg .lgd-l p{position:relative; z-index:1; margin:11px 0 0; font-size:12px; line-height:1.75; opacity:.86}
#lg .lgpts{position:relative; z-index:1; display:flex; flex-direction:column; gap:7px; margin-top:20px; margin-bottom:auto}
#lg .lgpts span{
  display:inline-flex; align-items:center; gap:7px; padding:7px 10px; border-radius:8px;
  font-size:11.5px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.18);
}
#lg .lgpts span::before{content:""; width:5px; height:5px; border-radius:50%; background:#fff; opacity:.8}
#lg .lgver{position:absolute; left:24px; bottom:20px; z-index:1; font-size:10px; opacity:.6; letter-spacing:.4px}

/* 右半：表单 */
#lg .lgd-r{position:relative; padding:34px 32px 26px; overflow-y:auto; max-height:calc(100vh - 48px)}
#lg .lgx{
  position:absolute; top:13px; right:14px; width:28px; height:28px; border-radius:8px;
  display:grid; place-items:center; font-size:19px; line-height:1; color:var(--t3); transition:.14s;
}
#lg .lgx:hover{background:var(--bd2); color:var(--t1)}
#lg .lgd-r h2{margin:0; font-size:20px; font-weight:700; letter-spacing:-.2px}
#lg .lgsub{margin:7px 0 22px; font-size:12.5px; color:var(--t3); line-height:1.6}
#lg .lgfld{margin-bottom:17px}
#lg .lgfld label{display:block; margin-bottom:7px; font-size:12.5px; color:var(--t2)}
#lg .lgin{position:relative; display:flex; align-items:center}
#lg .lgin input{
  width:100%; height:46px; padding:0 13px; border-radius:10px; font-family:inherit;
  background:var(--card); border:1px solid var(--bd); outline:none;
  font-size:14px; color:var(--t1); transition:.14s;
}
#lg .lgin input:focus{border-color:var(--p); box-shadow:0 0 0 3px color-mix(in srgb, var(--p) 14%, transparent)}
#lg .lgin input::placeholder{color:var(--t3)}
#lg .lgin.lgeye input{padding-right:44px}
#lg .lgeye-b{
  position:absolute; right:6px; width:32px; height:32px; border-radius:8px; display:grid; place-items:center;
  color:var(--t3); transition:.14s;
}
#lg .lgeye-b:hover{color:var(--p); background:var(--p-soft)}

#lg .lgsubmit{
  width:100%; height:46px; margin-top:8px; border-radius:10px; font-size:14px; font-weight:600;
  color:var(--on-p); background:linear-gradient(135deg, var(--p), var(--p-strong));
  box-shadow:0 6px 16px color-mix(in srgb, var(--p) 24%, transparent); transition:.16s;
  display:flex; align-items:center; justify-content:center; gap:8px;
}
#lg .lgsubmit:hover:not(:disabled){transform:translateY(-1px)}
#lg .lgsubmit:disabled{opacity:.6; cursor:not-allowed}

#lg .lgerr{
  display:none; margin:0 0 14px; padding:10px 12px; border-radius:9px; font-size:12.5px; line-height:1.6;
  background:var(--err-soft); border:1px solid color-mix(in srgb, var(--err) 28%, transparent);
  color:var(--err); white-space:pre-wrap;
}
#lg .lgerr.on{display:block}
#lg .lgerrset{display:block; margin-top:6px; font-size:12px; color:var(--p); text-decoration:none}
#lg .lgerrset:hover{text-decoration:underline}

/* 服务器地址：让人看得见、点得改。地址本身不占表单主位（绝大多数人不关心），
   所以做成一行淡淡的脚注，点开就是右下角那个连接设置面板。 */
#lg .lgfoot{
  display:flex; align-items:center; gap:6px; margin-top:18px; padding-top:14px;
  border-top:1px solid var(--bd2); font-size:11.5px; color:var(--t3);
}
#lg .lgfoot a{color:var(--t3); text-decoration:none; display:inline-flex; align-items:center; gap:5px; min-width:0}
#lg .lgfoot a b{font-weight:600; color:var(--t2); max-width:168px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#lg .lgfoot a:hover,#lg .lgfoot a:hover b{color:var(--p)}
#lg .lgfoot a::after{content:"修改"; color:var(--p); margin-left:2px}
#lg .lgtip{margin:14px 0 0; font-size:11px; line-height:1.75; color:var(--t3)}
#lg .lgtip b{color:var(--t2); font-weight:600}

/* 齿轮和面板要压过弹窗遮罩：地址填错时才会去点它，被弹窗盖住就等于没有入口 */
#lg .lgset{z-index:210}
#lg .lgsetp{z-index:211}

/* ---------------------------------------------------------------- 响应式 */
@media (max-width:1180px){
  #lg .lgwrap{width:calc(100% - 48px)}
  #lg .lghero{grid-template-columns:minmax(0, 1fr) 410px; gap:28px}
  #lg .lgviz-1{left:-18px}
  #lg .lgviz-2{left:-18px}
  #lg .lgviz-3{right:-6px}
}

/* 单列：人像站中间、三张图卡缩一圈散在她四周（不是排成一行堆在下面） */
@media (max-width:940px){
  #lg .lgwrap{width:calc(100% - 40px)}
  #lg .lgnav{height:56px}
  #lg .lgmain{min-height:0; justify-content:flex-start; padding:16px 0 24px}
  #lg .lghero{grid-template-columns:1fr; gap:6px}
  #lg .lghero-r{
    display:block; position:relative; width:100%; max-width:640px;
    height:392px; margin:10px auto 6px;
  }
  #lg .lgpersona{position:absolute; left:50%; bottom:0; width:250px; height:366px; margin-left:-125px}
  #lg .lghalo{inset:46px 0 auto 0; height:318px}
  #lg .lgbubble{top:2px; right:4px; max-width:176px}
  /* 这里必须把漂浮动画关掉：动画写的是 transform，会盖住下面那句 scale()，
     卡也就缩不小（第一版就是这么翻车的 —— 手机上三张卡还是原尺寸，把人脸糊住了） */
  #lg .lgviz{position:absolute; animation:none}
  #lg .lgviz-1{width:158px; left:0; top:46px; transform:scale(.86); transform-origin:top left}
  #lg .lgviz-2{width:190px; left:2px; bottom:4px; transform:scale(.82); transform-origin:bottom left}
  #lg .lgviz-3{width:168px; right:0; bottom:100px; transform:scale(.8); transform-origin:bottom right}
  #lg .lghero-l{margin-top:0}
  #lg .lglead{max-width:560px}
  #lg .lgh1{font-size:32px}
  #lg .lgh1 small{font-size:20px}
  #lg .lgd{grid-template-columns:1fr; width:calc(100% - 28px); margin-top:5vh}
  #lg .lgd-l{display:none}
}

/* 手机：人像提到最上面当门面，图卡再小一档 */
@media (max-width:640px){
  #lg .lghero{display:flex; flex-direction:column}
  #lg .lghero-r{order:-1; display:block; position:relative; width:100%; height:352px; margin:2px 0 16px}
  #lg .lghero-l{order:1}
  #lg .lgpersona{position:absolute; left:50%; bottom:0; width:196px; height:300px; margin-left:-98px}
  #lg .lghalo{inset:48px 0 auto 0; height:246px}
  #lg .lgbubble{
    position:absolute; top:0; left:50%; right:auto; margin-left:-88px; width:176px; max-width:176px;
    padding:8px 12px; text-align:center; font-size:11px;
  }
  #lg .lgbubble b{font-size:11.5px}
  #lg .lgbubble i{font-size:10px}
  #lg .lgviz-1{width:158px; left:-2px; top:54px; transform:scale(.66); transform-origin:top left}
  #lg .lgviz-2{width:190px; left:0; bottom:2px; transform:scale(.6); transform-origin:bottom left}
  #lg .lgviz-3{width:168px; right:-2px; bottom:98px; transform:scale(.58); transform-origin:bottom right}
  #lg .lgdonut{width:80px}
  #lg .lgdonut svg{width:80px; height:80px}
  #lg .lgdonut span{font-size:17px}
  #lg .lgask-try{gap:6px 14px}
  #lg .lgask-try button{font-size:11.5px}
  #lg .lgask-box{height:52px; padding-left:15px}
  #lg .lgask-box input{font-size:13.5px}
  #lg .lgask-send{width:38px; height:38px}
  #lg .lgbrand span{display:none}
  #lg .lgbrand img{width:29px; height:29px}
  #lg .lgbrand b{font-size:15.5px}
  #lg .lgd-r{padding:28px 22px 22px}
  #lg .lgfoot a b{max-width:120px}
  /* 手机上那颗固定齿轮正好压在试问框的发送键上（页面可滚动，位置躲不开），继续藏。
     地址入口不丢，而且要显眼：登录弹窗里「服务器 … 修改」那行在手机上
     做成整行虚线胶囊 —— 用户实测在手机上找不到改地址的地方，就是它太小。 */
  #lg .lgset{display:none}
  #lg .lgfoot{margin-top:14px;padding-top:12px}
  #lg .lgfoot a{flex:1;justify-content:center;padding:9px 12px;font-size:12.5px;
    border:1px dashed var(--p-bd);border-radius:9px;background:var(--p-soft2)}
  #lg .lgfoot a b{max-width:60vw}
}

@media (prefers-reduced-motion:reduce){
  #lg *{animation:none !important; transition:none !important}
}