body {
  background-color: #eff6ff;
  background-image: radial-gradient(circle at top right, #eff6ff, #f8fafc 36%, #eef2ff 100%);
  background-size: cover;
  background-repeat: no-repeat;
}

/* 页面平滑过渡动画 */
@keyframes pageFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes pageFadeOut {
  from { opacity: 1; transform: translateY(0); }
  to   { opacity: 0; transform: translateY(-4px); }
}
.page-fade-in {
  animation: pageFadeIn 0.3s ease-out both;
}
.page-fade-out {
  animation: pageFadeOut 0.18s ease-in both;
  pointer-events: none;
}

.prototype-shell {
  width: 100%;
  max-width: none;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.12);
  overflow: hidden;
  border: 1px solid #e2e8f0;
}

.sidebar-item {
  transition: all 0.2s ease;
}

.sidebar-item:hover {
  transform: translateX(2px);
}

.tool-card {
  transition: all 0.2s ease;
}

.tool-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 18px rgba(15, 23, 42, 0.1);
}

.prose a.wikilink {
  color: #0ea5e9;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px dashed rgba(14, 165, 233, 0.7);
}

.prose a.wikilink:hover {
  color: #0284c7;
  border-bottom-color: rgba(2, 132, 199, 1);
}

/* 笔记中的普通链接样式 - 类似双链的蓝色标记 */
.prose a:not(.wikilink) {
  color: #0ea5e9;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgba(14, 165, 233, 0.5);
  padding: 0 2px;
  border-radius: 3px;
  transition: all 0.2s ease;
}

.prose a:not(.wikilink):hover {
  color: #0284c7;
  background-color: rgba(14, 165, 233, 0.1);
  border-bottom-color: rgba(2, 132, 199, 0.8);
}

/* 暗色主题下的链接样式 */
.prose-invert a:not(.wikilink) {
  color: #38bdf8;
  border-bottom-color: rgba(56, 189, 248, 0.5);
}

.prose-invert a:not(.wikilink):hover {
  color: #7dd3fc;
  background-color: rgba(56, 189, 248, 0.15);
  border-bottom-color: rgba(125, 211, 252, 0.8);
}