/* Rili 工作台视觉覆盖：贴近 rilichat 的深色、低噪声、沉浸式布局 */
:root {
  --rili-ink: #f3f0ff;
  --rili-muted-2: #6f7890;
  --rili-line-soft: rgba(181, 166, 255, .15);
  --rili-surface: rgba(29, 34, 45, .82);
  --rili-surface-strong: rgba(23, 27, 36, .96);
}

body.rili-library {
  background:
    radial-gradient(900px 480px at 78% -10%, rgba(126, 102, 255, .22), transparent 68%),
    radial-gradient(680px 420px at 14% 12%, rgba(74, 67, 124, .16), transparent 72%),
    #171b23;
}

.rili-shell { position: relative; }
.rili-shell::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background-image: linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, #000, transparent 72%);
}

.rili-sidebar {
  background: rgba(19, 23, 30, .9);
  border-right-color: rgba(174, 161, 239, .15);
  box-shadow: 18px 0 60px rgba(3, 4, 8, .22);
}
.rili-logo { color: var(--rili-ink); }
.rili-logo-mark {
  border-radius: 9px;
  box-shadow: 0 0 24px rgba(146, 119, 255, .34);
}
.rili-new {
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 8px 24px rgba(7, 5, 17, .18);
}
.rili-nav a { transition: background .16s ease, color .16s ease, transform .16s ease; }
.rili-nav a:hover { transform: translateX(2px); }
.rili-nav a.active {
  background: linear-gradient(90deg, rgba(148, 126, 255, .18), rgba(148, 126, 255, .04));
  box-shadow: inset 2px 0 #aa95ff, 0 0 0 1px rgba(181, 166, 255, .05);
}

.rili-main { position: relative; }
.rili-contextbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid var(--rili-line-soft);
  border-radius: 10px;
  color: #9da7ba;
  background: rgba(29, 34, 45, .6);
  box-shadow: inset 0 1px rgba(255,255,255,.03);
  font-size: 11px;
}
.rili-context-copy, .rili-context-actions { display: flex; align-items: center; gap: 9px; }
.rili-context-copy b { color: #e5e1ff; font-weight: 600; }
.rili-context-actions { margin-left: auto; color: #8e98ad; }
.rili-context-actions span {
  padding-left: 9px;
  border-left: 1px solid rgba(255,255,255,.1);
}
.rili-context-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #79d4ad;
  box-shadow: 0 0 0 4px rgba(121, 212, 173, .11), 0 0 14px #79d4ad;
}

.rili-library-head {
  min-height: 218px;
  padding-top: 64px;
  border-bottom-color: rgba(181, 166, 255, .17);
}
.rili-overline { color: #b9a9ff; }
.rili-library-head h1 {
  font-weight: 740;
  color: #f6f3ff;
  text-shadow: 0 10px 36px rgba(126, 102, 255, .22);
}
.rili-library-head p { color: #a1a9b7; }
.rili-primary {
  box-shadow: 0 10px 26px rgba(97, 74, 201, .22), inset 0 1px rgba(255,255,255,.25);
}
.rili-ghost:hover, .rili-primary:hover { transform: translateY(-1px); }
.rili-ghost, .rili-primary { transition: transform .16s ease, border-color .16s ease, filter .16s ease; }

.rili-toolbar {
  position: sticky;
  top: 0;
  z-index: 4;
  margin: 0 -8px;
  padding: 16px 8px 11px;
  background: linear-gradient(#171b23f5 72%, #171b2300);
  backdrop-filter: blur(13px);
}
.rili-search, .rili-toolbar select {
  background: rgba(29, 35, 45, .86);
  box-shadow: inset 0 1px rgba(255,255,255,.03);
}
.rili-search:focus-within { border-color: #7768b9; box-shadow: 0 0 0 3px rgba(126, 102, 255, .11); }
.rili-filter-row { padding: 2px 2px 4px; }
.rili-filter.active { background: rgba(157, 137, 255, .14); border-color: rgba(157, 137, 255, .28); }

.rili-card-grid { gap: 17px; }
.rili-card {
  background: linear-gradient(150deg, rgba(34, 40, 51, .94), rgba(28, 33, 43, .94));
  border-color: rgba(159, 147, 211, .17);
  box-shadow: 0 8px 24px rgba(5, 7, 12, .16);
}
.rili-card:hover {
  border-color: rgba(166, 145, 255, .68);
  box-shadow: 0 18px 42px rgba(5, 7, 14, .35), 0 0 0 1px rgba(166, 145, 255, .09);
}
.rili-card-cover {
  aspect-ratio: 1.34;
  background:
    radial-gradient(circle at 26% 22%, rgba(193, 177, 255, .32), transparent 34%),
    linear-gradient(135deg, #33384a, #201f2f 80%);
}
.rili-cover-glow { opacity: .88; }
.rili-cover-letter {
  font-size: 74px;
  color: rgba(219, 211, 255, .54);
  text-shadow: 0 0 30px rgba(173, 147, 255, .22);
}
.rili-cover-status { background: rgba(15, 18, 25, .66); }
.rili-cover-open { background: rgba(118, 96, 214, .92); }
.rili-card-body { padding: 14px 14px 13px; }
.rili-card-author { color: #b6a7ff; }
.rili-card h2 { color: #f3f0ff; }
.rili-card p { color: #9ba5b6; }
.rili-card-meta { border-top-color: rgba(181, 166, 255, .11); }
.rili-card-actions>a:first-child { color: #d0c6ff; }
.rili-download:hover { color: #fff !important; }

.rili-load-more {
  background: rgba(29, 35, 45, .88);
  border-color: rgba(165, 151, 227, .24);
  transition: transform .16s ease, border-color .16s ease;
}
.rili-load-more:hover { transform: translateY(-1px); border-color: #7666b8; }

@media (max-width: 820px) {
  .rili-contextbar { margin-top: 8px; padding: 8px 10px; }
  .rili-context-actions { display: none; }
  .rili-library-head { min-height: 0; padding-top: 34px; }
  .rili-toolbar { margin: 0 -4px; padding-left: 4px; padding-right: 4px; }
}