/* 知间 AI — Tabler 品牌覆盖层（Tabler 提供基础组件，这里只做品牌变量与阅读排版） */

:root {
  --tblr-primary: #2563eb;
  --tblr-primary-rgb: 37, 99, 235;
  --tblr-body-bg: #f7f8fa;
  --tblr-body-color: #111827;
  --tblr-secondary: #64748b;
  --tblr-success: #16a34a;
  --tblr-warning: #d97706;
  --tblr-danger: #dc2626;
  --tblr-border-color: #e5e7eb;
  --tblr-border-radius: 10px;
}

/* 侧栏品牌区 */
.brand { font-size: 20px; font-weight: 700; color: var(--tblr-body-color); text-decoration: none; }
.brand:hover { text-decoration: none; color: var(--tblr-primary); }
.brand-dot { color: var(--tblr-primary); }

/* 内容区滚动：跟随 Tabler 默认（document 滚动 + 侧栏 sticky），不做容器内滚动 */
.navbar-vertical { position: sticky; top: 0; }

/* 知识卡片网格：auto-fill 自适应——1 条时占满整行（摘要可读更多），多条自动 2/3 列 */
.knowledge-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 12px; }
.knowledge-card { height: 100%; display: flex; flex-direction: column; }
.knowledge-card .card-body { flex: 1; display: flex; flex-direction: column; }
.knowledge-card .card-title { font-size: 16px; font-weight: 600; line-height: 1.5; }
.knowledge-card .knowledge-summary {
  font-size: 14px; line-height: 1.6; color: var(--tblr-secondary); flex: 1;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.knowledge-card .card-footer { border-top: 1px solid var(--tblr-border-color); background: transparent; }
/* 卡片标题过长时截断两行，保证卡片高度统一 */
.knowledge-card .item-title { display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden; }

/* 知识卡片标题链接 */
.item-title-link { color: var(--tblr-body-color); text-decoration: none; }
.item-title-link:hover { color: var(--tblr-primary); }

/* 星标按钮（图标按钮） */
.star-btn { font-size: 18px; line-height: 1; color: var(--tblr-secondary); }
.star-btn:hover { color: var(--tblr-warning); }
.star-btn.on { color: #f59e0b; }

/* 分类卡片 */
.cat-card { display: flex; align-items: center; gap: 14px; height: 100%;
  text-decoration: none; color: var(--tblr-body-color); }
.cat-card:hover { color: var(--tblr-body-color); text-decoration: none; border-color: var(--tblr-primary); }
.cat-icon { width: 44px; height: 44px; border-radius: 10px; display: flex;
  align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0; }
.cat-card .cat-name { font-size: 16px; font-weight: 600; margin: 0; }
.cat-card .cat-count { font-size: 13px; color: var(--tblr-secondary); margin: 0; }

/* 详情页阅读布局：中央最大 820px、减边框、宽松行距 */
.reading-wrap { max-width: 820px; }
.reading-title { font-size: 28px; font-weight: 600; line-height: 1.4; }
.reading-meta { font-size: 13px; color: var(--tblr-secondary); line-height: 1.7; }
.reading-summary { font-size: 16px; line-height: 1.75; }
.reading-prose { font-size: 16px; line-height: 1.75; color: var(--tblr-body-color); }
.reading-prose p { margin-bottom: 12px; }
.reading-section-title { font-size: 18px; font-weight: 600; margin: 28px 0 12px; }
.reading-list { padding-left: 20px; margin: 0; }
.reading-list li { margin-bottom: 12px; line-height: 1.75; }
.reading-list li::marker { color: var(--tblr-primary); }
.reading-list ol { padding-left: 20px; }
.transcript-box { white-space: pre-wrap; font-size: 15px; line-height: 1.75;
  max-height: 480px; overflow-y: auto; }

/* 我的收获：轻度背景区分 */
.takeaway-box { background: rgba(37, 99, 235, .06); border-radius: 10px;
  padding: 16px 20px; font-size: 15px; line-height: 1.75; white-space: pre-wrap; }

/* 收集箱列表：长标题两行截断、按钮行不换行挤坏布局 */
.inbox-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; word-break: break-all; }
.inbox-actions { white-space: nowrap; }

/* 标签徽章可点击筛选 */
.tag-link:hover { text-decoration: none; border-color: var(--tblr-primary); color: var(--tblr-primary); }

/* 登录页 */
.auth-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center;
  padding: 24px; background: var(--tblr-body-bg); }
.auth-card { width: 100%; max-width: 400px; }

/* 编辑页保存栏：跟随滚动固定在底部，保存操作始终可见 */
.sticky-save { position: sticky; bottom: 0; z-index: 5;
  box-shadow: 0 -6px 16px rgba(0, 0, 0, .07); }

/* 关键画面卡片 */
.frame-card { border: 1px solid var(--tblr-border-color); border-radius: 10px;
  padding: 8px; background: var(--tblr-bg-surface, #fff); }
.frame-img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover;
  border-radius: 6px; display: block; }

/* 状态徽章微调（Tabler badge 基础上保持语义色） */
.badge-wait { background: #fef9c3; color: #854d0e; }
.badge-run { background: #dbeafe; color: #1e40af; }

/* 响应式：小屏笔记卡片单列、分类网格两列 */
@media (max-width: 768px) {
  .cat-grid { grid-template-columns: repeat(2, 1fr); }
  .navbar-vertical { position: relative; }
}