html.access-locked body > :not(#cloud-gate) { visibility: hidden; }
#cloud-gate[hidden] { display: none; }
#cloud-gate { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: 24px; background: #f7f8f4; color: #102a43; font-family: "Microsoft YaHei", sans-serif; }
.cloud-card { width: min(430px, 100%); padding: 36px; border: 1px solid #dbe4ea; background: #fff; box-shadow: 0 24px 60px rgba(0,48,87,.13); }
.cloud-card small { color: #ef6f61; font-weight: 800; letter-spacing: .14em; }
.cloud-card h1 { margin: 10px 0 8px; font-size: 30px; }
.cloud-card p { margin: 0 0 24px; color: #63788b; line-height: 1.7; }
.cloud-card label { display: block; margin: 14px 0 6px; font-size: 13px; font-weight: 700; }
.cloud-card input { width: 100%; height: 46px; padding: 0 13px; border: 1px solid #ccd8e0; font: inherit; }
.cloud-card button { width: 100%; height: 46px; margin-top: 18px; border: 0; color: #fff; background: #003057; font-weight: 800; cursor: pointer; }
#cloud-login-error { min-height: 20px; margin: 10px 0 0; color: #b42318; font-size: 13px; }
#cloud-status { display: block; margin-top: 12px; color: #b8c7d4; }
#cloud-logout { margin-top: 8px; padding: 0; border: 0; color: #fff; background: transparent; text-decoration: underline; cursor: pointer; }