MediaWiki:Gadget-RightToolbar.css

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

.mw-right-toolbar {
  position: fixed;
  bottom: 96px;
  right: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  z-index: 9999;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.mw-right-toolbar.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.mw-right-toolbar .mw-rt-button,
.mw-right-toolbar .mw-rt-clock {
  background: var(--color-surface-0, rgba(255, 255, 255, 0.85));
  border: 1px solid var(--border-color-base, #aaa);
  color: var(--color-base, #333);
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  font-size: 12px;
  line-height: 1.4;
  padding: 6px 12px;
  backdrop-filter: blur(4px);
}

.mw-right-toolbar .mw-rt-button {
  cursor: pointer;
  opacity: 0.8;
  transition: background 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.mw-right-toolbar .mw-rt-button:hover {
  opacity: 1;
  background: var(--background-color-progressive-subtle, #ddd);
}

.mw-right-toolbar .mw-rt-button:active {
  transform: translateY(1px);
}

.skin-theme-clientpref-night .mw-right-toolbar .mw-rt-button,
.skin-theme-clientpref-night .mw-right-toolbar .mw-rt-clock {
  background: rgba(30, 30, 30, 0.85);
  border-color: #555;
  color: #eee;
}

@media (max-width: 768px) {
  .mw-right-toolbar {
    bottom: 72px;
    right: 16px;
  }
}