.login-page{margin:0;min-height:100vh;display:grid;place-items:center;background:#f1f5f9;color:#17243b;font-family:"Microsoft YaHei",sans-serif}.login-card{width:min(360px,calc(100vw - 64px));padding:36px;background:white;border:1px solid #dce3ec;border-radius:16px;box-shadow:0 16px 40px #203b5710}.login-mark{display:grid;place-items:center;width:48px;height:48px;background:#2563eb;color:white;border-radius:12px;font-size:20px;font-weight:bold}.login-card h1{font-size:25px;margin:22px 0 8px}.login-card p,.login-card small{color:#68778a;font-size:13px;line-height:1.7}.login-card label{display:block;margin-top:18px;font-size:14px}.login-card input{display:block;box-sizing:border-box;width:100%;margin-top:8px;border:1px solid #cbd5e1;border-radius:7px;padding:12px;font:inherit}.login-card button{width:100%;margin-top:24px;padding:12px;background:#2563eb;color:white;border:0;border-radius:7px;font:inherit;cursor:pointer}.login-card button:disabled{opacity:.6}.login-card #login-error{color:#b91c1c;min-height:22px}.web-detail{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;line-height:1.8}.web-addresses{display:flex;flex-direction:column;gap:8px;margin:16px 0}.web-addresses button{text-align:left;overflow-wrap:anywhere}.web-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.web-file{display:flex;gap:6px}.web-file input{flex:1;min-width:0}.web-settings .panel{max-width:840px}.remote .sidebar-footer .btn{margin-top:12px}.remote .table{min-width:900px}.remote .content{overflow-x:auto}.remote .web-nav{display:none}
.web-settings input:not([type=checkbox]),.web-settings select{display:block;box-sizing:border-box;width:100%;margin-top:6px;padding:9px 10px;border:1px solid var(--border);border-radius:7px;font:inherit;color:var(--text)}.web-settings details{margin:18px 0}.web-settings summary{cursor:pointer;margin-bottom:16px;color:var(--text)}.web-settings .web-detail{padding:12px;background:#f5f6f8;border-radius:8px;margin-bottom:18px}.web-settings .web-file{align-items:center}
.browser-download{display:none}.remote .browser-download{display:inline-flex;align-items:center;text-decoration:none}.remote #tab-accounts>.toolbar h2{flex-shrink:0}.remote #tab-accounts>.toolbar .toolbar-right{justify-content:flex-end}
@media(max-width:800px){.remote .layout{display:block;height:auto;min-height:100vh}.remote .sidebar{width:auto;padding:14px;position:static}.remote .sidebar nav{display:flex;flex-direction:row;gap:5px;overflow-x:auto}.remote .nav-item{white-space:nowrap;width:auto;flex-shrink:0}.remote .brand{margin-bottom:14px;padding:0}.remote .sidebar-footer{position:static;padding:12px 0 0}.remote .sidebar-footer br{display:none}.remote .sidebar-footer .btn{margin:0 0 0 12px;padding:4px 10px}.remote .content{padding:18px 12px}.remote .toolbar{align-items:flex-start;gap:10px}.remote .toolbar-right{flex-wrap:wrap}.remote .modal{width:calc(100vw - 64px);max-height:85vh;overflow:auto}.web-grid{grid-template-columns:1fr}}
