/* ============================================================
 * 喵数据 · 独立登录 / 注册页（login.html）样式
 *
 * 版式参考外部产品（左右分栏：左品牌视觉区 + 右表单区），
 * 但**视觉体系全部沿用本站**：深空黑 --bg + 科技蓝 --brand，不引入任何新色（尤其无金色）。
 *
 * 三条自制约定（沿用全站「去 AI 味」精修）：
 *   1. hover 只改颜色 / 边框 / 阴影，不做位移、不加扫光与扫描线；
 *   2. 氛围只用站内既有色，不动用任何新色相（尤其无金色）；左栏底光与暗角
 *      是静止的，交给 CSS；只有真正在动的（链路 / 数据包 / 掠光）才进 canvas；
 *   3. 本文件只作用于 body.lg-body 与 .lg-*，不侵入 style.css（该文件为 15 页共用）。
 * ============================================================ */

/* ---------- 页面外壳：覆盖 style.css 的全局观感 ---------- */
body.lg-body{
  margin:0;
  min-height:100vh;
  background:var(--bg);
  /* 登录页要能选中文本（style.css 全站设了 user-select:none，表单页必须放开） */
  -webkit-user-select:text;user-select:text;
}
/* style.css 的固定网格层：数据展示页的秩序感，表单页去掉 */
body.lg-body::before{display:none}

.lg-wrap{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);
  min-height:100vh;
}

/* ============================================================
 * 左栏 · 品牌视觉区
 * ============================================================ */
.lg-stage{
  position:relative;top:0;align-self:start;
  height:100vh;min-height:560px;
  display:flex;flex-direction:column;justify-content:space-between;
  background:transparent;
}
/* 动态背景：canvas 由 login-bg.js 每帧重绘。
   改为 fixed 铺满整个视口（不再局限于左栏），右栏表单浮在其上。
   JS 用 getBoundingClientRect() 自适应，自动按全屏尺寸重建网络。 */
.lg-stage-bg{
  position:fixed;inset:0;z-index:0;
  display:block;width:100vw;height:100vh;
}
/* 底光 + 暗角：静止层，同样 fixed 铺满整屏。 */
.lg-stage-tint{
  position:fixed;inset:0;z-index:1;pointer-events:none;
  background:
    /* 空间底光：左上偏中的一块冷蓝，给整栏定调 */
    radial-gradient(88% 80% at 34% 26%,rgba(0,122,251,.155) 0%,rgba(0,122,251,.05) 48%,rgba(0,122,251,0) 100%),
    /* 暗角 */
    radial-gradient(126% 108% at 54% 46%,rgba(10,11,13,0) 34%,rgba(10,11,13,.34) 78%,rgba(10,11,13,.74) 100%),
    /* 文字可读性：左上（logo / 标语）与底部（来源行）各轻压一点 */
    linear-gradient(148deg,rgba(10,11,13,.30) 0%,rgba(10,11,13,.02) 46%,rgba(10,11,13,.22) 100%);
}
/* 底图与染色之间一条极淡的品牌光带，界定「数据面」的边界 */
.lg-stage-tint::after{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(82,219,253,.45),transparent);
}

.lg-stage-in{
  position:relative;z-index:2;
  padding:46px clamp(30px,4.2vw,64px) 0;
  display:flex;flex-direction:column;gap:min(4.4vh,42px);
}

/* --- 品牌（logo + 站名 + 副标题） --- */
.lg-brand{
  display:inline-flex;align-items:center;gap:12px;
  text-decoration:none;color:inherit;width:max-content;
}
.lg-brand img{width:38px;height:38px;display:block;object-fit:contain;flex:none}
.lg-brand b{display:block;font-size:19px;font-weight:700;letter-spacing:.01em;line-height:1.25;color:var(--ink)}
.lg-brand i{display:block;font-size:12px;font-style:normal;color:var(--ink3);margin-top:2px;letter-spacing:.04em}

