/* 登录/注册/找回：纯白底 + 白卡片 + 底部图标登录方式 */
html:has(body.wb-uc.wb-auth-page){background:#fff!important}
body.wb-uc.wb-auth-page{
	--wb-app-page-bg:#fff;
	--wb-app-card:#fff;
	--wb-topbar-bg:#fff;
	background:#fff!important;
	padding-top:calc(env(safe-area-inset-top,0px) + var(--wb-native-topbar-h,48px))!important;
	padding-bottom:max(16px, env(safe-area-inset-bottom,0px))!important;
	min-height:100vh;
}
body.wb-uc.wb-auth-page .wb-native-topbar,
body.wb-uc.wb-auth-page #wbNativeTopbar.wb-native-topbar{
	background:#fff!important;border:0!important;box-shadow:none!important;color:#0f172a!important
}
body.wb-uc.wb-auth-page .wb-native-topbar__title,
body.wb-uc.wb-auth-page .wb-native-topbar__back,
body.wb-uc.wb-auth-page .wb-native-topbar__back .fa{color:#0f172a!important}
body.wb-uc.wb-auth-page .myui-nav__tabbar.wb-bottom-tabbar,
body.wb-uc.wb-auth-page .wb-pwa-install,
body.wb-uc.wb-auth-page .wb-fab,
body.wb-uc.wb-auth-page .wb-fabmenu{display:none!important}

.myui-auth{
	padding:8px 16px 20px!important;
	max-width:440px;margin:0 auto
}
.myui-auth__wrap{max-width:none;margin:0}
body.wb-uc.wb-auth-page .myui-auth__card{
	background:#fff!important;border:0!important;border-radius:20px!important;
	box-shadow:none!important;overflow:hidden;padding:4px 0 8px
}
body.wb-uc.wb-auth-page .myui-auth__hd,
body.wb-uc.wb-auth-page .myui-auth__hd--brand{
	padding:16px 20px 32px!important;gap:0!important;text-align:center
}
body.wb-uc.wb-auth-page .myui-auth__logo{
	width:auto!important;height:auto!important;max-width:240px;margin:0 auto;
	border-radius:0!important;background:transparent!important;overflow:visible!important;
	display:flex;align-items:center;justify-content:center;flex:0 0 auto
}
body.wb-uc.wb-auth-page .myui-auth__logo img{
	width:auto!important;height:auto!important;max-width:220px;max-height:56px;
	padding:0!important;object-fit:contain;display:block
}
body.wb-uc.wb-auth-page .myui-auth__title{
	font-size:18px;font-weight:800;color:#0f172a;white-space:normal
}
body.wb-uc.wb-auth-page.wb-auth-page--login .myui-auth__title{display:none!important}
body.wb-uc.wb-auth-page .myui-auth__sub{display:none}

body.wb-uc.wb-auth-page [hidden]{display:none!important}

.myui-auth__switch{
	display:flex;margin:12px 16px 14px;padding:3px;border-radius:999px;background:#eef2ff
}
.myui-auth__switch a,
.myui-auth__switch button{
	flex:1;height:32px;display:flex;align-items:center;justify-content:center;
	border:0;border-radius:999px;color:#64748b;font-size:14px;font-weight:700;
	text-decoration:none!important;background:transparent;cursor:pointer;appearance:none
}
.myui-auth__switch a.is-on,
.myui-auth__switch button.is-on{
	background:#fff;color:#2563eb
}

body.wb-uc.wb-auth-page .myui-auth__tabs{
	display:flex;gap:0;margin:0 16px 8px;padding:3px!important;
	border-radius:999px;background:#f1f5f9;flex-wrap:nowrap;overflow:auto
}
body.wb-uc.wb-auth-page .myui-auth__tab,
body.wb-uc.wb-auth-page a.myui-auth__tab,
body.wb-uc.wb-auth-page button.myui-auth__tab{
	flex:1;min-width:0;height:32px;padding:0 8px;border:0!important;border-radius:999px!important;
	background:transparent!important;color:#64748b!important;box-shadow:none!important;
	font-size:12px;font-weight:700;white-space:nowrap
}
body.wb-uc.wb-auth-page .myui-auth__tab.is-active{
	background:#fff!important;color:#2563eb!important
}

body.wb-uc.wb-auth-page .myui-auth__bd{padding:0 22px 12px!important}
body.wb-uc.wb-auth-page .wb-auth-methods{display:none}

body.wb-uc.wb-auth-page .myui-auth .input-list > li:has(> .form-control),
body.wb-uc.wb-auth-page .myui-auth .input-list > li:has(> .auth-row){
	border-bottom:1px solid #e5e7eb;padding-bottom:6px
}
body.wb-uc.wb-auth-page .myui-auth .input-list > li:has(> .btn){
	border:0;padding-bottom:0;margin-top:8px
}
body.wb-uc.wb-auth-page .myui-auth__field{
	display:flex;align-items:center;gap:10px;
	border:0;border-bottom:1px solid #e5e7eb;padding:0 0 6px;margin:0 0 14px
}
body.wb-uc.wb-auth-page .myui-auth__field > .fa{
	width:18px;color:#94a3b8;font-size:16px;text-align:center;flex-shrink:0
}
body.wb-uc.wb-auth-page .myui-auth .form-control,
body.wb-uc.wb-auth-page .myui-auth__field .form-control{
	height:34px!important;padding:0!important;border:0!important;border-radius:0!important;
	background:transparent!important;color:#0f172a!important;box-shadow:none!important;
	font-size:15px
}
body.wb-uc.wb-auth-page .myui-auth .form-control::placeholder{color:#94a3b8}
body.wb-uc.wb-auth-page .myui-auth .form-control:focus{box-shadow:none!important}
body.wb-uc.wb-auth-page .myui-auth__field:focus-within{border-bottom-color:#2563eb}
body.wb-uc.wb-auth-page .myui-auth__eye{
	border:0;background:transparent;color:#94a3b8;padding:4px;cursor:pointer;line-height:1
}
body.wb-uc.wb-auth-page .myui-auth__field-label{display:none}
body.wb-uc.wb-auth-page .auth-row{width:100%;gap:8px}
body.wb-uc.wb-auth-page .auth-row img{
	width:88px;height:34px;border:0;border-radius:8px;background:#f1f5f9
}

body.wb-uc.wb-auth-page .myui-auth .btn,
body.wb-uc.wb-auth-page .myui-auth .btn.btn-primary,
body.wb-uc.wb-auth-page .myui-auth .btn.btn-lg{
	height:44px;border:0!important;border-radius:12px!important;
	background:#2563eb!important;color:#fff!important;
	box-shadow:none!important;font-size:16px;font-weight:700
}
body.wb-uc.wb-auth-page .myui-auth .btn.btn-default{
	background:#f1f5f9!important;color:#334155!important
}

body.wb-uc.wb-auth-page .myui-auth__links{
	justify-content:center;gap:16px;margin-top:4px;color:#64748b;font-size:13px
}
body.wb-uc.wb-auth-page .myui-auth__links a{color:#64748b}
body.wb-uc.wb-auth-page .wb-auth-method-tip{display:none}

body.wb-uc.wb-auth-page .wb-auth-scan{
	display:flex;flex-direction:column;align-items:center;padding:8px 0 4px
}
body.wb-uc.wb-auth-page .wb-auth-scan__box{
	width:148px;height:148px;border:0;padding:0;margin:0;cursor:pointer;
	background:transparent;display:flex;align-items:center;justify-content:center
}
body.wb-uc.wb-auth-page .wb-auth-scan__frame{
	width:132px;height:132px;position:relative;
	background:
		linear-gradient(#2563eb,#2563eb) left top/22px 2px no-repeat,
		linear-gradient(#2563eb,#2563eb) left top/2px 22px no-repeat,
		linear-gradient(#2563eb,#2563eb) right top/22px 2px no-repeat,
		linear-gradient(#2563eb,#2563eb) right top/2px 22px no-repeat,
		linear-gradient(#2563eb,#2563eb) left bottom/22px 2px no-repeat,
		linear-gradient(#2563eb,#2563eb) left bottom/2px 22px no-repeat,
		linear-gradient(#2563eb,#2563eb) right bottom/22px 2px no-repeat,
		linear-gradient(#2563eb,#2563eb) right bottom/2px 22px no-repeat,
		#f8fafc;
	display:flex;align-items:center;justify-content:center;border-radius:8px
}
body.wb-uc.wb-auth-page .wb-auth-scan__frame > .fa{
	font-size:72px;color:#2563eb;line-height:1
}
body.wb-uc.wb-auth-page .wb-auth-scan__hint{
	margin:10px 0 0;font-size:12px;color:#64748b;line-height:1.5;text-align:center
}
body.wb-uc.wb-auth-page .wb-auth-scan__code{
	width:100%;max-width:280px;margin:12px 0 8px;height:42px;padding:0 12px;
	border:1px solid #e2e8f0;border-radius:10px;font-size:13px;color:#0f172a;background:#fff
}
body.wb-uc.wb-auth-page .wb-auth-scan .btn{max-width:280px;height:42px;border-radius:10px}

.wb-auth-alt{margin:18px 0 4px;text-align:center}
.wb-auth-alt__title{
	position:relative;margin:0 auto 14px;width:max-content;padding:0 10px;
	background:#fff;color:#94a3b8;font-size:12px;z-index:1
}
.wb-auth-alt:before{
	content:"";display:block;height:1px;background:#eef2f6;margin-bottom:-7px
}
.wb-auth-alt__icons{
	display:flex;justify-content:center;align-items:center;
	flex-wrap:nowrap;gap:18px;margin:0 auto
}
.wb-auth-alt__btn{
	width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:1px solid #e5e7eb;
	background:#fff;color:#64748b;display:inline-flex;align-items:center;justify-content:center;
	cursor:pointer;padding:0;appearance:none
}
.wb-auth-alt__btn .fa{font-size:18px;line-height:1}
.wb-auth-alt__btn.is-on,
.wb-auth-alt__btn:active{
	background:#2563eb;border-color:#2563eb;color:#fff
}
.wb-auth-alt .myui-auth__divider,
.wb-auth-alt .myui-auth__oauth-title{display:none!important}
.wb-auth-alt .myui-auth__oauth{margin-top:12px}
.wb-auth-alt .myui-auth__oauth-icons{display:flex;justify-content:center;gap:16px}

body.wb-uc.wb-auth-page .myui-auth__divider{
	height:1px;background:transparent;margin:18px 0 12px;position:relative
}
body.wb-uc.wb-auth-page .myui-auth__divider:before{
	content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #eef2f6
}
body.wb-uc.wb-auth-page .myui-auth__oauth-title{
	position:relative;z-index:1;margin:0 auto 12px;width:max-content;padding:0 10px;
	background:#fff;color:#94a3b8;font-size:12px;text-align:center
}
body.wb-uc.wb-auth-page .myui-auth__oauth-icons{
	justify-content:center;gap:16px
}
body.wb-uc.wb-auth-page .myui-auth__oauth-icons a,
body.wb-uc.wb-auth-page .wb-oauth-btn{
	width:44px!important;height:44px!important;border-radius:50%!important;
	background:#fff!important;color:#64748b!important;border:1px solid #e5e7eb!important;
	display:inline-flex!important;align-items:center;justify-content:center
}
body.wb-uc.wb-auth-page .wb-oauth-btn span{display:none}
body.wb-uc.wb-auth-page .wb-oauth-btn i{font-size:18px;color:#64748b}
body.wb-uc.wb-auth-page .wb-oauth-btn--qq i{color:#12b7f5}
body.wb-uc.wb-auth-page .wb-oauth-btn--wx i{color:#07c160}

body.wb-uc.wb-auth-page.wb-uc-iframe{
	background:#fff!important;padding-top:12px!important
}
body.wb-uc.wb-auth-page.wb-uc-iframe .myui-auth{padding:8px!important;max-width:none}
body.wb-uc.wb-auth-page.wb-uc-iframe .myui-auth__card{border-radius:16px!important}

html.theme-dark:has(body.wb-uc.wb-auth-page){background:#0d1020!important}
html.theme-dark body.wb-uc.wb-auth-page{background:#0d1020!important}
html.theme-dark body.wb-uc.wb-auth-page .wb-native-topbar,
html.theme-dark body.wb-uc.wb-auth-page #wbNativeTopbar.wb-native-topbar{background:#0d1020!important}
html.theme-dark body.wb-uc.wb-auth-page .wb-native-topbar__title,
html.theme-dark body.wb-uc.wb-auth-page .wb-native-topbar__back,
html.theme-dark body.wb-uc.wb-auth-page .wb-native-topbar__back .fa{color:#f8fafc!important}
html.theme-dark body.wb-uc.wb-auth-page .myui-auth__card{background:#0d1020!important}
html.theme-dark body.wb-uc.wb-auth-page .myui-auth__title{color:#f8fafc}
html.theme-dark body.wb-uc.wb-auth-page .myui-auth .form-control{color:#f8fafc!important}
html.theme-dark body.wb-uc.wb-auth-page .myui-auth__switch{background:rgba(255,255,255,.08)}
html.theme-dark body.wb-uc.wb-auth-page .myui-auth__switch a.is-on,
html.theme-dark body.wb-uc.wb-auth-page .myui-auth__switch button.is-on{background:#1e293b;color:#93c5fd}
html.theme-dark body.wb-uc.wb-auth-page .myui-auth__oauth-title,
html.theme-dark .wb-auth-alt__title{background:#0d1020}
html.theme-dark .wb-auth-alt__btn{background:#0d1020;border-color:#334155;color:#cbd5e1}
html.theme-dark body.wb-uc.wb-auth-page .wb-auth-scan__frame{background-color:#111827}
html.theme-dark body.wb-uc.wb-auth-page .wb-oauth-btn{
	background:#0d1020!important;border-color:#334155!important
}