/* 电脑端壳页：默认「居中一列」（熊猫式，486px 一列贴满高度）；加 body.Shell--phone 可切回手机框 + 二维码版 */
:root{--bg:#0a0a0f;--text:#f5f5f7;--text-2:rgba(235,235,245,.62);--hair:rgba(255,255,255,.1);--accent:#ff5a7e;--font:-apple-system,BlinkMacSystemFont,Inter,"Inter Fallback","SF Pro Text",Roboto,Arial,sans-serif}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:#2b2b30;color:var(--text);font:400 16px/26px var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}
.Shell{position:relative;display:flex;align-items:stretch;justify-content:center;width:100%;height:100dvh}
.Shell__bg{display:none}
.Shell__bg:after{content:"";position:absolute;inset:0;background:rgba(14,14,20,.55)}
.Shell__side{display:none}
.Phone{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:center;height:100%}
.Phone__frame{position:relative;width:min(486px,100vw);height:100dvh;padding:0;border-radius:0;background:#0a0a0f;box-shadow:0 0 40px rgba(0,0,0,.5)}
.Phone__island{display:none}
.Phone__screen{display:block;width:100%;height:100%;border:0;border-radius:0;background:#0a0a0f}

/* ---------- 备用：手机框 + 二维码版（body.Shell--phone） ---------- */
.Shell--phone{overflow:hidden}
.Shell--phone .Shell{gap:72px;padding:24px;align-items:center}
.Shell--phone .Shell__bg{filter:blur(70px) saturate(1.2) brightness(.42)}
.Shell--phone .Shell__side{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px;width:360px}
.Shell__logo{height:44px;width:auto;align-self:flex-start}
.Shell__title{margin:6px 0 0;font-size:34px;font-weight:700;letter-spacing:-.025em;line-height:40px}
.Shell__text{margin:0;font-size:15px;line-height:24px;color:var(--text-2)}
.Shell__qr{display:flex;align-items:center;gap:16px;padding:14px;border-radius:18px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--hair);width:fit-content}
.Shell__qr #qr{display:grid;place-items:center;width:112px;height:112px;padding:8px;border-radius:12px;background:#fff}
.Shell__qr #qr svg{width:96px;height:96px;display:block}
.Shell__qr span{max-width:150px;font-size:13px;line-height:19px;color:var(--text-2)}
.Shell__wide{align-self:flex-start;margin-top:8px;font-size:13px;color:var(--text-2);text-decoration:none;border-bottom:1px solid var(--hair)}
.Shell--phone .Phone{align-items:center}
.Shell--phone .Phone__frame{width:min(430px,calc((100dvh - 48px) * 430 / 932));height:min(932px,calc(100dvh - 48px));padding:12px;border-radius:58px;background:linear-gradient(160deg,#2a2a32,#101014 60%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 0 0 3px #0a0a0c,0 40px 120px rgba(0,0,0,.65)}
.Shell--phone .Phone__island{display:block;position:absolute;z-index:3;top:24px;left:50%;width:112px;height:32px;border-radius:20px;background:#000;transform:translateX(-50%);pointer-events:none}
.Shell--phone .Phone__screen{border-radius:46px}
@media(max-width:899.98px){.Shell--phone .Shell__side{display:none}}