/* --- 标语与说明 --- */
.lg-pitch{max-width:460px}
.lg-slogan{
  margin:0;font-size:clamp(28px,2.5vw,38px);line-height:1.24;font-weight:800;
  letter-spacing:-.015em;color:var(--ink);
}
.lg-slogan em{
  font-style:normal;
  background:linear-gradient(92deg,var(--brand-l),#52DBFD);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.lg-desc{
  margin:18px 0 0;font-size:13.5px;line-height:1.85;color:var(--ink2);max-width:430px;
}

/* --- 数据事实条：数字全部取自站内既有口径，不新编 --- */
.lg-facts{
  list-style:none;margin:24px 0 0;padding:0;
  display:flex;flex-wrap:wrap;gap:16px 30px;
}
.lg-facts li{display:flex;flex-direction:column;gap:4px;min-width:80px}
.lg-facts b{
  font-size:22px;font-weight:800;color:var(--ink);line-height:1.1;
  font-variant-numeric:tabular-nums;letter-spacing:-.01em;
}
.lg-facts span{font-size:11.5px;color:var(--ink4);letter-spacing:.02em}

/* --- 左栏页脚（数据来源） --- */
.lg-stage-foot{
  position:relative;z-index:2;
  margin:0;padding:0 clamp(30px,4.2vw,64px) 34px;
  font-size:11.5px;line-height:1.8;color:var(--ink4);
}

/* ============================================================
 * 右栏 · 表单区
 * ============================================================ */
.lg-form-side{
  position:relative;z-index:2;
  display:flex;flex-direction:column;justify-content:center;
  padding:52px clamp(24px,3.6vw,56px) 26px;
  /* 不再纯黑：左侧透出全屏粒子网络，向右逐渐压暗以保证表单文字可读 */
  background:linear-gradient(90deg,rgba(10,11,13,0) 0%,rgba(10,11,13,.52) 36%,rgba(10,11,13,.86) 100%);
}
.lg-form-in{width:100%;max-width:376px;margin:0 auto}

.lg-title{
  margin:0;font-size:23px;font-weight:700;letter-spacing:-.01em;color:var(--ink);
  text-align:center;line-height:1.4;
}
.lg-sub{
  margin:9px 0 0;font-size:12.5px;line-height:1.75;color:var(--ink3);text-align:center;
}

/* --- 登录 / 注册分段切换 --- */
.lg-tabs{
  position:relative;display:grid;grid-template-columns:1fr 1fr;
  margin:24px 0 20px;padding:4px;border-radius:9px;
  background:rgba(255,255,255,.035);border:1px solid var(--line);
}
.lg-thumb{
  position:absolute;z-index:0;top:4px;left:4px;height:calc(100% - 8px);width:calc(50% - 4px);
  border-radius:6px;background:var(--card-shade);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 2px 8px rgba(0,0,0,.34);
  transition:transform .24s cubic-bezier(.4,0,.2,1);
}
.lg-tabs[data-mode="register"] .lg-thumb{transform:translateX(100%)}
.lg-tab{
  position:relative;z-index:1;appearance:none;border:0;background:transparent;cursor:pointer;
  font:inherit;font-size:13.5px;font-weight:600;color:var(--ink3);
  padding:9px 4px;border-radius:6px;transition:color .18s ease;
}
.lg-tab.on{color:var(--ink)}
.lg-tab:hover{color:var(--ink2)}
.lg-tab:focus-visible{outline:2px solid var(--brand);outline-offset:1px}

/* --- 字段 --- */
.lg-field{display:block;margin:0 0 14px}
/* 必须显式写这一条：作者样式里的 display 会盖掉 [hidden] 的浏览器默认 display:none */
.lg-field[hidden]{display:none}
.lg-lab{
  display:flex;align-items:baseline;gap:6px;
  font-size:12px;color:var(--ink2);margin-bottom:7px;font-weight:600;
}
.lg-lab em{font-style:normal;font-size:11px;color:var(--ink4);font-weight:400}

.lg-inline{position:relative;display:block}
.lg-field input[type="text"],
.lg-field input[type="email"],
.lg-field input[type="password"],
.lg-sel{
  width:100%;height:44px;
  padding:0 13px;border-radius:8px;
  border:1px solid var(--line2);background:rgba(255,255,255,.02);
  color:var(--ink);font:inherit;font-size:13.5px;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.lg-field input::placeholder{color:var(--ink4)}
.lg-field input:hover,.lg-sel:hover{border-color:rgba(0,122,251,.36)}
.lg-field input:focus,.lg-sel:focus{
  outline:none;border-color:var(--brand);background:rgba(0,122,251,.05);
  box-shadow:0 0 0 3px rgba(0,122,251,.13);
}
.lg-sel{
  appearance:none;cursor:pointer;padding-right:30px;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa0a8' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;background-size:14px;
}
.lg-sel:disabled{opacity:.5;cursor:not-allowed}
.lg-sel option{background:var(--panel);color:var(--ink)}

/* 验证码：输入 + 右侧文字按钮 */
.lg-field input.lg-has-btn{padding-right:112px}
.lg-codebtn{
  position:absolute;right:5px;top:5px;bottom:5px;
  padding:0 12px;border-radius:6px;border:1px solid var(--line2);
  background:rgba(0,122,251,.08);color:var(--brand-l);
  font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;
  transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.lg-codebtn:hover:not(:disabled){background:rgba(0,122,251,.16);border-color:var(--brand);color:#fff}
.lg-codebtn:disabled{opacity:.55;cursor:not-allowed;color:var(--ink4)}
.lg-codebtn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

/* 密码可见性 */
.lg-peek{
  position:absolute;right:4px;top:4px;bottom:4px;width:36px;
  display:flex;align-items:center;justify-content:center;
  border:0;border-radius:6px;background:transparent;color:var(--ink4);cursor:pointer;
  transition:color .16s ease,background .16s ease;
}
.lg-peek svg{width:17px;height:17px}
.lg-peek:hover{color:var(--ink2);background:rgba(255,255,255,.045)}
.lg-peek.on{color:var(--brand-l)}
.lg-peek:focus-visible{outline:2px solid var(--brand);outline-offset:1px}

/* 字段级错误：改边框 + 下面一行小字（不做抖动动画） */
.lg-field.bad input,.lg-field.bad .lg-sel{border-color:rgba(240,113,111,.72)}
.lg-field.bad input:focus,.lg-field.bad .lg-sel:focus{
  border-color:var(--up);box-shadow:0 0 0 3px rgba(240,113,111,.13);
}
.lg-ferr{
  display:none;margin-top:6px;font-size:11.5px;line-height:1.6;color:var(--up);
}
.lg-field.bad .lg-ferr{display:block}

/* 家乡三级：三列并排（窄屏折成两行） */
.lg-home{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}

/* ---------- 家乡三级 · 自定义下拉 ----------
 * 原生 <select> 只留作数据源（.lg-dd-native 从版式里摘掉），视觉交给
 * 「触发按钮 + 浮层面板」承担：原生 option 面板由系统绘制，配色/间距/选中态
 * 一概管不住（这正是它显得朴素的原因）。三条自制约定照旧：
 * hover 只改颜色 / 边框 / 阴影，不做位移；不加扫光、扫描线；不引入新色相。 */
.lg-dd{position:relative;display:block;min-width:0}
.lg-dd-native{display:none}

.lg-dd-btn{
  display:flex;align-items:center;gap:7px;
  width:100%;height:44px;padding:0 10px 0 13px;
  border:1px solid var(--line2);border-radius:8px;
  background:rgba(255,255,255,.02);
  color:var(--ink4);font:inherit;font-size:13.5px;text-align:left;
  cursor:pointer;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.lg-dd-btn:hover:not(:disabled){border-color:rgba(0,122,251,.36)}
.lg-dd-btn:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
.lg-dd-val{
  flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:color .16s ease;
}
.lg-dd.has-val .lg-dd-val{color:var(--ink)}
.lg-dd-caret{
  flex:none;width:14px;height:14px;color:var(--ink4);
  transition:transform .2s ease,color .16s ease;
}
.lg-dd.open .lg-dd-btn{
  border-color:var(--brand);background:rgba(0,122,251,.05);
  box-shadow:0 0 0 3px rgba(0,122,251,.13);
}
.lg-dd.open .lg-dd-val{color:var(--ink)}
.lg-dd.open .lg-dd-caret{transform:rotate(180deg);color:var(--brand-l)}
.lg-dd.disabled .lg-dd-btn{opacity:.5;cursor:not-allowed}
.lg-dd.disabled .lg-dd-btn:hover{border-color:var(--line2)}
.lg-field.bad .lg-dd-btn{border-color:rgba(240,113,111,.72)}
.lg-field.bad .lg-dd-btn:focus-visible{border-color:var(--up);box-shadow:0 0 0 3px rgba(240,113,111,.13)}

/* 浮层：挂在按钮下方；第三列（县/区）右对齐，否则会顶出表单右边界 */
.lg-dd-panel{
  position:absolute;left:0;top:calc(100% + 6px);z-index:90;
  width:100%;min-width:190px;max-width:min(300px,calc(100vw - 44px));
  padding:6px;
  border:1px solid rgba(0,122,251,.26);border-radius:12px;
  background:linear-gradient(180deg,#171b22 0%,#101318 100%);
  box-shadow:0 20px 46px -16px rgba(0,0,0,.92),0 0 0 1px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05);
  opacity:0;visibility:hidden;transform:translateY(-4px) scale(.985);
  transform-origin:top center;
  transition:opacity .14s ease,transform .14s ease,visibility .14s;
}
.lg-dd-end .lg-dd-panel{left:auto;right:0;transform-origin:top right}
/* 矮屏 / 表单靠下时向上展开（由 JS 量过空间再挂 .lg-dd-up） */
.lg-dd-up .lg-dd-panel{
  top:auto;bottom:calc(100% + 6px);
  transform:translateY(4px) scale(.985);transform-origin:bottom center;
}
.lg-dd-end.lg-dd-up .lg-dd-panel{transform-origin:bottom right}
.lg-dd.open .lg-dd-panel{opacity:1;visibility:visible;transform:none}

.lg-dd-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:3px 9px 7px;
  font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--ink3);
}
.lg-dd-head em{font-style:normal;font-weight:400;color:var(--ink4)}

.lg-dd-scroll{max-height:min(264px,46vh);overflow-y:auto;overscroll-behavior:contain}
.lg-dd-scroll::-webkit-scrollbar{width:8px}
.lg-dd-scroll::-webkit-scrollbar-track{background:transparent}
.lg-dd-scroll::-webkit-scrollbar-thumb{
  background:rgba(0,122,251,.3);background-clip:padding-box;
  border:2px solid transparent;border-radius:99px;
}
.lg-dd-scroll:hover::-webkit-scrollbar-thumb{background:rgba(0,122,251,.52);background-clip:padding-box}

.lg-dd-opt{
  position:relative;
  display:flex;align-items:center;gap:8px;
  height:34px;padding:0 9px 0 13px;border-radius:7px;
  font-size:13px;color:var(--ink2);cursor:pointer;
  transition:background .13s ease,color .13s ease;
}
/* 左侧指示条：只表达「当前指向 / 已选中」，纯色块不加入任何光效 */
.lg-dd-opt::before{
  content:"";position:absolute;left:4px;top:9px;bottom:9px;width:2px;border-radius:2px;
  background:var(--brand);opacity:0;transition:opacity .13s ease;
}
.lg-dd-opt>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lg-dd-opt:hover,.lg-dd-opt.act{background:rgba(0,122,251,.11);color:var(--ink)}
.lg-dd-opt:hover::before,.lg-dd-opt.act::before{opacity:.7}
.lg-dd-opt.on{background:rgba(0,122,251,.16);color:var(--brand-l);font-weight:600}
.lg-dd-opt.on::before{opacity:1}
.lg-dd-tick{flex:none;width:13px;height:13px;opacity:0;transition:opacity .13s ease}
.lg-dd-opt.on .lg-dd-tick{opacity:1}
.lg-dd-empty{padding:11px 12px;font-size:12px;color:var(--ink4)}

/* --- 协议勾选 --- */
.lg-agree{
  display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;cursor:pointer;
  font-size:11.5px;line-height:1.7;color:var(--ink3);
}
.lg-agree input{
  flex:none;appearance:none;width:15px;height:15px;margin:2px 0 0;
  border:1px solid var(--line2);border-radius:4px;background:rgba(255,255,255,.02);
  cursor:pointer;position:relative;transition:border-color .16s ease,background .16s ease;
}
.lg-agree input:hover{border-color:var(--brand)}
.lg-agree input:checked{background:var(--brand);border-color:var(--brand)}
.lg-agree input:checked::after{
  content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;
  border:solid #08111c;border-width:0 2px 2px 0;transform:rotate(43deg);
}
.lg-agree input:focus-visible{outline:2px solid #52DBFD;outline-offset:2px}
.lg-agree a{color:var(--brand-l);text-decoration:none;border-bottom:1px solid rgba(126,182,242,.35)}
.lg-agree a:hover{color:#fff;border-bottom-color:#fff}
.lg-agree.bad input{border-color:var(--up)}

/* --- 提示行（成功用冷色 / 失败用暖色，同一位置） --- */
.lg-msg{
  min-height:18px;margin:12px 0 0;font-size:12px;line-height:1.65;
  color:transparent;                      /* 占位但不可见，避免出现时把按钮顶下去 */
}
.lg-msg.err{color:var(--up)}
.lg-msg.ok{color:#52DBFD}

/* --- 主按钮 --- */
.lg-submit{
  display:block;width:100%;height:46px;margin-top:6px;
  border:1px solid transparent;border-radius:8px;cursor:pointer;
  font:inherit;font-size:14.5px;font-weight:700;letter-spacing:.02em;
  color:#08111c;
  background:linear-gradient(180deg,var(--brand-l) 0%,var(--brand) 62%,var(--brand-d) 100%);
  box-shadow:0 6px 18px -8px rgba(0,122,251,.75),inset 0 1px 0 rgba(255,255,255,.28);
  transition:filter .16s ease,box-shadow .16s ease;
}
.lg-submit:hover:not(:disabled){filter:brightness(1.07);box-shadow:0 8px 22px -8px rgba(0,122,251,.9),inset 0 1px 0 rgba(255,255,255,.34)}
.lg-submit:active:not(:disabled){filter:brightness(.96)}
.lg-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}
.lg-submit:focus-visible{outline:2px solid #52DBFD;outline-offset:2px}

/* --- 其他方式：只放站内真实入口，不摆点不通的第三方图标 --- */
.lg-alt{
  display:flex;align-items:center;gap:12px;
  margin:24px 0 13px;font-size:11.5px;color:var(--ink4);
}
.lg-alt::before,.lg-alt::after{content:"";flex:1;height:1px;background:var(--line)}
.lg-alt-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.lg-alt-links a{
  display:flex;align-items:center;justify-content:center;gap:7px;
  height:40px;border-radius:8px;text-decoration:none;
  border:1px solid var(--line2);background:rgba(255,255,255,.02);
  color:var(--ink2);font-size:12.5px;font-weight:600;
  transition:border-color .16s ease,color .16s ease,background .16s ease;
}
.lg-alt-links a svg{width:15px;height:15px;flex:none}
.lg-alt-links a:hover{border-color:var(--brand);color:#fff;background:rgba(0,122,251,.09)}

/* --- 右栏页脚 --- */
.lg-copy{
  margin:26px 0 0;text-align:center;font-size:11px;line-height:1.8;color:var(--ink4);
}
.lg-copy a{color:var(--ink3);text-decoration:none}
.lg-copy a:hover{color:var(--brand-l)}

/* --- 已登录态：不摆一个还能再登录一次的表单 ---
   class 挂在 <html> 上，由 login.html 的 head 内联脚本同步写入 → 首屏不会先闪一下登录框。 */
html.mm-logged .lg-form{display:none}
html.mm-logged #lgAlt{display:none}
.lg-done{display:none;text-align:center}
html.mm-logged .lg-done{display:block}
.lg-done-ico{
  width:46px;height:46px;margin:4px auto 15px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,122,251,.12);border:1px solid rgba(0,122,251,.34);color:#52DBFD;
}
.lg-done-ico svg{width:21px;height:21px}
.lg-done-who{font-size:15px;font-weight:700;color:var(--ink);margin:0}
.lg-done-plan{margin:6px 0 0;font-size:12px;color:var(--ink3)}
.lg-done-act{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}
.lg-done-act a,.lg-done-act button{
  display:flex;align-items:center;justify-content:center;
  height:40px;border-radius:8px;text-decoration:none;cursor:pointer;
  font:inherit;font-size:12.5px;font-weight:600;
  border:1px solid var(--line2);background:rgba(255,255,255,.02);color:var(--ink2);
  transition:border-color .16s ease,color .16s ease,background .16s ease;
}
.lg-done-act .solid{
  border-color:transparent;color:#08111c;
  background:linear-gradient(180deg,var(--brand-l),var(--brand-d));
}
.lg-done-act a:hover,.lg-done-act button:hover{border-color:var(--brand);color:#fff;background:rgba(0,122,251,.09)}
.lg-done-act .solid:hover{color:#08111c;background:linear-gradient(180deg,#8fc2f5,var(--brand))}

/* ============================================================
 * 响应式
 * ============================================================ */

/* 中屏：左栏收窄，标语字号交给 clamp 处理 */
@media(max-width:1100px){
  .lg-wrap{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}
  .lg-facts{gap:12px 26px}
  .lg-facts b{font-size:19px}
}

/* 窄屏：单列，品牌区收成顶部横幅（保留氛围，不留一屏空白） */
@media(max-width:880px){
  .lg-wrap{grid-template-columns:1fr}
  .lg-stage{
    position:relative;top:auto;height:auto;min-height:0;
    padding-bottom:26px;
  }
  /* 单列下改为自上而下压暗：顶部品牌区透粒子，底部表单区压暗 */
  .lg-form-side{
    background:linear-gradient(180deg,rgba(10,11,13,0) 0%,rgba(10,11,13,.62) 26%,rgba(10,11,13,.92) 60%);
  }
  .lg-stage-in{padding:26px 22px 0;gap:22px}
  .lg-pitch{max-width:none}
  .lg-slogan{font-size:25px}
  .lg-desc{font-size:12.5px;margin-top:11px}
  .lg-facts{margin-top:18px;gap:12px 24px}
  .lg-facts b{font-size:18px}
  .lg-stage-foot{padding:0 22px;margin-top:20px}
  .lg-form-side{padding:30px 20px 22px;justify-content:flex-start}
  .lg-form-in{max-width:420px}
}

/* 手机：品牌区只留 logo 一行，别把表单挤到屏幕外 */
@media(max-width:620px){
  .lg-stage-foot{display:none}
  .lg-desc{display:none}
  .lg-home{grid-template-columns:1fr 1fr}
  .lg-alt-links,.lg-done-act{grid-template-columns:1fr}
}

/* 矮屏（笔记本横屏）：左右分栏时表单可能超出，允许整页滚动 */
@media(max-height:640px) and (min-width:881px){
  .lg-stage{position:relative;height:auto;min-height:100vh}
}