.xgz-login-brand { display:flex; justify-content:center; margin:0 auto 20px; }
.xgz-login-brand img { display:block; width:112px; height:112px; border-radius:8px; object-fit:contain; }
.xgz-password-login { display:grid; gap:18px; margin-top:24px; }
.xgz-password-login form { display:grid; gap:16px; }
.xgz-staff-login { margin-bottom:8px; border:1px solid #e4e9f1; border-radius:8px; background:#fff; overflow:hidden; }
.xgz-staff-login summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; padding:12px 14px; color:#1d63da; cursor:pointer; font-size:14px; font-weight:650; list-style:none; }
.xgz-staff-login summary::-webkit-details-marker { display:none; }
.xgz-staff-login summary::after { content:"expand_more"; color:#596579; font-family:"Material Symbols Outlined"; font-size:20px; font-weight:400; transition:transform 160ms ease-out; }
.xgz-staff-login[open] summary::after { transform:rotate(180deg); }
.xgz-staff-login summary small { margin-left:auto; color:#667085; font-size:12px; font-weight:400; }
.xgz-staff-login summary:focus-visible { outline:2px solid #1d63da; outline-offset:-3px; }
.xgz-staff-login__body { display:grid; gap:16px; padding:4px 14px 16px; border-top:1px solid #eef1f5; }
.xgz-staff-login__description { margin:8px 0 0; color:#596579; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.xgz-staff-login__heading h2,.xgz-wechat-apply-state h2 { margin:0; color:#101828; font-size:18px; font-weight:650; }
.xgz-staff-login__heading p,.xgz-wechat-apply-state > p { margin:6px 0 0; color:#596579; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.xgz-staff-login__widget { display:grid; place-items:center; min-height:232px; padding:6px; border:1px solid #e4e9f1; border-radius:8px; background:#fff; overflow:hidden; }
.xgz-staff-login__widget iframe { max-width:100%; }
.xgz-staff-login__hint,.xgz-staff-login__unavailable,.xgz-staff-login__error { margin:0; padding:10px 12px; border-radius:6px; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.xgz-staff-login__hint { background:#edf4ff; color:#315276; }
.xgz-staff-login__unavailable { background:#f1f4f9; color:#40506a; }
.xgz-staff-login__error { background:#fff1f0; color:#a52222; }
.xgz-staff-login__divider { display:flex; align-items:center; gap:12px; margin-block:24px 16px; color:#667085; font-size:12px; }
.xgz-staff-login__divider::before,.xgz-staff-login__divider::after { content:""; flex:1; height:1px; background:#e4e9f1; }
.xgz-wechat-refresh:focus-visible { outline:2px solid #1d63da; outline-offset:3px; }
.xgz-wechat-apply-state { display:grid; gap:18px; width:min(440px,100%); }
.xgz-wechat-apply-state form,.xgz-wechat-apply-state label { display:grid; gap:8px; }
.xgz-wechat-apply-state .errorlist { margin:0; color:#a52222; font-size:12px; }
.xgz-wechat-apply-actions { display:grid; gap:12px; margin-top:4px; text-align:center; }
.xgz-wechat-apply-actions a { color:#1d63da; font-size:13px; }
.xgz-staff-wechat-panel + .xgz-staff-wechat-panel { margin-top:12px; }
.xgz-staff-wechat-wrap { max-width:42ch; white-space:normal; overflow-wrap:anywhere; }
.xgz-staff-wechat-details { margin:0; padding:8px 20px 20px; }
.xgz-staff-wechat-details > div { display:grid; grid-template-columns:140px minmax(0,1fr); gap:16px; padding:12px 0; border-bottom:1px solid var(--xgz-admin-border); }
.xgz-staff-wechat-details dt { color:var(--xgz-admin-muted); }
.xgz-staff-wechat-details dd { margin:0; overflow-wrap:anywhere; }
.xgz-staff-wechat-result { display:grid; gap:16px; padding:20px; }
.xgz-staff-wechat-result p { margin:0; max-width:70ch; overflow-wrap:anywhere; }
.xgz-staff-wechat-result code { display:block; padding:14px; border:1px solid var(--xgz-admin-border); border-radius:6px; background:#f7f8fa; color:var(--xgz-admin-ink); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:13px; overflow-wrap:anywhere; user-select:all; }
@media (max-width:760px) { .xgz-staff-login summary { align-items:flex-start; flex-wrap:wrap; gap:4px 12px; } .xgz-staff-login summary small { width:100%; margin-left:0; } .xgz-staff-wechat-details > div { grid-template-columns:100px minmax(0,1fr); } .xgz-staff-wechat-panel .xgz-prd-panel__head { align-items:flex-start; flex-wrap:wrap; gap:12px; } }