.onebot-login-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;border:1px solid #666;background:#0b0b0b;margin-bottom:16px;animation:onebot-panel-in .28s ease-out}.onebot-login-panel[hidden]{display:none}.onebot-login-panel strong{font-size:16px}.onebot-login-panel p{font-size:13px;line-height:1.7;max-width:480px}.onebot-login-panel small{font-size:10px;color:#999}.onebot-login-panel .terminal-block-image{margin:0}.onebot-login-panel svg{display:block;width:220px;height:auto;max-width:100%}.onebot-login-panel[data-status="capture_error"] p{color:#e0c19a}@keyframes onebot-panel-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:700px){.onebot-login-panel{flex-direction:column;align-items:flex-start;gap:14px}.onebot-login-panel [data-login-code]{align-self:center}}@media(prefers-reduced-motion:reduce){.onebot-login-panel{animation:none}}

.onebot-login-panel{border-color:#3d3d3d;border-radius:9px;padding:16px 20px}.onebot-login-panel [hidden]{display:none!important}.onebot-account-card{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.onebot-account-card>img{width:60px;height:60px;object-fit:cover;border-radius:50%;border:1px solid #666;flex:none}.onebot-account-card>div{display:grid;gap:5px;min-width:0}.onebot-account-card strong{font:600 17px var(--font-sans);overflow-wrap:anywhere}.onebot-account-card [data-login-qq]{font:11px var(--font-mono);color:#aaa}.onebot-online-badge{font-size:10px;color:#ccc}.onebot-online-badge::before{content:'';display:inline-block;width:5px;height:5px;background:#eee;border-radius:50%;margin-right:6px}.onebot-login-panel[data-status=online] [data-login-code]{display:none}.onebot-login-panel>button{flex:none}.onebot-login-panel .onebot-login-heading[hidden]{display:none}@media(max-width:700px){.onebot-login-panel[data-status=online]{flex-direction:row;align-items:center;flex-wrap:wrap}.onebot-account-card>img{width:48px;height:48px}}
.onebot-login-panel{flex-wrap:wrap}.onebot-login-panel .onebot-lifecycle{flex-basis:100%;max-width:none;margin:0;padding-top:10px;border-top:1px solid #292929;color:#999;font:11px/1.7 var(--font-mono);overflow-wrap:anywhere}