/* ============================================================
   墨鱼PDF 现代化皮肤（注入式，覆盖 Mantine 设计变量，不改源码）
   作用域：8090 工具界面。靛紫主色 + 大圆角 + 柔和阴影 + 顺滑交互
   ============================================================ */

:root,
[data-mantine-color-scheme="light"],
[data-mantine-color-scheme="dark"] {
  /* —— 主色：靛紫色阶（呼应墨鱼Logo的紫红渐变），覆盖 Mantine 默认 blue —— */
  --mantine-color-blue-0:#eef0ff;
  --mantine-color-blue-1:#e0e3ff;
  --mantine-color-blue-2:#c4c8ff;
  --mantine-color-blue-3:#a3a8ff;
  --mantine-color-blue-4:#868dfb;
  --mantine-color-blue-5:#6f74f7;
  --mantine-color-blue-6:#5b5ef0;
  --mantine-color-blue-7:#4f4fd6;
  --mantine-color-blue-8:#4341b8;
  --mantine-color-blue-9:#383599;
  --mantine-color-blue-filled:#5b5ef0;
  --mantine-color-blue-filled-hover:#4f4fd6;
  --mantine-color-blue-light:rgba(91,94,240,.10);
  --mantine-color-blue-light-hover:rgba(91,94,240,.16);
  --mantine-color-blue-light-color:#5b5ef0;
  --mantine-color-blue-outline:#5b5ef0;
  --mantine-color-blue-outline-hover:rgba(91,94,240,.08);

  /* —— 更圆润的现代圆角 —— */
  --mantine-radius-xs:.375rem;
  --mantine-radius-sm:.5rem;
  --mantine-radius-default:.625rem;
  --mantine-radius-md:.75rem;
  --mantine-radius-lg:1rem;
  --mantine-radius-xl:1.5rem;

  /* —— 柔和、有层次的现代阴影 —— */
  --mantine-shadow-xs:0 1px 2px rgba(16,24,40,.05);
  --mantine-shadow-sm:0 1px 3px rgba(16,24,40,.06),0 1px 2px rgba(16,24,40,.04);
  --mantine-shadow-md:0 4px 12px rgba(16,24,40,.08);
  --mantine-shadow-lg:0 12px 28px rgba(16,24,40,.12);
  --mantine-shadow-xl:0 24px 48px rgba(16,24,40,.16);

  /* —— 字体：补充中文字体，提升清晰度 —— */
  --mantine-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans SC",Roboto,Helvetica,Arial,sans-serif;
  --mantine-font-family-headings:var(--mantine-font-family);
}

/* —— 顺滑过渡 —— */
.mantine-Button-root,
.mantine-ActionIcon-root,
.mantine-NavLink-root,
.mantine-Card-root,
a.footer-link {
  transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,
             transform .12s ease,border-color .18s ease !important;
}

/* —— 主按钮：靛紫渐变质感 + 悬停微抬升 —— */
.mantine-Button-root[data-variant="filled"]{
  background-image:linear-gradient(135deg,#6f74f7 0%,#5b5ef0 55%,#7a4ff0 100%);
  border:none;
}
.mantine-Button-root[data-variant="filled"]:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(91,94,240,.35);
}
.mantine-Button-root[data-variant="filled"]:active{transform:translateY(0);}

/* —— 次级/工具按钮：悬停淡紫底 —— */
.mantine-Button-root[data-variant="subtle"]:hover,
.mantine-Button-root[data-variant="light"]:hover,
.mantine-NavLink-root:hover{
  background:var(--mantine-color-blue-light) !important;
}

/* —— 卡片 / 工具项更圆润 —— */
.mantine-Card-root,
.mantine-NavLink-root,
.mantine-Paper-root{border-radius:var(--mantine-radius-md) !important;}

/* —— 弹窗更精致 —— */
.mantine-Modal-content{
  border-radius:1.25rem !important;
  box-shadow:var(--mantine-shadow-xl) !important;
}

/* —— ActionIcon 悬停柔和 —— */
.mantine-ActionIcon-root:hover{background:var(--mantine-color-blue-light) !important;}

/* —— 输入框聚焦时靛紫描边 —— */
.mantine-Input-input:focus,
.mantine-TextInput-input:focus{
  border-color:#5b5ef0 !important;
  box-shadow:0 0 0 3px rgba(91,94,240,.15) !important;
}

/* —— 现代细滚动条 —— */
*{scrollbar-width:thin;scrollbar-color:#c9c9d6 transparent;}
*::-webkit-scrollbar{width:8px;height:8px;}
*::-webkit-scrollbar-thumb{background:#c9c9d6;border-radius:8px;}
*::-webkit-scrollbar-thumb:hover{background:#a5a5b8;}
*::-webkit-scrollbar-track{background:transparent;}

/* —— 隐藏页脚 GitHub 链接（开发相关） —— */
a.footer-link[href*="github"]{display:none !important;}