/* ══════════════════════════════════════════════════════════════════════════
   登录门 v4（2026-10-18）：按用户给的参考图重排
   ──────────────────────────────────────────────────────────────────────────
   与 v3.2 的差别（只改排版与外观，不动表单结构/任何 JS）：
     · 字标从左侧移到正中——由 gate-water 的 SDF 提供（现在含「奇点」+「QIDIAN」两行）
     · 卡片从右侧回到正中，宽度 392 → 480，整体沉到下方 1/3
     · 顶栏从悬浮玻璃药丸改成通栏；大屏只留文字导航（参考图没有图标）
     · 左右各加一枚装饰光球（纯 CSS）
     · 底部一行产品注脚，替代原来顶栏那颗绿色「云端多人协同」徽标
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 门的底色 ──
   redesign.css 用 !important 给 .site-gate 铺了浅色径向渐变（旧版「素白单色」）。
   水波 iframe 是 opacity:.86，浅色会从 14% 的缝里漏上来，把水面洗成灰蓝；
   注册页把 iframe 淡出后更是直接露出浅色底。这里按门的实际色重钉成近黑。 */
.site-gate{
  background:#060708 !important;
  background-image:none !important;
}

/* ── 顶栏：通栏 ── */
.site-gate .sg-bar-wrap{ padding:0 clamp(20px, 2.6vw, 44px); }
.site-gate .sg-bar{
  max-width:1680px !important; height:76px !important; padding:0 !important;
  background:none !important; border:0 !important; border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
.site-gate .sg-brand{ gap:10px; }
.site-gate .sg-brand b{ font-size:19px; font-weight:600; letter-spacing:.02em; color:#F2F8FC; }
.site-gate .sg-brand span{ font-size:11px; letter-spacing:.26em; color:rgba(206,228,242,.55); }
/* 云端徽标由 JS 塞进第一个 header，位置就在门顶栏；状态改到底部注脚，这里不显示 */
.site-gate #cloud-badge{ display:none !important; }

.site-gate .sg-nav{ gap:8px; }
.site-gate .sg-nav button{
  height:36px; padding:0 21px; border-radius:8px;
  font-size:14px; color:rgba(198,220,235,.64);
}
.site-gate .sg-nav button:hover{ background:rgba(150,200,230,.08); color:#EAF4FA; }
.site-gate .sg-nav button[aria-selected="true"]{
  background:linear-gradient(180deg, #5BB7EA 0%, #3C92CB 100%);
  color:#fff; font-weight:500;
  box-shadow:0 10px 26px -12px rgba(79,179,232,.8), inset 0 1px 0 rgba(255,255,255,.24);
}
/* 大屏只留文字：参考图里导航没有图标（窄屏仍靠图标，见 gate.css 的 ≤520 规则） */
@media (min-width:1000px){ .site-gate .sg-nav svg{ display:none; } }

/* ── 字标柔光 ──
   原来这里还有左右两枚装饰光球；2026-10-18 用户说「蓝色的点不太好看」，
   已删除光球（含漂浮动画），只保留字标背后这层椭圆柔光 —— 它是参考图里
   字标那圈青色光晕的一部分，删掉会显得字标「贴」在背景上。 */
.site-gate .sg-glow{ position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; }
.site-gate .sg-glow::before{
  content:""; position:absolute; left:50%; top:26%;
  width:min(740px, 58vw); height:min(360px, 38vh);
  transform:translate(-50%,-50%);
  background:radial-gradient(closest-side, rgba(122,203,255,.17), rgba(74,156,226,.07) 58%, transparent 74%);
  filter:blur(4px);
}
@media (max-width:999px){ .site-gate .sg-glow{ display:none; } }

/* ── 主体：卡片居中、沉到下方；左侧品牌区退场 ── */
.site-gate .sg-hero{ display:none !important; }
.site-gate .sg-stage{
  flex-direction:column; align-items:center; justify-content:flex-end;
  gap:22px;
  padding:0 clamp(20px, 4vw, 32px) clamp(40px, 7vh, 82px);
}

/* ── 卡片 ── */
.site-gate .sg-card{
  width:100%; max-width:480px;
  padding:30px 32px 26px;
  border-radius:18px;
}
.site-gate .sg-card.sg-wide{ max-width:820px; }
.site-gate .sg-panel-head{ margin-bottom:24px; }
.site-gate .sg-panel-head h1{ font-size:26px; font-weight:700; letter-spacing:.01em; }
.site-gate .sg-panel-head p{ margin-top:9px; font-size:13px; color:rgba(196,218,232,.62); }
.site-gate .sg-field{ margin-bottom:16px; }
.site-gate .sg-field label{ margin-bottom:7px; font-size:12.5px; color:rgba(206,224,236,.78); }
.site-gate .sg-input{ height:52px; border-radius:8px; font-size:14px; }
.site-gate .sg-btn{
  height:52px; border-radius:8px;
  font-size:15px; letter-spacing:.28em; text-indent:.28em;
}
.site-gate .sg-form-actions{ margin-top:18px; }
.site-gate .sg-form-foot{ margin-top:16px; font-size:12.5px; }
.site-gate .sg-link{ border-bottom:0; }   /* 参考图里底部两个链接没有下划线 */

/* ── 底部注脚 ── */
.site-gate .sg-footline{
  margin:0; text-align:center;
  font-size:12.5px; letter-spacing:.02em;
  color:rgba(168,198,216,.42);
}
@media (max-width:999px){ .site-gate .sg-footline{ display:none; } }

/* ── 矮屏（≤860px 高）：卡片整体收紧，别压到字标上 ──
   1366×768 实测：不收紧时卡片顶边 270px、QIDIAN 底边 ~275px，直接叠在一起。 */
@media (max-height:860px){
  .site-gate .sg-card{ padding:24px 26px 20px; }
  .site-gate .sg-panel-head{ margin-bottom:16px; }
  .site-gate .sg-panel-head h1{ font-size:23px; }
  .site-gate .sg-field{ margin-bottom:12px; }
  .site-gate .sg-input{ height:48px; }
  .site-gate .sg-btn{ height:48px; }
  .site-gate .sg-form-actions{ margin-top:14px; }
  .site-gate .sg-form-foot{ margin-top:12px; }
  .site-gate .sg-stage{ padding-bottom:clamp(28px, 5vh, 56px); }
}

/* ── 高面板（注册）：字标退场、卡片居中、允许滚动 ──
   只针对 #panel-register；登录/产品/使用指引仍走「字标 + 底部卡片」的版式。 */
.site-gate .sg-water{ transition:opacity .3s ease; }
.site-gate.sg-tall .sg-water{ opacity:0; }
.site-gate.sg-tall .sg-stage{
  justify-content:center;
  padding-top:16px; padding-bottom:24px;
  overflow-y:auto;
}
.site-gate.sg-tall .sg-footline{ display:none; }
.site-gate.sg-tall .sg-glow::before{ opacity:0; }

/* 注册页的「发送验证码」原来是白底（gate.css 的浅色单色体系），暗色下刺眼 */
.site-gate .sg-btn-code{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(150,200,230,.26) !important;
  color:#DDEBF5 !important;
}
.site-gate .sg-btn-code:hover:not(:disabled){
  background:rgba(255,255,255,.11) !important;
  border-color:rgba(150,200,230,.4) !important;
}
.site-gate .sg-btn-code:disabled{ color:rgba(196,218,232,.35) !important; background:rgba(255,255,255,.03) !important; }