#page-recovery {
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  bottom: max(16px, env(safe-area-inset-bottom));
  z-index: 2600;
  pointer-events: auto;
}
#page-recovery-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 100px;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid #d4dfca;
  border-radius: 12px;
  background: #fcfdf9;
  color: #244c3e;
  box-shadow: 0 4px 18px #152d2926;
  font:
    500 13px/1.5 'Segoe UI',
    'Microsoft YaHei',
    system-ui,
    sans-serif;
  white-space: nowrap;
  cursor: pointer;
}
#page-recovery-button:hover {
  background: #eef3e7;
  border-color: #71996c;
}
#page-recovery-button:focus-visible {
  outline: 3px solid #6f9f69;
  outline-offset: 3px;
}
#page-recovery-button:disabled {
  opacity: 0.75;
  cursor: progress;
}
@media (max-width: 760px) {
  #page-recovery {
    right: max(12px, env(safe-area-inset-right));
    bottom: max(12px, env(safe-area-inset-bottom));
  }
  #page-recovery-button {
    min-height: 48px;
    padding: 10px 12px;
  }
}