.home-network-status {
  position: fixed;
  inset-block-start: max(12px, env(safe-area-inset-top));
  inset-inline: 12px;
  z-index: 10000;
  min-block-size: 44px;
  padding: 10px 16px;
  border: 1px solid #c98735;
  border-radius: 12px;
  background: #fff5e6;
  color: #5a3510;
  box-shadow: 0 8px 24px rgb(15 23 42 / 18%);
  font-family: "Microsoft YaHei", "微软雅黑", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
}

.home-network-status[hidden] {
  display: none;
}

.dashboard-startup-recovery {
  position: fixed;
  inset: 50% auto auto 50%;
  z-index: 10001;
  inline-size: min(520px, calc(100vw - 32px));
  padding: 24px;
  border: 1px solid #c98735;
  border-radius: 16px;
  background: #fff;
  color: #17212b;
  box-shadow: 0 16px 48px rgb(15 23 42 / 25%);
  font-family: "Microsoft YaHei", "微软雅黑", system-ui, sans-serif;
  line-height: 1.65;
  transform: translate(-50%, -50%);
}

.dashboard-startup-recovery strong {
  display: block;
  font-size: 20px;
}

.dashboard-startup-recovery button {
  min-block-size: 44px;
  padding-inline: 20px;
  border: 1px solid #39765a;
  border-radius: 10px;
  background: #39765a;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}

@media (prefers-color-scheme: dark) {
  .home-network-status {
    border-color: #b7792b;
    background: #2c2115;
    color: #ffe2b8;
  }

  .dashboard-startup-recovery {
    border-color: #b7792b;
    background: #121b23;
    color: #edf4f8;
  }
}

@media (min-width: 768px) {
  .home-network-status {
    inset-inline: auto 24px;
    max-inline-size: min(520px, calc(100vw - 48px));
  }
}