/* 固定在畫面底部的通知（notice.js）。手機與平板的右下角有 AI 助理浮動鈕，通知放在它上面。 */
.ww-notice {
  position: fixed;
  left: 50%;
  bottom: calc(var(--s-4) + var(--tap) + var(--s-3));
  transform: translateX(-50%);
  z-index: 11;
  display: flex;
  flex-direction: column;
  gap: var(--s-3);
  width: min(560px, calc(100vw - 2 * var(--s-4)));
  padding: var(--s-4);
  background: var(--paper);
  color: var(--ink);
  border: 1px solid var(--accent-line);
  border-left-width: 4px;
  border-radius: var(--r);
  box-shadow: var(--shadow-float);
  font-size: var(--fs-sm);
}

.ww-notice-text {
  margin: 0;
  overflow-wrap: anywhere;
}

.ww-notice-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--s-2);
}

@media (min-width: 1360px) {
  .ww-notice {
    bottom: var(--s-5);
  }
}