#doupo-update-notice {
  position: fixed; z-index: 10000; right: 20px; bottom: 88px;
  width: min(440px, calc(100vw - 40px)); box-sizing: border-box;
  padding: 18px 20px; border: 1px solid #9bb1bc; border-left: 4px solid #1e4960;
  border-radius: 6px; background: #fff; color: #173145;
  box-shadow: 0 8px 28px #142b4026; text-align: left;
  font: 15px/1.6 system-ui, "Microsoft YaHei", sans-serif;
}
#doupo-update-notice[hidden] { display: none !important; }
#doupo-update-notice strong { font-size: 17px; }
#doupo-update-notice p { margin: 8px 0 14px; color: #43596a; }
#doupo-update-notice div { display: flex; flex-wrap: wrap; gap: 10px; }
#doupo-update-notice button {
  border: 1px solid #adc0ca; border-radius: 4px; padding: 8px 14px;
  color: #173145; background: #fff; font: inherit; cursor: pointer;
}
#doupo-update-notice button:first-child { background: #1e4960; color: white; border-color: #1e4960; }
#doupo-update-notice button:focus-visible { outline: 3px solid #b0781c; outline-offset: 3px; }
@media print { #doupo-update-notice { display: none !important; } }