.home-page {
  height: 100vh;
  overflow: hidden;
  padding-top: var(--app-topbar-safe-height);
  padding-left: var(--app-rail-width);
}

/* ── 首页 ── */
.home-center {
  min-height: calc(100vh - 77px - var(--app-topbar-safe-height));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 18vh 20px 132px;
  text-align: center;
}

.home-title {
  font-size: 44px;
  font-weight: 500;
  color: rgb(var(--mdui-color-on-surface));
  margin: 0 0 56px;
  letter-spacing: 0.02em;
}

.home-subtitle {
  font-size: 15px;
  color: rgb(var(--mdui-color-on-surface-variant));
  margin: 0 0 72px;
  letter-spacing: 0.02em;
}

.home-enter {
  font-size: 14px;
}

.home-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

/* ── 左下�?/ 右下�?── */
.corner-nav {
  position: fixed;
  left: 16px;
  bottom: 16px;
  display: flex;
  gap: 4px;
  z-index: 100;
}

.corner-right {
  position: fixed;
  right: 16px;
  bottom: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
  z-index: 100;
}

.corner-btn {
  color: rgb(var(--mdui-color-on-surface-variant));
}

.corner-btn.active {
  color: rgb(var(--mdui-color-on-surface));
}

.corner-btn svg {
  width: 22px;
  height: 22px;
}

.avatar-btn.logged-in {
  color: rgb(var(--mdui-color-primary));
}