src/assets/css/logsPanel.css
.logs-tab {
  @apply w-full flex flex-col h-full;
  animation: fadeIn 0.5s ease-out;
  /* 添加与主页一致的渐变背景 */
  background-image: linear-gradient(
    135deg,
    hsl(var(--p) / 0.2) 0%,
    hsl(var(--p) / 0.5) 100%
  );
  @apply pb-6;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.log-header {
  @apply flex justify-between items-center mb-5 text-base-content;
  /* 添加半透明背景增强可读性 */
  @apply bg-base-100/70 p-4 rounded-lg backdrop-blur-sm shadow-sm;
}

.header-actions {
  @apply flex items-center gap-2;
}

.log-container {
  @apply rounded-lg p-3 flex-1 overflow-y-auto shadow-sm;
  /* 更新为半透明背景，增强深度感 */
  @apply bg-base-200/80 backdrop-blur-sm;
  max-height: calc(100vh - 240px); /* 确保不超出视口 */
}

/* 适配深色模式 */
[data-theme="dark"] .logs-tab,
[data-theme="night"] .logs-tab,
[data-theme="black"] .logs-tab {
  background-image: linear-gradient(
    135deg,
    hsl(var(--n) / 0.8) 0%,
    hsl(var(--n) / 0.6) 100%
  );
}

[data-theme="dark"] .log-container,
[data-theme="night"] .log-container,
[data-theme="black"] .log-container {
  @apply bg-neutral/70;
}

/* 日志项样式与背景协调 */
.log-item {
  @apply flex p-2 border-b border-base-300/30 items-start;
}

.log-icon {
  @apply mr-2.5 pt-0.5;
}

.log-content {
  @apply flex-1 flex flex-col;
}

.log-time {
  @apply text-xs text-base-content/70 mb-1;
}

.log-message {
  @apply break-words whitespace-pre-wrap text-base-content;
}

.log-action {
  @apply ml-2;
}

.empty-logs {
  @apply flex justify-center items-center min-h-[200px] text-base-content/50;
}

.log-footer {
  @apply flex justify-between items-center mt-2.5 p-1.5 text-base-content;
}

/* 日志级别样式 */
.log-level-info {
  @apply text-info;
}

.log-level-warning {
  @apply text-warning;
}

.log-level-error {
  @apply text-error;
}

.log-level-success {
  @apply text-success;
}

/* Iconify图标支持 */
.iconify {
  @apply inline-flex align-middle;
}

/* 日志操作按钮 */
.log-action .btn {
  @apply btn-sm btn-ghost;
}

/* 日志过滤器下拉菜单 */
.log-filter .dropdown-content {
  @apply p-2 shadow-md;
}

.log-filter .dropdown-item {
  @apply p-2 hover:bg-base-200 rounded-md cursor-pointer;
}

/* 增强可读性 */
.log-container::-webkit-scrollbar {
  @apply w-2;
}

.log-container::-webkit-scrollbar-track {
  @apply bg-base-300/50 rounded-full;
}

.log-container::-webkit-scrollbar-thumb {
  @apply bg-base-content/20 rounded-full hover:bg-base-content/30;
}
