01 / CONFIGURATION
一处配置，
处处登录。
把 Google 登录接进任何 Web 项目，只需要改一个配置文件。右侧是实时渲染，不需要构建工具，也不需要框架。
真实上线只需两步：把 mode 改成 id，填入 clientId。
其余配置全部可选。
02 / LIVE PREVIEW
初始化中登录按钮与会话预览
用 Google 账号继续
登录后会返回一份统一结构的会话对象，可直接对接你的业务代码。
继续即表示你已阅读并同意 服务条款 与 隐私政策。 By continuing, you agree to our Terms of Service and Privacy Policy.
当前为离线模拟：点击按钮即可走完整套登录状态流转。
—
—
查看会话原始数据
{}
模拟凭证，仅用于界面演示，不可用于真实鉴权。
03 / EVENT LOG
01
品牌合规
自绘按钮使用官方四色 G、Roboto Medium 14/20 与规定色值；id 模式默认直接由 Google Identity Services 渲染官方按钮。
02
零依赖接入
UMD 与 ESM 双产物，无框架、无构建步骤；配置对象集中在一个文件，换项目只需复制目录并改 clientId。
03
可访问与可观测
原生 button、44px 触摸目标、可见焦点环、aria-live 状态播报；状态机与事件订阅让任何框架都能同步登录态。