/* Fooshun Node 自定义样式 */

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-feature-settings: "kern";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 选中色 */
::selection {
  background: rgba(47, 95, 255, 0.4);
  color: #fff;
}

/* 滚动条 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: #050a1c;
}
::-webkit-scrollbar-thumb {
  background: #1a2547;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #2a3768;
}

/* 输入框自动填充 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-text-fill-color: #f1f5f9 !important;
  -webkit-box-shadow: 0 0 0 1000px #0b1733 inset !important;
  caret-color: #f1f5f9;
}

/* details 移除原生箭头 */
details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}

/* Line clamp helper */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 渐入动画 */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 输入框 focus 平滑过渡 */
input, select, textarea {
  transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s;
}

/* checkbox 美化（Tailwind v3 forms 没启用，简单兜底） */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  position: relative;
  transition: all 0.15s;
}
input[type="checkbox"]:checked {
  background: #2f5fff;
  border-color: #2f5fff;
}
input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* 移动端优化 */
@media (max-width: 640px) {
  table {
    font-size: 12px;
  }
}