@import url("./typography.css?v=chart-identifiers-20261108a");
/* 霸云天宫后台统一导航条：凌霄阁、命盘库、快速输入、新闻与生死簿只用这一套尺寸。 */
:root { --backend-topbar-h: 58px; }

.backend-topbar {
  box-sizing: border-box;
  position: sticky;
  top: 0;
  z-index: 40;
  display: flex !important;
  align-items: center;
  width: 100%;
  min-height: calc(var(--backend-topbar-h) + env(safe-area-inset-top, 0px));
  height: calc(var(--backend-topbar-h) + env(safe-area-inset-top, 0px));
  padding: env(safe-area-inset-top, 0px) 16px 0;
  gap: 12px;
  color: #e8e8ed;
  background: #030303 !important;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  box-shadow: 0 1px 0 rgba(61, 126, 255, .06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.backend-topbar .auth-user {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  min-width: 0;
  margin: 0 4px 0 0;
}
.backend-topbar .auth-user[hidden] { display: none !important; }
.backend-topbar .user-chip {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 0;
  gap: 8px;
}
.backend-topbar .avatar {
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  padding: 0;
  overflow: hidden;
  border-radius: 50%;
  background: #3d7eff;
  color: #fff;
  font-size: 13px;
  font-weight:var(--weight-emphasis);
}
.backend-topbar .avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.backend-topbar .user-name {
  max-width: 9em;
  overflow: hidden;
  color: #e8e8ed;
  font-size: 14px;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.backend-topbar .topnav {
  display: flex !important;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  margin: 0;
  gap: 2px;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap !important;
  scrollbar-width: none;
}
.backend-topbar .topnav::-webkit-scrollbar { display: none; }
body[data-view="quick"] .backend-topbar .topnav { flex-wrap: nowrap !important; }
.backend-topbar .topnav a,
.backend-topbar .auth a,
.backend-topbar .auth button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 36px;
  margin: 0;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  color: #8a8a96;
  font-size: 14px;
  font-weight:var(--weight-regular);
  line-height: 20px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.backend-topbar .topnav a:hover,
.backend-topbar .auth a:hover,
.backend-topbar .auth button:hover { background: rgba(255, 255, 255, .05); color: #e8e8ed; }
.backend-topbar .topnav a.on,
.backend-topbar .topnav a[aria-current="page"] {
  background: #191a1e;
  color: #f3f4f7;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}
.backend-topbar .topnav #nav-lifebook { margin-left: auto; }
.backend-topbar .auth {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 42px;
  margin: 0;
  gap: 4px;
}

@media (max-width: 900px) {
  .backend-topbar { padding-right: 10px; padding-left: 10px; gap: 7px; }
  .backend-topbar .user-name { display: none; }
  .backend-topbar .topnav #nav-lifebook { margin-left: 0; }
  .backend-topbar .topnav a,
  .backend-topbar .auth a,
  .backend-topbar .auth button { padding-right: 9px; padding-left: 9px; font-size: 12px; }
}

@media (max-width: 640px) {
  .backend-topbar .auth-user { display: none !important; }
  .backend-topbar .auth { gap: 0; }
}

/* 改密码正文保留公共导航，沿用原表单字号与接口。 */
.btpw { position: absolute; inset: 0; overflow:auto; display: grid; align-items:start; justify-items:center; padding: 40px 20px; background:var(--backend-page); }
.btpw.hidden { display: none !important; }
.btpw-card { position: relative; z-index: 1; width: min(440px,100%); padding: 30px; border: 1px solid rgba(255,255,255,.13); border-radius: 22px; background: var(--backend-surface); color: var(--backend-ink); box-shadow: var(--backend-shadow); }
.btpw-close { position: absolute; top: 14px; right: 14px; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.09); border-radius: 10px; background: var(--backend-control); color: var(--backend-ink); font-size: 22px; line-height: 1; cursor: pointer; }
.btpw-eyebrow { margin-bottom: 8px; color: #6ea2ff; font-size: 10px; font-weight:var(--weight-emphasis); letter-spacing: .18em; }
.btpw-card h2 { margin: 0 38px 0 0; color: #f7f8fb; font-size: 24px; font-weight:var(--weight-emphasis); }
.btpw-sub { margin: 7px 0 24px; color: #858c98; font-size: 12px; line-height: 1.7; }
.btpw-card form { display: grid; gap: 14px; }
.btpw-card label { display: grid; gap: 7px; }
.btpw-card label span { color: #a9b0bb; font-size: 12px; font-weight:var(--weight-emphasis); }
.btpw-card input { width: 100%; height: 50px; padding: 0 14px; box-sizing: border-box; border: 1px solid rgba(255,255,255,.12); border-radius: 11px; background: var(--backend-control); color: var(--backend-ink); font: inherit; outline: none; }
.btpw-card input:focus { border-color: rgba(92,151,244,.82); box-shadow: 0 0 0 3px rgba(64,124,218,.16); }
.btpw-message { min-height: 18px; color: #858c98; font-size: 12px; text-align: center; }
.btpw-message.err { color: #ff7770; }.btpw-message.ok { color: #72d99a; }
.btpw-submit { height: 50px; border: 0; border-radius: 11px; background: var(--backend-button); color: var(--backend-button-ink); font-size: 15px; font-weight:var(--weight-emphasis); cursor: pointer; box-shadow: 0 8px 24px rgba(49,112,224,.25); }
.btpw-submit:hover { filter: brightness(1.08); }.btpw-submit:disabled { opacity: .55; cursor: wait; }
@media (max-width: 520px) { .btpw { padding: 20px 10px; }.btpw-card { padding: 26px 20px 22px; border-radius: 20px; } }

/* Workspace content is independent of the persistent navigation row. */
html.backend-host { scrollbar-gutter: stable; }
body.backend-workspace-open { overflow: hidden; }
body.backend-workspace-open .shell { display:block; padding:0; margin:0; max-width:none; }
body.backend-workspace-open #view-lingxiao { position:relative; height:calc(100dvh - var(--backend-topbar-h) - env(safe-area-inset-top,0px)); overflow:hidden; background:var(--backend-page)!important; }
.backend-workspace-frame { display:block; width:100%; height:100%; border:0; background:var(--backend-page); }
.backend-workspace-frame[hidden],.backend-workspace-status[hidden] { display:none!important; }
.backend-workspace-status { position:absolute; top:0; left:0; right:0; padding:18px; background:var(--backend-page); color:var(--backend-ink); }
.backend-workspace-status button { margin-left:12px; }
html.backend-content .backend-topbar { display:none!important; }
html.backend-content .layout { min-height:100dvh; }
html.backend-content #workboard-content { height:100dvh; }

.backend-workspace-confirm{color:var(--backend-ink,#eee);background:var(--backend-page,#101114);border:1px solid var(--backend-line,#444);border-radius:16px;padding:24px;max-width:min(420px,calc(100vw - 48px))}
.backend-workspace-confirm::backdrop{background:rgb(0 0 0 / .45)}
.backend-workspace-confirm form>div{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.backend-workspace-confirm button{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:8px;padding:10px 16px;cursor:pointer}