/* BossAi 2.0 全局样式 — 主色 indigo-600(信任+专业) */
@import 'highlight.js/styles/github-dark.css';

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --background: 210 20% 98%;
    --foreground: 222 47% 11%;
    --card: 0 0% 100%;
    --card-foreground: 222 47% 11%;
    --popover: 0 0% 100%;
    --popover-foreground: 222 47% 11%;
    /* 2.0 主色:indigo-600 */
    --primary: 243 75% 59%;
    --primary-foreground: 210 40% 98%;
    --secondary: 210 16% 93%;
    --secondary-foreground: 222 47% 11%;
    --muted: 210 16% 95%;
    --muted-foreground: 215 16% 47%;
    --accent: 243 75% 96%;
    --accent-foreground: 243 75% 40%;
    --destructive: 0 84% 60%;
    --destructive-foreground: 210 40% 98%;
    --border: 214 20% 90%;
    --input: 214 20% 90%;
    --ring: 243 75% 59%;
    --radius: 0.625rem;
  }

  .dark {
    --background: 222 47% 11%;
    --foreground: 210 40% 98%;
    --card: 222 47% 13%;
    --card-foreground: 210 40% 98%;
    --popover: 222 47% 13%;
    --popover-foreground: 210 40% 98%;
    --primary: 243 75% 65%;
    --primary-foreground: 222 47% 11%;
    --secondary: 217 33% 17%;
    --secondary-foreground: 210 40% 98%;
    --muted: 217 33% 17%;
    --muted-foreground: 215 20% 65%;
    --accent: 217 33% 20%;
    --accent-foreground: 210 40% 98%;
    --destructive: 0 63% 31%;
    --destructive-foreground: 210 40% 98%;
    --border: 217 33% 20%;
    --input: 217 33% 20%;
    --ring: 243 75% 68%;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground font-sans antialiased;
  }
  /* 移动端底部 Tab 留出空间 */
  @media (max-width: 767px) {
    main {
      padding-bottom: 4rem;
    }
  }
}

/* 打印样式 */
@media print {
  header, nav, .no-print, .bottom-tab, .fab {
    display: none !important;
  }
  .card {
    box-shadow: none !important;
    border: 1px solid hsl(var(--border)) !important;
  }
}

/* 隐藏滚动条但保留滚动功能 */
.scrollbar-none {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE10+ */
}
.scrollbar-none::-webkit-scrollbar {
  display: none; /* Chrome/Safari/Opera */
}