+
+'''
+
+gsuid_webconsole_help = '''
+## 初次使用
+
+欢迎进入网页控制台!
+
+Admin账户可以通过左侧的选项进入不同的数据库直接修改,**首次登陆的Admin账户别忘了修改你的密码!**
+
+普通账户可以通过左侧的选项进行绑定CK或者SK
+
+未来还会加入更多功能!
+
+## 丨我该如何获取Cookies？[#92](https://github.com/KimigaiiWuyi/GenshinUID/issues/92)
+（[@RemKeeper](https://github.com/RemKeeper)）
+
+```js
+var cookie = document.cookie;
+var Str_Num = cookie.indexOf('_MHYUUID=');
+cookie = cookie.substring(Str_Num);
+var ask = confirm('Cookie:' + cookie + '按确认，然后粘贴至Cookies或者Login_ticket选框内');
+if (ask == true) {
+ copy(cookie);
+ msg = cookie
+} else {
+ msg = 'Cancel'
+}
+```
+
+1. 复制上面全部代码，然后打开[米游社BBS](https://bbs.mihoyo.com/ys/)
+2. 在页面上右键检查或者Ctrl+Shift+i
+3. 选择控制台（Console），粘贴，回车，在弹出的窗口点确认（点完自动复制）
+4. 然后在和机器人的私聊窗口，粘贴发送即可
+
+**警告：Cookies属于个人隐私，其效用相当于账号密码，请勿随意公开！**
+
+## 丨获取米游社Stoken([AutoMihoyoBBS](https://github.com/Womsxd/AutoMihoyoBBS))
+
+```js
+var cookie = document.cookie;
+var ask = confirm('Cookie:' + cookie + '按确认，然后粘贴至Cookies或者Login_ticket选框内');
+if (ask == true) {
+ copy(cookie);
+ msg = cookie
+} else {
+ msg = 'Cancel'
+}
+```
+
+1. 复制上面全部代码，然后打开[米游社账户登录界面](http://user.mihoyo.com/)
+2. 在页面上右键检查或者Ctrl+Shift+i
+3. 选择控制台（Console），粘贴，回车，在弹出的窗口点确认（点完自动复制）
+4. 然后在和机器人的私聊窗口，粘贴发送即可
+
+**警告：Cookies属于个人隐私，其效用相当于账号密码，请勿随意公开！**
+
+## 获取CK通则
+
+**如果获取到的Cookies字段不全，无法通过校验**
+**推荐重新登陆米游社再进行获取**
+
+## 网页端 #92 [@RemKeeper](https://github.com/RemKeeper)
+[通过网页控制台简易获取Cookies](https://github.com/KimigaiiWuyi/GenshinUID/issues/92)
+## 安卓 [@shirokurakana](https://github.com/shirokurakana)
+[通过额外APP获取Cookies](https://github.com/KimigaiiWuyi/GenshinUID/issues/203)
+## IOS [@741807012](https://github.com/741807012)
+[通过快捷指令获取Cookies](https://github.com/KimigaiiWuyi/GenshinUID/issues/201)
+'''
diff --git a/gsuid_core/webconsole/login_page.py b/gsuid_core/webconsole/login_page.py
new file mode 100644
index 0000000..459018e
--- /dev/null
+++ b/gsuid_core/webconsole/login_page.py
@@ -0,0 +1,71 @@
+import contextlib
+
+from fastapi import Request
+from fastapi_user_auth.auth import AuthRouter
+from starlette.responses import RedirectResponse
+from fastapi_user_auth import admin as user_auth_admin
+from fastapi_amis_admin.admin import admin as amis_admin
+from fastapi_amis_admin.amis.components import App, Tpl, Grid, Html, Page
+
+from gsuid_core.webconsole.utils import overrides
+from gsuid_core.webconsole.html import login_html, footer_html
+
+
+@overrides(user_auth_admin)
+def attach_page_head(page: Page) -> Page:
+ page.body = [
+ Html(html=login_html),
+ Grid(
+ columns=[
+ {'body': [page.body], 'lg': 3, 'md': 4, 'valign': 'middle'}
+ ],
+ align='center',
+ valign='middle',
+ ),
+ ]
+ return page
+
+
+@overrides(amis_admin.AdminApp)
+async def _get_page_as_app(self, request: Request) -> App:
+ app = App()
+ app.brandName = self.site.settings.site_title
+ app.header = Tpl(
+ className='w-full',
+ tpl='''
+ 
+
+