/* AlbumMate 基础样式（Tailwind CDN 之外的少量原生增强） */

:root {
  color-scheme: light dark;
}

::selection {
  background: rgba(124, 58, 237, 0.18);
}

/* 焦点可见性（极简风下仍清晰） */
a:focus-visible,
button:focus-visible {
  outline: none;
}

/* Alpine 防闪烁 */
[x-cloak] { display: none !important; }

/* 拖拽上传高亮 */
.dropzone-drag { border-color: #3b82f6 !important; background: rgba(59,130,246,.06); }

/* 图片网格瀑布流 */
.masonry {
  column-gap: 1rem;
}
.masonry > * {
  break-inside: avoid;
  margin-bottom: 1rem;
}
@media (min-width: 640px) { .masonry { column-count: 2; } }
@media (min-width: 768px) { .masonry { column-count: 3; } }
@media (min-width: 1024px) { .masonry { column-count: 4; } }

/* 细滚动条 */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(120, 120, 120, 0.4) transparent;
}

/* 隐藏滚动条（缩略图条等） */
.scrollbar-none {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.scrollbar-none::-webkit-scrollbar {
  display: none;
}