/* === 全局基础样式（亮色） === */
:root {
  color-scheme: light;
  --c-bg:        #f7f7f8;
  --c-surface:   #ffffff;
  --c-border:    #e5e7eb;
  --c-border-2:  #eef0f3;
  --c-text:      #111827;
  --c-text-mid:  #4b5563;
  --c-text-soft: #9ca3af;
  --c-primary:   #4f46e5;
  --c-primary-2: #6366f1;
  --c-danger:    #e11d48;
  --c-warn:      #d97706;
  --c-ok:        #059669;
}

html, body {
  margin: 0;
  background: var(--c-bg);
  color: var(--c-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 滚动条美化 */
::-webkit-scrollbar       { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #9ca3af; }

/* 通用按钮反馈 */
button:active { transform: translateY(0.5px); }

/* toast 动画 */
.toast-enter { animation: toastIn .22s ease-out; }
@keyframes toastIn {
  from { transform: translate(-50%, -10px); opacity: 0; }
  to   { transform: translate(-50%, 0);     opacity: 1; }
}

/* 侧边栏抽屉动画 */
.sidebar          { transition: transform .25s ease; }
.sidebar-backdrop { transition: opacity .25s ease; }

/* drag highlight */
.drag-over { border-color: var(--c-primary) !important; background: rgba(99,102,241,0.06) !important; }

/* 输入框聚焦 */
.input-focus:focus { outline: none; box-shadow: 0 0 0 3px rgba(99,102,241,.18); border-color: var(--c-primary-2); }

/* 表格行 hover */
tbody tr:hover { background: #fafafa; }

/* 漂亮的徽章基础 */
.badge {
  display: inline-block;
  padding: 2px 8px;
  font-size: 11px;
  border-radius: 9999px;
  border: 1px solid var(--c-border);
  background: #f9fafb;
  color: var(--c-text-mid);
  white-space: nowrap;
}
.badge.on { background: #eef2ff; color: #4338ca; border-color: #c7d2fe; }
.badge.danger { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }

/* keyboard 提示 */
kbd {
  display: inline-block;
  padding: 1px 4px;
  border-radius: 4px;
  background: #f3f4f6;
  color: #374151;
  font-size: 11px;
  font-family: -apple-system, "Segoe UI", monospace;
  border: 1px solid var(--c-border);
}