[data-page=login]{place-items:center;height:100%;display:grid;overflow:hidden}[data-page=login] .topbar{align-items:center;gap:var(--s4);height:64px;padding:0 var(--s6);z-index:5;display:flex;position:fixed;top:0;left:0;right:0}[data-page=login] .topbar .sp{flex:1}[data-page=login] .wordmark{align-items:center;gap:11px;display:flex}[data-page=login] .wordmark b{font-size:var(--t-lead);letter-spacing:-.025em;font-weight:660}[data-page=login] .laobai{border-radius:9px;flex:none;width:32px;height:32px}[data-page=login] .theme{border-radius:var(--r-btn);border:1px solid var(--hair);width:36px;height:36px;color:var(--ink-2);flex:none;place-items:center;display:grid}[data-page=login] .theme:hover{border-color:var(--hair-2);color:var(--ink)}[data-page=login] .theme svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}[data-page=login] .theme .sun{display:none}:root[data-theme=light] [data-page=login] .theme .sun{display:block}:root[data-theme=light] [data-page=login] .theme .moon{display:none}[data-page=login] .card{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-modal);width:400px;max-width:calc(100vw - 32px);padding:var(--s7) var(--s6) var(--s6);box-shadow:0 40px 90px -32px color-mix(in srgb,var(--ink-inv) 90%,transparent)}[data-page=login] .card h1{font-size:var(--t-h1);margin:0 0 var(--s6)}[data-page=login] .fld{margin-bottom:var(--s4)}[data-page=login] .fld input{background:var(--raise);border:1px solid var(--hair);border-radius:var(--r-inner,11px);width:100%;color:var(--ink);font-family:inherit;font-size:var(--t-body);padding:13px 15px}[data-page=login] .fld input::placeholder{color:var(--ink-3)}[data-page=login] .fld input:focus{border-color:var(--btn-fill);box-shadow:0 0 0 3px color-mix(in srgb,var(--btn-fill) 22%,transparent);outline:0}[data-page=login] .fine{font-size:var(--t-cap);color:var(--ink-3);margin:7px 0 0}[data-page=login] .go{background:var(--btn-fill);border:1px solid var(--btn-fill);width:100%;color:var(--btn-fill-ink);border-radius:var(--r-inner,11px);font-size:var(--t-body);margin-top:var(--s3);padding:14px;font-weight:620}[data-page=login] .go:hover{background:var(--btn-fill-hover);border-color:var(--btn-fill-hover)}[data-page=login] .alt{margin:var(--s5) 0 0;text-align:center;font-size:var(--t-aux);color:var(--ink-3)}[data-page=login] .alt a{color:var(--gold);font-weight:540}[data-page=login] .seg{background:var(--raise);border:1px solid var(--hair);margin-bottom:var(--s5);border-radius:11px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}[data-page=login] .seg button{color:var(--ink-2);font-size:var(--t-aux);border-radius:8px;padding:10px 0;font-weight:540}[data-page=login] .seg button.on{background:var(--raise-2);color:var(--ink)}[data-page=login] .tab{display:none}[data-page=login] .tab.on{display:block}[data-page=login] .tgbtn{background:var(--tg);border:1px solid var(--tg);color:#fff;border-radius:var(--r-inner,11px);width:100%;font-size:var(--t-body);justify-content:center;align-items:center;gap:9px;padding:14px;font-weight:600;display:flex}[data-page=login] .tgbtn:hover{background:#1b7ab8;border-color:#1b7ab8}[data-page=login] .qrbox{place-items:center;gap:var(--s4);display:grid}[data-page=login] .qr{background:#fff;border-radius:13px;width:176px;height:176px;padding:10px}[data-page=login] .qr img{width:100%;height:100%;image-rendering:pixelated;display:block}[data-page=login] .cnt{text-align:center;width:100%}[data-page=login] .cnt .bar{background:var(--raise-2);border-radius:2px;height:3px;overflow:hidden}[data-page=login] .cnt .bar i{background:var(--gold);border-radius:2px;width:68%;height:100%;display:block}[data-page=login] .cnt .t{font-size:var(--t-cap);color:var(--ink-3);margin-top:8px}[data-page=login] .cnt .t b{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:620}[data-page=login] .wait{font-size:var(--t-cap);color:var(--ink-3);margin-top:var(--s4);justify-content:center;align-items:center;gap:8px;display:flex}[data-page=login] .wait i{background:var(--gold);border-radius:50%;width:6px;height:6px;font-style:normal;animation:1.4s ease-in-out infinite bl}@keyframes bl{0%,to{opacity:.3}50%{opacity:1}}@media (prefers-reduced-motion:reduce){[data-page=login] .wait i{animation:none}}@media (max-width:720px){[data-page=login]{place-items:end stretch}[data-page=login] .card{border-radius:var(--r-modal) var(--r-modal) 0 0;width:100%;max-width:100%;padding:var(--s5) var(--s5) var(--s6);border-bottom:0}[data-page=login] .card:before{content:"";background:var(--raise-2);width:40px;height:4px;margin:0 auto var(--s5);border-radius:2px;display:block}[data-page=login] .seg{display:none}[data-page=login] .tab#qr{display:none!important}[data-page=login] .tab#one{display:block!important}}