@charset "UTF-8";:root {
  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;

  color-scheme: light dark;
  color: rgba(255, 255, 255, 0.87);
  background-color: #242424;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* 主题颜色变量 */
  --sidebar-bg: #ffffff;
  --header-bg: #ffffff;
  --content-bg: #ffffff;
  --layout-bg: #f5f5f5;
  --border-color: #f0f0f0;
  --text-color: #000000;
  --text-secondary: #666666;

  /* 新增主题变量 */
  --sidebar-menu-bg: #fafafa;
  --tab-manager-bg: #ffffff;
  --hover-bg: #f5f5f5;
  --selected-bg: #3b82f6;
  --shadow-color: rgba(0, 0, 0, 0.1);
}

/* 暗色主题变量 */
body.dark {
  --sidebar-bg: #141414;
  --header-bg: #141414;
  --content-bg: #1f1f1f;
  --layout-bg: #0f0f0f;
  --border-color: #404040;
  --text-color: #ffffff;
  --text-secondary: #a0a0a0;

  /* 新增主题变量 */
  --sidebar-menu-bg: #141414;
  --tab-manager-bg: #141414;
  --hover-bg: #404040;
  --selected-bg: #3b82f6;
  --shadow-color: rgba(0, 0, 0, 0.3);

  /* 卡片相关变量 */
  --card-bg: #262626;
  --selected-item-bg: #1a3a52;
  --text-color-secondary: #a0a0a0;
  --warning-bg: #2a1a1a;
  --warning-border: #5c2a2a;
}

/* 亮色主题变量 */
body.light {
  --sidebar-bg: #ffffff;
  --header-bg: #ffffff;
  --content-bg: #ffffff;
  --layout-bg: #f5f5f5;
  --border-color: #f0f0f0;
  --text-color: #000000;
  --text-secondary: #666666;

  /* 新增主题变量 */
  --sidebar-menu-bg: #fafafa;
  --tab-manager-bg: #ffffff;
  --hover-bg: #f5f5f5;
  --selected-bg: #3b82f6;
  --shadow-color: rgba(0, 0, 0, 0.1);

  /* 卡片相关变量 */
  --card-bg: #ffffff;
  --selected-item-bg: #e6f7ff;
  --text-color-secondary: #666666;
  --warning-bg: #fff2f0;
  --warning-border: #ffccc7;
}

a {
  font-weight: 500;
  color: #646cff;
  text-decoration: inherit;
}
a:hover {
  color: #535bf2;
}

body {
  margin: 0;
  min-width: 320px;
  height: 100vh;
  overflow: hidden;
}

h1 {
  font-size: 3.2em;
  line-height: 1.1;
}

button {
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0.6em 1.2em;
  font-size: 1em;
  font-weight: 500;
  font-family: inherit;
  background-color: #1a1a1a;
  cursor: pointer;
  transition: border-color 0.25s;
}
button:hover {
  border-color: #646cff;
}
button:focus,
button:focus-visible {
  outline: 4px auto -webkit-focus-ring-color;
}

@media (prefers-color-scheme: light) {
  :root {
    color: #213547;
    background-color: #ffffff;
  }
  a:hover {
    color: #747bff;
  }
  button {
    background-color: #f9f9f9;
  }
}

/* 应用列表容器滚动样式 */
.app-list-container {
  overflow: auto !important;
  height: calc(100vh - 152px) !important;
  scrollbar-width: thin;
  scrollbar-color: var(--text-secondary) transparent;
  position: relative !important;
  padding-right: 8px !important;
  margin-right: 0 !important;
}

/* 确保Spin组件不影响flex布局 */
.ant-spin-nested-loading {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
  height: 100%;
}

.ant-spin-container {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
  height: 100%;
}

.app-list-container::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}

.app-list-container::-webkit-scrollbar-track {
  background: transparent;
  margin: 0;
  border-radius: 0;
}

.app-list-container::-webkit-scrollbar-thumb {
  background-color: var(--text-secondary);
  border-radius: 4px;
  border: none;
  min-height: 40px;
}

.app-list-container::-webkit-scrollbar-thumb:hover {
  background-color: var(--text-color);
}

.app-list-container::-webkit-scrollbar-corner {
  background: transparent;
}

/* 全局滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: var(--text-secondary);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--text-color);
}

::-webkit-scrollbar-corner {
  background: transparent;
}

/* 侧边栏滚动容器样式 */
.sidebar-scroll-container {
  scrollbar-width: thin;
  scrollbar-color: var(--text-secondary) transparent;
}

.sidebar-scroll-container::-webkit-scrollbar {
  width: 6px;
  background: transparent;
}

.sidebar-scroll-container::-webkit-scrollbar-track {
  background: transparent;
  margin: 0;
  border-radius: 0;
}

.sidebar-scroll-container::-webkit-scrollbar-thumb {
  background-color: var(--text-secondary);
  border-radius: 3px;
  border: none;
  min-height: 40px;
}

.sidebar-scroll-container::-webkit-scrollbar-thumb:hover {
  background-color: var(--text-color);
}

.sidebar-scroll-container::-webkit-scrollbar-corner {
  background: transparent;
}

/* 任务列表自定义滚动条样式 */
.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: var(--text-secondary) transparent;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
  margin: 0;
  border-radius: 0;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--text-secondary);
  border-radius: 3px;
  border: none;
  min-height: 40px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--text-color);
}

.custom-scrollbar::-webkit-scrollbar-corner {
  background: transparent;
}

/* 暗色主题Modal样式 */
.dark-theme-modal .ant-modal-content,
.dark-theme-modal .ant-modal-header {
  background-color: #1f1f1f !important;
  border-color: #404040 !important;
}

.dark-theme-modal .ant-modal-title {
  color: #ffffff !important;
}

.dark-theme-modal .ant-modal-content {
  color: #ffffff !important;
}

.dark-theme-modal .ant-modal-footer {
  border-top-color: #404040 !important;
}

.dark-theme-modal .ant-btn {
  background-color: #404040 !important;
  border-color: #595959 !important;
  color: #ffffff !important;
}

.dark-theme-modal .ant-btn:hover {
  background-color: #595959 !important;
  border-color: #737373 !important;
}

.dark-theme-modal .ant-btn-primary {
  background-color: #ff4d4f !important;
  border-color: #ff4d4f !important;
  color: #ffffff !important;
}

.dark-theme-modal .ant-btn-primary:hover {
  background-color: #ff7875 !important;
  border-color: #ff7875 !important;
}

/* 全局暗色主题Modal样式 */
body.dark .ant-modal-content,
body.dark .ant-modal-header {
  background-color: #1f1f1f !important;
  border-color: #404040 !important;
}

body.dark .ant-modal-title {
  color: #ffffff !important;
}

body.dark .ant-modal-content {
  color: #ffffff !important;
}

body.dark .ant-modal-footer {
  border-top-color: #404040 !important;
}

body.dark .ant-modal-confirm-body {
  color: #ffffff !important;
}

body.dark .ant-modal-confirm-title {
  color: #ffffff !important;
}

body.dark .ant-modal-confirm-content {
  color: #a6a6a6 !important;
}

/* 暗色主题表格样式 */
.dark-theme-table .ant-table {
  background-color: #1f1f1f !important;
}

.dark-theme-table .ant-table-thead > tr > th {
  background-color: #262626 !important;
  border-bottom-color: #404040 !important;
  color: #ffffff !important;
}

.dark-theme-table .ant-table-tbody > tr > td {
  background-color: #1f1f1f !important;
  border-bottom-color: #404040 !important;
  color: #ffffff !important;
}

.dark-theme-table .ant-table-tbody > tr:hover > td {
  background-color: #404040 !important;
}

.dark-theme-table .ant-table-tbody > tr.ant-table-row-selected > td {
  background-color: #177ddc !important;
}

.dark-theme-table .ant-pagination-item {
  background-color: #404040 !important;
  border-color: #595959 !important;
  color: #ffffff !important;
}

.dark-theme-table .ant-pagination-item:hover {
  background-color: #595959 !important;
  border-color: #737373 !important;
}

.dark-theme-table .ant-pagination-item-active {
  background-color: #177ddc !important;
  border-color: #177ddc !important;
}

.dark-theme-table .ant-pagination-prev,
.dark-theme-table .ant-pagination-next {
  background-color: #404040 !important;
  border-color: #595959 !important;
  color: #ffffff !important;
}

.dark-theme-table .ant-pagination-prev:hover,
.dark-theme-table .ant-pagination-next:hover {
  background-color: #595959 !important;
  border-color: #737373 !important;
}
/* CSS变量定义 */
:root {
  --sidebar-menu-bg: #141414;
  --content-bg: #1f1f1f;
}

/* 全局样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
    'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial,
    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background-color 0.3s ease;
}

/* 亮色主题 */
body.light {
  background-color: #f0f2f5;
}

/* 暗色主题 */
body.dark {
  background-color: #141414;
  color: #ffffff;
}

/* 暗色主题下的滚动条样式 */
body.dark ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

body.dark ::-webkit-scrollbar-track {
  background: #2a2a2a;
  border-radius: 3px;
}

body.dark ::-webkit-scrollbar-thumb {
  background: #555555;
  border-radius: 3px;
}

body.dark ::-webkit-scrollbar-thumb:hover {
  background: #777777;
}

#root {
  width: 100%;
  height: 100vh;
}

/* 自定义滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* TaskLayout 特定滚动条样式 */
.light-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.light-scrollbar::-webkit-scrollbar-track {
  background: #f5f5f5;
  border-radius: 4px;
}

.light-scrollbar::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 4px;
  border: 1px solid #f5f5f5;
}

.light-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #bfbfbf;
}

.dark-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.dark-scrollbar::-webkit-scrollbar-track {
  background: #1a1a1a;
  border-radius: 4px;
}

.dark-scrollbar::-webkit-scrollbar-thumb {
  background: #434343;
  border-radius: 4px;
  border: 1px solid #1a1a1a;
}

.dark-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #595959;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .ant-card {
    margin: 16px;
    width: calc(100% - 32px) !important;
  }
}

/* 动画效果 */
.fade-in {
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 表单样式优化 */
.ant-form-item {
  margin-bottom: 20px;
}

.ant-input-affix-wrapper {
  border-radius: 8px;
}

.ant-btn {
  border-radius: 8px;
  font-weight: 500;
}

/* 卡片样式优化 */
.ant-card {
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.ant-card-body {
  padding: 40px;
}

/* 暗色主题下的卡片样式 */
body.dark .ant-card {
  background-color: #1f1f1f;
  border-color: #303030;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

body.dark .ant-card-body {
  background-color: #1f1f1f;
}

/* 暗色主题下的菜单样式 */
body.dark .ant-menu {
  background-color: #1f1f1f;
  color: #ffffff;
}

body.dark .ant-menu-item {
  color: #ffffff;
}

body.dark .ant-menu-item:hover {
  background-color: #303030;
}

body.dark .ant-menu-item-selected {
  background-color: #1890ff;
  color: #ffffff;
}

/* 亮色主题下的菜单样式 */
body.light .ant-menu {
  background-color: #ffffff;
  color: #000000;
}

body.light .ant-menu-item {
  color: #000000;
}

body.light .ant-menu-item:hover {
  background-color: #f5f5f5;
}

body.light .ant-menu-item-selected {
  background-color: #e6f7ff;
  color: #1890ff;
}

/* 暗色主题下的输入框样式 */
body.dark .ant-input {
  background-color: #1f1f1f;
  border-color: #303030;
  color: #ffffff;
}

body.dark .ant-input:focus {
  border-color: #1890ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

body.dark .ant-input-affix-wrapper {
  background-color: #1f1f1f;
  border-color: #303030;
}

body.dark .ant-input-affix-wrapper:focus {
  border-color: #1890ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

/* 暗色主题下的描述列表样式 */
body.dark .ant-descriptions {
  color: #ffffff;
}

body.dark .ant-descriptions-item-label {
  color: #d9d9d9;
}

body.dark .ant-descriptions-item-content {
  color: #ffffff;
}

/* 暗色主题下的标签样式 */
body.dark .ant-tag {
  border-color: #303030;
}

/* 暗色主题下的标题样式 */
body.dark .ant-typography {
  color: #ffffff;
}

body.dark .ant-typography h1,
body.dark .ant-typography h2,
body.dark .ant-typography h3,
body.dark .ant-typography h4,
body.dark .ant-typography h5 {
  color: #ffffff;
}

/* 暗色主题下的文本样式 */
body.dark .ant-typography .ant-typography-secondary {
  color: #d9d9d9;
}

/* 暗色主题下的代码文本样式 */
body.dark .ant-typography code {
  background-color: #303030;
  color: #ffffff;
  border-color: #404040;
}

/* 暗色主题下的表单样式 */
body.dark .ant-form-item-label > label {
  color: #d9d9d9;
}

body.dark .ant-form-item-explain-error {
  color: #ff4d4f;
}

/* 暗色主题下的工具提示样式 */
body.dark .ant-tooltip {
  color: #ffffff;
}

body.dark .ant-tooltip-inner {
  background-color: #1f1f1f;
  color: #ffffff;
}

body.dark .ant-tooltip-arrow::before {
  background-color: #1f1f1f;
}

/* 暗色主题下的下拉菜单样式 */
body.dark .ant-select {
  color: #ffffff;
}

body.dark .ant-select-selector {
  background-color: #1f1f1f !important;
  border-color: #303030 !important;
  color: #ffffff !important;
}

body.dark .ant-select-focused .ant-select-selector {
  border-color: #1890ff !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
}

body.dark .ant-select-dropdown {
  background-color: #1f1f1f;
  border-color: #303030;
}

body.dark .ant-select-item {
  color: #ffffff;
}

body.dark .ant-select-item:hover {
  background-color: #303030;
}

body.dark .ant-select-item-option-selected {
  background-color: #1890ff;
  color: #ffffff;
}

body.dark .ant-select-arrow {
  color: #ffffff;
}

/* 暗色主题下的徽章样式 */
body.dark .ant-badge-count {
  background-color: #ff4d4f;
  color: #ffffff;
}

/* 暗色主题下的头像样式 */
body.dark .ant-avatar {
  background-color: #303030;
  color: #ffffff;
}

@media (max-width: 768px) {
  .ant-card-body {
    padding: 24px;
  }
}

/* 应用图标样式 */
.app-text-icon {
  width: 24px !important;
  height: 24px !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #1890ff !important;
  font-size: 9px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 400 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border: none !important;
  outline: none !important;
  padding: 1px !important;
  line-height: 1 !important;
  text-align: center !important;
  word-break: break-all !important;
}

/* 应用图标包装器样式 */
.app-icon-wrapper {
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #1890ff !important;
  font-size: 12px !important;
}

/* 确保应用图标在菜单中正确显示 */
.ant-menu-item .app-text-icon,
.ant-menu-submenu .app-text-icon {
  border-radius: 8px !important;
}

/* 暗色主题下的应用图标样式 */
body.dark .app-text-icon {
  background: transparent !important;
  color: #fff !important;
}

body.dark .app-icon-wrapper {
  color: #fff !important;
}

/* 扁平化按钮，无阴影 */
button,
.ant-btn,
.ant-btn:focus,
.ant-btn:active,
.ant-btn:hover,
body.dark .ant-btn,
body.dark .ant-btn:focus,
body.dark .ant-btn:active,
body.dark .ant-btn:hover {
  box-shadow: none !important;
  outline: none !important;
}

/* 修复 -ms-high-contrast 弃用警告，使用现代 forced-colors 替代 */
@media (forced-colors: active) {
  /* 高对比度模式下的样式，替代已弃用的 -ms-high-contrast */
  .ant-btn,
  .ant-menu-item,
  .ant-table-cell {
    forced-color-adjust: auto;
  }
}

/* 应用侧边栏统一样式 */
.app-sidebar {
  background: var(--sidebar-menu-bg, #141414) !important;
}

.app-sidebar .app-sidebar-header {
  background: var(--sidebar-menu-bg, #141414) !important;
  /* border-bottom: 1px solid var(--ant-border-color-split, #303030) !important; */
}

.app-sidebar .ant-menu {
  background: var(--sidebar-menu-bg, #141414) !important;
}

.app-sidebar .ant-menu-item {
  background: var(--sidebar-menu-bg, #141414) !important;
}

.app-sidebar .ant-menu-item:hover {
  background: var(--ant-menu-item-selected-bg, #1890ff) !important;
}

.app-sidebar .ant-menu-item-selected {
  background: var(--ant-menu-item-selected-bg, #1890ff) !important;
}

/* 暗色主题下的应用侧边栏样式 */
body.dark .app-sidebar {
  background: var(--sidebar-menu-bg, #141414) !important;
}

body.dark .app-sidebar .app-sidebar-header {
  background: var(--sidebar-menu-bg, #141414) !important;
  border-bottom: 1px solid #303030 !important;
}

body.dark .app-sidebar .ant-menu {
  background: var(--sidebar-menu-bg, #141414) !important;
}

body.dark .app-sidebar .ant-menu-item {
  background: var(--sidebar-menu-bg, #141414) !important;
}

body.dark .app-sidebar .ant-menu-item:hover {
  background: #1890ff !important;
}

body.dark .app-sidebar .ant-menu-item-selected {
  background: #1890ff !important;
}

/* 亮色主题下的应用侧边栏样式 */
body.light .app-sidebar {
  background: var(--sidebar-menu-bg, #141414) !important;
}

body.light .app-sidebar .app-sidebar-header {
  background: var(--sidebar-menu-bg, #141414) !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

body.light .app-sidebar .ant-menu {
  background: var(--sidebar-menu-bg, #141414) !important;
}

body.light .app-sidebar .ant-menu-item {
  background: var(--sidebar-menu-bg, #141414) !important;
}

body.light .app-sidebar .ant-menu-item:hover {
  background: #1890ff !important;
}

body.light .app-sidebar .ant-menu-item-selected {
  background: #1890ff !important;
}
/* 页签管理器样式 */
.tab-manager {
  background: var(--ant-color-bg-container); /* 使用主题背景色 */
  border-bottom: 1px solid var(--ant-color-border); /* 底部边框，与内容区域分割，使用适中的粗细 */
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* 适中的阴影效果 */
}

/* 左侧页签区域 */
.tab-manager-left {
  flex: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  background: var(--ant-color-bg-container); /* 使用主题背景色 */
}

/* 右侧控制区域 */
.tab-manager-right {
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-left: 1px solid var(--ant-color-border); /* 使用主题分界线颜色 */
  background: var(--ant-color-bg-container); /* 使用主题背景色 */
  height: 100%; /* 恢复全高度，确保边框连续 */
  min-width: 120px;
  max-width: 120px; /* 固定宽度 */
  flex-shrink: 0; /* 防止被压缩 */
}

/* 移除伪元素边框，因为现在使用margin来避免影响底部边框 */

.tab-controls {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 100%;
}

/* TabManager控制按钮的特殊样式，覆盖全局按钮样式 */
.tab-manager .tab-control-btn {
  padding: 4px 6px;
  height: 28px; /* 恢复按钮高度 */
  border-radius: 4px;
  color: var(--ant-color-text-secondary);
  transition: all 0.2s;
  border: none;
  background: transparent !important; /* 默认透明背景，与区域背景色一致 */
}

.tab-manager .tab-control-btn:hover {
  color: var(--ant-color-text);
  background: var(
    --ant-color-bg-elevated
  ) !important; /* 悬停时使用稍微不同的背景色 */
}

/* 自定义页签样式 - VS Code风格扁平化设计 */
.custom-tabs {
  width: 100%;
  height: 100%;
}

.custom-tabs .ant-tabs-nav {
  margin: 0;
  background: var(--ant-color-bg-container);
  height: 45px;
  border: none;
  box-shadow: none;
}

.custom-tabs .ant-tabs-nav-wrap {
  height: 45px;
  overflow: hidden;
}

.custom-tabs .ant-tabs-nav-list {
  height: 45px;
  display: flex;
  transition: transform 0.3s ease;
}

/* VS Code风格的tab - 完全扁平化矩形设计 */
.custom-tabs .ant-tabs-tab {
  background: var(--ant-color-bg-container);
  border: none !important; /* 强制移除所有边框 */
  border-radius: 0 !important; /* 强制移除所有圆角 */
  margin: 0 !important;
  padding: 0 16px;
  transition: all 0.15s ease; /* 更快的过渡效果，模仿VS Code */
  position: relative;
  height: 45px;
  display: flex;
  align-items: center;
  min-width: 120px;
  max-width: 200px;
  flex-shrink: 0;
  box-shadow: none !important; /* 强制移除阴影 */
}

/* 添加tab之间的分割线 - VS Code风格 */
.custom-tabs .ant-tabs-tab::after {
  content: '';
  position: absolute;
  right: 0;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: var(--ant-color-border-secondary);
  opacity: 0.6;
}

/* 最后一个tab不显示分割线 */
.custom-tabs .ant-tabs-tab:last-child::after {
  display: none;
}

/* 激活tab的分割线样式 */
.custom-tabs .ant-tabs-tab-active::after {
  background: var(--ant-color-border);
  opacity: 0.8;
}

.custom-tabs .ant-tabs-tab:hover {
  background: var(--ant-color-bg-elevated);
  /* 移除任何立体效果 */
  transform: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* 激活状态 - VS Code风格 */
.custom-tabs .ant-tabs-tab-active {
  background: var(--ant-color-bg-elevated);
  color: var(--ant-color-text);
  border-bottom: 2px solid var(--ant-color-primary); /* 底部蓝色线条标识激活状态 */
  z-index: 1;
  /* 移除阴影和立体效果 */
  box-shadow: none !important;
  border-radius: 0 !important;
  position: relative;
}

/* 激活tab的底部边框覆盖效果 */
.custom-tabs .ant-tabs-tab-active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--ant-color-bg-elevated);
  z-index: 2;
}

.custom-tabs .ant-tabs-tab-btn {
  display: flex;
  align-items: center;
  justify-content: center; /* 页签内容居中 */
  gap: 6px;
  font-size: 13px;
  color: var(--ant-color-text);
  height: 100%;
  padding: 0;
  font-weight: normal;
  width: 100%;
}

.custom-tabs .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--ant-color-primary);
  font-weight: 500;
}

/* 页签内容样式 */
.tab-content {
  display: flex;
  align-items: center;
  justify-content: center; /* 页签内容居中显示 */
  height: 100%;
  position: relative;
  width: 100%;
  padding: 0 2px; /* 添加小的内边距 */
}

.tab-label {
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center; /* 文字居中 */
  flex: 1;
  /* 移除最大宽度限制，让文字完整显示 */
}

/* 关闭按钮样式 - 悬停显示，小巧设计，居右 */
.tab-close-btn {
  font-size: 10px; /* 更小的字体 */
  opacity: 0;
  transition: all 0.2s;
  color: var(--ant-color-text-secondary);
  margin-left: 4px; /* 与文字保持距离 */
  padding: 1px; /* 更小的内边距 */
  border-radius: 1px; /* 更小的圆角 */
  cursor: pointer;
  flex-shrink: 0;
  width: 14px; /* 固定宽度 */
  height: 14px; /* 固定高度 */
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  position: absolute; /* 绝对定位，居右 */
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
}

.tab-content:hover .tab-close-btn {
  opacity: 1;
}

.tab-close-btn:hover {
  color: var(--ant-color-error);
  background: var(--ant-color-error-bg);
  transform: translateY(-50%) scale(1.1);
  border-radius: 2px;
}

/* 隐藏默认的页签内容区域 */
.custom-tabs .ant-tabs-content-holder {
  display: none;
}

/* 强制覆盖Ant Design的默认tab样式 */
.custom-tabs .ant-tabs-tab {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

.custom-tabs .ant-tabs-tab:hover {
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.custom-tabs .ant-tabs-tab-active {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 确保tab按钮也是无圆角的 */
.custom-tabs .ant-tabs-tab-btn {
  border-radius: 0 !important;
}

/* 覆盖可能的默认边框样式 */
.custom-tabs .ant-tabs-nav::before {
  border: none !important;
}

.custom-tabs .ant-tabs-ink-bar {
  display: none !important;
}

/* 右键菜单样式 */
.tab-context-menu .ant-dropdown-menu-item {
  padding: 8px 12px;
  font-size: 13px;
}

.tab-context-menu .ant-dropdown-menu-item:hover {
  background: var(--ant-color-primary-bg);
}

/* 页签导航栏样式优化 */
.custom-tabs .ant-tabs-tab-remove {
  display: none; /* 隐藏默认的关闭按钮 */
}

/* 页签滚动控制按钮 */
.tab-scroll-controls {
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 10;
}

.tab-scroll-left {
  left: 0;
  background: linear-gradient(
    to right,
    var(--ant-color-bg-container),
    transparent
  );
  padding-left: 8px;
}

.tab-scroll-right {
  right: 0;
  background: linear-gradient(
    to left,
    var(--ant-color-bg-container),
    transparent
  );
  padding-right: 8px;
}

.tab-scroll-btn {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--ant-color-bg-elevated);
  border: 1px solid var(--ant-color-border);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  color: var(--ant-color-text-secondary);
}

.tab-scroll-btn:hover {
  background: var(--ant-color-primary-bg);
  color: var(--ant-color-primary);
  border-color: var(--ant-color-primary);
}

.tab-scroll-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .tab-manager-right {
    padding: 0 8px;
    min-width: 100px;
    height: 100%; /* 移动端也保持全高度 */
  }

  .custom-tabs .ant-tabs-tab {
    padding: 6px 12px;
    min-width: 100px;
    max-width: 150px;
  }

  .tab-label {
    /* 移除移动端最大宽度限制，让文字完整显示 */
    font-size: 12px;
  }

  .tab-control-btn {
    padding: 2px 4px;
    height: 24px;
  }
}

/* 深色主题适配 - 使用 --sidebar-menu-bg: #141414 */
body.dark .tab-manager {
  background: #141414; /* 页面左侧menu区域：--sidebar-menu-bg: #141414 */
  border-bottom-color: #404040;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

body.dark .tab-manager-left {
  background: #141414; /* 页面左侧menu区域：--sidebar-menu-bg: #141414 */
}

body.dark .tab-manager-right {
  background: #141414; /* 页面左侧menu区域：--sidebar-menu-bg: #141414 */
  border-left-color: #404040;
}

body.dark .custom-tabs .ant-tabs-nav {
  background: #141414; /* 页面左侧menu区域：--sidebar-menu-bg: #141414 */
}

body.dark .custom-tabs .ant-tabs-tab {
  background: #141414; /* 页面左侧menu区域：--sidebar-menu-bg: #141414 */
}

body.dark .custom-tabs .ant-tabs-tab::after {
  background: #404040;
  opacity: 0.7;
}

body.dark .custom-tabs .ant-tabs-tab-active::after {
  background: #404040;
  opacity: 0.9;
}

body.dark .custom-tabs .ant-tabs-tab-active {
  background: #1f1f1f; /* 页面区域背景 --content-bg: #1f1f1f */
  border-bottom-color: var(--ant-color-primary);
}

body.dark .custom-tabs .ant-tabs-tab-active::after {
  background: #1f1f1f; /* 页面区域背景 --content-bg: #1f1f1f */
}

body.dark .custom-tabs .ant-tabs-tab:hover {
  background: #1f1f1f; /* 页面区域背景 --content-bg: #1f1f1f */
}

body.dark .tab-close-btn:hover {
  background: var(--ant-color-error-bg);
}

body.dark .tab-manager .tab-control-btn {
  background: transparent !important;
}

body.dark .tab-manager .tab-control-btn:hover {
  background: #1f1f1f !important; /* 页面区域背景 --content-bg: #1f1f1f */
}

body.dark .tab-scroll-btn {
  background: #404040;
  border-color: #404040;
}

/* 浅色主题适配 */
body.light .tab-manager {
  background: #ffffff;
  border-bottom-color: #f0f0f0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

body.light .tab-manager-left {
  background: #ffffff;
}

body.light .tab-manager-right {
  background: #ffffff;
  border-left-color: #f0f0f0;
}

body.light .custom-tabs .ant-tabs-nav {
  background: #ffffff;
}

body.light .custom-tabs .ant-tabs-tab {
  background: #ffffff;
}

body.light .custom-tabs .ant-tabs-tab::after {
  background: #f0f0f0;
  opacity: 0.7;
}

body.light .custom-tabs .ant-tabs-tab-active::after {
  background: #f0f0f0;
  opacity: 0.9;
}

body.light .custom-tabs .ant-tabs-tab-active {
  background: #fafafa;
  border-bottom-color: var(--ant-color-primary);
}

body.light .custom-tabs .ant-tabs-tab-active::after {
  background: #fafafa;
}

body.light .custom-tabs .ant-tabs-tab:hover {
  background: #fafafa;
}

body.light .tab-close-btn:hover {
  background: var(--ant-color-error-bg);
}

body.light .tab-manager .tab-control-btn {
  background: transparent !important;
}

body.light .tab-manager .tab-control-btn:hover {
  background: #f5f5f5 !important;
}

body.light .tab-scroll-btn {
  background: #f5f5f5;
  border-color: #f0f0f0;
}

/* 页签间距优化 - VS Code风格 */
.custom-tabs .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 0; /* 页签之间无间距，紧密相连 */
}

/* 页签悬停效果 - VS Code风格，无立体效果 */
.custom-tabs .ant-tabs-tab:hover {
  background: var(--ant-color-bg-elevated);
  transform: none !important; /* 无移动效果 */
  box-shadow: none !important; /* 无阴影 */
  border-radius: 0 !important; /* 保持无圆角 */
}

.custom-tabs .ant-tabs-tab-active:hover {
  transform: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
/* 主布局样式 */
.main-layout {
  height: 100vh;
  overflow: hidden;
}

.main-layout.dark {
  background: var(--layout-bg);
}

.main-layout.light {
  background: var(--layout-bg);
}

/* 布局容器样式 */
.layout-container {
  background: transparent;
  overflow: hidden;
  height: 100vh;
}

/* 主内容区域样式 */
.main-content {
  margin: 0;
  height: calc(100vh - 45px); /* 调整为45px */
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}

/* 页面内容区域 */
.page-content {
  flex: 1;
  overflow: auto;
  position: relative;
}

.page-content-with-tabs {
  height: calc(100vh - 45px - 40px); /* 调整为45px */
}

.page-content-without-tabs {
  height: calc(100vh - 45px); /* 调整为45px */
}

/* 底部贯通整个主内容区域的边框细线 */
.bottom-border {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  z-index: 10;
  background: var(--border-color);
}

/* 深色主题适配 */
body.dark .main-content {
  background: var(--content-bg);
}

body.dark .bottom-border {
  background: var(--border-color);
}

/* 浅色主题适配 */
body.light .main-content {
  background: var(--content-bg);
}

body.light .bottom-border {
  background: var(--border-color);
}

/* 响应式设计 */
@media (max-width: 768px) {
  .main-content {
    height: calc(100vh - 45px); /* 调整为45px */
  }

  .page-content-with-tabs {
    height: calc(100vh - 45px - 40px); /* 调整为45px */
  }

  .page-content-without-tabs {
    height: calc(100vh - 45px); /* 调整为45px */
  }
}

/* 内容区域滚动优化 */
.page-content::-webkit-scrollbar {
  width: 6px;
}

.page-content::-webkit-scrollbar-track {
  background: transparent;
}

.page-content::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 3px;
}

.page-content::-webkit-scrollbar-thumb:hover {
  background: var(--text-secondary);
}

/* 深色主题滚动条 */
body.dark .page-content::-webkit-scrollbar-thumb {
  background: #434343;
}

body.dark .page-content::-webkit-scrollbar-thumb:hover {
  background: #595959;
}

/* 浅色主题滚动条 */
body.light .page-content::-webkit-scrollbar-thumb {
  background: #d9d9d9;
}

body.light .page-content::-webkit-scrollbar-thumb:hover {
  background: #bfbfbf;
}
/* StyledCard 组件样式 - 解决Ant Design Card组件圆角冲突 */

/* 基础样式 */
.styled-card {
  /* 确保Card组件和body的圆角一致 */
  border-radius: 8px !important;
  overflow: hidden;
}

.styled-card .ant-card-body {
  border-radius: 8px !important;
}

/* 直角样式 */
.styled-card-square {
  border-radius: 0 !important;
}

.styled-card-square .ant-card-body {
  border-radius: 0 !important;
}

/* 自定义圆角样式 */
.styled-card-custom-radius {
  border-radius: 12px !important;
}

.styled-card-custom-radius .ant-card-body {
  border-radius: 12px !important;
}

/* 深色主题样式 - 移除!important以允许内联样式覆盖 */
.styled-card-dark {
  /* 背景色和边框色通过内联样式设置，这里只设置默认值 */
  background: #262626;
  border: 1px solid #303030;
}

.styled-card-dark .ant-card-body {
  /* 背景色通过内联样式设置，这里只设置默认值 */
  background: #262626;
}

/* 无边框样式 */
.styled-card-borderless {
  border: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.styled-card-borderless .ant-card-body {
  border: none !important;
}

/* 确保所有变体都正确处理圆角 */
.styled-card .ant-card-head {
  border-radius: 8px 8px 0 0;
  border-bottom: none !important;
}

.styled-card-square .ant-card-head {
  border-radius: 0;
  border-bottom: none !important;
}

.styled-card-custom-radius .ant-card-head {
  border-radius: 12px 12px 0 0;
  border-bottom: none !important;
}

/* 处理Card内部的圆角元素 */
.styled-card .ant-card-actions {
  border-radius: 0 0 8px 8px;
}

.styled-card-square .ant-card-actions {
  border-radius: 0;
}

.styled-card-custom-radius .ant-card-actions {
  border-radius: 0 0 12px 12px;
}
._creatorContainer_gq5t5_1 {
  position: relative;
  padding: 12px 16px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border: 1px solid rgba(59, 130, 246, 0.15);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
._creatorContainer_gq5t5_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #3b82f6, #9333ea, #3b82f6);
  background-size: 200% 100%;
  animation: _shimmer_gq5t5_1 3s ease-in-out infinite;
}
._creatorContainer_gq5t5_1:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.25);
}
._creatorContainer_gq5t5_1._small_gq5t5_26 {
  padding: 8px 12px;
  border-radius: 8px;
}
._creatorContainer_gq5t5_1._small_gq5t5_26 ._creatorInfo_gq5t5_30 {
  gap: 8px;
}
._creatorContainer_gq5t5_1._small_gq5t5_26 ._creatorName_gq5t5_33 {
  font-size: 12px;
}
._creatorContainer_gq5t5_1._small_gq5t5_26 ._timeText_gq5t5_36 {
  font-size: 10px;
}
._creatorContainer_gq5t5_1._medium_gq5t5_39 {
  padding: 12px 16px;
  border-radius: 12px;
}
._creatorContainer_gq5t5_1._large_gq5t5_43 {
  padding: 16px 20px;
  border-radius: 16px;
}
._creatorContainer_gq5t5_1._large_gq5t5_43 ._creatorInfo_gq5t5_30 {
  gap: 16px;
}
._creatorContainer_gq5t5_1._large_gq5t5_43 ._creatorName_gq5t5_33 {
  font-size: 16px;
}
._creatorContainer_gq5t5_1._large_gq5t5_43 ._timeText_gq5t5_36 {
  font-size: 13px;
}
._creatorContainer_gq5t5_1._light_gq5t5_56 {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.06) 0%, rgba(147, 51, 234, 0.06) 100%);
  border-color: rgba(59, 130, 246, 0.12);
}
._creatorContainer_gq5t5_1._light_gq5t5_56:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(147, 51, 234, 0.1) 100%);
  border-color: rgba(59, 130, 246, 0.2);
}
._creatorContainer_gq5t5_1._dark_gq5t5_64 {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
  border-color: rgba(59, 130, 246, 0.2);
}
._creatorContainer_gq5t5_1._dark_gq5t5_64:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.18) 0%, rgba(147, 51, 234, 0.18) 100%);
  border-color: rgba(59, 130, 246, 0.3);
}

._creatorInfo_gq5t5_30 {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  z-index: 2;
}

._avatarSection_gq5t5_81 {
  flex-shrink: 0;
  position: relative;
}
._avatarSection_gq5t5_81::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3b82f6, #9333ea);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
}
._avatarSection_gq5t5_81:hover::before {
  opacity: 0.2;
}

._creatorAvatar_gq5t5_99 {
  border: 2px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
._creatorAvatar_gq5t5_99:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

._creatorDetails_gq5t5_109 {
  flex: 1;
  min-width: 0;
}

._nameSection_gq5t5_114 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  flex-wrap: wrap;
}

._creatorName_gq5t5_33 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #1e293b;
  background: linear-gradient(135deg, #1e293b 0%, #475569 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
._dark_gq5t5_64 ._creatorName_gq5t5_33 {
  color: #f1f5f9;
  background: linear-gradient(135deg, #f1f5f9 0%, #cbd5e1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

._roleTag_gq5t5_140 {
  font-size: 10px;
  height: 18px;
  line-height: 16px;
  padding: 0 6px;
  border-radius: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
._roleTag_gq5t5_140 .ant-tag-icon {
  margin-right: 2px;
  font-size: 8px;
}

._timeInfo_gq5t5_157 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._timeIcon_gq5t5_163 {
  font-size: 10px;
  color: #64748b;
  opacity: 0.8;
}
._dark_gq5t5_64 ._timeIcon_gq5t5_163 {
  color: #94a3b8;
}

._timeText_gq5t5_36 {
  font-size: 11px;
  font-weight: 500;
  color: #64748b;
  font-family: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;
  letter-spacing: 0.2px;
}
._dark_gq5t5_64 ._timeText_gq5t5_36 {
  color: #94a3b8;
}

._timeSeparator_gq5t5_183 {
  color: #94a3b8;
  font-weight: 400;
  margin: 0 2px;
}
._dark_gq5t5_64 ._timeSeparator_gq5t5_183 {
  color: #64748b;
}

._decorativeElements_gq5t5_192 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}

._gradientLine_gq5t5_202 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #3b82f6, #9333ea, #3b82f6);
  background-size: 200% 100%;
  animation: _shimmer_gq5t5_1 3s ease-in-out infinite;
}

._shineEffect_gq5t5_213 {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  animation: _shine_gq5t5_213 4s ease-in-out infinite;
}

._creatorTooltipOverlay_gq5t5_223 .ant-tooltip-inner {
  background: rgba(15, 23, 42, 0.95);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 8px;
  padding: 12px 16px;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
._creatorTooltipOverlay_gq5t5_223 .ant-tooltip-arrow::before {
  background: rgba(15, 23, 42, 0.95);
  border: 1px solid rgba(59, 130, 246, 0.3);
}

._creatorTooltip_gq5t5_223 {
  text-align: left;
  min-width: 200px;
}

._tooltipName_gq5t5_241 {
  font-size: 14px;
  font-weight: 600;
  color: #f1f5f9;
  margin-bottom: 4px;
}

._tooltipEmail_gq5t5_248 {
  font-size: 12px;
  color: #94a3b8;
  margin-bottom: 6px;
  font-family: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;
}

._tooltipTime_gq5t5_255 {
  font-size: 11px;
  color: #64748b;
  font-family: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;
  letter-spacing: 0.2px;
}

@keyframes _shimmer_gq5t5_1 {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes _shine_gq5t5_213 {
  0% {
    left: -100%;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
@media (max-width: 768px) {
  ._creatorContainer_gq5t5_1 {
    padding: 10px 12px;
    border-radius: 10px;
  }
  ._creatorContainer_gq5t5_1._large_gq5t5_43 {
    padding: 12px 16px;
    border-radius: 12px;
  }
  ._creatorInfo_gq5t5_30 {
    gap: 10px;
  }
  ._creatorName_gq5t5_33 {
    font-size: 13px;
  }
  ._timeText_gq5t5_36 {
    font-size: 10px;
  }
}
@media (max-width: 480px) {
  ._creatorContainer_gq5t5_1 {
    padding: 8px 10px;
    border-radius: 8px;
  }
  ._creatorContainer_gq5t5_1._large_gq5t5_43 {
    padding: 10px 12px;
    border-radius: 10px;
  }
  ._creatorInfo_gq5t5_30 {
    gap: 8px;
  }
  ._nameSection_gq5t5_114 {
    gap: 6px;
  }
  ._creatorName_gq5t5_33 {
    font-size: 12px;
  }
  ._roleTag_gq5t5_140 {
    font-size: 9px;
    height: 16px;
    line-height: 14px;
    padding: 0 4px;
  }
  ._timeText_gq5t5_36 {
    font-size: 9px;
  }
}._applicationCard_utd0v_1 {
  width: 100%;
  height: 420px;
  border-radius: 20px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden;
  position: relative;
  border: none;
  backdrop-filter: blur(10px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._applicationCard_utd0v_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask-composite: xor;
  opacity: 0;
  transition: opacity 0.3s ease;
}
._applicationCard_utd0v_1:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
._applicationCard_utd0v_1:hover::before {
  opacity: 1;
}
._applicationCard_utd0v_1._light_utd0v_37 {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(248, 250, 252, 0.8) 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
._applicationCard_utd0v_1._light_utd0v_37:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}
._applicationCard_utd0v_1._dark_utd0v_44 {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.9) 0%, rgba(30, 41, 59, 0.8) 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
._applicationCard_utd0v_1._dark_utd0v_44:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}
._applicationCard_utd0v_1 .ant-card-body {
  padding: 16px !important;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  height: calc(100% - 60px);
}
._applicationCard_utd0v_1 .ant-card-actions {
  height: 60px;
  background: transparent;
  border-top: none;
  position: relative;
  align-items: center;
  padding: 10px 0;
  box-sizing: border-box;
}
._applicationCard_utd0v_1 .ant-card-actions > li {
  margin: 0;
}
._applicationCard_utd0v_1 .ant-card-actions::before {
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
}
._light_utd0v_37 ._applicationCard_utd0v_1 .ant-card-actions {
  background: rgba(248, 250, 252, 0.6);
}
._dark_utd0v_44 ._applicationCard_utd0v_1 .ant-card-actions {
  background: rgba(30, 41, 59, 0.6);
}

._cardContent_utd0v_87 {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 16px;
}

._statusBar_utd0v_94 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding: 6px 10px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 51, 234, 0.08) 100%);
  border: 1px solid rgba(59, 130, 246, 0.15);
  position: relative;
  overflow: hidden;
}
._statusBar_utd0v_94::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.4), transparent);
}
._light_utd0v_37 ._statusBar_utd0v_94 {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.06) 0%, rgba(147, 51, 234, 0.06) 100%);
  border-color: rgba(59, 130, 246, 0.12);
}
._dark_utd0v_44 ._statusBar_utd0v_94 {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 51, 234, 0.12) 100%);
  border-color: rgba(59, 130, 246, 0.2);
}

._statusBadge_utd0v_124 {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  position: relative;
  z-index: 1;
}
._statusBadge_utd0v_124 .ant-badge-status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8);
}
._statusBadge_utd0v_124 .ant-badge-status-text {
  margin-left: 6px;
  font-weight: 700;
  letter-spacing: 0.8px;
}

._statusIcon_utd0v_144 {
  font-size: 14px;
  opacity: 0.9;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
}
._light_utd0v_37 ._statusIcon_utd0v_144 {
  color: #3b82f6;
}
._dark_utd0v_44 ._statusIcon_utd0v_144 {
  color: #60a5fa;
}
._statusIcon_utd0v_144:hover {
  opacity: 1;
  transform: scale(1.15);
}

._appHeader_utd0v_162 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  position: relative;
}

._logoContainer_utd0v_169 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
._logoContainer_utd0v_169::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
}
._logoContainer_utd0v_169:hover::before {
  opacity: 0.1;
}

._appLogo_utd0v_190 {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  object-fit: cover;
  border: 3px solid;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
._light_utd0v_37 ._appLogo_utd0v_190 {
  border-color: rgba(255, 255, 255, 0.8);
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}
._dark_utd0v_44 ._appLogo_utd0v_190 {
  border-color: rgba(255, 255, 255, 0.2);
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
}
._appLogo_utd0v_190:hover {
  transform: scale(1.05);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
}

._appInfo_utd0v_212 {
  flex: 1;
  min-width: 0;
}

._appName_utd0v_217 {
  margin-bottom: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._nameText_utd0v_224 {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: linear-gradient(135deg, #1e293b 0%, #475569 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
._light_utd0v_37 ._nameText_utd0v_224 {
  background: linear-gradient(135deg, #1e293b 0%, #475569 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
._dark_utd0v_44 ._nameText_utd0v_224 {
  background: linear-gradient(135deg, #f1f5f9 0%, #cbd5e1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

._appIdentifier_utd0v_250 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  padding: 4px 8px;
  border-radius: 8px;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  min-width: 0;
  overflow: hidden;
}
._light_utd0v_37 ._appIdentifier_utd0v_250 {
  background: rgba(59, 130, 246, 0.08);
  border-color: rgba(59, 130, 246, 0.15);
}
._dark_utd0v_44 ._appIdentifier_utd0v_250 {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.25);
}

._identifierIcon_utd0v_271 {
  font-size: 12px;
  color: #3b82f6;
  opacity: 0.8;
}

._identifierText_utd0v_277 {
  font-size: 11px;
  font-family: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;
  font-weight: 600;
  color: #3b82f6;
  letter-spacing: 0.3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
}

._packageName_utd0v_290 {
  margin-bottom: 0;
}

._packageText_utd0v_294 {
  font-size: 10px;
  font-family: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: 6px;
  letter-spacing: 0.2px;
}
._light_utd0v_37 ._packageText_utd0v_294 {
  color: #64748b;
  background: rgba(100, 116, 139, 0.1);
  border: 1px solid rgba(100, 116, 139, 0.2);
}
._dark_utd0v_44 ._packageText_utd0v_294 {
  color: #94a3b8;
  background: rgba(148, 163, 184, 0.15);
  border: 1px solid rgba(148, 163, 184, 0.25);
}

._techTags_utd0v_313 {
  display: flex;
  flex-wrap: nowrap;
  gap: 3px;
  height: 32px;
  align-items: center;
  overflow: hidden;
  width: 100%;
  justify-content: flex-start;
}
@supports (display: grid) {
  ._techTags_utd0v_313 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
    gap: 3px;
    align-items: center;
  }
}

._typeTag_utd0v_332,
._frameworkTag_utd0v_333,
._versionTag_utd0v_334 {
  font-size: clamp(8px, 1.2vw, 10px);
  padding: 4px clamp(6px, 1vw, 10px);
  height: 24px;
  line-height: 16px;
  border-radius: 12px;
  font-weight: 700;
  border: none;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._typeTag_utd0v_332::before,
._frameworkTag_utd0v_333::before,
._versionTag_utd0v_334::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}
._typeTag_utd0v_332:hover::before,
._frameworkTag_utd0v_333:hover::before,
._versionTag_utd0v_334:hover::before {
  left: 100%;
}
._typeTag_utd0v_332:hover,
._frameworkTag_utd0v_333:hover,
._versionTag_utd0v_334:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

._appDescription_utd0v_381 {
  flex: 0 0 auto;
  margin: 0 0 12px 0;
  height: 50px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  border-radius: 6px;
  background: rgba(100, 116, 139, 0.03);
  border: 1px dashed rgba(100, 116, 139, 0.15);
}
._light_utd0v_37 ._appDescription_utd0v_381 {
  background: rgba(100, 116, 139, 0.02);
  border-color: rgba(100, 116, 139, 0.12);
}
._dark_utd0v_44 ._appDescription_utd0v_381 {
  background: rgba(148, 163, 184, 0.05);
  border-color: rgba(148, 163, 184, 0.15);
}
._appDescription_utd0v_381._noDescription_utd0v_400 {
  justify-content: center;
}
._appDescription_utd0v_381:not(._noDescription_utd0v_400) {
  justify-content: flex-start;
}

._descriptionText_utd0v_407 {
  margin: 0 !important;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
._descriptionText_utd0v_407 .ant-typography {
  margin-bottom: 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
._light_utd0v_37 ._descriptionText_utd0v_407 {
  color: #475569;
}
._dark_utd0v_44 ._descriptionText_utd0v_407 {
  color: #cbd5e1;
}

._noDescriptionText_utd0v_433 {
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  opacity: 0.6;
}
._light_utd0v_37 ._noDescriptionText_utd0v_433 {
  color: #64748b;
}
._dark_utd0v_44 ._noDescriptionText_utd0v_433 {
  color: #94a3b8;
}

._creatorSection_utd0v_446 {
  margin: 0 0 12px 0;
  position: relative;
}
._creatorSection_utd0v_446 .creatorContainer {
  margin: 0;
  border-radius: 8px;
  padding: 8px 12px;
}
._creatorSection_utd0v_446 .creatorContainer._small_utd0v_455 {
  padding: 6px 10px;
  border-radius: 6px;
}

._techInfo_utd0v_460 {
  background: linear-gradient(135deg, rgba(100, 116, 139, 0.08) 0%, rgba(148, 163, 184, 0.08) 100%);
  border-radius: 10px;
  padding: 12px;
  margin: 0;
  border: 1px solid rgba(100, 116, 139, 0.15);
  position: relative;
  overflow: hidden;
}
._techInfo_utd0v_460::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #64748b, #94a3b8, #64748b);
  background-size: 200% 100%;
  animation: _shimmer_utd0v_1 3s ease-in-out infinite;
}
._light_utd0v_37 ._techInfo_utd0v_460 {
  background: linear-gradient(135deg, rgba(100, 116, 139, 0.06) 0%, rgba(148, 163, 184, 0.06) 100%);
  border-color: rgba(100, 116, 139, 0.12);
}
._dark_utd0v_44 ._techInfo_utd0v_460 {
  background: linear-gradient(135deg, rgba(100, 116, 139, 0.12) 0%, rgba(148, 163, 184, 0.12) 100%);
  border-color: rgba(100, 116, 139, 0.2);
}

@keyframes _shimmer_utd0v_1 {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
._urlInfo_utd0v_497,
._timeInfo_utd0v_498 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  padding: 4px 0;
}
._urlInfo_utd0v_497:last-child,
._timeInfo_utd0v_498:last-child {
  margin-bottom: 0;
}

._infoIcon_utd0v_510 {
  font-size: 14px;
  opacity: 0.8;
  color: #3b82f6;
  transition: all 0.3s ease;
}
._infoIcon_utd0v_510:hover {
  opacity: 1;
  transform: scale(1.1);
}

._urlText_utd0v_521,
._timeText_utd0v_522 {
  font-size: 12px;
  font-weight: 600;
  font-family: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;
  letter-spacing: 0.2px;
}
._light_utd0v_37 ._urlText_utd0v_521,
._light_utd0v_37 ._timeText_utd0v_522 {
  color: #475569;
}
._dark_utd0v_44 ._urlText_utd0v_521,
._dark_utd0v_44 ._timeText_utd0v_522 {
  color: #cbd5e1;
}

._actionButton_utd0v_537 {
  border: none;
  box-shadow: none;
  color: #64748b;
  background: rgba(100, 116, 139, 0.1);
  border: 1px solid rgba(100, 116, 139, 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
._actionButton_utd0v_537:hover {
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}
._actionButton_utd0v_537:active {
  transform: translateY(0);
}
._dark_utd0v_44 ._actionButton_utd0v_537 {
  color: #94a3b8;
  background: rgba(148, 163, 184, 0.15);
  border-color: rgba(148, 163, 184, 0.25);
}
._dark_utd0v_44 ._actionButton_utd0v_537:hover {
  color: #60a5fa;
  background: rgba(96, 165, 250, 0.15);
  border-color: rgba(96, 165, 250, 0.3);
  box-shadow: 0 4px 12px rgba(96, 165, 250, 0.2);
}

@media (max-width: 768px) {
  ._applicationCard_utd0v_1 {
    height: 380px;
    margin-bottom: 16px;
    border-radius: 16px;
  }
  ._applicationCard_utd0v_1 .ant-card-body {
    padding: 20px !important;
  }
  ._appHeader_utd0v_162 {
    gap: 16px;
  }
  ._appLogo_utd0v_190 {
    width: 56px;
    height: 56px;
    border-radius: 14px;
  }
  ._nameText_utd0v_224 {
    font-size: 18px;
  }
  ._identifierText_utd0v_277 {
    font-size: 11px;
  }
  ._statusBar_utd0v_94 {
    padding: 5px 8px;
    margin-bottom: 10px;
  }
  ._appDescription_utd0v_381 {
    height: 45px;
    padding: 5px 8px;
  }
  ._techTags_utd0v_313 {
    height: 30px;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2px;
  }
  @supports (display: grid) {
    ._techTags_utd0v_313 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
      gap: 2px;
      align-items: center;
    }
  }
  ._techInfo_utd0v_460 {
    padding: 10px;
  }
}
@media (max-width: 480px) {
  ._applicationCard_utd0v_1 {
    height: 360px;
  }
  ._applicationCard_utd0v_1 .ant-card-body {
    padding: 16px !important;
  }
  ._appHeader_utd0v_162 {
    gap: 12px;
  }
  ._appLogo_utd0v_190 {
    width: 48px;
    height: 48px;
    border-radius: 12px;
  }
  ._nameText_utd0v_224 {
    font-size: 16px;
  }
  ._techTags_utd0v_313 {
    height: 28px;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2px;
  }
  @supports (display: grid) {
    ._techTags_utd0v_313 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(45px, 1fr));
      gap: 2px;
      align-items: center;
    }
  }
  ._typeTag_utd0v_332,
  ._frameworkTag_utd0v_333,
  ._versionTag_utd0v_334 {
    font-size: clamp(7px, 1vw, 9px);
    padding: 3px clamp(4px, 0.7vw, 8px);
    height: 20px;
    line-height: 14px;
    letter-spacing: 0.1px;
  }
  ._statusBar_utd0v_94 {
    padding: 4px 6px;
    margin-bottom: 8px;
  }
  ._appDescription_utd0v_381 {
    height: 40px;
    padding: 4px 6px;
  }
  ._techInfo_utd0v_460 {
    padding: 8px;
  }
}/* Enhanced Select 组件样式 */

.enhanced-select {
  width: 100%;
}

.enhanced-select .ant-select-selector {
  border-radius: 8px !important;
  border: 1px solid #d9d9d9 !important;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
}

.enhanced-select:hover .ant-select-selector {
  border-color: #40a9ff !important;
  box-shadow: 0 4px 8px rgba(64, 169, 255, 0.1) !important;
}

.enhanced-select.ant-select-focused .ant-select-selector {
  border-color: #1890ff !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
}

.enhanced-select-suffix {
  display: flex;
  align-items: center;
  color: #bfbfbf;
  transition: color 0.3s;
}

.enhanced-select:hover .enhanced-select-suffix {
  color: #40a9ff;
}

.enhanced-select.ant-select-focused .enhanced-select-suffix {
  color: #1890ff;
}

/* 下拉框样式 */
.enhanced-select-dropdown {
  border-radius: 8px !important;
  overflow: hidden;
}

.enhanced-select-dropdown .ant-select-item-option {
  padding: 0 !important;
  border-radius: 0 !important;
  transition: background-color 0.15s ease !important;
}

.enhanced-select-dropdown .ant-select-item-option:hover {
  background-color: #f5f5f5 !important;
}

.enhanced-select-dropdown .ant-select-item-option-selected {
  background-color: #e6f7ff !important;
  font-weight: 500 !important;
}

.enhanced-select-dropdown .ant-select-item-option-selected::after {
  content: '✓';
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #1890ff;
  font-weight: bold;
}

/* 选项内容样式 */
.enhanced-select-option-wrapper {
  padding: 0 !important;
}

.enhanced-select-option {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  transition: none;
}

.enhanced-select-option.light {
  color: #262626;
}

.enhanced-select-option.dark {
  color: #ffffff;
}

.enhanced-select-option .option-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.enhanced-select-option .option-left {
  display: flex;
  align-items: center;
  flex: 1;
}

.enhanced-select-option .option-icon {
  margin-right: 12px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.enhanced-select-option .option-text {
  flex: 1;
  min-width: 0;
}

.enhanced-select-option .option-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}

.enhanced-select-option .option-description {
  font-size: 12px;
  color: #8c8c8c;
  line-height: 1.3;
  margin-top: 2px;
}

.enhanced-select-option .option-tags {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
}

.enhanced-select-option .option-tag {
  background: #f0f0f0;
  color: #595959;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}

.enhanced-select-option .option-tag-more {
  background: #e6f7ff;
  color: #1890ff;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}

/* 选项组头部样式 */
.option-group-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #1890ff;
  padding: 8px 0;
}

.option-group-header .anticon {
  font-size: 14px;
}

/* 空状态样式 */
.enhanced-select-empty {
  text-align: center;
  padding: 24px 16px;
  color: #bfbfbf;
}

/* 暗色主题适配 */
body.dark .enhanced-select .ant-select-selector {
  background-color: #1f1f1f !important;
  border-color: #434343 !important;
  color: #ffffff !important;
}

body.dark .enhanced-select:hover .ant-select-selector {
  border-color: #40a9ff !important;
  box-shadow: 0 4px 8px rgba(64, 169, 255, 0.2) !important;
}

body.dark .enhanced-select.ant-select-focused .ant-select-selector {
  border-color: #1890ff !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.3) !important;
}

body.dark .enhanced-select-suffix {
  color: #a6a6a6;
}

body.dark .enhanced-select:hover .enhanced-select-suffix {
  color: #40a9ff;
}

body.dark .enhanced-select.ant-select-focused .enhanced-select-suffix {
  color: #1890ff;
}

body.dark .enhanced-select-dropdown {
  background-color: #1f1f1f !important;
  border: 1px solid #434343 !important;
}

body.dark .enhanced-select-dropdown .ant-select-item-option {
  background-color: #1f1f1f !important;
  color: #ffffff !important;
}

body.dark .enhanced-select-dropdown .ant-select-item-option:hover {
  background-color: #404040 !important;
}

body.dark .enhanced-select-dropdown .ant-select-item-option-selected {
  background-color: #111b26 !important;
  font-weight: 500 !important;
}

body.dark .enhanced-select-dropdown .ant-select-item-option-selected::after {
  color: #1890ff;
}

body.dark .enhanced-select-option.dark .option-description {
  color: #a6a6a6;
}

body.dark .enhanced-select-option.dark .option-tag {
  background: #434343;
  color: #d9d9d9;
}

body.dark .enhanced-select-option.dark .option-tag-more {
  background: #111b26;
  color: #91d5ff;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .enhanced-select-option {
    padding: 10px 12px;
    min-height: 44px;
  }

  .enhanced-select-option .option-icon {
    margin-right: 8px;
    font-size: 14px;
    width: 18px;
    height: 18px;
  }

  .enhanced-select-option .option-label {
    font-size: 13px;
  }

  .enhanced-select-option .option-description {
    font-size: 11px;
  }
}

/* 移除可能导致闪烁的动画效果，使用Ant Design默认动画 */

/* 加载状态样式 */
.enhanced-select.ant-select-loading .ant-select-selector {
  background-color: #fafafa;
}

body.dark .enhanced-select.ant-select-loading .ant-select-selector {
  background-color: #262626;
}

/* 禁用状态样式 */
.enhanced-select.ant-select-disabled .ant-select-selector {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  color: #bfbfbf;
  cursor: not-allowed;
}

body.dark .enhanced-select.ant-select-disabled .ant-select-selector {
  background-color: #262626;
  color: #595959;
}

/* 多选模式样式 */
.enhanced-select.ant-select-multiple .ant-select-selection-item {
  background: #f0f0f0;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  padding: 2px 8px;
  margin: 2px 4px 2px 0;
  font-size: 12px;
  line-height: 1.4;
}

body.dark .enhanced-select.ant-select-multiple .ant-select-selection-item {
  background: #434343;
  border-color: #595959;
  color: #d9d9d9;
}

/* 搜索框样式 */
.enhanced-select-dropdown .ant-select-dropdown-search {
  padding: 8px 12px;
  border-bottom: 1px solid #f0f0f0;
}

body.dark .enhanced-select-dropdown .ant-select-dropdown-search {
  border-bottom-color: #434343;
}

.enhanced-select-dropdown .ant-select-dropdown-search .ant-input {
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  background: #fafafa;
}

body.dark .enhanced-select-dropdown .ant-select-dropdown-search .ant-input {
  background: #262626;
  border-color: #434343;
  color: #ffffff;
}

.enhanced-select-dropdown .ant-select-dropdown-search .ant-input:focus {
  border-color: #1890ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

/* 空状态样式 */
body.dark .enhanced-select-empty {
  color: #a6a6a6;
}

/* 选项组头部样式 */
body.dark .option-group-header {
  color: #91d5ff;
}

/* 占位符样式 */
body.dark .enhanced-select .ant-select-selection-placeholder {
  color: #a6a6a6;
}
._applicationList_8kdgw_1 {
  height: 100%;
  display: flex;
  flex-direction: column;
}

._cardContainer_8kdgw_7 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

._cardGrid_8kdgw_14 {
  flex: 1;
  height: 100%;
  overflow: auto;
  margin-bottom: 24px;
  padding-top: 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

._loadingContainer_8kdgw_26 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 300px;
  gap: 16px;
}

._loadingSpinner_8kdgw_35 {
  width: 40px;
  height: 40px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #1890ff;
  border-radius: 50%;
  animation: _spin_8kdgw_1 1s linear infinite;
}

@keyframes _spin_8kdgw_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._emptyContainer_8kdgw_52 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
  flex: 1;
}

._paginationContainer_8kdgw_60 {
  display: flex;
  justify-content: center;
  padding: 16px 0;
  border-top: 1px solid #f0f0f0;
  margin-top: auto;
}
._paginationContainer_8kdgw_60 .ant-pagination {
  margin: 0;
}

@media (max-width: 768px) {
  ._cardGrid_8kdgw_14 {
    margin-bottom: 16px;
  }
  ._paginationContainer_8kdgw_60 {
    padding: 12px 0;
  }
}
@media (max-width: 480px) {
  ._cardGrid_8kdgw_14 {
    margin-bottom: 12px;
  }
  ._paginationContainer_8kdgw_60 {
    padding: 8px 0;
  }
}._basicInfo_18ydl_1 ._emptyContainer_18ydl_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 200px;
  gap: 16px;
}
._basicInfo_18ydl_1 ._infoCard_18ydl_9 {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}
._basicInfo_18ydl_1 ._infoCard_18ydl_9:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
._basicInfo_18ydl_1 ._infoCard_18ydl_9 ._ant-card-head_18ydl_17 {
  border-bottom: 1px solid #f0f0f0;
  padding: 12px 16px;
}
._basicInfo_18ydl_1 ._infoCard_18ydl_9 ._ant-card-head_18ydl_17 ._ant-card-head-title_18ydl_21 {
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}
._basicInfo_18ydl_1 ._infoCard_18ydl_9 ._ant-card-body_18ydl_26 {
  padding: 16px;
}
._basicInfo_18ydl_1 ._identifierTag_18ydl_29 {
  font-family: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;
  font-weight: 600;
  letter-spacing: 0.3px;
}
._basicInfo_18ydl_1 ._techItem_18ydl_34 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  background: #fafafa;
  border-radius: 6px;
  border: 1px solid #f0f0f0;
  transition: all 0.3s ease;
}
._basicInfo_18ydl_1 ._techItem_18ydl_34:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
}
._basicInfo_18ydl_1 ._techItem_18ydl_34 ._techValue_18ydl_48 {
  display: flex;
  align-items: center;
  gap: 8px;
}
._basicInfo_18ydl_1 ._techItem_18ydl_34 ._techTag_18ydl_53 {
  font-weight: 500;
  border-radius: 4px;
}
._basicInfo_18ydl_1 ._deployItem_18ydl_57 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: linear-gradient(135deg, #f6ffed 0%, #f0f9ff 100%);
  border-radius: 8px;
  border: 1px solid #b7eb8f;
}
._basicInfo_18ydl_1 ._deployItem_18ydl_57 ._deployValue_18ydl_66 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
._basicInfo_18ydl_1 ._deployItem_18ydl_57 ._deployValue_18ydl_66 ._ant-typography-code_18ydl_72 {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 4px 8px;
  font-family: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;
  font-size: 12px;
  color: #1890ff;
  word-break: break-all;
}

.dark ._basicInfo_18ydl_1 ._infoCard_18ydl_9 {
  background: #1a1a1a;
  border-color: #303030;
}
.dark ._basicInfo_18ydl_1 ._infoCard_18ydl_9 ._ant-card-head_18ydl_17 {
  border-bottom-color: #303030;
}
.dark ._basicInfo_18ydl_1 ._infoCard_18ydl_9 ._ant-card-head_18ydl_17 ._ant-card-head-title_18ydl_21 {
  color: #fff;
}
.dark ._basicInfo_18ydl_1 ._techItem_18ydl_34 {
  background: #262626;
  border-color: #303030;
}
.dark ._basicInfo_18ydl_1 ._techItem_18ydl_34:hover {
  background: #2a2a2a;
  border-color: #404040;
}
.dark ._basicInfo_18ydl_1 ._deployItem_18ydl_57 {
  background: linear-gradient(135deg, #162312 0%, #111b26 100%);
  border-color: #389e0d;
}
.dark ._basicInfo_18ydl_1 ._deployItem_18ydl_57 ._deployValue_18ydl_66 ._ant-typography-code_18ydl_72 {
  background: #1a1a1a;
  border-color: #404040;
  color: #40a9ff;
}

@media (max-width: 768px) {
  ._basicInfo_18ydl_1 ._infoCard_18ydl_9 ._ant-card-body_18ydl_26 {
    padding: 12px;
  }
  ._basicInfo_18ydl_1 ._techItem_18ydl_34 {
    padding: 8px;
  }
  ._basicInfo_18ydl_1 ._deployItem_18ydl_57 {
    padding: 12px;
  }
  ._basicInfo_18ydl_1 ._deployItem_18ydl_57 ._deployValue_18ydl_66 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
@media (max-width: 576px) {
  ._basicInfo_18ydl_1 ._infoCard_18ydl_9 ._ant-card-head_18ydl_17 {
    padding: 8px 12px;
  }
  ._basicInfo_18ydl_1 ._infoCard_18ydl_9 ._ant-card-head_18ydl_17 ._ant-card-head-title_18ydl_21 {
    font-size: 14px;
  }
  ._basicInfo_18ydl_1 ._infoCard_18ydl_9 ._ant-card-body_18ydl_26 {
    padding: 8px;
  }
  ._basicInfo_18ydl_1 ._techItem_18ydl_34 {
    padding: 6px;
  }
  ._basicInfo_18ydl_1 ._deployItem_18ydl_57 {
    padding: 8px;
  }
}._logsContainer_dzmrh_1 ._emptyContainer_dzmrh_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 300px;
  gap: 16px;
}
._logsContainer_dzmrh_1 ._ant-card_dzmrh_9 {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}
._logsContainer_dzmrh_1 ._ant-card_dzmrh_9:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
._logsContainer_dzmrh_1 ._ant-card_dzmrh_9 ._ant-card-head_dzmrh_17 {
  border-bottom: 1px solid #f0f0f0;
  padding: 12px 16px;
}
._logsContainer_dzmrh_1 ._ant-card_dzmrh_9 ._ant-card-head_dzmrh_17 ._ant-card-head-title_dzmrh_21 {
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}
._logsContainer_dzmrh_1 ._ant-card_dzmrh_9 ._ant-card-body_dzmrh_26 {
  padding: 16px;
}
._logsContainer_dzmrh_1 ._ant-table_dzmrh_29 ._ant-table-thead_dzmrh_29 > tr > th {
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  font-weight: 600;
  color: #262626;
}
._logsContainer_dzmrh_1 ._ant-table_dzmrh_29 ._ant-table-tbody_dzmrh_35 > tr {
  transition: all 0.3s ease;
}
._logsContainer_dzmrh_1 ._ant-table_dzmrh_29 ._ant-table-tbody_dzmrh_35 > tr:hover {
  background: #f5f5f5;
}
._logsContainer_dzmrh_1 ._ant-table_dzmrh_29 ._ant-table-tbody_dzmrh_35 > tr > td {
  border-bottom: 1px solid #f0f0f0;
  padding: 8px 12px;
}
._logsContainer_dzmrh_1 ._ant-table_dzmrh_29 ._ant-table-pagination_dzmrh_45 {
  margin-top: 16px;
  text-align: right;
}
._logsContainer_dzmrh_1 ._ant-statistic_dzmrh_49 ._ant-statistic-title_dzmrh_49 {
  color: #666;
  font-size: 14px;
  margin-bottom: 4px;
}
._logsContainer_dzmrh_1 ._ant-statistic_dzmrh_49 ._ant-statistic-content_dzmrh_54 {
  color: #262626;
  font-size: 20px;
  font-weight: 600;
}
._logsContainer_dzmrh_1 ._ant-tag_dzmrh_59 {
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
}
._logsContainer_dzmrh_1 ._ant-typography-code_dzmrh_64 {
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 2px 6px;
  font-family: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;
  font-size: 12px;
  color: #1890ff;
}

.dark ._logsContainer_dzmrh_1 ._ant-card_dzmrh_9 {
  background: #1a1a1a;
  border-color: #303030;
}
.dark ._logsContainer_dzmrh_1 ._ant-card_dzmrh_9 ._ant-card-head_dzmrh_17 {
  border-bottom-color: #303030;
}
.dark ._logsContainer_dzmrh_1 ._ant-card_dzmrh_9 ._ant-card-head_dzmrh_17 ._ant-card-head-title_dzmrh_21 {
  color: #fff;
}
.dark ._logsContainer_dzmrh_1 ._ant-table_dzmrh_29 ._ant-table-thead_dzmrh_29 > tr > th {
  background: #262626;
  border-bottom-color: #303030;
  color: #fff;
}
.dark ._logsContainer_dzmrh_1 ._ant-table_dzmrh_29 ._ant-table-tbody_dzmrh_35 > tr:hover {
  background: #2a2a2a;
}
.dark ._logsContainer_dzmrh_1 ._ant-table_dzmrh_29 ._ant-table-tbody_dzmrh_35 > tr > td {
  border-bottom-color: #303030;
  color: #fff;
}
.dark ._logsContainer_dzmrh_1 ._ant-statistic_dzmrh_49 ._ant-statistic-title_dzmrh_49 {
  color: #d9d9d9;
}
.dark ._logsContainer_dzmrh_1 ._ant-statistic_dzmrh_49 ._ant-statistic-content_dzmrh_54 {
  color: #fff;
}
.dark ._logsContainer_dzmrh_1 ._ant-typography-code_dzmrh_64 {
  background: #262626;
  border-color: #404040;
  color: #40a9ff;
}

@media (max-width: 768px) {
  ._logsContainer_dzmrh_1 ._ant-card_dzmrh_9 ._ant-card-body_dzmrh_26 {
    padding: 12px;
  }
  ._logsContainer_dzmrh_1 ._ant-table_dzmrh_29 ._ant-table-tbody_dzmrh_35 > tr > td {
    padding: 6px 8px;
  }
  ._logsContainer_dzmrh_1 ._ant-statistic_dzmrh_49 ._ant-statistic-content_dzmrh_54 {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  ._logsContainer_dzmrh_1 ._ant-card_dzmrh_9 ._ant-card-head_dzmrh_17 {
    padding: 8px 12px;
  }
  ._logsContainer_dzmrh_1 ._ant-card_dzmrh_9 ._ant-card-head_dzmrh_17 ._ant-card-head-title_dzmrh_21 {
    font-size: 14px;
  }
  ._logsContainer_dzmrh_1 ._ant-card_dzmrh_9 ._ant-card-body_dzmrh_26 {
    padding: 8px;
  }
  ._logsContainer_dzmrh_1 ._ant-table_dzmrh_29 ._ant-table-tbody_dzmrh_35 > tr > td {
    padding: 4px 6px;
    font-size: 12px;
  }
  ._logsContainer_dzmrh_1 ._ant-statistic_dzmrh_49 ._ant-statistic-title_dzmrh_49 {
    font-size: 12px;
  }
  ._logsContainer_dzmrh_1 ._ant-statistic_dzmrh_49 ._ant-statistic-content_dzmrh_54 {
    font-size: 16px;
  }
}
._logsContainer_dzmrh_1 ._ant-table-body_dzmrh_140::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
._logsContainer_dzmrh_1 ._ant-table-body_dzmrh_140::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
._logsContainer_dzmrh_1 ._ant-table-body_dzmrh_140::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
._logsContainer_dzmrh_1 ._ant-table-body_dzmrh_140::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.dark ._logsContainer_dzmrh_1 ._ant-table-body_dzmrh_140::-webkit-scrollbar-track {
  background: #2a2a2a;
}
.dark ._logsContainer_dzmrh_1 ._ant-table-body_dzmrh_140::-webkit-scrollbar-thumb {
  background: #555;
}
.dark ._logsContainer_dzmrh_1 ._ant-table-body_dzmrh_140::-webkit-scrollbar-thumb:hover {
  background: #777;
}._environmentContainer_1amfa_1 ._emptyContainer_1amfa_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 300px;
  gap: 16px;
}
._environmentContainer_1amfa_1 ._ant-card_1amfa_9 {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}
._environmentContainer_1amfa_1 ._ant-card_1amfa_9:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
._environmentContainer_1amfa_1 ._ant-card_1amfa_9 ._ant-card-head_1amfa_17 {
  border-bottom: 1px solid #f0f0f0;
  padding: 12px 16px;
}
._environmentContainer_1amfa_1 ._ant-card_1amfa_9 ._ant-card-head_1amfa_17 ._ant-card-head-title_1amfa_21 {
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}
._environmentContainer_1amfa_1 ._ant-card_1amfa_9 ._ant-card-body_1amfa_26 {
  padding: 16px;
}
._environmentContainer_1amfa_1 ._ant-table_1amfa_29 ._ant-table-thead_1amfa_29 > tr > th {
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  font-weight: 600;
  color: #262626;
}
._environmentContainer_1amfa_1 ._ant-table_1amfa_29 ._ant-table-tbody_1amfa_35 > tr {
  transition: all 0.3s ease;
}
._environmentContainer_1amfa_1 ._ant-table_1amfa_29 ._ant-table-tbody_1amfa_35 > tr:hover {
  background: #f5f5f5;
}
._environmentContainer_1amfa_1 ._ant-table_1amfa_29 ._ant-table-tbody_1amfa_35 > tr > td {
  border-bottom: 1px solid #f0f0f0;
  padding: 8px 12px;
}
._environmentContainer_1amfa_1 ._ant-table_1amfa_29 ._ant-table-pagination_1amfa_45 {
  margin-top: 16px;
  text-align: right;
}
._environmentContainer_1amfa_1 ._ant-tag_1amfa_49 {
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
}
._environmentContainer_1amfa_1 ._ant-typography-code_1amfa_54 {
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 2px 6px;
  font-family: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;
  font-size: 12px;
  color: #1890ff;
  word-break: break-all;
}
._environmentContainer_1amfa_1 ._ant-badge_1amfa_64 ._ant-badge-count_1amfa_64 {
  background: #1890ff;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-modal-header_1amfa_70 {
  border-bottom: 1px solid #f0f0f0;
  padding: 16px 24px;
}
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-modal-header_1amfa_70 ._ant-modal-title_1amfa_74 {
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-modal-body_1amfa_79 {
  padding: 24px;
}
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-form-item-label_1amfa_82 > label {
  font-weight: 500;
  color: #262626;
}
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input_1amfa_86,
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input-number_1amfa_87,
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-select-selector_1amfa_88 {
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  transition: all 0.3s ease;
}
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input_1amfa_86:hover,
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input-number_1amfa_87:hover,
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-select-selector_1amfa_88:hover {
  border-color: #40a9ff;
}
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input_1amfa_86:focus, ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input_1amfa_86._ant-input-focused_1amfa_98, ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input_1amfa_86._ant-select-focused_1amfa_98 ._ant-select-selector_1amfa_88,
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input-number_1amfa_87:focus,
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input-number_1amfa_87._ant-input-focused_1amfa_98,
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input-number_1amfa_87._ant-select-focused_1amfa_98 ._ant-select-selector_1amfa_88,
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-select-selector_1amfa_88:focus,
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-select-selector_1amfa_88._ant-input-focused_1amfa_98,
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-select-selector_1amfa_88._ant-select-focused_1amfa_98 ._ant-select-selector_1amfa_88 {
  border-color: #1890ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input-textarea_1amfa_108 ._ant-input_1amfa_86 {
  border-radius: 6px;
}
._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-switch_1amfa_111._ant-switch-checked_1amfa_111 {
  background-color: #1890ff;
}

.dark ._environmentContainer_1amfa_1 ._ant-card_1amfa_9 {
  background: #1a1a1a;
  border-color: #303030;
}
.dark ._environmentContainer_1amfa_1 ._ant-card_1amfa_9 ._ant-card-head_1amfa_17 {
  border-bottom-color: #303030;
}
.dark ._environmentContainer_1amfa_1 ._ant-card_1amfa_9 ._ant-card-head_1amfa_17 ._ant-card-head-title_1amfa_21 {
  color: #fff;
}
.dark ._environmentContainer_1amfa_1 ._ant-table_1amfa_29 ._ant-table-thead_1amfa_29 > tr > th {
  background: #262626;
  border-bottom-color: #303030;
  color: #fff;
}
.dark ._environmentContainer_1amfa_1 ._ant-table_1amfa_29 ._ant-table-tbody_1amfa_35 > tr:hover {
  background: #2a2a2a;
}
.dark ._environmentContainer_1amfa_1 ._ant-table_1amfa_29 ._ant-table-tbody_1amfa_35 > tr > td {
  border-bottom-color: #303030;
  color: #fff;
}
.dark ._environmentContainer_1amfa_1 ._ant-typography-code_1amfa_54 {
  background: #262626;
  border-color: #404040;
  color: #40a9ff;
}
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-modal-header_1amfa_70 {
  border-bottom-color: #303030;
  background: #1a1a1a;
}
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-modal-header_1amfa_70 ._ant-modal-title_1amfa_74 {
  color: #fff;
}
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-modal-body_1amfa_79 {
  background: #1a1a1a;
}
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-form-item-label_1amfa_82 > label {
  color: #fff;
}
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input_1amfa_86,
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input-number_1amfa_87,
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-select-selector_1amfa_88 {
  background: #262626;
  border-color: #404040;
  color: #fff;
}
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input_1amfa_86:hover,
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input-number_1amfa_87:hover,
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-select-selector_1amfa_88:hover {
  border-color: #40a9ff;
}
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input_1amfa_86:focus, .dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input_1amfa_86._ant-input-focused_1amfa_98, .dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input_1amfa_86._ant-select-focused_1amfa_98 ._ant-select-selector_1amfa_88,
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input-number_1amfa_87:focus,
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input-number_1amfa_87._ant-input-focused_1amfa_98,
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input-number_1amfa_87._ant-select-focused_1amfa_98 ._ant-select-selector_1amfa_88,
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-select-selector_1amfa_88:focus,
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-select-selector_1amfa_88._ant-input-focused_1amfa_98,
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-select-selector_1amfa_88._ant-select-focused_1amfa_98 ._ant-select-selector_1amfa_88 {
  border-color: #1890ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input_1amfa_86::placeholder,
.dark ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-form_1amfa_82 ._ant-input-textarea_1amfa_108 ._ant-input_1amfa_86::placeholder {
  color: #8c8c8c;
}

@media (max-width: 768px) {
  ._environmentContainer_1amfa_1 ._ant-card_1amfa_9 ._ant-card-body_1amfa_26 {
    padding: 12px;
  }
  ._environmentContainer_1amfa_1 ._ant-table_1amfa_29 ._ant-table-tbody_1amfa_35 > tr > td {
    padding: 6px 8px;
  }
  ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-modal-body_1amfa_79 {
    padding: 16px;
  }
}
@media (max-width: 576px) {
  ._environmentContainer_1amfa_1 ._ant-card_1amfa_9 ._ant-card-head_1amfa_17 {
    padding: 8px 12px;
  }
  ._environmentContainer_1amfa_1 ._ant-card_1amfa_9 ._ant-card-head_1amfa_17 ._ant-card-head-title_1amfa_21 {
    font-size: 14px;
  }
  ._environmentContainer_1amfa_1 ._ant-card_1amfa_9 ._ant-card-body_1amfa_26 {
    padding: 8px;
  }
  ._environmentContainer_1amfa_1 ._ant-table_1amfa_29 ._ant-table-tbody_1amfa_35 > tr > td {
    padding: 4px 6px;
    font-size: 12px;
  }
  ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-modal-header_1amfa_70 {
    padding: 12px 16px;
  }
  ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-modal-header_1amfa_70 ._ant-modal-title_1amfa_74 {
    font-size: 14px;
  }
  ._environmentContainer_1amfa_1 ._ant-modal_1amfa_70 ._ant-modal-body_1amfa_79 {
    padding: 12px;
  }
}
._environmentContainer_1amfa_1 ._ant-table-body_1amfa_217::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
._environmentContainer_1amfa_1 ._ant-table-body_1amfa_217::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
._environmentContainer_1amfa_1 ._ant-table-body_1amfa_217::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
._environmentContainer_1amfa_1 ._ant-table-body_1amfa_217::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.dark ._environmentContainer_1amfa_1 ._ant-table-body_1amfa_217::-webkit-scrollbar-track {
  background: #2a2a2a;
}
.dark ._environmentContainer_1amfa_1 ._ant-table-body_1amfa_217::-webkit-scrollbar-thumb {
  background: #555;
}
.dark ._environmentContainer_1amfa_1 ._ant-table-body_1amfa_217::-webkit-scrollbar-thumb:hover {
  background: #777;
}._apiManagementContainer_m9gun_1 ._emptyContainer_m9gun_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 300px;
  gap: 16px;
}
._apiManagementContainer_m9gun_1 ._ant-card_m9gun_9 {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}
._apiManagementContainer_m9gun_1 ._ant-card_m9gun_9:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
._apiManagementContainer_m9gun_1 ._ant-card_m9gun_9 ._ant-card-head_m9gun_17 {
  border-bottom: 1px solid #f0f0f0;
  padding: 12px 16px;
}
._apiManagementContainer_m9gun_1 ._ant-card_m9gun_9 ._ant-card-head_m9gun_17 ._ant-card-head-title_m9gun_21 {
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}
._apiManagementContainer_m9gun_1 ._ant-card_m9gun_9 ._ant-card-body_m9gun_26 {
  padding: 16px;
}
._apiManagementContainer_m9gun_1 ._ant-table_m9gun_29 ._ant-table-thead_m9gun_29 > tr > th {
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  font-weight: 600;
  color: #262626;
}
._apiManagementContainer_m9gun_1 ._ant-table_m9gun_29 ._ant-table-tbody_m9gun_35 > tr {
  transition: all 0.3s ease;
}
._apiManagementContainer_m9gun_1 ._ant-table_m9gun_29 ._ant-table-tbody_m9gun_35 > tr:hover {
  background: #f5f5f5;
}
._apiManagementContainer_m9gun_1 ._ant-table_m9gun_29 ._ant-table-tbody_m9gun_35 > tr > td {
  border-bottom: 1px solid #f0f0f0;
  padding: 8px 12px;
}
._apiManagementContainer_m9gun_1 ._ant-table_m9gun_29 ._ant-table-pagination_m9gun_45 {
  margin-top: 16px;
  text-align: right;
}
._apiManagementContainer_m9gun_1 ._ant-tag_m9gun_49 {
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
}
._apiManagementContainer_m9gun_1 ._ant-typography-code_m9gun_54 {
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 2px 6px;
  font-family: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;
  font-size: 12px;
  color: #1890ff;
  word-break: break-all;
}
._apiManagementContainer_m9gun_1 ._ant-badge_m9gun_64 ._ant-badge-count_m9gun_64 {
  background: #1890ff;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
._apiManagementContainer_m9gun_1 ._ant-tabs_m9gun_70 ._ant-tabs-nav_m9gun_70 {
  margin-bottom: 16px;
}
._apiManagementContainer_m9gun_1 ._ant-tabs_m9gun_70 ._ant-tabs-nav_m9gun_70 ._ant-tabs-nav-wrap_m9gun_73 ._ant-tabs-nav-list_m9gun_73 ._ant-tabs-tab_m9gun_73 {
  padding: 8px 16px;
  font-weight: 500;
}
._apiManagementContainer_m9gun_1 ._ant-tabs_m9gun_70 ._ant-tabs-nav_m9gun_70 ._ant-tabs-nav-wrap_m9gun_73 ._ant-tabs-nav-list_m9gun_73 ._ant-tabs-tab_m9gun_73._ant-tabs-tab-active_m9gun_77 ._ant-tabs-tab-btn_m9gun_77 {
  color: #1890ff;
  font-weight: 600;
}
._apiManagementContainer_m9gun_1 ._ant-tabs_m9gun_70 ._ant-tabs-content-holder_m9gun_81 ._ant-tabs-content_m9gun_81 ._ant-tabs-tabpane_m9gun_81 {
  padding: 0;
}
._apiManagementContainer_m9gun_1 ._apiDocumentation_m9gun_84 ._ant-typography_m9gun_54 {
  margin-bottom: 16px;
}
._apiManagementContainer_m9gun_1 ._apiDocumentation_m9gun_84 ._ant-typography-code_m9gun_54 {
  background: #f6f8fa;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  padding: 16px;
  font-family: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;
  font-size: 13px;
  line-height: 1.5;
  color: #24292e;
  white-space: pre-wrap;
  word-break: break-all;
}
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-modal-header_m9gun_99 {
  border-bottom: 1px solid #f0f0f0;
  padding: 16px 24px;
}
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-modal-header_m9gun_99 ._ant-modal-title_m9gun_103 {
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-modal-body_m9gun_108 {
  padding: 24px;
}
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-form-item-label_m9gun_111 > label {
  font-weight: 500;
  color: #262626;
}
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input_m9gun_115,
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input-number_m9gun_116,
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-select-selector_m9gun_117 {
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  transition: all 0.3s ease;
}
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input_m9gun_115:hover,
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input-number_m9gun_116:hover,
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-select-selector_m9gun_117:hover {
  border-color: #40a9ff;
}
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input_m9gun_115:focus, ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input_m9gun_115._ant-input-focused_m9gun_127, ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input_m9gun_115._ant-select-focused_m9gun_127 ._ant-select-selector_m9gun_117,
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input-number_m9gun_116:focus,
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input-number_m9gun_116._ant-input-focused_m9gun_127,
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input-number_m9gun_116._ant-select-focused_m9gun_127 ._ant-select-selector_m9gun_117,
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-select-selector_m9gun_117:focus,
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-select-selector_m9gun_117._ant-input-focused_m9gun_127,
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-select-selector_m9gun_117._ant-select-focused_m9gun_127 ._ant-select-selector_m9gun_117 {
  border-color: #1890ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input-textarea_m9gun_137 ._ant-input_m9gun_115 {
  border-radius: 6px;
}
._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-switch_m9gun_140._ant-switch-checked_m9gun_140 {
  background-color: #1890ff;
}

.dark ._apiManagementContainer_m9gun_1 ._ant-card_m9gun_9 {
  background: #1a1a1a;
  border-color: #303030;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-card_m9gun_9 ._ant-card-head_m9gun_17 {
  border-bottom-color: #303030;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-card_m9gun_9 ._ant-card-head_m9gun_17 ._ant-card-head-title_m9gun_21 {
  color: #fff;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-table_m9gun_29 ._ant-table-thead_m9gun_29 > tr > th {
  background: #262626;
  border-bottom-color: #303030;
  color: #fff;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-table_m9gun_29 ._ant-table-tbody_m9gun_35 > tr:hover {
  background: #2a2a2a;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-table_m9gun_29 ._ant-table-tbody_m9gun_35 > tr > td {
  border-bottom-color: #303030;
  color: #fff;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-typography-code_m9gun_54 {
  background: #262626;
  border-color: #404040;
  color: #40a9ff;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-tabs_m9gun_70 ._ant-tabs-nav_m9gun_70::before {
  border-bottom-color: #303030;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-tabs_m9gun_70 ._ant-tabs-nav_m9gun_70 ._ant-tabs-nav-wrap_m9gun_73 ._ant-tabs-nav-list_m9gun_73 ._ant-tabs-tab_m9gun_73 {
  color: #d9d9d9;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-tabs_m9gun_70 ._ant-tabs-nav_m9gun_70 ._ant-tabs-nav-wrap_m9gun_73 ._ant-tabs-nav-list_m9gun_73 ._ant-tabs-tab_m9gun_73:hover {
  color: #1890ff;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-tabs_m9gun_70 ._ant-tabs-nav_m9gun_70 ._ant-tabs-nav-wrap_m9gun_73 ._ant-tabs-nav-list_m9gun_73 ._ant-tabs-tab_m9gun_73._ant-tabs-tab-active_m9gun_77 ._ant-tabs-tab-btn_m9gun_77 {
  color: #1890ff;
}
.dark ._apiManagementContainer_m9gun_1 ._apiDocumentation_m9gun_84 ._ant-typography-code_m9gun_54 {
  background: #1a1a1a;
  border-color: #303030;
  color: #e6e6e6;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-modal-header_m9gun_99 {
  border-bottom-color: #303030;
  background: #1a1a1a;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-modal-header_m9gun_99 ._ant-modal-title_m9gun_103 {
  color: #fff;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-modal-body_m9gun_108 {
  background: #1a1a1a;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-form-item-label_m9gun_111 > label {
  color: #fff;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input_m9gun_115,
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input-number_m9gun_116,
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-select-selector_m9gun_117 {
  background: #262626;
  border-color: #404040;
  color: #fff;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input_m9gun_115:hover,
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input-number_m9gun_116:hover,
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-select-selector_m9gun_117:hover {
  border-color: #40a9ff;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input_m9gun_115:focus, .dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input_m9gun_115._ant-input-focused_m9gun_127, .dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input_m9gun_115._ant-select-focused_m9gun_127 ._ant-select-selector_m9gun_117,
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input-number_m9gun_116:focus,
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input-number_m9gun_116._ant-input-focused_m9gun_127,
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input-number_m9gun_116._ant-select-focused_m9gun_127 ._ant-select-selector_m9gun_117,
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-select-selector_m9gun_117:focus,
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-select-selector_m9gun_117._ant-input-focused_m9gun_127,
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-select-selector_m9gun_117._ant-select-focused_m9gun_127 ._ant-select-selector_m9gun_117 {
  border-color: #1890ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input_m9gun_115::placeholder,
.dark ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-form_m9gun_111 ._ant-input-textarea_m9gun_137 ._ant-input_m9gun_115::placeholder {
  color: #8c8c8c;
}

@media (max-width: 768px) {
  ._apiManagementContainer_m9gun_1 ._ant-card_m9gun_9 ._ant-card-body_m9gun_26 {
    padding: 12px;
  }
  ._apiManagementContainer_m9gun_1 ._ant-table_m9gun_29 ._ant-table-tbody_m9gun_35 > tr > td {
    padding: 6px 8px;
  }
  ._apiManagementContainer_m9gun_1 ._ant-tabs_m9gun_70 ._ant-tabs-nav_m9gun_70 ._ant-tabs-nav-wrap_m9gun_73 ._ant-tabs-nav-list_m9gun_73 ._ant-tabs-tab_m9gun_73 {
    padding: 6px 12px;
    font-size: 14px;
  }
  ._apiManagementContainer_m9gun_1 ._apiDocumentation_m9gun_84 ._ant-typography-code_m9gun_54 {
    padding: 12px;
    font-size: 12px;
  }
  ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-modal-body_m9gun_108 {
    padding: 16px;
  }
}
@media (max-width: 576px) {
  ._apiManagementContainer_m9gun_1 ._ant-card_m9gun_9 ._ant-card-head_m9gun_17 {
    padding: 8px 12px;
  }
  ._apiManagementContainer_m9gun_1 ._ant-card_m9gun_9 ._ant-card-head_m9gun_17 ._ant-card-head-title_m9gun_21 {
    font-size: 14px;
  }
  ._apiManagementContainer_m9gun_1 ._ant-card_m9gun_9 ._ant-card-body_m9gun_26 {
    padding: 8px;
  }
  ._apiManagementContainer_m9gun_1 ._ant-table_m9gun_29 ._ant-table-tbody_m9gun_35 > tr > td {
    padding: 4px 6px;
    font-size: 12px;
  }
  ._apiManagementContainer_m9gun_1 ._ant-tabs_m9gun_70 ._ant-tabs-nav_m9gun_70 ._ant-tabs-nav-wrap_m9gun_73 ._ant-tabs-nav-list_m9gun_73 ._ant-tabs-tab_m9gun_73 {
    padding: 4px 8px;
    font-size: 12px;
  }
  ._apiManagementContainer_m9gun_1 ._apiDocumentation_m9gun_84 ._ant-typography-code_m9gun_54 {
    padding: 8px;
    font-size: 11px;
  }
  ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-modal-header_m9gun_99 {
    padding: 12px 16px;
  }
  ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-modal-header_m9gun_99 ._ant-modal-title_m9gun_103 {
    font-size: 14px;
  }
  ._apiManagementContainer_m9gun_1 ._ant-modal_m9gun_99 ._ant-modal-body_m9gun_108 {
    padding: 12px;
  }
}
._apiManagementContainer_m9gun_1 ._ant-table-body_m9gun_279::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
._apiManagementContainer_m9gun_1 ._ant-table-body_m9gun_279::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
._apiManagementContainer_m9gun_1 ._ant-table-body_m9gun_279::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
._apiManagementContainer_m9gun_1 ._ant-table-body_m9gun_279::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.dark ._apiManagementContainer_m9gun_1 ._ant-table-body_m9gun_279::-webkit-scrollbar-track {
  background: #2a2a2a;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-table-body_m9gun_279::-webkit-scrollbar-thumb {
  background: #555;
}
.dark ._apiManagementContainer_m9gun_1 ._ant-table-body_m9gun_279::-webkit-scrollbar-thumb:hover {
  background: #777;
}._gitRepositoryContainer_126l0_1 ._emptyContainer_126l0_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 300px;
  gap: 16px;
}
._gitRepositoryContainer_126l0_1 ._ant-card_126l0_9 {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}
._gitRepositoryContainer_126l0_1 ._ant-card_126l0_9:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
._gitRepositoryContainer_126l0_1 ._ant-card_126l0_9 ._ant-card-head_126l0_17 {
  border-bottom: 1px solid #f0f0f0;
  padding: 12px 16px;
}
._gitRepositoryContainer_126l0_1 ._ant-card_126l0_9 ._ant-card-head_126l0_17 ._ant-card-head-title_126l0_21 {
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}
._gitRepositoryContainer_126l0_1 ._ant-card_126l0_9 ._ant-card-body_126l0_26 {
  padding: 16px;
}
._gitRepositoryContainer_126l0_1 ._ant-table_126l0_29 ._ant-table-thead_126l0_29 > tr > th {
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  font-weight: 600;
  color: #262626;
}
._gitRepositoryContainer_126l0_1 ._ant-table_126l0_29 ._ant-table-tbody_126l0_35 > tr {
  transition: all 0.3s ease;
}
._gitRepositoryContainer_126l0_1 ._ant-table_126l0_29 ._ant-table-tbody_126l0_35 > tr:hover {
  background: #f5f5f5;
}
._gitRepositoryContainer_126l0_1 ._ant-table_126l0_29 ._ant-table-tbody_126l0_35 > tr > td {
  border-bottom: 1px solid #f0f0f0;
  padding: 8px 12px;
}
._gitRepositoryContainer_126l0_1 ._ant-table_126l0_29 ._ant-table-pagination_126l0_45 {
  margin-top: 16px;
  text-align: right;
}
._gitRepositoryContainer_126l0_1 ._ant-tag_126l0_49 {
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
}
._gitRepositoryContainer_126l0_1 ._ant-typography-code_126l0_54 {
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 2px 6px;
  font-family: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;
  font-size: 12px;
  color: #1890ff;
  word-break: break-all;
}
._gitRepositoryContainer_126l0_1 ._ant-badge_126l0_64 ._ant-badge-count_126l0_64 {
  background: #1890ff;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
._gitRepositoryContainer_126l0_1 ._ant-tabs_126l0_70 ._ant-tabs-nav_126l0_70 {
  margin-bottom: 16px;
}
._gitRepositoryContainer_126l0_1 ._ant-tabs_126l0_70 ._ant-tabs-nav_126l0_70 ._ant-tabs-nav-wrap_126l0_73 ._ant-tabs-nav-list_126l0_73 ._ant-tabs-tab_126l0_73 {
  padding: 8px 16px;
  font-weight: 500;
}
._gitRepositoryContainer_126l0_1 ._ant-tabs_126l0_70 ._ant-tabs-nav_126l0_70 ._ant-tabs-nav-wrap_126l0_73 ._ant-tabs-nav-list_126l0_73 ._ant-tabs-tab_126l0_73._ant-tabs-tab-active_126l0_77 ._ant-tabs-tab-btn_126l0_77 {
  color: #1890ff;
  font-weight: 600;
}
._gitRepositoryContainer_126l0_1 ._ant-tabs_126l0_70 ._ant-tabs-content-holder_126l0_81 ._ant-tabs-content_126l0_81 ._ant-tabs-tabpane_126l0_81 {
  padding: 0;
}
._gitRepositoryContainer_126l0_1 ._ant-statistic_126l0_84 ._ant-statistic-title_126l0_84 {
  color: #666;
  font-size: 14px;
  margin-bottom: 4px;
}
._gitRepositoryContainer_126l0_1 ._ant-statistic_126l0_84 ._ant-statistic-content_126l0_89 {
  color: #262626;
  font-size: 20px;
  font-weight: 600;
}
._gitRepositoryContainer_126l0_1 ._ant-timeline_126l0_94 ._ant-timeline-item_126l0_94 ._ant-timeline-item-content_126l0_94 {
  margin-left: 16px;
  margin-top: 0;
}
._gitRepositoryContainer_126l0_1 ._repositoryInfo_126l0_98 ._infoItem_126l0_98 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  background: #fafafa;
  border-radius: 6px;
  border: 1px solid #f0f0f0;
  transition: all 0.3s ease;
}
._gitRepositoryContainer_126l0_1 ._repositoryInfo_126l0_98 ._infoItem_126l0_98:hover {
  background: #f5f5f5;
  border-color: #d9d9d9;
}
._gitRepositoryContainer_126l0_1 ._repositoryInfo_126l0_98 ._infoItem_126l0_98 ._infoValue_126l0_112 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
._gitRepositoryContainer_126l0_1 ._repositoryInfo_126l0_98 ._infoItem_126l0_98 ._infoValue_126l0_112 ._ant-typography-code_126l0_54 {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 4px 8px;
  font-family: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;
  font-size: 12px;
  color: #1890ff;
  word-break: break-all;
  flex: 1;
  min-width: 0;
}

.dark ._gitRepositoryContainer_126l0_1 ._ant-card_126l0_9 {
  background: #1a1a1a;
  border-color: #303030;
}
.dark ._gitRepositoryContainer_126l0_1 ._ant-card_126l0_9 ._ant-card-head_126l0_17 {
  border-bottom-color: #303030;
}
.dark ._gitRepositoryContainer_126l0_1 ._ant-card_126l0_9 ._ant-card-head_126l0_17 ._ant-card-head-title_126l0_21 {
  color: #fff;
}
.dark ._gitRepositoryContainer_126l0_1 ._ant-table_126l0_29 ._ant-table-thead_126l0_29 > tr > th {
  background: #262626;
  border-bottom-color: #303030;
  color: #fff;
}
.dark ._gitRepositoryContainer_126l0_1 ._ant-table_126l0_29 ._ant-table-tbody_126l0_35 > tr:hover {
  background: #2a2a2a;
}
.dark ._gitRepositoryContainer_126l0_1 ._ant-table_126l0_29 ._ant-table-tbody_126l0_35 > tr > td {
  border-bottom-color: #303030;
  color: #fff;
}
.dark ._gitRepositoryContainer_126l0_1 ._ant-typography-code_126l0_54 {
  background: #262626;
  border-color: #404040;
  color: #40a9ff;
}
.dark ._gitRepositoryContainer_126l0_1 ._ant-tabs_126l0_70 ._ant-tabs-nav_126l0_70::before {
  border-bottom-color: #303030;
}
.dark ._gitRepositoryContainer_126l0_1 ._ant-tabs_126l0_70 ._ant-tabs-nav_126l0_70 ._ant-tabs-nav-wrap_126l0_73 ._ant-tabs-nav-list_126l0_73 ._ant-tabs-tab_126l0_73 {
  color: #d9d9d9;
}
.dark ._gitRepositoryContainer_126l0_1 ._ant-tabs_126l0_70 ._ant-tabs-nav_126l0_70 ._ant-tabs-nav-wrap_126l0_73 ._ant-tabs-nav-list_126l0_73 ._ant-tabs-tab_126l0_73:hover {
  color: #1890ff;
}
.dark ._gitRepositoryContainer_126l0_1 ._ant-tabs_126l0_70 ._ant-tabs-nav_126l0_70 ._ant-tabs-nav-wrap_126l0_73 ._ant-tabs-nav-list_126l0_73 ._ant-tabs-tab_126l0_73._ant-tabs-tab-active_126l0_77 ._ant-tabs-tab-btn_126l0_77 {
  color: #1890ff;
}
.dark ._gitRepositoryContainer_126l0_1 ._ant-statistic_126l0_84 ._ant-statistic-title_126l0_84 {
  color: #d9d9d9;
}
.dark ._gitRepositoryContainer_126l0_1 ._ant-statistic_126l0_84 ._ant-statistic-content_126l0_89 {
  color: #fff;
}
.dark ._gitRepositoryContainer_126l0_1 ._repositoryInfo_126l0_98 ._infoItem_126l0_98 {
  background: #262626;
  border-color: #303030;
}
.dark ._gitRepositoryContainer_126l0_1 ._repositoryInfo_126l0_98 ._infoItem_126l0_98:hover {
  background: #2a2a2a;
  border-color: #404040;
}
.dark ._gitRepositoryContainer_126l0_1 ._repositoryInfo_126l0_98 ._infoItem_126l0_98 ._infoValue_126l0_112 ._ant-typography-code_126l0_54 {
  background: #1a1a1a;
  border-color: #404040;
  color: #40a9ff;
}

@media (max-width: 768px) {
  ._gitRepositoryContainer_126l0_1 ._ant-card_126l0_9 ._ant-card-body_126l0_26 {
    padding: 12px;
  }
  ._gitRepositoryContainer_126l0_1 ._ant-table_126l0_29 ._ant-table-tbody_126l0_35 > tr > td {
    padding: 6px 8px;
  }
  ._gitRepositoryContainer_126l0_1 ._ant-tabs_126l0_70 ._ant-tabs-nav_126l0_70 ._ant-tabs-nav-wrap_126l0_73 ._ant-tabs-nav-list_126l0_73 ._ant-tabs-tab_126l0_73 {
    padding: 6px 12px;
    font-size: 14px;
  }
  ._gitRepositoryContainer_126l0_1 ._ant-statistic_126l0_84 ._ant-statistic-content_126l0_89 {
    font-size: 18px;
  }
  ._gitRepositoryContainer_126l0_1 ._repositoryInfo_126l0_98 ._infoItem_126l0_98 {
    padding: 8px;
  }
  ._gitRepositoryContainer_126l0_1 ._repositoryInfo_126l0_98 ._infoItem_126l0_98 ._infoValue_126l0_112 {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
@media (max-width: 576px) {
  ._gitRepositoryContainer_126l0_1 ._ant-card_126l0_9 ._ant-card-head_126l0_17 {
    padding: 8px 12px;
  }
  ._gitRepositoryContainer_126l0_1 ._ant-card_126l0_9 ._ant-card-head_126l0_17 ._ant-card-head-title_126l0_21 {
    font-size: 14px;
  }
  ._gitRepositoryContainer_126l0_1 ._ant-card_126l0_9 ._ant-card-body_126l0_26 {
    padding: 8px;
  }
  ._gitRepositoryContainer_126l0_1 ._ant-table_126l0_29 ._ant-table-tbody_126l0_35 > tr > td {
    padding: 4px 6px;
    font-size: 12px;
  }
  ._gitRepositoryContainer_126l0_1 ._ant-tabs_126l0_70 ._ant-tabs-nav_126l0_70 ._ant-tabs-nav-wrap_126l0_73 ._ant-tabs-nav-list_126l0_73 ._ant-tabs-tab_126l0_73 {
    padding: 4px 8px;
    font-size: 12px;
  }
  ._gitRepositoryContainer_126l0_1 ._ant-statistic_126l0_84 ._ant-statistic-title_126l0_84 {
    font-size: 12px;
  }
  ._gitRepositoryContainer_126l0_1 ._ant-statistic_126l0_84 ._ant-statistic-content_126l0_89 {
    font-size: 16px;
  }
  ._gitRepositoryContainer_126l0_1 ._repositoryInfo_126l0_98 ._infoItem_126l0_98 {
    padding: 6px;
  }
}
._gitRepositoryContainer_126l0_1 ._ant-table-body_126l0_241::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
._gitRepositoryContainer_126l0_1 ._ant-table-body_126l0_241::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
._gitRepositoryContainer_126l0_1 ._ant-table-body_126l0_241::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
._gitRepositoryContainer_126l0_1 ._ant-table-body_126l0_241::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.dark ._gitRepositoryContainer_126l0_1 ._ant-table-body_126l0_241::-webkit-scrollbar-track {
  background: #2a2a2a;
}
.dark ._gitRepositoryContainer_126l0_1 ._ant-table-body_126l0_241::-webkit-scrollbar-thumb {
  background: #555;
}
.dark ._gitRepositoryContainer_126l0_1 ._ant-table-body_126l0_241::-webkit-scrollbar-thumb:hover {
  background: #777;
}._creatorTooltip_1fjpo_1 {
  width: 320px;
  padding: 0;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
._creatorTooltip_1fjpo_1._light_1fjpo_8 {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
}
._creatorTooltip_1fjpo_1._dark_1fjpo_13 {
  background: #1a1a1a;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2);
}

._tooltipOverlay_1fjpo_19 .ant-tooltip-inner {
  background: transparent !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 0 !important;
  box-shadow: none !important;
  max-width: none !important;
}
._tooltipOverlay_1fjpo_19 .ant-tooltip-arrow {
  display: none !important;
}
._tooltipOverlay_1fjpo_19::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  z-index: 1001;
}
._tooltipOverlay_1fjpo_19[data-placement^=top]::before {
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  border-top-color: #ffffff;
}
._tooltipOverlay_1fjpo_19[data-placement^=top]._dark_1fjpo_13::before {
  border-top-color: #1a1a1a;
}
._tooltipOverlay_1fjpo_19[data-placement^=bottom]::before {
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-color: #ffffff;
}
._tooltipOverlay_1fjpo_19[data-placement^=bottom]._dark_1fjpo_13::before {
  border-bottom-color: #1a1a1a;
}
._tooltipOverlay_1fjpo_19[data-placement^=left]::before {
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: #ffffff;
}
._tooltipOverlay_1fjpo_19[data-placement^=left]._dark_1fjpo_13::before {
  border-left-color: #1a1a1a;
}
._tooltipOverlay_1fjpo_19[data-placement^=right]::before {
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  border-right-color: #ffffff;
}
._tooltipOverlay_1fjpo_19[data-placement^=right]._dark_1fjpo_13::before {
  border-right-color: #1a1a1a;
}

._tooltipHeader_1fjpo_75 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px 12px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  position: relative;
}
._dark_1fjpo_13 ._tooltipHeader_1fjpo_75 {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}
._tooltipHeader_1fjpo_75::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.3), transparent);
}

._avatarSection_1fjpo_96 {
  position: relative;
  flex-shrink: 0;
}
._avatarSection_1fjpo_96 ._tooltipAvatar_1fjpo_100 {
  border: 2px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
}
._dark_1fjpo_13 ._avatarSection_1fjpo_96 ._tooltipAvatar_1fjpo_100 {
  border-color: rgba(255, 255, 255, 0.2);
}
._avatarSection_1fjpo_96 ._avatarBadge_1fjpo_108 {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 20px;
  height: 20px;
  background: linear-gradient(135deg, #faad14, #ffc53d);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  box-shadow: 0 2px 6px rgba(250, 173, 20, 0.3);
  font-size: 10px;
  color: #ffffff;
}
._dark_1fjpo_13 ._avatarSection_1fjpo_96 ._avatarBadge_1fjpo_108 {
  border-color: #1a1a1a;
}

._headerInfo_1fjpo_128 {
  flex: 1;
  min-width: 0;
}

._tooltipName_1fjpo_133 {
  margin: 0 0 6px 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #1e293b !important;
}
._dark_1fjpo_13 ._tooltipName_1fjpo_133 {
  color: #f1f5f9 !important;
}

._roleTag_1fjpo_144 {
  font-size: 10px !important;
  height: 20px !important;
  line-height: 18px !important;
  padding: 0 8px !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  border: none !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
._roleTag_1fjpo_144 .ant-tag-icon {
  margin-right: 3px !important;
  font-size: 9px !important;
}

._tooltipDivider_1fjpo_161 {
  margin: 0 !important;
  border-color: rgba(0, 0, 0, 0.06) !important;
}
._dark_1fjpo_13 ._tooltipDivider_1fjpo_161 {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

._tooltipContent_1fjpo_169 {
  padding: 16px 20px;
}

._infoSection_1fjpo_173 {
  margin-bottom: 12px;
}

._infoItem_1fjpo_177 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 6px 0;
}
._infoItem_1fjpo_177:last-child {
  margin-bottom: 0;
}

._infoIcon_1fjpo_188 {
  font-size: 12px;
  color: #64748b;
}
._dark_1fjpo_13 ._infoIcon_1fjpo_188 {
  color: #94a3b8;
}

._infoLabel_1fjpo_196 {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #64748b !important;
}
._dark_1fjpo_13 ._infoLabel_1fjpo_196 {
  color: #94a3b8 !important;
}

._infoValue_1fjpo_205 {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  max-width: 150px;
  text-align: right;
  word-break: break-all;
}
._dark_1fjpo_13 ._infoValue_1fjpo_205 {
  color: #f1f5f9 !important;
}
._infoValue_1fjpo_205 .ant-typography-copy {
  color: inherit !important;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
._infoValue_1fjpo_205 .ant-typography-copy:hover {
  opacity: 1;
}

._timeSection_1fjpo_225 ._timeItem_1fjpo_225 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  padding: 4px 0;
}
._timeSection_1fjpo_225 ._timeItem_1fjpo_225:last-child {
  margin-bottom: 0;
}

._timeIcon_1fjpo_236 {
  font-size: 11px;
  color: #64748b;
}
._dark_1fjpo_13 ._timeIcon_1fjpo_236 {
  color: #94a3b8;
}

._timeLabel_1fjpo_244 {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #64748b !important;
}
._dark_1fjpo_13 ._timeLabel_1fjpo_244 {
  color: #94a3b8 !important;
}

._timeValue_1fjpo_253 {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  font-family: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace !important;
  letter-spacing: 0.2px !important;
}
._dark_1fjpo_13 ._timeValue_1fjpo_253 {
  color: #f1f5f9 !important;
}

._creatorTooltip_1fjpo_1 {
  animation: _tooltipFadeIn_1fjpo_1 0.2s ease-out;
}

@keyframes _tooltipFadeIn_1fjpo_1 {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  ._creatorTooltip_1fjpo_1 {
    width: 280px;
  }
  ._tooltipHeader_1fjpo_75 {
    padding: 12px 16px 10px;
    gap: 10px;
  }
  ._tooltipContent_1fjpo_169 {
    padding: 12px 16px;
  }
  ._tooltipName_1fjpo_133 {
    font-size: 14px !important;
  }
  ._infoItem_1fjpo_177,
  ._timeItem_1fjpo_225 {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  ._infoValue_1fjpo_205,
  ._timeValue_1fjpo_253 {
    text-align: left;
    max-width: none;
  }
}
@media (max-width: 480px) {
  ._creatorTooltip_1fjpo_1 {
    width: 260px;
  }
  ._tooltipHeader_1fjpo_75 {
    padding: 10px 12px 8px;
    gap: 8px;
  }
  ._tooltipContent_1fjpo_169 {
    padding: 10px 12px;
  }
  ._tooltipAvatar_1fjpo_100 {
    width: 40px !important;
    height: 40px !important;
  }
  ._avatarBadge_1fjpo_108 {
    width: 16px;
    height: 16px;
    font-size: 8px;
  }
  ._tooltipName_1fjpo_133 {
    font-size: 13px !important;
  }
  ._roleTag_1fjpo_144 {
    font-size: 9px !important;
    height: 18px !important;
    line-height: 16px !important;
    padding: 0 6px !important;
  }
}
._creatorTooltip_1fjpo_1:hover ._tooltipAvatar_1fjpo_100 {
  transform: scale(1.05);
}
._creatorTooltip_1fjpo_1._loading_1fjpo_337 ._tooltipContent_1fjpo_169 {
  opacity: 0.6;
  pointer-events: none;
}

._dark_1fjpo_13 ._tooltipOverlay_1fjpo_19 .ant-tooltip-inner {
  background: transparent !important;
}
._dark_1fjpo_13 ._creatorTooltip_1fjpo_1 {
  backdrop-filter: blur(10px);
}._creatorCard_1yngi_1 {
  position: relative;
  transition: all 0.2s ease;
  overflow: hidden;
}
._creatorCard_1yngi_1:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
._creatorCard_1yngi_1:hover ._backgroundDecoration_1yngi_10 ._gradientOrb_1yngi_10 {
  transform: scale(1.05) rotate(90deg);
  opacity: 0.6;
}
._creatorCard_1yngi_1:hover ._backgroundDecoration_1yngi_10 ._patternOverlay_1yngi_14 {
  opacity: 0.2;
}
._creatorCard_1yngi_1:hover ._creatorAvatar_1yngi_17 {
  transform: scale(1.02);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
._creatorCard_1yngi_1:hover ._avatarBadge_1yngi_21 {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(250, 173, 20, 0.3);
}

._backgroundDecoration_1yngi_10 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}
._backgroundDecoration_1yngi_10 ._gradientOrb_1yngi_10 {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #1890ff, #40a9ff);
  border-radius: 50%;
  opacity: 0.08;
  transition: all 0.3s ease;
  filter: blur(15px);
}
._backgroundDecoration_1yngi_10 ._patternOverlay_1yngi_14 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 20% 80%, rgba(24, 144, 255, 0.05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(64, 169, 255, 0.05) 0%, transparent 50%);
  opacity: 0.1;
  transition: opacity 0.2s ease;
}

._creatorHeader_1yngi_59 {
  position: relative;
  z-index: 1;
}

._avatarContainer_1yngi_64 {
  position: relative;
  display: inline-block;
}
._avatarContainer_1yngi_64 ._creatorAvatar_1yngi_17 {
  transition: all 0.2s ease;
  border-radius: 8px;
  background: linear-gradient(135deg, #f0f0f0, #e0e0e0);
}
._avatarContainer_1yngi_64 ._avatarBadge_1yngi_21 {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 18px;
  height: 18px;
  background: linear-gradient(135deg, #faad14, #ffc53d);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  box-shadow: 0 1px 4px rgba(250, 173, 20, 0.2);
  transition: all 0.2s ease;
  z-index: 2;
}

._creatorName_1yngi_90 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
._creatorName_1yngi_90 ._roleTag_1yngi_96 {
  font-weight: 500;
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 10px;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

._creatorDetails_1yngi_105 {
  position: relative;
  z-index: 1;
}
._creatorDetails_1yngi_105 .ant-statistic ._ant-statistic-title_1yngi_109 {
  margin-bottom: 2px;
  font-size: 11px;
  font-weight: 500;
}
._creatorDetails_1yngi_105 .ant-statistic ._ant-statistic-content_1yngi_114 ._ant-statistic-content-value_1yngi_114 {
  font-size: 12px;
  font-weight: 600;
}

._contactInfo_1yngi_119 {
  position: relative;
  z-index: 1;
}
._contactInfo_1yngi_119 .ant-typography-copy {
  color: inherit;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}
._contactInfo_1yngi_119 .ant-typography-copy:hover {
  opacity: 1;
}

._hoverOverlay_1yngi_132 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  cursor: pointer;
  border-radius: 8px;
}

.dark ._creatorCard_1yngi_1:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.dark ._backgroundDecoration_1yngi_10 ._gradientOrb_1yngi_10 {
  background: linear-gradient(135deg, #1890ff, #40a9ff);
  opacity: 0.12;
}
.dark ._backgroundDecoration_1yngi_10 ._patternOverlay_1yngi_14 {
  background-image: radial-gradient(circle at 20% 80%, rgba(24, 144, 255, 0.08) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(64, 169, 255, 0.08) 0%, transparent 50%);
}
.dark ._avatarContainer_1yngi_64 ._creatorAvatar_1yngi_17 {
  background: linear-gradient(135deg, #2a2a2a, #1a1a1a);
}
.dark ._avatarContainer_1yngi_64 ._avatarBadge_1yngi_21 {
  border-color: #1a1a1a;
}
.dark ._creatorName_1yngi_90 ._roleTag_1yngi_96 {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
  ._creatorCard_1yngi_1 .ant-card-body {
    padding: 12px;
  }
  ._avatarContainer_1yngi_64 ._creatorAvatar_1yngi_17 {
    width: 40px;
    height: 40px;
  }
  ._avatarContainer_1yngi_64 ._avatarBadge_1yngi_21 {
    width: 16px;
    height: 16px;
    top: -1px;
    right: -1px;
  }
  ._avatarContainer_1yngi_64 ._avatarBadge_1yngi_21 .anticon {
    font-size: 8px;
  }
  ._creatorName_1yngi_90 {
    gap: 6px;
  }
  ._creatorName_1yngi_90 .ant-typography {
    font-size: 14px;
  }
  ._creatorName_1yngi_90 ._roleTag_1yngi_96 {
    font-size: 9px;
    padding: 1px 4px;
  }
  ._creatorDetails_1yngi_105 .ant-statistic ._ant-statistic-title_1yngi_109 {
    font-size: 10px;
  }
  ._creatorDetails_1yngi_105 .ant-statistic ._ant-statistic-content_1yngi_114 ._ant-statistic-content-value_1yngi_114 {
    font-size: 11px;
  }
}
@media (max-width: 576px) {
  ._creatorCard_1yngi_1 .ant-card-body {
    padding: 8px;
  }
  ._avatarContainer_1yngi_64 ._creatorAvatar_1yngi_17 {
    width: 36px;
    height: 36px;
  }
  ._avatarContainer_1yngi_64 ._avatarBadge_1yngi_21 {
    width: 14px;
    height: 14px;
    top: -1px;
    right: -1px;
  }
  ._avatarContainer_1yngi_64 ._avatarBadge_1yngi_21 .anticon {
    font-size: 7px;
  }
  ._creatorName_1yngi_90 {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  ._creatorName_1yngi_90 .ant-typography {
    font-size: 13px;
  }
  ._creatorDetails_1yngi_105 .ant-row ._ant-col_1yngi_222 {
    margin-bottom: 6px;
  }
}
@keyframes _fadeInUp_1yngi_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _pulse_1yngi_1 {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
._creatorCard_1yngi_1 {
  animation: _fadeInUp_1yngi_1 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

._avatarBadge_1yngi_21 {
  animation: _pulse_1yngi_1 2s infinite;
}

._creatorCard_1yngi_1._loading_1yngi_252 ._creatorAvatar_1yngi_17 {
  animation: _pulse_1yngi_1 1.5s infinite;
}
._creatorCard_1yngi_1._loading_1yngi_252 ._backgroundDecoration_1yngi_10 ._gradientOrb_1yngi_10 {
  animation: _pulse_1yngi_1 2s infinite;
}

@media (prefers-contrast: high) {
  ._creatorCard_1yngi_1 {
    border-width: 2px;
  }
  ._avatarContainer_1yngi_64 ._creatorAvatar_1yngi_17 {
    border-width: 3px;
  }
  ._avatarContainer_1yngi_64 ._avatarBadge_1yngi_21 {
    border-width: 3px;
  }
  ._creatorName_1yngi_90 ._roleTag_1yngi_96 {
    border: 1px solid currentColor;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._creatorCard_1yngi_1,
  ._creatorAvatar_1yngi_17,
  ._avatarBadge_1yngi_21,
  ._backgroundDecoration_1yngi_10 ._gradientOrb_1yngi_10 {
    transition: none;
    animation: none;
  }
}._applicationDetail_10cks_1 {
  padding: 24px;
  height: 100%;
  background: transparent;
}
._applicationDetail_10cks_1 ._loadingContainer_10cks_6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 400px;
  gap: 16px;
}
._applicationDetail_10cks_1 ._loadingContainer_10cks_6 ._loadingSpinner_10cks_14 {
  width: 40px;
  height: 40px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #1890ff;
  border-radius: 50%;
  animation: _spin_10cks_1 1s linear infinite;
}
._applicationDetail_10cks_1 ._errorContainer_10cks_22 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 400px;
  gap: 16px;
  text-align: center;
}
._applicationDetail_10cks_1 ._logoContainer_10cks_31 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
._applicationDetail_10cks_1 ._logoContainer_10cks_31 ._appLogo_10cks_37 {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  object-fit: cover;
  border: 2px solid #f0f0f0;
  transition: all 0.3s ease;
}
._applicationDetail_10cks_1 ._logoContainer_10cks_31 ._appLogo_10cks_37:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
._applicationDetail_10cks_1 ._appHeader_10cks_49 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
._applicationDetail_10cks_1 ._appHeader_10cks_49 ._statusBadge_10cks_55 {
  font-size: 12px;
  font-weight: 500;
}
._applicationDetail_10cks_1 ._identifierTag_10cks_59 {
  font-family: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;
  font-weight: 600;
  letter-spacing: 0.3px;
}
._applicationDetail_10cks_1 ._packageTag_10cks_64 {
  font-weight: 500;
}
._applicationDetail_10cks_1 ._versionTag_10cks_67 {
  font-weight: 600;
}
._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-nav_10cks_70 {
  margin-bottom: 16px;
  padding: 0 2px;
}
._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-nav_10cks_70::before {
  border-bottom: 1px solid #f0f0f0;
}
._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-nav_10cks_70 ._ant-tabs-nav-wrap_10cks_77 ._ant-tabs-nav-list_10cks_77 ._ant-tabs-tab_10cks_77 {
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 6px 6px 0 0;
  transition: all 0.3s ease;
  margin-right: 2px;
}
._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-nav_10cks_70 ._ant-tabs-nav-wrap_10cks_77 ._ant-tabs-nav-list_10cks_77 ._ant-tabs-tab_10cks_77:hover {
  background: rgba(24, 144, 255, 0.06);
  color: #1890ff;
}
._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-nav_10cks_70 ._ant-tabs-nav-wrap_10cks_77 ._ant-tabs-nav-list_10cks_77 ._ant-tabs-tab_10cks_77._ant-tabs-tab-active_10cks_89 {
  background: #1890ff;
  color: #fff;
  border-color: #1890ff;
}
._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-nav_10cks_70 ._ant-tabs-nav-wrap_10cks_77 ._ant-tabs-nav-list_10cks_77 ._ant-tabs-tab_10cks_77._ant-tabs-tab-active_10cks_89 ._ant-tabs-tab-btn_10cks_94 {
  color: #fff;
}
._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-nav_10cks_70 ._ant-tabs-nav-wrap_10cks_77 ._ant-tabs-nav-list_10cks_77 ._ant-tabs-tab_10cks_77 ._ant-tabs-tab-btn_10cks_94 {
  display: flex;
  align-items: center;
  gap: 6px;
  transition: color 0.3s ease;
}
._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-content-holder_10cks_103 ._ant-tabs-content_10cks_103 ._ant-tabs-tabpane_10cks_103 {
  padding: 0;
}

.dark ._applicationDetail_10cks_1 ._logoContainer_10cks_31 ._appLogo_10cks_37 {
  border-color: #404040;
}
.dark ._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-nav_10cks_70::before {
  border-bottom-color: #333333;
}
.dark ._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-nav_10cks_70 ._ant-tabs-nav-wrap_10cks_77 ._ant-tabs-nav-list_10cks_77 ._ant-tabs-tab_10cks_77 {
  color: #d9d9d9;
}
.dark ._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-nav_10cks_70 ._ant-tabs-nav-wrap_10cks_77 ._ant-tabs-nav-list_10cks_77 ._ant-tabs-tab_10cks_77:hover {
  background: rgba(24, 144, 255, 0.1);
  color: #1890ff;
}
.dark ._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-nav_10cks_70 ._ant-tabs-nav-wrap_10cks_77 ._ant-tabs-nav-list_10cks_77 ._ant-tabs-tab_10cks_77._ant-tabs-tab-active_10cks_89 {
  background: #1890ff;
  color: #fff;
  border-color: #1890ff;
}

@media (max-width: 768px) {
  ._applicationDetail_10cks_1 {
    padding: 12px;
  }
  ._applicationDetail_10cks_1 ._logoContainer_10cks_31 ._appLogo_10cks_37 {
    width: 48px;
    height: 48px;
  }
  ._applicationDetail_10cks_1 ._appHeader_10cks_49 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  ._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-nav_10cks_70 {
    margin-bottom: 12px;
  }
  ._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-nav_10cks_70 ._ant-tabs-nav-wrap_10cks_77 ._ant-tabs-nav-list_10cks_77 ._ant-tabs-tab_10cks_77 {
    padding: 6px 10px;
    font-size: 11px;
    margin-right: 1px;
  }
  ._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-nav_10cks_70 ._ant-tabs-nav-wrap_10cks_77 ._ant-tabs-nav-list_10cks_77 ._ant-tabs-tab_10cks_77 ._ant-tabs-tab-btn_10cks_94 {
    gap: 3px;
  }
}
@media (max-width: 576px) {
  ._applicationDetail_10cks_1 {
    padding: 8px;
  }
  ._applicationDetail_10cks_1 ._logoContainer_10cks_31 ._appLogo_10cks_37 {
    width: 40px;
    height: 40px;
  }
  ._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-nav_10cks_70 {
    margin-bottom: 8px;
  }
  ._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-nav_10cks_70 ._ant-tabs-nav-wrap_10cks_77 ._ant-tabs-nav-list_10cks_77 ._ant-tabs-tab_10cks_77 {
    padding: 4px 6px;
    font-size: 10px;
  }
  ._applicationDetail_10cks_1 ._configTabs_10cks_70 ._ant-tabs-nav_10cks_70 ._ant-tabs-nav-wrap_10cks_77 ._ant-tabs-nav-list_10cks_77 ._ant-tabs-tab_10cks_77 ._ant-tabs-tab-btn_10cks_94 {
    flex-direction: column;
    gap: 1px;
  }
}
@keyframes _spin_10cks_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._applicationDetail_10cks_1 ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
._applicationDetail_10cks_1 ::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
._applicationDetail_10cks_1 ::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
._applicationDetail_10cks_1 ::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.dark ._applicationDetail_10cks_1 ::-webkit-scrollbar-track {
  background: #2a2a2a;
}
.dark ._applicationDetail_10cks_1 ::-webkit-scrollbar-thumb {
  background: #555;
}
.dark ._applicationDetail_10cks_1 ::-webkit-scrollbar-thumb:hover {
  background: #777;
}
._lightTheme_15xfw_2 {
  padding: 24px;
  min-height: 100vh;
  background: linear-gradient(135deg, #f5f7fa 0%, 100%);
  will-change: scroll-position;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
._lightTheme_15xfw_2 ._pageHeader_15xfw_12 {
  margin-bottom: 24px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 16px;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.06);
}
._lightTheme_15xfw_2 ._pageHeader_15xfw_12 ._titleContainer_15xfw_21 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
._lightTheme_15xfw_2 ._pageHeader_15xfw_12 ._titleIcon_15xfw_26 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #8b4513 0%, #a0522d 100%);
  border-radius: 8px;
  position: relative;
  box-shadow: 0 4px 12px rgba(139, 69, 19, 0.3);
  margin-right: 10px;
}
._lightTheme_15xfw_2 ._pageHeader_15xfw_12 ._titleIcon_15xfw_26::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 4px;
  background: linear-gradient(90deg, #c0c0c0 0%, #e8e8e8 100%);
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
._lightTheme_15xfw_2 ._pageHeader_15xfw_12 ._titleIcon_15xfw_26::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 2px;
  background: #c0c0c0;
  border-radius: 1px;
}
._lightTheme_15xfw_2 ._pageHeader_15xfw_12 ._titleIcon_15xfw_26 .anticon {
  font-size: 24px;
  color: #ffffff;
  z-index: 1;
  position: relative;
}
._lightTheme_15xfw_2 ._pageHeader_15xfw_12 ._titleContent_15xfw_67 {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
._lightTheme_15xfw_2 ._pageHeader_15xfw_12 ._title_15xfw_21 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
._lightTheme_15xfw_2 ._pageHeader_15xfw_12 ._titleDescription_15xfw_82 {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  margin: 0;
}
._lightTheme_15xfw_2 ._statsSection_15xfw_88 {
  margin-bottom: 24px;
}
._lightTheme_15xfw_2 ._statsSection_15xfw_88 > div {
  display: flex;
  align-items: center;
}
._lightTheme_15xfw_2 ._statCard_15xfw_95 {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  height: 100px;
  min-height: 100px;
}
._lightTheme_15xfw_2 ._statCard_15xfw_95 .ant-card-body {
  padding: 12px;
  height: 100%;
}
._lightTheme_15xfw_2 ._statCard_15xfw_95:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
._lightTheme_15xfw_2 ._statContent_15xfw_113 {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 100%;
  padding: 4px 0;
}
._lightTheme_15xfw_2 ._statIcon_15xfw_120 {
  font-size: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(102, 126, 234, 0.1);
  flex-shrink: 0;
}
._lightTheme_15xfw_2 ._statInfo_15xfw_131 {
  flex: 1;
}
._lightTheme_15xfw_2 ._statValue_15xfw_134 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.2;
}
._lightTheme_15xfw_2 ._statTitle_15xfw_140 {
  font-size: 12px;
  color: #666666;
  margin-top: 2px;
  line-height: 1.3;
}
._lightTheme_15xfw_2 ._statTrend_15xfw_146 {
  color: #52c41a;
  font-size: 14px;
  flex-shrink: 0;
}
._lightTheme_15xfw_2 ._filterSection_15xfw_151 {
  margin-bottom: 16px;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  padding: 12px;
}
._lightTheme_15xfw_2 ._searchInput_15xfw_158 {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  height: 36px;
}
._lightTheme_15xfw_2 ._searchInput_15xfw_158:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2);
}
._lightTheme_15xfw_2 ._filterSelect_15xfw_169 {
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  height: 36px;
}
._lightTheme_15xfw_2 ._filterSelect_15xfw_169:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2);
}
._lightTheme_15xfw_2 ._clearFiltersContainer_15xfw_181 {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
._lightTheme_15xfw_2 ._clearFiltersButton_15xfw_186 {
  color: #667eea;
  font-weight: 500;
}
._lightTheme_15xfw_2 ._clearFiltersButton_15xfw_186:hover {
  color: #8b9cf0;
}
._lightTheme_15xfw_2 ._contentCard_15xfw_193 {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
}
._lightTheme_15xfw_2 ._projectCard_15xfw_201 {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  transition: all 0.2s ease;
  overflow: hidden;
}
._lightTheme_15xfw_2 ._projectCard_15xfw_201:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-color: rgba(102, 126, 234, 0.2);
}
._lightTheme_15xfw_2 ._cardContent_15xfw_212 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._lightTheme_15xfw_2 ._cardHeader_15xfw_218 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4px;
}
._lightTheme_15xfw_2 ._headerLeft_15xfw_224 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
._lightTheme_15xfw_2 ._projectIcon_15xfw_231 {
  font-size: 24px;
  flex-shrink: 0;
  margin-top: 2px;
}
._lightTheme_15xfw_2 ._headerContent_15xfw_236 {
  flex: 1;
  min-width: 0;
}
._lightTheme_15xfw_2 ._projectName_15xfw_240 {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 4px 0;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._lightTheme_15xfw_2 ._projectDescription_15xfw_250 {
  font-size: 12px;
  color: #8c8c8c;
  line-height: 1.4;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
._lightTheme_15xfw_2 ._projectInfo_15xfw_261 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  flex-wrap: wrap;
}
._lightTheme_15xfw_2 ._infoItem_15xfw_268 {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #8c8c8c;
}
._lightTheme_15xfw_2 ._infoIcon_15xfw_274 {
  font-size: 12px;
  margin-right: 4px;
  color: #8c8c8c;
}
._lightTheme_15xfw_2 ._infoText_15xfw_279 {
  font-size: 12px;
  color: #8c8c8c;
}
._lightTheme_15xfw_2 ._infoValue_15xfw_283 {
  font-size: 12px;
  font-weight: 600;
  color: #1a1a1a;
  margin-right: 2px;
}
._lightTheme_15xfw_2 ._infoDivider_15xfw_289 {
  width: 1px;
  height: 12px;
  background: rgba(0, 0, 0, 0.08);
}
._lightTheme_15xfw_2 ._cardCover_15xfw_294 {
  position: relative;
  height: 240px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
._lightTheme_15xfw_2 ._cardCover_15xfw_294::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
}
._lightTheme_15xfw_2 ._cardCover_15xfw_294::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(45deg, transparent 40%, rgba(255, 255, 255, 0.02) 50%, transparent 60%);
  background-size: 20px 20px;
}
._lightTheme_15xfw_2 ._projectTypeIndicator_15xfw_322 {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 18px;
  backdrop-filter: blur(10px);
}
._lightTheme_15xfw_2 ._projectStatus_15xfw_336 {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 10;
}
._lightTheme_15xfw_2 ._coverOverlay_15xfw_342 {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
._lightTheme_15xfw_2 ._projectAvatar_15xfw_351 {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
}
._lightTheme_15xfw_2 ._actionButton_15xfw_358 {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  margin: 0 auto;
  transition: all 0.3s ease;
}
._lightTheme_15xfw_2 ._actionButton_15xfw_358:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: scale(1.1);
}
._lightTheme_15xfw_2 ._cardBody_15xfw_376 {
  padding: 20px;
}
._lightTheme_15xfw_2 ._projectHeader_15xfw_379 {
  margin-bottom: 16px;
}
._lightTheme_15xfw_2 ._projectTitle_15xfw_382 {
  margin-bottom: 10px;
}
._lightTheme_15xfw_2 ._projectName_15xfw_240 {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 8px;
  line-height: 1.4;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._lightTheme_15xfw_2 ._projectIdentifier_15xfw_396 {
  font-size: 14px;
  color: #666666;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  background: rgba(102, 126, 234, 0.1);
  padding: 4px 8px;
  border-radius: 6px;
  display: inline-block;
}
._lightTheme_15xfw_2 ._projectDescription_15xfw_250 {
  font-size: 14px;
  color: #666666;
  line-height: 1.5;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
._lightTheme_15xfw_2 ._projectMeta_15xfw_416 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}
._lightTheme_15xfw_2 ._metaItem_15xfw_422 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #666666;
}
._lightTheme_15xfw_2 ._metaIcon_15xfw_429 {
  color: #667eea;
  font-size: 14px;
}
._lightTheme_15xfw_2 ._metaText_15xfw_433 {
  color: #666666;
}
@media (max-width: 768px) {
  ._lightTheme_15xfw_2 ._projectStatsCompact_15xfw_437 {
    gap: 8px;
    padding: 10px;
  }
  ._lightTheme_15xfw_2 ._statItemCompact_15xfw_441 {
    padding: 6px;
    gap: 4px;
  }
  ._lightTheme_15xfw_2 ._statIconCompact_15xfw_445 {
    font-size: 12px;
    width: 18px;
    height: 18px;
  }
  ._lightTheme_15xfw_2 ._statValueCompact_15xfw_450 {
    font-size: 13px;
  }
  ._lightTheme_15xfw_2 ._statLabelCompact_15xfw_453 {
    font-size: 10px;
  }
}
@media (max-width: 480px) {
  ._lightTheme_15xfw_2 ._projectStatsCompact_15xfw_437 {
    gap: 6px;
    padding: 8px;
  }
  ._lightTheme_15xfw_2 ._statItemCompact_15xfw_441 {
    padding: 5px;
    gap: 3px;
  }
  ._lightTheme_15xfw_2 ._statValueCompact_15xfw_450 {
    font-size: 12px;
  }
  ._lightTheme_15xfw_2 ._statLabelCompact_15xfw_453 {
    font-size: 9px;
  }
}
._lightTheme_15xfw_2 ._applicationsSection_15xfw_473 {
  padding-top: 12px;
}
._lightTheme_15xfw_2 ._applicationsHeader_15xfw_476 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  font-size: 12px;
  color: #8c8c8c;
}
._lightTheme_15xfw_2 ._applicationsIcon_15xfw_484 {
  font-size: 12px;
  color: #8c8c8c;
}
._lightTheme_15xfw_2 ._applicationsTitle_15xfw_488 {
  font-size: 12px;
  color: #8c8c8c;
  font-weight: 500;
}
._lightTheme_15xfw_2 ._applicationsCount_15xfw_493 {
  font-size: 12px;
  color: #8c8c8c;
  margin-left: auto;
}
._lightTheme_15xfw_2 ._applicationsList_15xfw_498 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._lightTheme_15xfw_2 ._applicationItem_15xfw_503 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._lightTheme_15xfw_2 ._applicationItem_15xfw_503:hover {
  background: rgba(102, 126, 234, 0.05);
}
._lightTheme_15xfw_2 ._applicationIcon_15xfw_515 {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 12px;
  flex-shrink: 0;
}
._lightTheme_15xfw_2 ._applicationName_15xfw_526 {
  font-size: 12px;
  color: #1a1a1a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
._lightTheme_15xfw_2 ._moreApplications_15xfw_534 {
  font-size: 12px;
  color: #8c8c8c;
  text-align: center;
  padding: 6px 8px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
}
._lightTheme_15xfw_2 ._moreApplications_15xfw_534:hover {
  background: rgba(102, 126, 234, 0.05);
  color: #1890ff;
}
._lightTheme_15xfw_2 ._emptyApplications_15xfw_547 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px;
  color: #bfbfbf;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
}
._lightTheme_15xfw_2 ._emptyApplications_15xfw_547:hover {
  background: rgba(102, 126, 234, 0.05);
  color: #8c8c8c;
}
._lightTheme_15xfw_2 ._emptyIcon_15xfw_562 {
  font-size: 14px;
}
._lightTheme_15xfw_2 ._emptyText_15xfw_565 {
  font-size: 12px;
}
._lightTheme_15xfw_2 ._cardActions_15xfw_568 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 12px;
}
._lightTheme_15xfw_2 ._actionButton_15xfw_358 {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8c8c8c;
  cursor: pointer;
  transition: all 0.2s ease;
}
._lightTheme_15xfw_2 ._actionButton_15xfw_358:hover {
  background: rgba(102, 126, 234, 0.1);
  color: #1890ff;
}
._lightTheme_15xfw_2 ._loadingState_15xfw_590 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
}
._lightTheme_15xfw_2 ._emptyState_15xfw_596 {
  text-align: center;
  padding: 60px 20px;
}
._lightTheme_15xfw_2 ._emptyDescription_15xfw_600 {
  font-size: 16px;
  color: #666666;
  margin-bottom: 24px;
}
._lightTheme_15xfw_2 ._pagination_15xfw_605 {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
._lightTheme_15xfw_2 ._paginationContainer_15xfw_610 {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 12px;
  padding: 16px;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.06);
}
._lightTheme_15xfw_2 .ant-btn-primary {
  background: #667eea;
  border-color: #667eea;
  color: #ffffff;
  border-radius: 12px;
  font-weight: 500;
}
._lightTheme_15xfw_2 .ant-btn-primary:hover {
  background: #8b9cf0;
  border-color: #8b9cf0;
}
._lightTheme_15xfw_2 .ant-btn-primary:focus {
  background: #667eea;
  border-color: #667eea;
}
._lightTheme_15xfw_2 .ant-btn {
  border-radius: 12px;
  font-weight: 500;
}
._lightTheme_15xfw_2 .ant-card {
  border-radius: 16px;
}
._lightTheme_15xfw_2 .ant-input {
  border-radius: 12px;
}
._lightTheme_15xfw_2 .ant-select ._ant-select-selector_15xfw_643 {
  border-radius: 12px;
}

._darkTheme_15xfw_647 {
  padding: 24px;
  min-height: 100vh;
  background: linear-gradient(135deg, #1a1a1a 0%, #262626 100%);
  will-change: scroll-position;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}
._darkTheme_15xfw_647 ._pageHeader_15xfw_12 {
  margin-bottom: 24px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
._darkTheme_15xfw_647 ._pageHeader_15xfw_12 ._titleContainer_15xfw_21 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
._darkTheme_15xfw_647 ._pageHeader_15xfw_12 ._titleIcon_15xfw_26 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #8b4513 0%, #a0522d 100%);
  border-radius: 8px;
  position: relative;
  box-shadow: 0 4px 12px rgba(139, 69, 19, 0.4);
  margin-right: 10px;
}
._darkTheme_15xfw_647 ._pageHeader_15xfw_12 ._titleIcon_15xfw_26::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 4px;
  background: linear-gradient(90deg, #c0c0c0 0%, #e8e8e8 100%);
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
._darkTheme_15xfw_647 ._pageHeader_15xfw_12 ._titleIcon_15xfw_26::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 2px;
  background: #c0c0c0;
  border-radius: 1px;
}
._darkTheme_15xfw_647 ._pageHeader_15xfw_12 ._titleIcon_15xfw_26 .anticon {
  font-size: 24px;
  color: #ffffff;
  z-index: 1;
  position: relative;
}
._darkTheme_15xfw_647 ._pageHeader_15xfw_12 ._titleContent_15xfw_67 {
  display: flex;
  align-items: flex-end;
  padding-bottom: 10px;
}
._darkTheme_15xfw_647 ._pageHeader_15xfw_12 ._title_15xfw_21 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  background: linear-gradient(135deg, #7c8df0 0%, #9c7cf0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
._darkTheme_15xfw_647 ._pageHeader_15xfw_12 ._titleDescription_15xfw_82 {
  font-size: 14px;
  color: #a6a6a6;
  line-height: 1.5;
  margin: 0;
}
._darkTheme_15xfw_647 ._statsSection_15xfw_88 {
  margin-bottom: 24px;
}
._darkTheme_15xfw_647 ._statsSection_15xfw_88 > div {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
._darkTheme_15xfw_647 ._statCard_15xfw_95 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  height: 100px;
  min-height: 100px;
}
._darkTheme_15xfw_647 ._statCard_15xfw_95 .ant-card-body {
  padding: 12px;
  height: 100%;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
._darkTheme_15xfw_647 ._statCard_15xfw_95:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
._darkTheme_15xfw_647 ._statContent_15xfw_113 {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 100%;
  padding: 4px 0;
}
._darkTheme_15xfw_647 ._statIcon_15xfw_120 {
  font-size: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(124, 141, 240, 0.2);
  flex-shrink: 0;
}
._darkTheme_15xfw_647 ._statInfo_15xfw_131 {
  flex: 1;
}
._darkTheme_15xfw_647 ._statValue_15xfw_134 {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
}
._darkTheme_15xfw_647 ._statTitle_15xfw_140 {
  font-size: 12px;
  color: #a6a6a6;
  margin-top: 2px;
  line-height: 1.3;
}
._darkTheme_15xfw_647 ._statTrend_15xfw_146 {
  color: #52c41a;
  font-size: 14px;
  flex-shrink: 0;
}
._darkTheme_15xfw_647 ._filterSection_15xfw_151 {
  margin-bottom: 16px;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  padding: 12px;
}
._darkTheme_15xfw_647 ._searchInput_15xfw_158 {
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  color: #ffffff;
  height: 36px;
}
._darkTheme_15xfw_647 ._searchInput_15xfw_158:focus {
  border-color: #7c8df0;
  box-shadow: 0 0 0 2px rgba(124, 141, 240, 0.3);
}
._darkTheme_15xfw_647 ._searchInput_15xfw_158::placeholder {
  color: #a6a6a6;
}
._darkTheme_15xfw_647 ._filterSelect_15xfw_169 {
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  color: #ffffff;
  height: 36px;
}
._darkTheme_15xfw_647 ._filterSelect_15xfw_169:focus {
  border-color: #7c8df0;
  box-shadow: 0 0 0 2px rgba(124, 141, 240, 0.3);
}
._darkTheme_15xfw_647 ._clearFiltersContainer_15xfw_181 {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
._darkTheme_15xfw_647 ._clearFiltersButton_15xfw_186 {
  color: #7c8df0;
  font-weight: 500;
}
._darkTheme_15xfw_647 ._clearFiltersButton_15xfw_186:hover {
  color: #9c7cf0;
}
._darkTheme_15xfw_647 ._contentCard_15xfw_193 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  margin-bottom: 24px;
}
._darkTheme_15xfw_647 ._projectCard_15xfw_201 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  transition: all 0.2s ease;
  overflow: hidden;
}
._darkTheme_15xfw_647 ._projectCard_15xfw_201:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  border-color: rgba(124, 141, 240, 0.3);
}
._darkTheme_15xfw_647 ._cardContent_15xfw_212 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._darkTheme_15xfw_647 ._cardHeader_15xfw_218 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4px;
}
._darkTheme_15xfw_647 ._headerLeft_15xfw_224 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
._darkTheme_15xfw_647 ._projectIcon_15xfw_231 {
  font-size: 24px;
  flex-shrink: 0;
  margin-top: 2px;
}
._darkTheme_15xfw_647 ._headerContent_15xfw_236 {
  flex: 1;
  min-width: 0;
}
._darkTheme_15xfw_647 ._projectName_15xfw_240 {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 4px 0;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._darkTheme_15xfw_647 ._projectDescription_15xfw_250 {
  font-size: 12px;
  color: #a6a6a6;
  line-height: 1.4;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
._darkTheme_15xfw_647 ._projectInfo_15xfw_261 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  flex-wrap: wrap;
}
._darkTheme_15xfw_647 ._infoItem_15xfw_268 {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #a6a6a6;
}
._darkTheme_15xfw_647 ._infoIcon_15xfw_274 {
  font-size: 12px;
  margin-right: 4px;
  color: #a6a6a6;
}
._darkTheme_15xfw_647 ._infoText_15xfw_279 {
  font-size: 12px;
  color: #a6a6a6;
}
._darkTheme_15xfw_647 ._infoValue_15xfw_283 {
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  margin-right: 2px;
}
._darkTheme_15xfw_647 ._infoDivider_15xfw_289 {
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.15);
}
._darkTheme_15xfw_647 ._cardCover_15xfw_294 {
  position: relative;
  height: 240px;
  background: linear-gradient(135deg, #7c8df0 0%, #9c7cf0 50%, #c084fc 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
._darkTheme_15xfw_647 ._cardCover_15xfw_294::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.08) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.04) 0%, transparent 50%);
}
._darkTheme_15xfw_647 ._cardCover_15xfw_294::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(45deg, transparent 40%, rgba(255, 255, 255, 0.015) 50%, transparent 60%);
  background-size: 20px 20px;
}
._darkTheme_15xfw_647 ._projectTypeIndicator_15xfw_322 {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 18px;
  backdrop-filter: blur(10px);
}
._darkTheme_15xfw_647 ._projectStatus_15xfw_336 {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 10;
}
._darkTheme_15xfw_647 ._coverOverlay_15xfw_342 {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
._darkTheme_15xfw_647 ._projectAvatar_15xfw_351 {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
}
._darkTheme_15xfw_647 ._actionButton_15xfw_358 {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin: 0 auto;
  cursor: pointer;
  transition: all 0.3s ease;
}
._darkTheme_15xfw_647 ._actionButton_15xfw_358:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: scale(1.1);
}
._darkTheme_15xfw_647 ._cardBody_15xfw_376 {
  padding: 20px;
}
._darkTheme_15xfw_647 ._projectHeader_15xfw_379 {
  margin-bottom: 16px;
}
._darkTheme_15xfw_647 ._projectTitle_15xfw_382 {
  margin-bottom: 10px;
}
._darkTheme_15xfw_647 ._projectName_15xfw_240 {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 8px;
  line-height: 1.4;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._darkTheme_15xfw_647 ._projectIdentifier_15xfw_396 {
  font-size: 14px;
  color: #a6a6a6;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  background: rgba(124, 141, 240, 0.2);
  padding: 4px 8px;
  border-radius: 6px;
  display: inline-block;
}
._darkTheme_15xfw_647 ._projectDescription_15xfw_250 {
  font-size: 14px;
  color: #a6a6a6;
  line-height: 1.5;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
._darkTheme_15xfw_647 ._projectMeta_15xfw_416 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}
._darkTheme_15xfw_647 ._metaItem_15xfw_422 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #a6a6a6;
}
._darkTheme_15xfw_647 ._metaIcon_15xfw_429 {
  color: #7c8df0;
  font-size: 14px;
}
._darkTheme_15xfw_647 ._metaText_15xfw_433 {
  color: #a6a6a6;
}
@media (max-width: 768px) {
  ._darkTheme_15xfw_647 ._projectStatsCompact_15xfw_437 {
    gap: 8px;
    padding: 10px;
  }
  ._darkTheme_15xfw_647 ._statItemCompact_15xfw_441 {
    padding: 6px;
    gap: 4px;
  }
  ._darkTheme_15xfw_647 ._statIconCompact_15xfw_445 {
    font-size: 12px;
    width: 18px;
    height: 18px;
  }
  ._darkTheme_15xfw_647 ._statValueCompact_15xfw_450 {
    font-size: 13px;
  }
  ._darkTheme_15xfw_647 ._statLabelCompact_15xfw_453 {
    font-size: 10px;
  }
}
@media (max-width: 480px) {
  ._darkTheme_15xfw_647 ._projectStatsCompact_15xfw_437 {
    gap: 6px;
    padding: 8px;
  }
  ._darkTheme_15xfw_647 ._statItemCompact_15xfw_441 {
    padding: 5px;
    gap: 3px;
  }
  ._darkTheme_15xfw_647 ._statValueCompact_15xfw_450 {
    font-size: 12px;
  }
  ._darkTheme_15xfw_647 ._statLabelCompact_15xfw_453 {
    font-size: 9px;
  }
}
._darkTheme_15xfw_647 ._applicationsSection_15xfw_473 {
  padding-top: 12px;
}
._darkTheme_15xfw_647 ._applicationsHeader_15xfw_476 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  font-size: 12px;
  color: #a6a6a6;
}
._darkTheme_15xfw_647 ._applicationsIcon_15xfw_484 {
  font-size: 12px;
  color: #a6a6a6;
}
._darkTheme_15xfw_647 ._applicationsTitle_15xfw_488 {
  font-size: 12px;
  color: #a6a6a6;
  font-weight: 500;
}
._darkTheme_15xfw_647 ._applicationsCount_15xfw_493 {
  font-size: 12px;
  color: #a6a6a6;
  margin-left: auto;
}
._darkTheme_15xfw_647 ._applicationsList_15xfw_498 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._darkTheme_15xfw_647 ._applicationItem_15xfw_503 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._darkTheme_15xfw_647 ._applicationItem_15xfw_503:hover {
  background: rgba(124, 141, 240, 0.1);
}
._darkTheme_15xfw_647 ._applicationIcon_15xfw_515 {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 12px;
  flex-shrink: 0;
}
._darkTheme_15xfw_647 ._applicationName_15xfw_526 {
  font-size: 12px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
._darkTheme_15xfw_647 ._moreApplications_15xfw_534 {
  font-size: 12px;
  color: #a6a6a6;
  text-align: center;
  padding: 6px 8px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
}
._darkTheme_15xfw_647 ._moreApplications_15xfw_534:hover {
  background: rgba(124, 141, 240, 0.1);
  color: #7c8df0;
}
._darkTheme_15xfw_647 ._emptyApplications_15xfw_547 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px;
  color: #595959;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
}
._darkTheme_15xfw_647 ._emptyApplications_15xfw_547:hover {
  background: rgba(124, 141, 240, 0.1);
  color: #a6a6a6;
}
._darkTheme_15xfw_647 ._emptyIcon_15xfw_562 {
  font-size: 14px;
}
._darkTheme_15xfw_647 ._emptyText_15xfw_565 {
  font-size: 12px;
}
._darkTheme_15xfw_647 ._cardActions_15xfw_568 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 12px;
}
._darkTheme_15xfw_647 ._actionButton_15xfw_358 {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a6a6a6;
  cursor: pointer;
  transition: all 0.2s ease;
}
._darkTheme_15xfw_647 ._actionButton_15xfw_358:hover {
  background: rgba(124, 141, 240, 0.15);
  color: #7c8df0;
}
._darkTheme_15xfw_647 ._loadingState_15xfw_590 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
}
._darkTheme_15xfw_647 ._emptyState_15xfw_596 {
  text-align: center;
  padding: 60px 20px;
}
._darkTheme_15xfw_647 ._emptyDescription_15xfw_600 {
  font-size: 16px;
  color: #a6a6a6;
  margin-bottom: 24px;
}
._darkTheme_15xfw_647 ._pagination_15xfw_605 {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
._darkTheme_15xfw_647 ._paginationContainer_15xfw_610 {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 16px;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
._darkTheme_15xfw_647 .ant-btn-primary {
  background: #7c8df0;
  border-color: #7c8df0;
  color: #ffffff;
  border-radius: 12px;
  font-weight: 500;
}
._darkTheme_15xfw_647 .ant-btn-primary:hover {
  background: #9c7cf0;
  border-color: #9c7cf0;
}
._darkTheme_15xfw_647 .ant-btn-primary:focus {
  background: #7c8df0;
  border-color: #7c8df0;
}
._darkTheme_15xfw_647 .ant-btn {
  border-radius: 12px;
  font-weight: 500;
}
._darkTheme_15xfw_647 .ant-card {
  border-radius: 16px;
}
._darkTheme_15xfw_647 .ant-input {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
._darkTheme_15xfw_647 .ant-input::placeholder {
  color: #a6a6a6;
}
._darkTheme_15xfw_647 .ant-select ._ant-select-selector_15xfw_643 {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

._lightTheme_15xfw_2 {
  min-width: 1400px;
}
._lightTheme_15xfw_2 ._projectInfoOverlay_15xfw_1319 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  color: white;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._lightTheme_15xfw_2 ._decorativeElements_15xfw_1332 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
._lightTheme_15xfw_2 ._gradientOrb_15xfw_1341 {
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
}
._lightTheme_15xfw_2 ._gradientOrb_15xfw_1341:first-child {
  top: -60px;
  right: -60px;
  animation-delay: 0s;
}
._lightTheme_15xfw_2 ._gradientOrb_15xfw_1341:last-child {
  bottom: -60px;
  left: -60px;
  animation-delay: 3s;
}
._lightTheme_15xfw_2 ._orbVariant1_15xfw_1358 ._gradientOrb_15xfw_1341 {
  background: radial-gradient(circle, rgba(102, 126, 234, 0.4) 0%, rgba(118, 75, 162, 0.25) 50%, transparent 70%) !important;
}
._lightTheme_15xfw_2 ._orbVariant2_15xfw_1361 ._gradientOrb_15xfw_1341 {
  background: radial-gradient(circle, rgba(240, 147, 251, 0.4) 0%, rgba(245, 87, 108, 0.25) 50%, transparent 70%) !important;
}
._lightTheme_15xfw_2 ._orbVariant3_15xfw_1364 ._gradientOrb_15xfw_1341 {
  background: radial-gradient(circle, rgba(79, 172, 254, 0.4) 0%, rgba(0, 242, 254, 0.25) 50%, transparent 70%) !important;
}
._lightTheme_15xfw_2 ._orbVariant4_15xfw_1367 ._gradientOrb_15xfw_1341 {
  background: radial-gradient(circle, rgba(67, 233, 123, 0.4) 0%, rgba(56, 249, 215, 0.25) 50%, transparent 70%) !important;
}
._lightTheme_15xfw_2 ._orbVariant5_15xfw_1370 ._gradientOrb_15xfw_1341 {
  background: radial-gradient(circle, rgba(250, 112, 154, 0.4) 0%, rgba(254, 225, 64, 0.25) 50%, transparent 70%) !important;
}
._lightTheme_15xfw_2 ._orbVariant6_15xfw_1373 ._gradientOrb_15xfw_1341 {
  background: radial-gradient(circle, rgba(168, 237, 234, 0.4) 0%, rgba(254, 214, 227, 0.25) 50%, transparent 70%) !important;
}
._lightTheme_15xfw_2 ._projectTitleSection_15xfw_1376 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
  z-index: 3;
}
._lightTheme_15xfw_2 ._projectTitleContainer_15xfw_1383 {
  flex: 1;
  margin-right: 16px;
}
._lightTheme_15xfw_2 ._projectTitleContainer_15xfw_1383 > h3 {
  width: 80%;
}
._lightTheme_15xfw_2 ._projectName_15xfw_240 {
  font-size: 22px;
  font-weight: 800;
  color: white;
  margin: 0 0 8px 0;
  line-height: 1.3;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  letter-spacing: -0.02em;
}
._lightTheme_15xfw_2 ._projectIdentifier_15xfw_396 {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.15);
  padding: 4px 10px;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: fit-content;
}
._lightTheme_15xfw_2 ._identifierLabel_15xfw_1410 {
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._lightTheme_15xfw_2 ._identifierValue_15xfw_1417 {
  font-size: 11px;
  font-weight: 500;
  color: white;
  font-family: "SF Mono", "Monaco", "Menlo", "Ubuntu Mono", monospace;
}
._lightTheme_15xfw_2 ._projectTypeBadge_15xfw_1423 {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
  margin-top: 20px;
}
._lightTheme_15xfw_2 ._projectTypeBadge_15xfw_1423:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
._lightTheme_15xfw_2 ._projectDescription_15xfw_250 {
  margin-top: 8px;
  margin-bottom: 0;
  z-index: 3;
}
._lightTheme_15xfw_2 ._descriptionText_15xfw_1447 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.4;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  max-height: 2.4em; /* 确保最多2行 */
}
._lightTheme_15xfw_2 ._projectMetaCard_15xfw_1460 {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  z-index: 3;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
._lightTheme_15xfw_2 ._metaItem_15xfw_422 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
._lightTheme_15xfw_2 ._metaIconWrapper_15xfw_1478 {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
._lightTheme_15xfw_2 ._metaIcon_15xfw_429 {
  color: white;
  font-size: 14px;
}
._lightTheme_15xfw_2 ._metaContent_15xfw_1492 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._lightTheme_15xfw_2 ._metaLabel_15xfw_1497 {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._lightTheme_15xfw_2 ._metaValue_15xfw_1504 {
  font-size: 12px;
  color: white;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
._lightTheme_15xfw_2 ._metaDivider_15xfw_1510 {
  width: 1px;
  height: 32px;
  background: rgba(255, 255, 255, 0.2);
}
._lightTheme_15xfw_2 ._bottomAccent_15xfw_1515 {
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 3px;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100%);
  border-radius: 2px;
  z-index: 3;
}
@media (max-width: 768px) {
  ._lightTheme_15xfw_2 ._projectInfoOverlay_15xfw_1319 {
    padding: 16px;
  }
  ._lightTheme_15xfw_2 ._projectStatus_15xfw_336 {
    top: 12px;
    right: 12px;
  }
  ._lightTheme_15xfw_2 ._projectName_15xfw_240 {
    font-size: 20px;
  }
  ._lightTheme_15xfw_2 ._projectMetaCard_15xfw_1460 {
    padding: 12px;
    gap: 12px;
  }
  ._lightTheme_15xfw_2 ._metaItem_15xfw_422 {
    gap: 8px;
  }
  ._lightTheme_15xfw_2 ._metaIconWrapper_15xfw_1478 {
    width: 28px;
    height: 28px;
  }
  ._lightTheme_15xfw_2 ._metaIcon_15xfw_429 {
    font-size: 12px;
  }
  ._lightTheme_15xfw_2 ._metaValue_15xfw_1504 {
    font-size: 11px;
  }
  ._lightTheme_15xfw_2 ._metaLabel_15xfw_1497 {
    font-size: 9px;
  }
}
@media (max-width: 480px) {
  ._lightTheme_15xfw_2 ._projectStatus_15xfw_336 {
    top: 8px;
    right: 8px;
  }
  ._lightTheme_15xfw_2 ._projectTitleSection_15xfw_1376 {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  ._lightTheme_15xfw_2 ._projectTitleContainer_15xfw_1383 {
    margin-right: 0;
  }
  ._lightTheme_15xfw_2 ._projectTypeBadge_15xfw_1423 {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  ._lightTheme_15xfw_2 ._projectMetaCard_15xfw_1460 {
    flex-direction: column;
    gap: 8px;
  }
  ._lightTheme_15xfw_2 ._metaDivider_15xfw_1510 {
    width: 100%;
    height: 1px;
  }
}

._darkTheme_15xfw_647 {
  min-width: 1400px;
}
._darkTheme_15xfw_647 ._projectInfoOverlay_15xfw_1319 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  color: white;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._darkTheme_15xfw_647 ._decorativeElements_15xfw_1332 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
._darkTheme_15xfw_647 ._gradientOrb_15xfw_1341 {
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);
}
._darkTheme_15xfw_647 ._gradientOrb_15xfw_1341:first-child {
  top: -60px;
  right: -60px;
  animation-delay: 0s;
}
._darkTheme_15xfw_647 ._gradientOrb_15xfw_1341:last-child {
  bottom: -60px;
  left: -60px;
  animation-delay: 3s;
}
._darkTheme_15xfw_647 ._orbVariant1_15xfw_1358 ._gradientOrb_15xfw_1341 {
  background: radial-gradient(circle, rgba(102, 126, 234, 0.5) 0%, rgba(118, 75, 162, 0.3) 50%, transparent 70%) !important;
}
._darkTheme_15xfw_647 ._orbVariant2_15xfw_1361 ._gradientOrb_15xfw_1341 {
  background: radial-gradient(circle, rgba(240, 147, 251, 0.5) 0%, rgba(245, 87, 108, 0.3) 50%, transparent 70%) !important;
}
._darkTheme_15xfw_647 ._orbVariant3_15xfw_1364 ._gradientOrb_15xfw_1341 {
  background: radial-gradient(circle, rgba(79, 172, 254, 0.5) 0%, rgba(0, 242, 254, 0.3) 50%, transparent 70%) !important;
}
._darkTheme_15xfw_647 ._orbVariant4_15xfw_1367 ._gradientOrb_15xfw_1341 {
  background: radial-gradient(circle, rgba(67, 233, 123, 0.5) 0%, rgba(56, 249, 215, 0.3) 50%, transparent 70%) !important;
}
._darkTheme_15xfw_647 ._orbVariant5_15xfw_1370 ._gradientOrb_15xfw_1341 {
  background: radial-gradient(circle, rgba(250, 112, 154, 0.5) 0%, rgba(254, 225, 64, 0.3) 50%, transparent 70%) !important;
}
._darkTheme_15xfw_647 ._orbVariant6_15xfw_1373 ._gradientOrb_15xfw_1341 {
  background: radial-gradient(circle, rgba(168, 237, 234, 0.5) 0%, rgba(254, 214, 227, 0.3) 50%, transparent 70%) !important;
}
._darkTheme_15xfw_647 ._projectTitleSection_15xfw_1376 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
  z-index: 3;
}
._darkTheme_15xfw_647 ._projectTitleContainer_15xfw_1383 {
  flex: 1;
  margin-right: 16px;
}
._darkTheme_15xfw_647 ._projectTitleContainer_15xfw_1383 > h3 {
  width: 80%;
}
._darkTheme_15xfw_647 ._projectName_15xfw_240 {
  font-size: 22px;
  font-weight: 800;
  color: white;
  margin: 0 0 8px 0;
  line-height: 1.3;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
  letter-spacing: -0.02em;
}
._darkTheme_15xfw_647 ._projectIdentifier_15xfw_396 {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.12);
  padding: 4px 10px;
  border-radius: 12px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  width: fit-content;
}
._darkTheme_15xfw_647 ._identifierLabel_15xfw_1410 {
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._darkTheme_15xfw_647 ._identifierValue_15xfw_1417 {
  font-size: 11px;
  font-weight: 500;
  color: white;
  font-family: "SF Mono", "Monaco", "Menlo", "Ubuntu Mono", monospace;
}
._darkTheme_15xfw_647 ._projectTypeBadge_15xfw_1423 {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  border: 2px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
  margin-top: 40px;
}
._darkTheme_15xfw_647 ._projectTypeBadge_15xfw_1423:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
}
._darkTheme_15xfw_647 ._projectDescription_15xfw_250 {
  margin-top: 8px;
  margin-bottom: 0;
  z-index: 3;
}
._darkTheme_15xfw_647 ._descriptionText_15xfw_1447 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.4;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  max-height: 2.4em; /* 确保最多2行 */
}
._darkTheme_15xfw_647 ._projectMetaCard_15xfw_1460 {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  z-index: 3;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
._darkTheme_15xfw_647 ._metaItem_15xfw_422 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
._darkTheme_15xfw_647 ._metaIconWrapper_15xfw_1478 {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
._darkTheme_15xfw_647 ._metaIcon_15xfw_429 {
  color: white;
  font-size: 14px;
}
._darkTheme_15xfw_647 ._metaContent_15xfw_1492 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._darkTheme_15xfw_647 ._metaLabel_15xfw_1497 {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._darkTheme_15xfw_647 ._metaValue_15xfw_1504 {
  font-size: 12px;
  color: white;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
._darkTheme_15xfw_647 ._metaDivider_15xfw_1510 {
  width: 1px;
  height: 32px;
  background: rgba(255, 255, 255, 0.15);
}
._darkTheme_15xfw_647 ._bottomAccent_15xfw_1515 {
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 3px;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  border-radius: 2px;
  z-index: 3;
}
@media (max-width: 768px) {
  ._darkTheme_15xfw_647 ._projectInfoOverlay_15xfw_1319 {
    padding: 16px;
  }
  ._darkTheme_15xfw_647 ._projectStatus_15xfw_336 {
    top: 12px;
    right: 12px;
  }
  ._darkTheme_15xfw_647 ._projectName_15xfw_240 {
    font-size: 20px;
  }
  ._darkTheme_15xfw_647 ._projectMetaCard_15xfw_1460 {
    padding: 12px;
    gap: 12px;
  }
  ._darkTheme_15xfw_647 ._metaItem_15xfw_422 {
    gap: 8px;
  }
  ._darkTheme_15xfw_647 ._metaIconWrapper_15xfw_1478 {
    width: 28px;
    height: 28px;
  }
  ._darkTheme_15xfw_647 ._metaIcon_15xfw_429 {
    font-size: 12px;
  }
  ._darkTheme_15xfw_647 ._metaValue_15xfw_1504 {
    font-size: 11px;
  }
  ._darkTheme_15xfw_647 ._metaLabel_15xfw_1497 {
    font-size: 9px;
  }
}
@media (max-width: 480px) {
  ._darkTheme_15xfw_647 ._projectStatus_15xfw_336 {
    top: 8px;
    right: 8px;
  }
  ._darkTheme_15xfw_647 ._projectTitleSection_15xfw_1376 {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  ._darkTheme_15xfw_647 ._projectTitleContainer_15xfw_1383 {
    margin-right: 0;
  }
  ._darkTheme_15xfw_647 ._projectTypeBadge_15xfw_1423 {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  ._darkTheme_15xfw_647 ._projectMetaCard_15xfw_1460 {
    flex-direction: column;
    gap: 8px;
  }
  ._darkTheme_15xfw_647 ._metaDivider_15xfw_1510 {
    width: 100%;
    height: 1px;
  }
}/* 新闻联播模块Card组件统一样式 */

/* 直接应用样式的Card组件 */
.news-broadcast-card.ant-card,
.news-compare-card.ant-card,
.news-trend-analysis-card.ant-card {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-broadcast-card.ant-card .ant-card-body,
.news-compare-card.ant-card .ant-card-body,
.news-trend-analysis-card.ant-card .ant-card-body {
  border-radius: 0 !important;
}

.news-broadcast-card.ant-card .ant-card-head,
.news-compare-card.ant-card .ant-card-head,
.news-trend-analysis-card.ant-card .ant-card-head {
  border-radius: 8px 8px 0 0 !important;
}

.news-broadcast-card.ant-card .ant-card-head-title,
.news-compare-card.ant-card .ant-card-head-title,
.news-trend-analysis-card.ant-card .ant-card-head-title {
  font-weight: 600;
}

.news-broadcast-card.ant-card .ant-card-actions,
.news-compare-card.ant-card .ant-card-actions,
.news-trend-analysis-card.ant-card .ant-card-actions {
  border-radius: 0 0 8px 8px !important;
}

/* 嵌套Card组件样式 */
.news-broadcast-card .news-broadcast-card.ant-card,
.news-compare-card .news-compare-card.ant-card,
.news-trend-analysis-card .news-trend-analysis-card.ant-card {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-broadcast-card .news-broadcast-card.ant-card .ant-card-body,
.news-compare-card .news-compare-card.ant-card .ant-card-body,
.news-trend-analysis-card .news-trend-analysis-card.ant-card .ant-card-body {
  border-radius: 0 !important;
}

/* 确保所有Card组件都有统一的圆角样式 - 使用更高优先级 */
.news-broadcast-card.ant-card,
.news-compare-card.ant-card,
.news-trend-analysis-card.ant-card,
.news-broadcast-card.ant-card .ant-card,
.news-compare-card.ant-card .ant-card,
.news-trend-analysis-card.ant-card .ant-card {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-broadcast-card.ant-card .ant-card .ant-card-body,
.news-compare-card.ant-card .ant-card .ant-card-body,
.news-trend-analysis-card.ant-card .ant-card .ant-card-body {
  border-radius: 0 !important;
}

/* 强制覆盖Ant Design默认样式 */
.news-broadcast-card.ant-card {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-compare-card.ant-card {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-trend-analysis-card.ant-card {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* 最高优先级覆盖 - 确保样式生效 */
.news-broadcast-card.ant-card.ant-card-bordered {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-compare-card.ant-card.ant-card-bordered {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-trend-analysis-card.ant-card.ant-card-bordered {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* 使用属性选择器确保最高优先级 */
.news-broadcast-card[class*='ant-card'] {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-compare-card[class*='ant-card'] {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-trend-analysis-card[class*='ant-card'] {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* 处理不同尺寸的Card组件 */
.news-broadcast-card.ant-card.ant-card-large,
.news-broadcast-card.ant-card.ant-card-default,
.news-broadcast-card.ant-card.ant-card-small {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-compare-card.ant-card.ant-card-large,
.news-compare-card.ant-card.ant-card-default,
.news-compare-card.ant-card.ant-card-small {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-trend-analysis-card.ant-card.ant-card-large,
.news-trend-analysis-card.ant-card.ant-card-default,
.news-trend-analysis-card.ant-card.ant-card-small {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* 今日标识动画效果 */
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* 周视图卡片悬停效果 */
.weekly-view-card {
  transition: all 0.3s ease;
}

.weekly-view-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* 响应式设计优化 */
@media (max-width: 768px) {
  .weekly-view-card {
    height: 120px !important;
    padding: 12px 8px !important;
  }

  .weekly-view-card .ant-typography {
    font-size: 12px !important;
  }

  .weekly-view-card .ant-statistic-content-value {
    font-size: 20px !important;
  }
}

@media (max-width: 576px) {
  .weekly-view-card {
    height: 100px !important;
    padding: 8px 6px !important;
  }

  .weekly-view-card .ant-typography {
    font-size: 11px !important;
  }

  .weekly-view-card .ant-statistic-content-value {
    font-size: 18px !important;
  }
}

/* 数据概览区域响应式优化 */
@media (max-width: 768px) {
  .ant-statistic-title {
    font-size: 12px !important;
  }

  .ant-statistic-content-value {
    font-size: 20px !important;
  }
}

@media (max-width: 576px) {
  .ant-statistic-title {
    font-size: 11px !important;
  }

  .ant-statistic-content-value {
    font-size: 18px !important;
  }
}

/* 新闻联播页面滚动优化 */
.news-broadcast-page {
  height: 100vh;
  overflow: hidden;
  box-sizing: border-box;
}

.news-broadcast-page .ant-row {
  height: 100%;
  min-height: 0;
}

.news-broadcast-page .ant-col {
  min-height: 0;
}

/* 左侧新闻列表滚动优化 */
.news-list-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.news-list-container .ant-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.news-list-container .ant-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  padding: 0;
}

.news-list-container .ant-spin-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.news-list-scroll {
  flex: 1;
  overflow: auto;
  min-height: 0;
}

/* 右侧内容区域滚动优化 */
.news-content-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.news-content-scroll {
  flex: 1;
  overflow: auto;
  min-height: 0;
}

/* 自定义滚动条样式 */
.news-list-scroll::-webkit-scrollbar,
.news-content-scroll::-webkit-scrollbar {
  width: 6px;
}

.news-list-scroll::-webkit-scrollbar-track,
.news-content-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.news-list-scroll::-webkit-scrollbar-thumb,
.news-content-scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.news-list-scroll::-webkit-scrollbar-thumb:hover,
.news-content-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}

/* 暗色主题滚动条 */
[data-theme='dark'] .news-list-scroll::-webkit-scrollbar-thumb,
[data-theme='dark'] .news-content-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
}

[data-theme='dark'] .news-list-scroll::-webkit-scrollbar-thumb:hover,
[data-theme='dark'] .news-content-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}
._task-content_h298z_1 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
._task-content_h298z_1 .task-list-content {
  width: 60%;
  height: 100%;
}
._task-content_h298z_1 .task-list-content .task-input {
  margin-bottom: 16px;
}
._task-content_h298z_1 .task-info {
  width: calc(40% - 20px);
}/* 页面布局CSS类定义 */

/* 页面容器 */
.page-container {
  height: calc(100vh - 45px); /* 减去tab区域高度 */
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--content-bg, #ffffff);
  color: var(--text-color, #000000);
}

/* 页面头部区域 - 固定头部 */
.page-container-head {
  flex-shrink: 0;
  margin-bottom: 12px;
  padding: 12px 16px;
  background-color: var(--content-bg, #ffffff);
  color: var(--text-color, #000000);
  /* 移除底部边框，避免出现黑线 */
}

/* 页面内容区域 - 可滚动主体 */
.page-container-body {
  flex: 1;
  overflow-y: auto; /* 允许垂直滚动 */
  overflow-x: hidden; /* 隐藏横向滚动 */
  min-height: 0; /* 重要：允许flex子元素收缩 */
  padding: 0 16px 16px 16px; /* 添加内边距 */
  margin-bottom: 16px; /* 底部留出16px空间 */
  /* 确保滚动条样式 */
  scrollbar-width: thin;
  scrollbar-color: var(--text-secondary, #666666) var(--content-bg, #ffffff);
}

/* 自定义滚动条样式 - 默认（亮色主题） */
.page-container-body::-webkit-scrollbar {
  width: 8px;
}

.page-container-body::-webkit-scrollbar-track {
  background: var(--content-bg, #ffffff);
  border-radius: 4px;
}

.page-container-body::-webkit-scrollbar-thumb {
  background: var(--text-secondary, #666666);
  border-radius: 4px;
}

.page-container-body::-webkit-scrollbar-thumb:hover {
  background: var(--border-color, #d9d9d9);
}

/* 页面底部区域 - 固定底部（可选） */
.page-container-foot {
  flex-shrink: 0;
  padding: 12px 16px;
  border-top: 1px solid var(--border-color, #f0f0f0);
  background-color: var(--content-bg, #ffffff);
}

/* 页面头部内容布局 */
.page-header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
}

/* 页面标题区域 */
.page-title-section {
  /* 标题样式在组件中定义，这里只提供容器样式 */
}

/* 页面操作区域 */
.page-actions-section {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .page-container-head {
    margin-bottom: 12px;
    padding: 12px;
  }

  .page-container-body {
    padding: 0 12px 12px 12px;
  }

  .page-container-foot {
    padding: 8px 12px;
  }

  .page-header-content {
    flex-direction: column;
    gap: 12px;
  }

  .page-actions-section {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

/* 暗色主题适配 - 支持 body.dark 和 [data-theme='dark'] */
body.dark .page-container-head,
body.dark .page-container-foot,
[data-theme='dark'] .page-container-head,
[data-theme='dark'] .page-container-foot {
  background-color: var(--content-bg, #1f1f1f);
  border-color: var(--border-color, #404040);
}

body.dark .page-container-body {
  scrollbar-color: var(--text-secondary, #a0a0a0) var(--content-bg, #1f1f1f);
}

body.dark .page-container-body::-webkit-scrollbar-track {
  background: var(--content-bg, #1f1f1f);
}

body.dark .page-container-body::-webkit-scrollbar-thumb {
  background: var(--text-secondary, #a0a0a0);
}

body.dark .page-container-body::-webkit-scrollbar-thumb:hover {
  background: var(--text-color, #ffffff);
}

body.dark .page-container-foot {
  border-top-color: var(--border-color, #404040);
}

/* 明色主题适配 - 支持 body.light 和 [data-theme='light'] */
body.light .page-container-head,
body.light .page-container-foot,
[data-theme='light'] .page-container-head,
[data-theme='light'] .page-container-foot {
  background-color: var(--content-bg, #ffffff);
  border-color: var(--border-color, #f0f0f0);
}

body.light .page-container-body {
  scrollbar-color: var(--text-secondary, #666666) var(--content-bg, #ffffff);
}

body.light .page-container-body::-webkit-scrollbar-track {
  background: var(--content-bg, #ffffff);
}

body.light .page-container-body::-webkit-scrollbar-thumb {
  background: var(--text-secondary, #666666);
}

body.light .page-container-body::-webkit-scrollbar-thumb:hover {
  background: var(--border-color, #d9d9d9);
}

body.light .page-container-foot {
  border-top-color: var(--border-color, #f0f0f0);
}

/* Page Header common styles */
.page-header-breadcrumb {
  margin-bottom: 12px;
}

.page-header-icon-wrapper {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(102, 126, 234, 0.25);
  flex-shrink: 0;
}

.page-header-icon {
  font-size: 24px;
  color: #ffffff;
}

.page-header-title {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  color: var(--text-color, #000000);
  line-height: 1.3;
}

.page-header-subtitle {
  margin: 4px 0 0 0;
  font-size: 14px;
  color: var(--text-secondary, #666666);
}

.page-header-description {
  margin: 6px 0 0 0;
  font-size: 14px;
  color: var(--text-secondary, #666666);
}

.page-header-tags {
  margin-top: 8px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.page-header-footer {
  margin-top: 12px;
}

.page-header-back-btn {
  padding: 4px 8px;
  height: 28px;
  border-radius: 6px;
  color: var(--primary-color, #1677ff);
  font-weight: 500;
}

.page-header-back-btn:hover {
  background: rgba(22, 119, 255, 0.08);
}

body.dark .page-header-title {
  color: var(--text-color, #ffffff);
}

body.dark .page-header-subtitle,
body.dark .page-header-description {
  color: var(--text-secondary, #a0a0a0);
}

body.dark .page-header-icon-wrapper {
  box-shadow: 0 6px 18px rgba(102, 126, 234, 0.35);
}
/* 新闻联播模块Card组件统一样式 */

/* 直接应用样式的Card组件 */
.news-broadcast-card.ant-card,
.news-compare-card.ant-card,
.news-trend-analysis-card.ant-card {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-broadcast-card.ant-card .ant-card-body,
.news-compare-card.ant-card .ant-card-body,
.news-trend-analysis-card.ant-card .ant-card-body {
  border-radius: 0 !important;
}

.news-broadcast-card.ant-card .ant-card-head,
.news-compare-card.ant-card .ant-card-head,
.news-trend-analysis-card.ant-card .ant-card-head {
  border-radius: 8px 8px 0 0 !important;
}

.news-broadcast-card.ant-card .ant-card-head-title,
.news-compare-card.ant-card .ant-card-head-title,
.news-trend-analysis-card.ant-card .ant-card-head-title {
  font-weight: 600;
}

.news-broadcast-card.ant-card .ant-card-actions,
.news-compare-card.ant-card .ant-card-actions,
.news-trend-analysis-card.ant-card .ant-card-actions {
  border-radius: 0 0 8px 8px !important;
}

/* 嵌套Card组件样式 */
.news-broadcast-card .news-broadcast-card.ant-card,
.news-compare-card .news-compare-card.ant-card,
.news-trend-analysis-card .news-trend-analysis-card.ant-card {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-broadcast-card .news-broadcast-card.ant-card .ant-card-body,
.news-compare-card .news-compare-card.ant-card .ant-card-body,
.news-trend-analysis-card .news-trend-analysis-card.ant-card .ant-card-body {
  border-radius: 0 !important;
}

/* 确保所有Card组件都有统一的圆角样式 - 使用更高优先级 */
.news-broadcast-card.ant-card,
.news-compare-card.ant-card,
.news-trend-analysis-card.ant-card,
.news-broadcast-card.ant-card .ant-card,
.news-compare-card.ant-card .ant-card,
.news-trend-analysis-card.ant-card .ant-card {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-broadcast-card.ant-card .ant-card .ant-card-body,
.news-compare-card.ant-card .ant-card .ant-card-body,
.news-trend-analysis-card.ant-card .ant-card .ant-card-body {
  border-radius: 0 !important;
}

/* 强制覆盖Ant Design默认样式 */
.news-broadcast-card.ant-card {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-compare-card.ant-card {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-trend-analysis-card.ant-card {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* 最高优先级覆盖 - 确保样式生效 */
.news-broadcast-card.ant-card.ant-card-bordered {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-compare-card.ant-card.ant-card-bordered {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-trend-analysis-card.ant-card.ant-card-bordered {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* 使用属性选择器确保最高优先级 */
.news-broadcast-card[class*='ant-card'] {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-compare-card[class*='ant-card'] {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-trend-analysis-card[class*='ant-card'] {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* 处理不同尺寸的Card组件 */
.news-broadcast-card.ant-card.ant-card-large,
.news-broadcast-card.ant-card.ant-card-default,
.news-broadcast-card.ant-card.ant-card-small {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-compare-card.ant-card.ant-card-large,
.news-compare-card.ant-card.ant-card-default,
.news-compare-card.ant-card.ant-card-small {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.news-trend-analysis-card.ant-card.ant-card-large,
.news-trend-analysis-card.ant-card.ant-card-default,
.news-trend-analysis-card.ant-card.ant-card-small {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* 今日标识动画效果 */
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* 周视图卡片悬停效果 */
.weekly-view-card {
  transition: all 0.3s ease;
}

.weekly-view-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* 响应式设计优化 */
@media (max-width: 768px) {
  .weekly-view-card {
    height: 120px !important;
    padding: 12px 8px !important;
  }

  .weekly-view-card .ant-typography {
    font-size: 12px !important;
  }

  .weekly-view-card .ant-statistic-content-value {
    font-size: 20px !important;
  }
}

@media (max-width: 576px) {
  .weekly-view-card {
    height: 100px !important;
    padding: 8px 6px !important;
  }

  .weekly-view-card .ant-typography {
    font-size: 11px !important;
  }

  .weekly-view-card .ant-statistic-content-value {
    font-size: 18px !important;
  }
}

/* 数据概览区域响应式优化 */
@media (max-width: 768px) {
  .ant-statistic-title {
    font-size: 12px !important;
  }

  .ant-statistic-content-value {
    font-size: 20px !important;
  }
}

@media (max-width: 576px) {
  .ant-statistic-title {
    font-size: 11px !important;
  }

  .ant-statistic-content-value {
    font-size: 18px !important;
  }
}

/* 新闻联播页面滚动优化 */
.news-broadcast-page {
  height: 100vh;
  overflow: hidden;
  box-sizing: border-box;
}

.news-broadcast-page .ant-row {
  height: 100%;
  min-height: 0;
}

.news-broadcast-page .ant-col {
  min-height: 0;
}

/* 左侧新闻列表滚动优化 */
.news-list-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.news-list-container .ant-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.news-list-container .ant-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  padding: 0;
}

.news-list-container .ant-spin-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.news-list-scroll {
  flex: 1;
  overflow: auto;
  min-height: 0;
}

/* 右侧内容区域滚动优化 */
.news-content-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.news-content-scroll {
  flex: 1;
  overflow: auto;
  min-height: 0;
}

/* 自定义滚动条样式 */
.news-list-scroll::-webkit-scrollbar,
.news-content-scroll::-webkit-scrollbar {
  width: 6px;
}

.news-list-scroll::-webkit-scrollbar-track,
.news-content-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.news-list-scroll::-webkit-scrollbar-thumb,
.news-content-scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.news-list-scroll::-webkit-scrollbar-thumb:hover,
.news-content-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}

/* 暗色主题滚动条 */
[data-theme='dark'] .news-list-scroll::-webkit-scrollbar-thumb,
[data-theme='dark'] .news-content-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
}

[data-theme='dark'] .news-list-scroll::-webkit-scrollbar-thumb:hover,
[data-theme='dark'] .news-content-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}
/* 设置侧边栏菜单样式 */
.settings-sidebar-menu {
  border: none !important;
}

.settings-sidebar-menu .ant-menu-item {
  height: auto !important;
  min-height: 60px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  line-height: normal !important;
  display: flex !important;
  align-items: center !important;
}

.settings-sidebar-menu .ant-menu-item-selected {
  background-color: #1890ff !important;
  color: #fff !important;
}

.settings-sidebar-menu .ant-menu-item-selected .ant-menu-item-icon {
  color: #fff !important;
}

.settings-sidebar-menu .ant-menu-item:hover {
  background-color: rgba(24, 144, 255, 0.1) !important;
}

.settings-sidebar-menu .ant-menu-item-icon {
  margin-right: 12px !important;
  font-size: 16px !important;
}

/* 深色主题样式 */
.settings-sidebar-menu.ant-menu-dark .ant-menu-item {
  color: #fff !important;
}

.settings-sidebar-menu.ant-menu-dark .ant-menu-item:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.settings-sidebar-menu.ant-menu-dark .ant-menu-item-selected {
  background-color: #1890ff !important;
}

.settings-sidebar-menu.ant-menu-dark
  .ant-menu-item-selected
  .ant-menu-item-icon {
  color: #fff !important;
}
/* 期望职位区域样式 - 参考设计优化 */
.desired-position-container {
  padding: 8px 0;
}

/* 职位类型标签 - 参考设计的第一行 */
.desired-position-type-label {
  font-size: 12px;
  color: #8c8c8c;
  margin-bottom: 8px;
  text-transform: none;
  letter-spacing: 0;
}

/* 职位信息行 - 参考设计的第二行 */
.desired-position-info-line {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

/* 职位标题 - 主要信息 */
.desired-position-title {
  font-size: 16px;
  font-weight: 600;
  color: #262626;
  margin: 0;
}

/* 分隔符 */
.desired-position-separator {
  color: #d9d9d9;
  font-size: 14px;
  user-select: none;
}

/* 薪资信息 */
.desired-position-salary {
  font-size: 14px;
  font-weight: 500;
  color: #262626;
}

/* 地点信息 */
.desired-position-location {
  font-size: 14px;
  color: #8c8c8c;
}

/* 职位描述区域 */
.desired-position-description {
  margin-top: 16px;
  padding: 12px 0;
  border-top: 1px solid #f0f0f0;
}

.desired-position-description-label {
  font-size: 12px;
  color: #8c8c8c;
  margin-bottom: 6px;
  display: block;
}

.desired-position-description-text {
  font-size: 14px;
  line-height: 1.5;
  color: #595959;
  white-space: pre-wrap;
}

/* 空状态 */
.desired-position-empty-state {
  text-align: center;
  padding: 32px 20px;
  color: #8c8c8c;
}

.desired-position-empty-state-title {
  font-size: 14px;
  margin-bottom: 6px;
}

.desired-position-empty-state-subtitle {
  font-size: 12px;
  opacity: 0.7;
}

/* 暗色主题适配 */
.desired-position-container[data-theme='dark'] .desired-position-type-label,
.desired-position-container[data-theme='dark'] .desired-position-location,
.desired-position-container[data-theme='dark']
  .desired-position-description-label {
  color: #8c8c8c;
}

.desired-position-container[data-theme='dark'] .desired-position-title,
.desired-position-container[data-theme='dark'] .desired-position-salary {
  color: #fff;
}

.desired-position-container[data-theme='dark']
  .desired-position-description-text {
  color: #d9d9d9;
}

.desired-position-container[data-theme='dark'] .desired-position-description {
  border-top-color: #303030;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .desired-position-info-line {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .desired-position-separator {
    display: none;
  }

  .desired-position-title {
    font-size: 15px;
  }

  .desired-position-salary,
  .desired-position-location {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  .desired-position-container {
    padding: 4px 0;
  }

  .desired-position-title {
    font-size: 14px;
  }

  .desired-position-salary,
  .desired-position-location {
    font-size: 12px;
  }

  .desired-position-description {
    padding: 8px 0;
  }
}
/* 简历应用深色模式样式 */

/* 简历布局深色模式 */
.resume-layout {
  background-color: #141414 !important;
}

.resume-layout .resume-sidebar {
  background-color: #141414 !important;
  border-right-color: #303030 !important;
}

.resume-layout .resume-content {
  background-color: #1f1f1f !important;
}

/* 简历菜单样式优化 */
.resume-menu {
  background-color: #141414 !important;
  border: none !important;
}

.resume-menu .ant-menu-item {
  color: #ffffff !important;
  background-color: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  height: auto !important;
  line-height: 1.4 !important;
  border-radius: 0 !important;
}

.resume-menu .ant-menu-item:hover {
  background-color: rgba(255, 255, 255, 0.04) !important;
  color: #ffffff !important;
}

.resume-menu .ant-menu-item-selected {
  background-color: #1890ff !important;
  color: #ffffff !important;
}

.resume-menu .ant-menu-item-selected::after {
  display: none !important;
}

.resume-menu .ant-menu-item-disabled {
  background-color: transparent !important;
  color: #8c8c8c !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  padding: 16px 16px 8px 16px !important;
  margin: 0 !important;
  border: none !important;
  cursor: pointer !important;
  border-radius: 0 !important;
}

.resume-menu .ant-menu-item-disabled:hover {
  background-color: rgba(255, 255, 255, 0.04) !important;
  color: #8c8c8c !important;
}

/* 区域标题后的第一个菜单项间距 */
.resume-menu .ant-menu-item-disabled + .ant-menu-item {
  margin-top: 8px !important;
}

/* 区域标题前的间距 */
.resume-menu
  .ant-menu-item:not(.ant-menu-item-disabled)
  + .ant-menu-item-disabled {
  margin-top: 16px !important;
}

/* 菜单项图标样式 - 统一对齐 */
.resume-menu .ant-menu-item .anticon {
  margin-right: 12px !important;
  font-size: 16px !important;
  flex-shrink: 0 !important;
  width: 16px !important;
  height: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 确保菜单项内容正确对齐 */
.resume-menu .ant-menu-item {
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  height: 40px !important;
  line-height: 40px !important;
}

/* 用户菜单按钮样式 */
.resume-layout .ant-btn {
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}

.resume-layout .ant-btn:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: transparent !important;
}

/* 简历构建器深色模式 */
.resume-builder.dark {
  background-color: #141414 !important;
}

.resume-builder.dark .ant-layout-sider {
  background-color: #1f1f1f !important;
  border-right-color: #303030 !important;
}

.resume-builder.dark .ant-layout-content {
  background-color: #1f1f1f !important;
  border-color: #303030 !important;
}

.resume-builder.dark .ant-card {
  background-color: #1f1f1f !important;
  border-color: #303030 !important;
}

.resume-builder.dark .ant-list-item {
  color: #ffffff !important;
}

.resume-builder.dark .ant-list-item:hover {
  background-color: #303030 !important;
}

.resume-builder.dark .ant-list-item.active {
  background-color: #1890ff !important;
  color: #ffffff !important;
}

/* 简历预览深色模式 */
.resume-preview.dark {
  background-color: #1f1f1f !important;
}

.resume-preview.dark .ant-card {
  background-color: #1f1f1f !important;
  border-color: #303030 !important;
}

.resume-preview.dark .ant-typography {
  color: #ffffff !important;
}

.resume-preview.dark .ant-typography h1,
.resume-preview.dark .ant-typography h2,
.resume-preview.dark .ant-typography h3,
.resume-preview.dark .ant-typography h4,
.resume-preview.dark .ant-typography h5 {
  color: #ffffff !important;
}

.resume-preview.dark .ant-typography .ant-typography-secondary {
  color: #d9d9d9 !important;
}

/* 简历模板深色模式 */
.resume-templates.dark {
  background-color: #1f1f1f !important;
}

.resume-templates.dark .ant-card {
  background-color: #1f1f1f !important;
  border-color: #303030 !important;
}

.resume-templates.dark .ant-card:hover {
  border-color: #1890ff !important;
}

/* 简历设置深色模式 */
.resume-settings.dark {
  background-color: #1f1f1f !important;
}

.resume-settings.dark .ant-card {
  background-color: #1f1f1f !important;
  border-color: #303030 !important;
}

.resume-settings.dark .ant-form-item-label > label {
  color: #d9d9d9 !important;
}

.resume-settings.dark .ant-input {
  background-color: #1f1f1f !important;
  border-color: #303030 !important;
  color: #ffffff !important;
}

.resume-settings.dark .ant-input:focus {
  border-color: #1890ff !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
}

.resume-settings.dark .ant-switch {
  background-color: #303030 !important;
}

.resume-settings.dark .ant-switch-checked {
  background-color: #1890ff !important;
}

/* AI生成页面深色模式 */
.ai-generate.dark {
  background-color: #1f1f1f !important;
}

.ai-generate.dark .ant-card {
  background-color: #1f1f1f !important;
  border-color: #303030 !important;
}

.ai-generate.dark .ant-upload {
  background-color: #1f1f1f !important;
  border-color: #303030 !important;
}

.ai-generate.dark .ant-upload:hover {
  border-color: #1890ff !important;
}

/* 通用深色模式样式 */
.dark .resume-section-title {
  color: #ffffff !important;
}

.dark .resume-section-content {
  color: #ffffff !important;
}

.dark .resume-form-label {
  color: #d9d9d9 !important;
}

.dark .resume-form-input {
  background-color: #1f1f1f !important;
  border-color: #303030 !important;
  color: #ffffff !important;
}

.dark .resume-form-input:focus {
  border-color: #1890ff !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
}

.dark .resume-button {
  background-color: #1f1f1f !important;
  border-color: #303030 !important;
  color: #ffffff !important;
}

.dark .resume-button:hover {
  background-color: #303030 !important;
  border-color: #1890ff !important;
}

.dark .resume-button-primary {
  background-color: #1890ff !important;
  border-color: #1890ff !important;
  color: #ffffff !important;
}

.dark .resume-button-primary:hover {
  background-color: #40a9ff !important;
  border-color: #40a9ff !important;
}

/* 简历列表页面样式优化 */
.resume-list-page {
  background: linear-gradient(135deg, #141414 0%, #1a1a1a 100%) !important;
  min-height: 100vh;
}

.resume-list-page .ant-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.resume-list-page .ant-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

.resume-list-page .ant-card-body {
  padding: 20px !important;
}

.resume-list-page .ant-btn {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
}

.resume-list-page .ant-btn:hover {
  transform: translateY(-2px) !important;
}

.resume-list-page .ant-avatar {
  transition: all 0.3s ease !important;
}

.resume-list-page .ant-avatar:hover {
  transform: scale(1.1) !important;
}

.resume-list-page .ant-tag {
  border-radius: 12px !important;
  font-weight: 500 !important;
  padding: 2px 8px !important;
  line-height: 1.2 !important;
}

/* 响应式布局优化 */
@media (max-width: 768px) {
  .resume-list-page .ant-card {
    margin-bottom: 16px !important;
  }

  .resume-list-page .ant-card-body {
    padding: 16px !important;
  }

  .resume-list-page .ant-btn {
    height: 40px !important;
    padding: 0 20px !important;
    font-size: 14px !important;
  }

  .resume-list-page .ant-avatar {
    width: 40px !important;
    height: 40px !important;
  }
}

@media (max-width: 576px) {
  .resume-list-page .ant-card-body {
    padding: 12px !important;
  }

  .resume-list-page .ant-btn {
    height: 36px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
  }

  .resume-list-page .ant-avatar {
    width: 36px !important;
    height: 36px !important;
  }
}

/* 加载动画优化 */
.resume-list-page .ant-spin {
  color: #1890ff !important;
}

.resume-list-page .ant-spin-dot {
  color: #1890ff !important;
}

.resume-list-page .ant-spin-dot-item {
  background-color: #1890ff !important;
}

/* 空状态优化 */
.resume-list-page .ant-empty {
  padding: 40px 20px !important;
}

.resume-list-page .ant-empty-description {
  color: #ccc !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

/* 模态框优化 */
.resume-list-page .ant-modal {
  border-radius: 12px !important;
}

.resume-list-page .ant-modal-content {
  border-radius: 12px !important;
  overflow: hidden !important;
}

.resume-list-page .ant-modal-header {
  border-bottom: 1px solid #303030 !important;
  background: #1f1f1f !important;
}

.resume-list-page .ant-modal-body {
  background: #1f1f1f !important;
  padding: 24px !important;
}

.resume-list-page .ant-upload-drag {
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
}

.resume-list-page .ant-upload-drag:hover {
  border-color: #1890ff !important;
  background-color: rgba(24, 144, 255, 0.05) !important;
}

/* 卡片操作按钮优化 */
.resume-list-page .ant-card-actions {
  background: #1f1f1f !important;
  border-top: 1px solid #303030 !important;
}

.resume-list-page .ant-card-actions > li {
  margin: 8px 0 !important;
}

.resume-list-page .ant-card-actions .ant-btn {
  border: none !important;
  background: transparent !important;
  color: #ccc !important;
  transition: all 0.2s ease !important;
}

.resume-list-page .ant-card-actions .ant-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

/* 渐变背景动画 */
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* 脉冲动画 */
@keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.resume-list-page .gradient-bg {
  background: linear-gradient(-45deg, #1f1f1f, #2a2a2a, #1f1f1f, #2a2a2a);
  background-size: 400% 400%;
  animation: gradientShift 8s ease infinite;
}

/* 附件页面深色模式样式 */
.resume-attachments.dark {
  background-color: #141414 !important;
}

.resume-attachments.dark .ant-card {
  background-color: #1f1f1f !important;
  border-color: #303030 !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}

.resume-attachments.dark .ant-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

.resume-attachments.dark .ant-card-head {
  background-color: #1f1f1f !important;
  border-bottom-color: #303030 !important;
}

.resume-attachments.dark .ant-card-head-title {
  color: #ffffff !important;
}

.resume-attachments.dark .ant-statistic-title {
  color: #d9d9d9 !important;
}

.resume-attachments.dark .ant-statistic-content {
  color: #ffffff !important;
}

.resume-attachments.dark .ant-upload-drag {
  background-color: #2a2a2a !important;
  border-color: #404040 !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}

.resume-attachments.dark .ant-upload-drag:hover {
  border-color: #1890ff !important;
  background-color: rgba(24, 144, 255, 0.05) !important;
}

.resume-attachments.dark .ant-upload-drag-icon {
  color: #1890ff !important;
}

.resume-attachments.dark .ant-upload-text {
  color: #ffffff !important;
}

.resume-attachments.dark .ant-upload-hint {
  color: #d9d9d9 !important;
}

.resume-attachments.dark .ant-table {
  background-color: #1f1f1f !important;
}

.resume-attachments.dark .ant-table-thead > tr > th {
  background-color: #2a2a2a !important;
  border-bottom-color: #303030 !important;
  color: #ffffff !important;
}

.resume-attachments.dark .ant-table-tbody > tr > td {
  background-color: #1f1f1f !important;
  border-bottom-color: #303030 !important;
  color: #ffffff !important;
}

.resume-attachments.dark .ant-table-tbody > tr:hover > td {
  background-color: #2a2a2a !important;
}

.resume-attachments.dark .ant-empty-description {
  color: #d9d9d9 !important;
}

.resume-attachments.dark .ant-modal-content {
  background-color: #1f1f1f !important;
  border-radius: 8px !important;
}

.resume-attachments.dark .ant-modal-header {
  background-color: #1f1f1f !important;
  border-bottom-color: #303030 !important;
}

.resume-attachments.dark .ant-modal-title {
  color: #ffffff !important;
}

.resume-attachments.dark .ant-modal-body {
  background-color: #1f1f1f !important;
  color: #ffffff !important;
}

.resume-attachments.dark .ant-modal-footer {
  background-color: #1f1f1f !important;
  border-top-color: #303030 !important;
}

.resume-attachments.dark .ant-btn {
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
}

.resume-attachments.dark .ant-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}

.resume-attachments.dark .ant-select {
  background-color: #1f1f1f !important;
  border-color: #303030 !important;
  color: #ffffff !important;
}

.resume-attachments.dark .ant-select-selector {
  background-color: #1f1f1f !important;
  border-color: #303030 !important;
  color: #ffffff !important;
}

.resume-attachments.dark .ant-select-selection-item {
  color: #ffffff !important;
}

.resume-attachments.dark .ant-select-arrow {
  color: #d9d9d9 !important;
}

.resume-attachments.dark .ant-tooltip-inner {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
}

.resume-attachments.dark .ant-tooltip-arrow::before {
  background-color: #2a2a2a !important;
}

.resume-attachments.dark .ant-progress-bg {
  background-color: #1890ff !important;
}

.resume-attachments.dark .ant-tag {
  border-radius: 4px !important;
  font-weight: 500 !important;
}

.resume-attachments.dark .ant-pagination {
  color: #ffffff !important;
}

.resume-attachments.dark .ant-pagination-item {
  background-color: #1f1f1f !important;
  border-color: #303030 !important;
  color: #ffffff !important;
}

.resume-attachments.dark .ant-pagination-item:hover {
  border-color: #1890ff !important;
  color: #1890ff !important;
}

.resume-attachments.dark .ant-pagination-item-active {
  background-color: #1890ff !important;
  border-color: #1890ff !important;
  color: #ffffff !important;
}

.resume-attachments.dark .ant-pagination-prev,
.resume-attachments.dark .ant-pagination-next {
  background-color: #1f1f1f !important;
  border-color: #303030 !important;
  color: #ffffff !important;
}

.resume-attachments.dark .ant-pagination-prev:hover,
.resume-attachments.dark .ant-pagination-next:hover {
  border-color: #1890ff !important;
  color: #1890ff !important;
}

/* 动画效果 */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInFromLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes shimmer {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* 卡片动画 */
.resume-list-page .resume-card {
  animation: fadeInUp 0.6s ease forwards;
}

.resume-list-page .resume-card:nth-child(1) {
  animation-delay: 0.1s;
}
.resume-list-page .resume-card:nth-child(2) {
  animation-delay: 0.2s;
}
.resume-list-page .resume-card:nth-child(3) {
  animation-delay: 0.3s;
}
.resume-list-page .resume-card:nth-child(4) {
  animation-delay: 0.4s;
}
.resume-list-page .resume-card:nth-child(5) {
  animation-delay: 0.5s;
}
.resume-list-page .resume-card:nth-child(6) {
  animation-delay: 0.6s;
}

/* 按钮悬停效果增强 */
.resume-list-page .ant-btn {
  position: relative;
  overflow: hidden;
}

.resume-list-page .ant-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent
  );
  transition: left 0.6s ease;
}

.resume-list-page .ant-btn:hover::before {
  left: 100%;
}

/* 加载骨架屏效果 */
.resume-list-page .skeleton-card {
  background: linear-gradient(90deg, #2a2a2a 25%, #404040 50%, #2a2a2a 75%);
  background-size: 200px 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 12px;
  height: 200px;
}

/* 响应式设计优化 */
@media (max-width: 768px) {
  .resume-attachments.dark .ant-card {
    margin-bottom: 12px !important;
  }

  .resume-attachments.dark .ant-card-body {
    padding: 16px !important;
  }

  .resume-attachments.dark .ant-upload-drag {
    padding: 20px !important;
  }

  .resume-attachments.dark .ant-upload-drag-icon {
    font-size: 36px !important;
  }

  .resume-attachments.dark .ant-upload-text {
    font-size: 14px !important;
  }

  .resume-attachments.dark .ant-upload-hint {
    font-size: 12px !important;
  }
}

@media (max-width: 576px) {
  .resume-attachments.dark .ant-card-body {
    padding: 12px !important;
  }

  .resume-attachments.dark .ant-upload-drag {
    padding: 16px !important;
  }

  .resume-attachments.dark .ant-upload-drag-icon {
    font-size: 32px !important;
  }
}
/* 简历预览页面样式 */

.resume-preview {
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
    Arial, sans-serif;
  line-height: 1.6;
  color: #333;
}

.resume-preview.dark {
  color: #ffffff;
}

/* 简历卡片容器 */
.resume-preview-card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: all 0.3s ease;
}

.resume-preview.dark .resume-preview-card {
  background: #1f1f1f;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* 个人信息区域 */
.resume-personal-info {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  padding: 32px;
  position: relative;
  overflow: hidden;
}

.resume-preview.dark .resume-personal-info {
  background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
}

.resume-personal-info::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.1) 0%,
    transparent 70%
  );
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(180deg);
  }
}

.personal-info-content {
  position: relative;
  z-index: 1;
}

.personal-avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
}

.personal-avatar:hover {
  transform: scale(1.05);
}

.personal-name {
  font-size: 32px;
  font-weight: 700;
  margin: 16px 0 8px 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.personal-title {
  font-size: 18px;
  font-weight: 500;
  opacity: 0.9;
  margin-bottom: 8px;
}

.personal-subtitle {
  font-size: 14px;
  opacity: 0.8;
  margin-bottom: 16px;
}

.personal-contacts {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 16px;
}

.contact-item {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.1);
  padding: 8px 16px;
  border-radius: 20px;
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

.contact-item:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
}

/* 内容区域 */
.resume-content-section {
  padding: 32px;
}

.resume-section {
  margin-bottom: 32px;
}

.resume-section:last-child {
  margin-bottom: 0;
}

.section-title {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #e8e8e8;
  color: #333;
}

.resume-preview.dark .section-title {
  color: #ffffff;
  border-bottom-color: #404040;
}

.section-title-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-radius: 6px;
  font-size: 14px;
}

.resume-preview.dark .section-title-icon {
  background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
}

/* 工作经历和项目经历 */
.experience-item {
  padding: 20px 0;
  border-bottom: 1px solid #f0f0f0;
  transition: all 0.3s ease;
}

.resume-preview.dark .experience-item {
  border-bottom-color: #303030;
}

.experience-item:hover {
  background: rgba(102, 126, 234, 0.05);
  border-radius: 8px;
  padding: 20px;
  margin: 0 -20px;
}

.resume-preview.dark .experience-item:hover {
  background: rgba(44, 62, 80, 0.2);
}

.experience-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
}

.experience-title {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
}

.resume-preview.dark .experience-title {
  color: #ffffff;
}

.experience-company {
  font-size: 16px;
  font-weight: 500;
  color: #667eea;
  margin: 4px 0;
}

.experience-duration {
  font-size: 14px;
  color: #666;
  background: #f5f5f5;
  padding: 4px 12px;
  border-radius: 12px;
  white-space: nowrap;
}

.resume-preview.dark .experience-duration {
  color: #d9d9d9;
  background: #404040;
}

.experience-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}

.experience-tag {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.experience-tag:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.experience-description {
  font-size: 14px;
  line-height: 1.6;
  color: #666;
  margin: 0;
}

.resume-preview.dark .experience-description {
  color: #d9d9d9;
}

/* 教育经历 */
.education-item {
  padding: 16px 0;
  border-bottom: 1px solid #f0f0f0;
}

.resume-preview.dark .education-item {
  border-bottom-color: #303030;
}

.education-item:last-child {
  border-bottom: none;
}

.education-school {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 0 0 4px 0;
}

.resume-preview.dark .education-school {
  color: #ffffff;
}

.education-major {
  font-size: 14px;
  color: #666;
  margin: 0 0 4px 0;
}

.resume-preview.dark .education-major {
  color: #d9d9d9;
}

.education-duration {
  font-size: 14px;
  color: #999;
}

.resume-preview.dark .education-duration {
  color: #a0a0a0;
}

/* 个人优势 */
.strengths-content {
  font-size: 14px;
  line-height: 1.8;
  color: #666;
  background: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
  border-left: 4px solid #667eea;
}

.resume-preview.dark .strengths-content {
  color: #d9d9d9;
  background: #2a2a2a;
  border-left-color: #2c3e50;
}

/* 期望职位 */
.desired-position {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #e8e8e8;
}

.resume-preview.dark .desired-position {
  background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
  border-color: #404040;
}

.position-type {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0 0 8px 0;
}

.resume-preview.dark .position-type {
  color: #ffffff;
}

.position-details {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 12px;
}

.position-detail {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #666;
}

.resume-preview.dark .position-detail {
  color: #d9d9d9;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .resume-personal-info {
    padding: 24px;
  }

  .personal-name {
    font-size: 24px;
  }

  .personal-avatar {
    width: 80px;
    height: 80px;
  }

  .personal-contacts {
    flex-direction: column;
    gap: 8px;
  }

  .contact-item {
    justify-content: center;
  }

  .resume-content-section {
    padding: 20px;
  }

  .experience-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .experience-duration {
    align-self: flex-start;
  }

  /* 移动端页面布局调整 */
  .page-container {
    padding: 8px !important;
  }

  .page-container-head {
    padding: 12px !important;
  }

  .page-header-content {
    flex-direction: column;
    gap: 12px;
  }

  .page-actions-section {
    width: 100%;
    justify-content: center;
  }

  .page-actions-section .ant-space {
    flex-wrap: wrap;
    justify-content: center;
  }

  .page-actions-section .ant-btn {
    flex: 1;
    min-width: 80px;
  }
}

@media (max-width: 480px) {
  .resume-personal-info {
    padding: 16px;
  }

  .personal-name {
    font-size: 20px;
  }

  .personal-avatar {
    width: 60px;
    height: 60px;
  }

  .resume-content-section {
    padding: 16px;
  }

  .section-title {
    font-size: 18px;
  }

  .experience-title {
    font-size: 16px;
  }

  /* 超小屏幕优化 */
  .page-container {
    padding: 4px !important;
  }

  .page-container-head {
    padding: 8px !important;
  }

  .page-title-section h2 {
    font-size: 20px !important;
  }

  .page-actions-section .ant-btn {
    font-size: 12px;
    padding: 4px 8px;
    height: 32px;
  }

  .resume-preview {
    padding: 16px !important;
  }

  .personal-contacts {
    gap: 4px;
  }

  .contact-item {
    padding: 4px 8px;
    font-size: 12px;
  }

  .experience-header {
    gap: 4px;
  }

  .experience-duration {
    font-size: 12px;
    padding: 2px 8px;
  }

  .experience-tag {
    font-size: 10px;
    padding: 2px 8px;
  }
}

/* 打印样式 */
@media print {
  .resume-preview {
    background: white !important;
    color: black !important;
  }

  .resume-preview-card {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
  }

  .resume-personal-info {
    background: #f8f9fa !important;
    color: #333 !important;
  }

  .section-title {
    color: #333 !important;
    border-bottom-color: #ddd !important;
  }

  .experience-item:hover {
    background: transparent !important;
  }
}
/* 简历应用浅色模式样式 */

/* 简历布局浅色模式 */
.resume-layout.light {
  background-color: #f5f5f5 !important;
}

.resume-layout.light .resume-sidebar {
  background-color: #ffffff !important;
  border-right-color: #e8e8e8 !important;
}

.resume-layout.light .resume-content {
  background-color: #f5f5f5 !important;
}

/* 简历菜单浅色模式样式 */
.resume-menu.light {
  background-color: #ffffff !important;
  border: none !important;
}

.resume-menu.light .ant-menu-item {
  color: #1a1a1a !important;
  background-color: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  height: auto !important;
  line-height: 1.4 !important;
  border-radius: 0 !important;
}

.resume-menu.light .ant-menu-item:hover {
  background-color: #f0f0f0 !important;
  color: #1a1a1a !important;
}

.resume-menu.light .ant-menu-item-selected {
  background-color: #1890ff !important;
  color: #ffffff !important;
}

.resume-menu.light .ant-menu-item-selected::after {
  display: none !important;
}

.resume-menu.light .ant-menu-item-disabled {
  background-color: transparent !important;
  color: #8c8c8c !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  padding: 16px 16px 8px 16px !important;
  margin: 0 !important;
  border: none !important;
  cursor: pointer !important;
  border-radius: 0 !important;
}

.resume-menu.light .ant-menu-item-disabled:hover {
  background-color: #f0f0f0 !important;
  color: #8c8c8c !important;
}

/* 区域标题后的第一个菜单项间距 */
.resume-menu.light .ant-menu-item-disabled + .ant-menu-item {
  margin-top: 8px !important;
}

/* 区域标题前的间距 */
.resume-menu.light
  .ant-menu-item:not(.ant-menu-item-disabled)
  + .ant-menu-item-disabled {
  margin-top: 16px !important;
}

/* 菜单项图标样式 - 统一对齐 */
.resume-menu.light .ant-menu-item .anticon {
  margin-right: 12px !important;
  font-size: 16px !important;
  flex-shrink: 0 !important;
  width: 16px !important;
  height: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 确保菜单项内容正确对齐 */
.resume-menu.light .ant-menu-item {
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  height: 40px !important;
  line-height: 40px !important;
}

/* 用户菜单按钮浅色模式样式 */
.resume-layout.light .ant-btn {
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}

.resume-layout.light .ant-btn:hover {
  background-color: #f0f0f0 !important;
  border-color: transparent !important;
}

/* 简历构建器浅色模式 */
.resume-builder.light {
  background-color: #f5f5f5 !important;
}

.resume-builder.light .ant-layout-sider {
  background-color: #ffffff !important;
  border-right-color: #e8e8e8 !important;
}

.resume-builder.light .ant-layout-content {
  background-color: #f5f5f5 !important;
  border-color: #e8e8e8 !important;
}

.resume-builder.light .ant-card {
  background-color: #ffffff !important;
  border-color: #e8e8e8 !important;
}

.resume-builder.light .ant-list-item {
  color: #1a1a1a !important;
}

.resume-builder.light .ant-list-item:hover {
  background-color: #f0f0f0 !important;
}

.resume-builder.light .ant-list-item.active {
  background-color: #1890ff !important;
  color: #ffffff !important;
}

/* 简历预览浅色模式 */
.resume-preview.light {
  background-color: #f5f5f5 !important;
}

.resume-preview.light .ant-card {
  background-color: #ffffff !important;
  border-color: #e8e8e8 !important;
}

.resume-preview.light .ant-typography {
  color: #1a1a1a !important;
}

.resume-preview.light .ant-typography h1,
.resume-preview.light .ant-typography h2,
.resume-preview.light .ant-typography h3,
.resume-preview.light .ant-typography h4,
.resume-preview.light .ant-typography h5 {
  color: #1a1a1a !important;
}

.resume-preview.light .ant-typography .ant-typography-secondary {
  color: #666666 !important;
}

/* 简历模板浅色模式 */
.resume-templates.light {
  background-color: #f5f5f5 !important;
}

.resume-templates.light .ant-card {
  background-color: #ffffff !important;
  border-color: #e8e8e8 !important;
}

.resume-templates.light .ant-card:hover {
  border-color: #1890ff !important;
}

/* 简历设置浅色模式 */
.resume-settings.light {
  background-color: #f5f5f5 !important;
}

.resume-settings.light .ant-card {
  background-color: #ffffff !important;
  border-color: #e8e8e8 !important;
}

.resume-settings.light .ant-form-item-label > label {
  color: #666666 !important;
}

.resume-settings.light .ant-input {
  background-color: #ffffff !important;
  border-color: #e8e8e8 !important;
  color: #1a1a1a !important;
}

.resume-settings.light .ant-input:focus {
  border-color: #1890ff !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
}

.resume-settings.light .ant-switch {
  background-color: #e8e8e8 !important;
}

.resume-settings.light .ant-switch-checked {
  background-color: #1890ff !important;
}

/* AI生成页面浅色模式 */
.ai-generate.light {
  background-color: #f5f5f5 !important;
}

.ai-generate.light .ant-card {
  background-color: #ffffff !important;
  border-color: #e8e8e8 !important;
}

.ai-generate.light .ant-upload {
  background-color: #ffffff !important;
  border-color: #e8e8e8 !important;
}

.ai-generate.light .ant-upload:hover {
  border-color: #1890ff !important;
}

/* 通用浅色模式样式 */
.light .resume-section-title {
  color: #1a1a1a !important;
}

.light .resume-section-content {
  color: #1a1a1a !important;
}

.light .resume-form-label {
  color: #666666 !important;
}

.light .resume-form-input {
  background-color: #ffffff !important;
  border-color: #e8e8e8 !important;
  color: #1a1a1a !important;
}

.light .resume-form-input:focus {
  border-color: #1890ff !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
}

.light .resume-button {
  background-color: #ffffff !important;
  border-color: #e8e8e8 !important;
  color: #1a1a1a !important;
}

.light .resume-button:hover {
  background-color: #f0f0f0 !important;
  border-color: #1890ff !important;
}

.light .resume-button-primary {
  background-color: #1890ff !important;
  border-color: #1890ff !important;
  color: #ffffff !important;
}

.light .resume-button-primary:hover {
  background-color: #40a9ff !important;
  border-color: #40a9ff !important;
}

/* 简历列表页面浅色模式样式优化 */
.resume-list-page.light {
  background: linear-gradient(135deg, #f5f5f5 0%, #fafafa 100%) !important;
  min-height: 100vh;
}

.resume-list-page.light .ant-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  border-color: #e8e8e8 !important;
}

.resume-list-page.light .ant-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

.resume-list-page.light .ant-card-body {
  padding: 20px !important;
}

.resume-list-page.light .ant-btn {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
}

.resume-list-page.light .ant-btn:hover {
  transform: translateY(-2px) !important;
}

.resume-list-page.light .ant-avatar {
  transition: all 0.3s ease !important;
}

.resume-list-page.light .ant-avatar:hover {
  transform: scale(1.1) !important;
}

.resume-list-page.light .ant-tag {
  border-radius: 12px !important;
  font-weight: 500 !important;
  padding: 2px 8px !important;
  line-height: 1.2 !important;
}

/* 响应式布局优化 */
@media (max-width: 768px) {
  .resume-list-page.light .ant-card {
    margin-bottom: 16px !important;
  }

  .resume-list-page.light .ant-card-body {
    padding: 16px !important;
  }

  .resume-list-page.light .ant-btn {
    height: 40px !important;
    padding: 0 20px !important;
    font-size: 14px !important;
  }

  .resume-list-page.light .ant-avatar {
    width: 40px !important;
    height: 40px !important;
  }
}

@media (max-width: 576px) {
  .resume-list-page.light .ant-card-body {
    padding: 12px !important;
  }

  .resume-list-page.light .ant-btn {
    height: 36px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
  }

  .resume-list-page.light .ant-avatar {
    width: 36px !important;
    height: 36px !important;
  }
}

/* 加载动画优化 */
.resume-list-page.light .ant-spin {
  color: #1890ff !important;
}

.resume-list-page.light .ant-spin-dot {
  color: #1890ff !important;
}

.resume-list-page.light .ant-spin-dot-item {
  background-color: #1890ff !important;
}

/* 空状态优化 */
.resume-list-page.light .ant-empty {
  padding: 40px 20px !important;
}

.resume-list-page.light .ant-empty-description {
  color: #666666 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

/* 模态框优化 */
.resume-list-page.light .ant-modal {
  border-radius: 12px !important;
}

.resume-list-page.light .ant-modal-content {
  border-radius: 12px !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
}

.resume-list-page.light .ant-modal-header {
  border-bottom: 1px solid #e8e8e8 !important;
  background: #ffffff !important;
}

.resume-list-page.light .ant-modal-body {
  background: #ffffff !important;
  padding: 24px !important;
}

.resume-list-page.light .ant-upload-drag {
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
  background-color: #fafafa !important;
  border-color: #d9d9d9 !important;
}

.resume-list-page.light .ant-upload-drag:hover {
  border-color: #1890ff !important;
  background-color: rgba(24, 144, 255, 0.05) !important;
}

/* 卡片操作按钮优化 */
.resume-list-page.light .ant-card-actions {
  background: #ffffff !important;
  border-top: 1px solid #e8e8e8 !important;
}

.resume-list-page.light .ant-card-actions > li {
  margin: 8px 0 !important;
}

.resume-list-page.light .ant-card-actions .ant-btn {
  border: none !important;
  background: transparent !important;
  color: #666666 !important;
  transition: all 0.2s ease !important;
}

.resume-list-page.light .ant-card-actions .ant-btn:hover {
  background: #f0f0f0 !important;
  color: #1a1a1a !important;
}

/* 附件页面浅色模式样式 */
.resume-attachments.light {
  background-color: #f5f5f5 !important;
}

.resume-attachments.light .ant-card {
  background-color: #ffffff !important;
  border-color: #e8e8e8 !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}

.resume-attachments.light .ant-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

.resume-attachments.light .ant-card-head {
  background-color: #ffffff !important;
  border-bottom-color: #e8e8e8 !important;
}

.resume-attachments.light .ant-card-head-title {
  color: #1a1a1a !important;
}

.resume-attachments.light .ant-statistic-title {
  color: #666666 !important;
}

.resume-attachments.light .ant-statistic-content {
  color: #1a1a1a !important;
}

.resume-attachments.light .ant-upload-drag {
  background-color: #fafafa !important;
  border-color: #d9d9d9 !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}

.resume-attachments.light .ant-upload-drag:hover {
  border-color: #1890ff !important;
  background-color: rgba(24, 144, 255, 0.05) !important;
}

.resume-attachments.light .ant-upload-drag-icon {
  color: #1890ff !important;
}

.resume-attachments.light .ant-upload-text {
  color: #1a1a1a !important;
}

.resume-attachments.light .ant-upload-hint {
  color: #666666 !important;
}

.resume-attachments.light .ant-table {
  background-color: #ffffff !important;
}

.resume-attachments.light .ant-table-thead > tr > th {
  background-color: #fafafa !important;
  border-bottom-color: #e8e8e8 !important;
  color: #1a1a1a !important;
}

.resume-attachments.light .ant-table-tbody > tr > td {
  background-color: #ffffff !important;
  border-bottom-color: #e8e8e8 !important;
  color: #1a1a1a !important;
}

.resume-attachments.light .ant-table-tbody > tr:hover > td {
  background-color: #fafafa !important;
}

.resume-attachments.light .ant-empty-description {
  color: #666666 !important;
}

.resume-attachments.light .ant-modal-content {
  background-color: #ffffff !important;
  border-radius: 8px !important;
}

.resume-attachments.light .ant-modal-header {
  background-color: #ffffff !important;
  border-bottom-color: #e8e8e8 !important;
}

.resume-attachments.light .ant-modal-title {
  color: #1a1a1a !important;
}

.resume-attachments.light .ant-modal-body {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
}

.resume-attachments.light .ant-modal-footer {
  background-color: #ffffff !important;
  border-top-color: #e8e8e8 !important;
}

.resume-attachments.light .ant-btn {
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
}

.resume-attachments.light .ant-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
}

.resume-attachments.light .ant-select {
  background-color: #ffffff !important;
  border-color: #e8e8e8 !important;
  color: #1a1a1a !important;
}

.resume-attachments.light .ant-select-selector {
  background-color: #ffffff !important;
  border-color: #e8e8e8 !important;
  color: #1a1a1a !important;
}

.resume-attachments.light .ant-select-selection-item {
  color: #1a1a1a !important;
}

.resume-attachments.light .ant-select-arrow {
  color: #666666 !important;
}

.resume-attachments.light .ant-tooltip-inner {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

.resume-attachments.light .ant-tooltip-arrow::before {
  background-color: #1a1a1a !important;
}

.resume-attachments.light .ant-progress-bg {
  background-color: #1890ff !important;
}

.resume-attachments.light .ant-tag {
  border-radius: 4px !important;
  font-weight: 500 !important;
}

.resume-attachments.light .ant-pagination {
  color: #1a1a1a !important;
}

.resume-attachments.light .ant-pagination-item {
  background-color: #ffffff !important;
  border-color: #e8e8e8 !important;
  color: #1a1a1a !important;
}

.resume-attachments.light .ant-pagination-item:hover {
  border-color: #1890ff !important;
  color: #1890ff !important;
}

.resume-attachments.light .ant-pagination-item-active {
  background-color: #1890ff !important;
  border-color: #1890ff !important;
  color: #ffffff !important;
}

.resume-attachments.light .ant-pagination-prev,
.resume-attachments.light .ant-pagination-next {
  background-color: #ffffff !important;
  border-color: #e8e8e8 !important;
  color: #1a1a1a !important;
}

.resume-attachments.light .ant-pagination-prev:hover,
.resume-attachments.light .ant-pagination-next:hover {
  border-color: #1890ff !important;
  color: #1890ff !important;
}

/* 动画效果 */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInFromLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes shimmer {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* 卡片动画 */
.resume-list-page.light .resume-card {
  animation: fadeInUp 0.6s ease forwards;
}

.resume-list-page.light .resume-card:nth-child(1) {
  animation-delay: 0.1s;
}
.resume-list-page.light .resume-card:nth-child(2) {
  animation-delay: 0.2s;
}
.resume-list-page.light .resume-card:nth-child(3) {
  animation-delay: 0.3s;
}
.resume-list-page.light .resume-card:nth-child(4) {
  animation-delay: 0.4s;
}
.resume-list-page.light .resume-card:nth-child(5) {
  animation-delay: 0.5s;
}
.resume-list-page.light .resume-card:nth-child(6) {
  animation-delay: 0.6s;
}

/* 按钮悬停效果增强 */
.resume-list-page.light .ant-btn {
  position: relative;
  overflow: hidden;
}

.resume-list-page.light .ant-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: left 0.6s ease;
}

.resume-list-page.light .ant-btn:hover::before {
  left: 100%;
}

/* 加载骨架屏效果 */
.resume-list-page.light .skeleton-card {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200px 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 12px;
  height: 200px;
}

/* 响应式设计优化 */
@media (max-width: 768px) {
  .resume-attachments.light .ant-card {
    margin-bottom: 12px !important;
  }

  .resume-attachments.light .ant-card-body {
    padding: 16px !important;
  }

  .resume-attachments.light .ant-upload-drag {
    padding: 20px !important;
  }

  .resume-attachments.light .ant-upload-drag-icon {
    font-size: 36px !important;
  }

  .resume-attachments.light .ant-upload-text {
    font-size: 14px !important;
  }

  .resume-attachments.light .ant-upload-hint {
    font-size: 12px !important;
  }
}

@media (max-width: 576px) {
  .resume-attachments.light .ant-card-body {
    padding: 12px !important;
  }

  .resume-attachments.light .ant-upload-drag {
    padding: 16px !important;
  }

  .resume-attachments.light .ant-upload-drag-icon {
    font-size: 32px !important;
  }
}
/* 职位管理页面样式优化 */

/* 表格行样式 */
.job-table-row {
  transition: background-color 0.2s ease;
}

.job-table-row:hover {
  background-color: var(--hover-bg-color, rgba(24, 144, 255, 0.04)) !important;
}

/* 暗色主题下的表格行悬停效果 */
[data-theme='dark'] .job-table-row:hover {
  background-color: rgba(255, 255, 255, 0.04) !important;
}

/* 表格单元格内边距优化 */
.job-table-row td {
  padding: 12px 16px !important;
}

/* 操作按钮悬停效果 */
.job-table-row .ant-btn-text {
  transition: all 0.2s ease;
  border-radius: 4px;
}

.job-table-row .ant-btn-text:hover {
  background-color: rgba(24, 144, 255, 0.1) !important;
  transform: translateY(-1px);
}

/* 表格头部样式 */
.ant-table-thead > tr > th {
  color: var(--text-color, #000) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid var(--border-color, #e8e8e8) !important;
}

[data-theme='dark'] .ant-table-thead > tr > th {
  background-color: var(--table-header-bg, #1d1d1d) !important;
  border-bottom-color: var(--border-color, #303030) !important;
}

/* 表格边框优化 */
.ant-table-container {
  border: 1px solid var(--border-color, #e8e8e8);
  border-radius: 8px;
  overflow: hidden;
}

[data-theme='dark'] .ant-table-container {
  border-color: var(--border-color, #303030);
}

/* 分页样式优化 */
.ant-pagination {
  margin-top: 16px !important;
}

.ant-pagination-item {
  border-radius: 4px !important;
}

.ant-pagination-item-active {
  border-color: var(--primary-color, #1890ff) !important;
}

/* 搜索框和选择框样式优化 */
.page-actions-section .ant-input,
.page-actions-section .ant-select-selector {
  transition: all 0.2s ease;
}

.page-actions-section .ant-input:hover,
.page-actions-section .ant-input:focus,
.page-actions-section .ant-select:hover .ant-select-selector,
.page-actions-section .ant-select-focused .ant-select-selector {
  border-color: var(--primary-color, #1890ff) !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1) !important;
}

/* 状态标签样式 */
.ant-tag {
  border-radius: 4px !important;
  font-weight: 500 !important;
  border: none !important;
}

/* 表格空状态优化 */
.ant-empty {
  padding: 40px 0 !important;
}

/* 响应式优化 */
@media (max-width: 768px) {
  .page-actions-section {
    flex-direction: column;
    width: 100%;
  }

  .page-actions-section .ant-input,
  .page-actions-section .ant-select {
    width: 100% !important;
    margin-bottom: 8px;
  }

  .job-table-row td {
    padding: 8px 12px !important;
  }
}
/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

:root {
  --react-pdf-annotation-layer: 1;
  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --input-focus-border-color: Highlight;
  --input-focus-outline: 1px solid Canvas;
  --input-unfocused-border-color: transparent;
  --input-disabled-border-color: transparent;
  --input-hover-border-color: black;
  --link-outline: none;
}

@media screen and (forced-colors: active) {
  :root {
    --input-focus-border-color: CanvasText;
    --input-unfocused-border-color: ActiveText;
    --input-disabled-border-color: GrayText;
    --input-hover-border-color: Highlight;
    --link-outline: 1.5px solid LinkText;
  }
  .annotationLayer .textWidgetAnnotation :is(input, textarea):required,
  .annotationLayer .choiceWidgetAnnotation select:required,
  .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
    outline: 1.5px solid selectedItem;
  }

  .annotationLayer .linkAnnotation:hover {
    backdrop-filter: invert(100%);
  }
}

.annotationLayer {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transform-origin: 0 0;
  z-index: 3;
}

.annotationLayer[data-main-rotation='90'] .norotate {
  transform: rotate(270deg) translateX(-100%);
}
.annotationLayer[data-main-rotation='180'] .norotate {
  transform: rotate(180deg) translate(-100%, -100%);
}
.annotationLayer[data-main-rotation='270'] .norotate {
  transform: rotate(90deg) translateY(-100%);
}

.annotationLayer canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}

.annotationLayer section {
  position: absolute;
  text-align: initial;
  pointer-events: auto;
  box-sizing: border-box;
  margin: 0;
  transform-origin: 0 0;
}

.annotationLayer .linkAnnotation {
  outline: var(--link-outline);
}

.textLayer.selecting ~ .annotationLayer section {
  pointer-events: none;
}

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover {
  opacity: 0.2;
  background: rgba(255, 255, 0, 1);
  box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
}

.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea),
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  background-image: var(--annotation-unfocused-field-background);
  border: 2px solid var(--input-unfocused-border-color);
  box-sizing: border-box;
  font: calc(9px * var(--total-scale-factor)) sans-serif;
  height: 100%;
  margin: 0;
  vertical-align: top;
  width: 100%;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):required,
.annotationLayer .choiceWidgetAnnotation select:required,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
  outline: 1.5px solid red;
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
  resize: none;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] {
  background: none;
  border: 2px solid var(--input-disabled-border-color);
  cursor: not-allowed;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover {
  border: 2px solid var(--input-hover-border-color);
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
  border-radius: 2px;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {
  background-image: none;
  background-color: transparent;
}

.annotationLayer .buttonWidgetAnnotation.checkBox :focus {
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  border: 2px solid var(--input-focus-border-color);
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  background-color: CanvasText;
  content: '';
  display: block;
  position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before {
  transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
  width: 103%;
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  appearance: none;
}

.annotationLayer .popupTriggerArea {
  height: 100%;
  width: 100%;
}

.annotationLayer .fileAttachmentAnnotation .popupTriggerArea {
  position: absolute;
}

.annotationLayer .popupWrapper {
  position: absolute;
  font-size: calc(9px * var(--total-scale-factor));
  width: 100%;
  min-width: calc(180px * var(--total-scale-factor));
  pointer-events: none;
}

.annotationLayer .popup {
  position: absolute;
  max-width: calc(180px * var(--total-scale-factor));
  background-color: rgba(255, 255, 153, 1);
  box-shadow: 0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor))
    rgba(136, 136, 136, 1);
  border-radius: calc(2px * var(--total-scale-factor));
  padding: calc(6px * var(--total-scale-factor));
  margin-left: calc(5px * var(--total-scale-factor));
  cursor: pointer;
  font: message-box;
  white-space: normal;
  word-wrap: break-word;
  pointer-events: auto;
}

.annotationLayer .popup > * {
  font-size: calc(9px * var(--total-scale-factor));
}

.annotationLayer .popup h1 {
  display: inline-block;
}

.annotationLayer .popupDate {
  display: inline-block;
  margin-left: calc(5px * var(--total-scale-factor));
}

.annotationLayer .popupContent {
  border-top: 1px solid rgba(51, 51, 51, 1);
  margin-top: calc(2px * var(--total-scale-factor));
  padding-top: calc(2px * var(--total-scale-factor));
}

.annotationLayer .richText > * {
  white-space: pre-wrap;
  font-size: calc(9px * var(--total-scale-factor));
}

.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .freeTextAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .caretAnnotation,
.annotationLayer .inkAnnotation svg polyline,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

.annotationLayer section svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.annotationLayer .annotationTextContent {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: transparent;
  user-select: none;
  pointer-events: none;
}

.annotationLayer .annotationTextContent span {
  width: 100%;
  display: inline-block;
}
/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

:root {
  --react-pdf-text-layer: 1;
  --highlight-bg-color: rgba(180, 0, 170, 1);
  --highlight-selected-bg-color: rgba(0, 100, 0, 1);
}

@media screen and (forced-colors: active) {
  :root {
    --highlight-bg-color: Highlight;
    --highlight-selected-bg-color: ButtonText;
  }
}

[data-main-rotation='90'] {
  transform: rotate(90deg) translateY(-100%);
}
[data-main-rotation='180'] {
  transform: rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation='270'] {
  transform: rotate(270deg) translateX(-100%);
}

.textLayer {
  position: absolute;
  text-align: initial;
  inset: 0;
  overflow: hidden;
  line-height: 1;
  text-size-adjust: none;
  forced-color-adjust: none;
  transform-origin: 0 0;
  z-index: 2;
}

.textLayer :is(span, br) {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  margin: 0;
  transform-origin: 0 0;
}

/* Only necessary in Google Chrome, see issue 14205, and most unfortunately
 * the problem doesn't show up in "text" reference tests. */
.textLayer span.markedContent {
  top: 0;
  height: 0;
}

.textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: var(--highlight-bg-color);
  border-radius: 4px;
}

.textLayer .highlight.appended {
  position: initial;
}

.textLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.textLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.textLayer .highlight.middle {
  border-radius: 0;
}

.textLayer .highlight.selected {
  background-color: var(--highlight-selected-bg-color);
}

/* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
.textLayer br::selection {
  background: transparent;
}

.textLayer .endOfContent {
  display: block;
  position: absolute;
  inset: 100% 0 0;
  z-index: -1;
  cursor: default;
  user-select: none;
}

.textLayer.selecting .endOfContent {
  top: 0;
}

.hiddenCanvasElement {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  display: none;
}
.page-container {
  background-color: var(--content-bg, #ffffff);
  color: var(--text-color, #000000);
}

.page-container-head {
  background-color: var(--content-bg, #ffffff) !important;
  color: var(--text-color, #000000);
}

.page-container-body {
  background-color: var(--content-bg, #ffffff);
  color: var(--text-color, #000000);
  scrollbar-width: thin;
  scrollbar-color: var(--text-secondary, #666666) var(--content-bg, #ffffff);
}

body.dark .page-container-body {
  scrollbar-color: var(--text-secondary, #a0a0a0) var(--content-bg, #1f1f1f);
}

body.dark .page-container-body::-webkit-scrollbar {
  width: 8px;
}

body.dark .page-container-body::-webkit-scrollbar-track {
  background: var(--content-bg, #1f1f1f);
  border-radius: 4px;
}

body.dark .page-container-body::-webkit-scrollbar-thumb {
  background: var(--text-secondary, #a0a0a0);
  border-radius: 4px;
}

body.dark .page-container-body::-webkit-scrollbar-thumb:hover {
  background: var(--text-color, #ffffff);
}

body.light .page-container-body {
  scrollbar-color: var(--text-secondary, #666666) var(--content-bg, #ffffff);
}

body.light .page-container-body::-webkit-scrollbar {
  width: 8px;
}

body.light .page-container-body::-webkit-scrollbar-track {
  background: var(--content-bg, #ffffff);
  border-radius: 4px;
}

body.light .page-container-body::-webkit-scrollbar-thumb {
  background: var(--text-secondary, #666666);
  border-radius: 4px;
}

body.light .page-container-body::-webkit-scrollbar-thumb:hover {
  background: var(--border-color, #d9d9d9);
}

.page-title-section h2 {
  color: var(--text-color, #000000);
}
.page-title-section p {
  color: var(--text-secondary, #666666);
}

body.dark .page-title-section h2 {
  color: var(--text-color, #ffffff);
}
body.dark .page-title-section p {
  color: var(--text-secondary, #a0a0a0);
}

body.light .page-title-section h2 {
  color: var(--text-color, #000000);
}
body.light .page-title-section p {
  color: var(--text-secondary, #666666);
}

.page-container-foot,
.page-container-body > div:last-child {
  border-top-color: var(--border-color, #f0f0f0) !important;
  color: var(--text-secondary, #666666);
}

body.dark .page-container-foot,
body.dark .page-container-body > div:last-child {
  border-top-color: var(--border-color, #404040) !important;
  color: var(--text-secondary, #a0a0a0);
}

body.light .page-container-foot,
body.light .page-container-body > div:last-child {
  border-top-color: var(--border-color, #f0f0f0) !important;
  color: var(--text-secondary, #666666);
}

.page-container-body .ant-empty .ant-empty-description {
  color: var(--text-secondary, #666666);
}

body.dark .page-container-body .ant-empty .ant-empty-description {
  color: var(--text-secondary, #a0a0a0);
}

.page-container-body .ant-divider {
  border-color: var(--border-color, #f0f0f0);
}

body.dark .page-container-body .ant-divider {
  border-color: var(--border-color, #404040);
}

.thread-detail-container {
  background-color: var(--content-bg, #ffffff);
  color: var(--text-color, #000000);
}

.thread-detail-left-sidebar {
  background-color: var(--content-bg, #ffffff);
  border-right-color: var(--border-color, #f0f0f0);
  color: var(--text-color, #000000);
}
.thread-detail-left-sidebar .ant-collapse {
  background-color: var(--content-bg, #ffffff);
  border-color: var(--border-color, #f0f0f0);
}
.thread-detail-left-sidebar .ant-collapse .ant-collapse-item {
  border-color: var(--border-color, #f0f0f0);
}
.thread-detail-left-sidebar .ant-collapse .ant-collapse-item .ant-collapse-header {
  color: var(--text-color, #000000);
}
.thread-detail-left-sidebar .ant-collapse .ant-collapse-item .ant-collapse-content {
  background-color: var(--content-bg, #ffffff);
  color: var(--text-color, #000000);
}

.thread-detail-center-content {
  background-color: var(--content-bg, #ffffff);
  color: var(--text-color, #000000);
}
.thread-detail-center-content .thread-detail-toolbar {
  background-color: var(--content-bg, #ffffff);
  border-bottom-color: var(--border-color, #f0f0f0);
}
.thread-detail-center-content .thread-detail-sortbar {
  color: var(--text-secondary, #666666);
}

.thread-detail-right-sidebar {
  background-color: var(--content-bg, #ffffff);
  border-left-color: var(--border-color, #f0f0f0);
  color: var(--text-color, #000000);
}
.thread-detail-right-sidebar .ant-collapse {
  background-color: var(--content-bg, #ffffff);
  border-color: var(--border-color, #f0f0f0);
}
.thread-detail-right-sidebar .ant-collapse .ant-collapse-item {
  border-color: var(--border-color, #f0f0f0);
}
.thread-detail-right-sidebar .ant-collapse .ant-collapse-item .ant-collapse-header {
  color: var(--text-color, #000000);
}
.thread-detail-right-sidebar .ant-collapse .ant-collapse-item .ant-collapse-content {
  background-color: var(--content-bg, #ffffff);
  color: var(--text-color, #000000);
}

.thread-detail-dragbar {
  border-color: var(--border-color, #f0f0f0);
}

.thread-detail-task-card {
  background-color: var(--card-bg, #ffffff);
  border-color: var(--border-color, #f0f0f0);
  color: var(--text-color, #000000);
}
.thread-detail-task-card.dragging-over {
  background-color: var(--selected-item-bg, #e6f7ff);
  border-color: var(--selected-bg, #3b82f6);
}
.thread-detail-task-card .task-title {
  color: var(--text-color, #000000);
}
.thread-detail-task-card .task-description {
  color: var(--text-secondary, #666666);
}

.thread-detail-ai-summary {
  background-color: var(--card-bg, #ffffff);
  border-color: var(--border-color, #f0f0f0);
  color: var(--text-color, #000000);
}
.thread-detail-ai-summary .ai-summary-title {
  color: var(--text-secondary, #666666);
}

.thread-detail-sentiment-card {
  background-color: var(--card-bg, #ffffff);
  color: var(--text-color, #000000);
}
.thread-detail-sentiment-card .sentiment-label {
  color: var(--text-secondary, #666666);
}

body.dark .thread-detail-container {
  background-color: var(--content-bg, #1f1f1f);
  color: var(--text-color, #ffffff);
}
body.dark .thread-detail-left-sidebar {
  background-color: var(--content-bg, #1f1f1f);
  border-right-color: var(--border-color, #404040);
  color: var(--text-color, #ffffff);
}
body.dark .thread-detail-center-content {
  background-color: var(--content-bg, #1f1f1f);
  color: var(--text-color, #ffffff);
}
body.dark .thread-detail-center-content .thread-detail-toolbar {
  background-color: var(--content-bg, #1f1f1f);
  border-bottom-color: var(--border-color, #404040);
}
body.dark .thread-detail-center-content .thread-detail-sortbar {
  color: var(--text-secondary, #a0a0a0);
}
body.dark .thread-detail-right-sidebar {
  background-color: var(--content-bg, #1f1f1f);
  border-left-color: var(--border-color, #404040);
  color: var(--text-color, #ffffff);
}
body.dark .thread-detail-dragbar {
  border-color: var(--border-color, #404040);
}
body.dark .thread-detail-task-card {
  background-color: var(--card-bg, #262626);
  border-color: var(--border-color, #404040);
  color: var(--text-color, #ffffff);
}
body.dark .thread-detail-task-card.dragging-over {
  background-color: var(--selected-item-bg, #1a3a52);
  border-color: var(--selected-bg, #3b82f6);
}
body.dark .thread-detail-task-card .task-title {
  color: var(--text-color, #ffffff);
}
body.dark .thread-detail-task-card .task-description {
  color: var(--text-secondary, #a0a0a0);
}
body.dark .thread-detail-ai-summary {
  background-color: var(--card-bg, #262626);
  border-color: var(--border-color, #404040);
  color: var(--text-color, #ffffff);
}
body.dark .thread-detail-ai-summary .ai-summary-title {
  color: var(--text-secondary, #a0a0a0);
}
body.dark .thread-detail-sentiment-card {
  background-color: var(--card-bg, #262626);
  color: var(--text-color, #ffffff);
}
body.dark .thread-detail-sentiment-card .sentiment-label {
  color: var(--text-secondary, #a0a0a0);
}

body.light .thread-detail-container {
  background-color: var(--content-bg, #ffffff);
  color: var(--text-color, #000000);
}
body.light .thread-detail-left-sidebar {
  background-color: var(--content-bg, #ffffff);
  border-right-color: var(--border-color, #f0f0f0);
  color: var(--text-color, #000000);
}
body.light .thread-detail-center-content {
  background-color: var(--content-bg, #ffffff);
  color: var(--text-color, #000000);
}
body.light .thread-detail-center-content .thread-detail-toolbar {
  background-color: var(--content-bg, #ffffff);
  border-bottom-color: var(--border-color, #f0f0f0);
}
body.light .thread-detail-center-content .thread-detail-sortbar {
  color: var(--text-secondary, #666666);
}
body.light .thread-detail-right-sidebar {
  background-color: var(--content-bg, #ffffff);
  border-left-color: var(--border-color, #f0f0f0);
  color: var(--text-color, #000000);
}
body.light .thread-detail-dragbar {
  border-color: var(--border-color, #f0f0f0);
}
body.light .thread-detail-task-card {
  background-color: var(--card-bg, #ffffff);
  border-color: var(--border-color, #f0f0f0);
  color: var(--text-color, #000000);
}
body.light .thread-detail-task-card.dragging-over {
  background-color: var(--selected-item-bg, #e6f7ff);
  border-color: var(--selected-bg, #3b82f6);
}
body.light .thread-detail-task-card .task-title {
  color: var(--text-color, #000000);
}
body.light .thread-detail-task-card .task-description {
  color: var(--text-secondary, #666666);
}
body.light .thread-detail-ai-summary {
  background-color: var(--card-bg, #ffffff);
  border-color: var(--border-color, #f0f0f0);
  color: var(--text-color, #000000);
}
body.light .thread-detail-ai-summary .ai-summary-title {
  color: var(--text-secondary, #666666);
}
body.light .thread-detail-sentiment-card {
  background-color: var(--card-bg, #ffffff);
  color: var(--text-color, #000000);
}
body.light .thread-detail-sentiment-card .sentiment-label {
  color: var(--text-secondary, #666666);
}

.plain-text-input {
  background: var(--input-bg, #ffffff) !important;
  border-color: var(--border-color, #d9d9d9) !important;
  color: var(--text-color, #000000) !important;
}
.plain-text-input::placeholder {
  color: var(--text-placeholder, #bfbfbf) !important;
}
.plain-text-input:hover {
  border-color: var(--border-color-hover, #40a9ff) !important;
}
.plain-text-input:focus, .plain-text-input.ant-input-focused {
  border-color: var(--selected-bg, #1890ff) !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
}

body.dark .plain-text-input {
  background: var(--input-bg, #1f1f1f) !important;
  border-color: var(--border-color, #404040) !important;
  color: var(--text-color, #ffffff) !important;
}
body.dark .plain-text-input::placeholder {
  color: var(--text-placeholder, #595959) !important;
}
body.dark .plain-text-input:hover {
  border-color: var(--border-color-hover, #40a9ff) !important;
}
body.dark .plain-text-input:focus, body.dark .plain-text-input.ant-input-focused {
  border-color: var(--selected-bg, #1890ff) !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
}

body.light .plain-text-input {
  background: var(--input-bg, #ffffff) !important;
  border-color: var(--border-color, #d9d9d9) !important;
  color: var(--text-color, #000000) !important;
}
body.light .plain-text-input::placeholder {
  color: var(--text-placeholder, #bfbfbf) !important;
}
body.light .plain-text-input:hover {
  border-color: var(--border-color-hover, #40a9ff) !important;
}
body.light .plain-text-input:focus, body.light .plain-text-input.ant-input-focused {
  border-color: var(--selected-bg, #1890ff) !important;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2) !important;
}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
.rich-text-editor-wrapper .ql-container {
  font-size: 14px;
  min-height: 300px;
}
body.dark .rich-text-editor-wrapper .ql-container {
  background-color: var(--content-bg, #1f1f1f);
  color: var(--text-color, #ffffff);
  border-color: var(--border-color, #404040);
}
body.light .rich-text-editor-wrapper .ql-container {
  background-color: var(--content-bg, #ffffff);
  color: var(--text-color, #000000);
  border-color: var(--border-color, #f0f0f0);
}
.rich-text-editor-wrapper .ql-editor {
  min-height: 300px;
}
body.dark .rich-text-editor-wrapper .ql-editor {
  color: var(--text-color, #ffffff);
}
body.dark .rich-text-editor-wrapper .ql-editor.ql-blank::before {
  color: #666;
}
body.light .rich-text-editor-wrapper .ql-editor {
  color: var(--text-color, #000000);
}
body.light .rich-text-editor-wrapper .ql-editor.ql-blank::before {
  color: #999;
}
.rich-text-editor-wrapper .ql-toolbar {
  border-radius: 6px 6px 0 0;
}
body.dark .rich-text-editor-wrapper .ql-toolbar {
  background-color: var(--content-bg, #1f1f1f);
  border-color: var(--border-color, #404040);
  color: var(--text-color, #ffffff);
}
body.dark .rich-text-editor-wrapper .ql-toolbar .ql-stroke {
  stroke: var(--text-color, #ffffff);
}
body.dark .rich-text-editor-wrapper .ql-toolbar .ql-fill {
  fill: var(--text-color, #ffffff);
}
body.dark .rich-text-editor-wrapper .ql-toolbar .ql-picker-label {
  color: var(--text-color, #ffffff);
}
body.dark .rich-text-editor-wrapper .ql-toolbar .ql-picker-label:hover {
  color: var(--ant-color-primary, #1890ff);
}
body.dark .rich-text-editor-wrapper .ql-toolbar .ql-picker-options {
  background-color: var(--content-bg, #1f1f1f);
  border-color: var(--border-color, #404040);
}
body.dark .rich-text-editor-wrapper .ql-toolbar .ql-picker-options .ql-picker-item {
  color: var(--text-color, #ffffff);
}
body.dark .rich-text-editor-wrapper .ql-toolbar .ql-picker-options .ql-picker-item:hover {
  background-color: var(--hover-bg, #404040);
  color: var(--ant-color-primary, #1890ff);
}
body.dark .rich-text-editor-wrapper .ql-toolbar .ql-picker-options .ql-picker-item.ql-selected {
  background-color: var(--selected-bg, #177ddc);
  color: #ffffff;
}
body.dark .rich-text-editor-wrapper .ql-toolbar button:hover .ql-stroke, body.dark .rich-text-editor-wrapper .ql-toolbar button:focus .ql-stroke {
  stroke: var(--ant-color-primary, #1890ff);
}
body.dark .rich-text-editor-wrapper .ql-toolbar button:hover .ql-fill, body.dark .rich-text-editor-wrapper .ql-toolbar button:focus .ql-fill {
  fill: var(--ant-color-primary, #1890ff);
}
body.dark .rich-text-editor-wrapper .ql-toolbar button.ql-active .ql-stroke {
  stroke: var(--ant-color-primary, #1890ff);
}
body.dark .rich-text-editor-wrapper .ql-toolbar button.ql-active .ql-fill {
  fill: var(--ant-color-primary, #1890ff);
}
body.light .rich-text-editor-wrapper .ql-toolbar {
  background-color: var(--content-bg, #ffffff);
  border-color: var(--border-color, #f0f0f0);
  color: var(--text-color, #000000);
}
body.light .rich-text-editor-wrapper .ql-toolbar .ql-stroke {
  stroke: var(--text-color, #000000);
}
body.light .rich-text-editor-wrapper .ql-toolbar .ql-fill {
  fill: var(--text-color, #000000);
}
body.light .rich-text-editor-wrapper .ql-toolbar .ql-picker-label {
  color: var(--text-color, #000000);
}
body.light .rich-text-editor-wrapper .ql-toolbar .ql-picker-label:hover {
  color: var(--ant-color-primary, #1890ff);
}
body.light .rich-text-editor-wrapper .ql-toolbar .ql-picker-options {
  background-color: var(--content-bg, #ffffff);
  border-color: var(--border-color, #f0f0f0);
}
body.light .rich-text-editor-wrapper .ql-toolbar .ql-picker-options .ql-picker-item {
  color: var(--text-color, #000000);
}
body.light .rich-text-editor-wrapper .ql-toolbar .ql-picker-options .ql-picker-item:hover {
  background-color: var(--hover-bg, #f5f5f5);
  color: var(--ant-color-primary, #1890ff);
}
body.light .rich-text-editor-wrapper .ql-toolbar .ql-picker-options .ql-picker-item.ql-selected {
  background-color: var(--selected-bg, #177ddc);
  color: #ffffff;
}
body.light .rich-text-editor-wrapper .ql-toolbar button:hover .ql-stroke, body.light .rich-text-editor-wrapper .ql-toolbar button:focus .ql-stroke {
  stroke: var(--ant-color-primary, #1890ff);
}
body.light .rich-text-editor-wrapper .ql-toolbar button:hover .ql-fill, body.light .rich-text-editor-wrapper .ql-toolbar button:focus .ql-fill {
  fill: var(--ant-color-primary, #1890ff);
}
body.light .rich-text-editor-wrapper .ql-toolbar button.ql-active .ql-stroke {
  stroke: var(--ant-color-primary, #1890ff);
}
body.light .rich-text-editor-wrapper .ql-toolbar button.ql-active .ql-fill {
  fill: var(--ant-color-primary, #1890ff);
}
body.dark .rich-text-editor-wrapper .ql-snow .ql-tooltip {
  background-color: var(--content-bg, #1f1f1f);
  border-color: var(--border-color, #404040);
  color: var(--text-color, #ffffff);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
body.dark .rich-text-editor-wrapper .ql-snow .ql-tooltip input[type=text] {
  background-color: var(--content-bg, #1f1f1f);
  border-color: var(--border-color, #404040);
  color: var(--text-color, #ffffff);
}
body.dark .rich-text-editor-wrapper .ql-snow .ql-tooltip a {
  color: var(--ant-color-primary, #1890ff);
}
body.light .rich-text-editor-wrapper .ql-snow .ql-tooltip {
  background-color: var(--content-bg, #ffffff);
  border-color: var(--border-color, #f0f0f0);
  color: var(--text-color, #000000);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
body.light .rich-text-editor-wrapper .ql-snow .ql-tooltip input[type=text] {
  background-color: var(--content-bg, #ffffff);
  border-color: var(--border-color, #f0f0f0);
  color: var(--text-color, #000000);
}
body.light .rich-text-editor-wrapper .ql-snow .ql-tooltip a {
  color: var(--ant-color-primary, #1890ff);
}@media (prefers-color-scheme: dark) {
  .wmde-markdown,
  .wmde-markdown-var {
    color-scheme: dark;
    --color-prettylights-syntax-comment: #8b949e;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
    --color-prettylights-syntax-entity-tag: #7ee787;
    --color-prettylights-syntax-keyword: #ff7b72;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-variable: #ffa657;
    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-carriage-return-bg: #b62324;
    --color-prettylights-syntax-string-regexp: #7ee787;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-italic: #c9d1d9;
    --color-prettylights-syntax-markup-bold: #c9d1d9;
    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
    --color-prettylights-syntax-markup-deleted-bg: #67060c;
    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
    --color-prettylights-syntax-markup-inserted-bg: #033a16;
    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-fg-default: #c9d1d9;
    --color-fg-muted: #8b949e;
    --color-fg-subtle: #484f58;
    --color-canvas-default: #0d1117;
    --color-canvas-subtle: #161b22;
    --color-border-default: #30363d;
    --color-border-muted: #21262d;
    --color-neutral-muted: rgba(110, 118, 129, 0.4);
    --color-accent-fg: #58a6ff;
    --color-accent-emphasis: #1f6feb;
    --color-attention-subtle: rgba(187, 128, 9, 0.15);
    --color-danger-fg: #f85149;
    --color-danger-emphasis: #da3633;
    --color-attention-fg: #d29922;
    --color-attention-emphasis: #9e6a03;
    --color-done-fg: #a371f7;
    --color-done-emphasis: #8957e5;
    --color-success-fg: #3fb950;
    --color-success-emphasis: #238636;
    --color-copied-active-bg: #2e9b33;
  }
}
@media (prefers-color-scheme: light) {
  .wmde-markdown,
  .wmde-markdown-var {
    color-scheme: light;
    --color-prettylights-syntax-comment: #6e7781;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-entity: #8250df;
    --color-prettylights-syntax-storage-modifier-import: #24292f;
    --color-prettylights-syntax-entity-tag: #116329;
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-variable: #953800;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-string-regexp: #116329;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-italic: #24292f;
    --color-prettylights-syntax-markup-bold: #24292f;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
    --color-prettylights-syntax-markup-inserted-text: #116329;
    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-fg-default: #24292f;
    --color-fg-muted: #57606a;
    --color-fg-subtle: #6e7781;
    --color-canvas-default: #ffffff;
    --color-canvas-subtle: #f6f8fa;
    --color-border-default: #d0d7de;
    --color-border-muted: hsl(210, 18%, 87%);
    --color-neutral-muted: rgba(175, 184, 193, 0.2);
    --color-accent-fg: #0969da;
    --color-accent-emphasis: #0969da;
    --color-attention-subtle: #fff8c5;
    --color-danger-fg: #d1242f;
    --color-danger-emphasis: #cf222e;
    --color-attention-fg: #9a6700;
    --color-attention-emphasis: #9a6700;
    --color-done-fg: #8250df;
    --color-done-emphasis: #8250df;
    --color-success-fg: #1a7f37;
    --color-success-emphasis: #1f883d;
    --color-copied-active-bg: #2e9b33;
  }
}
[data-color-mode*='dark'] .wmde-markdown,
[data-color-mode*='dark'] .wmde-markdown-var,
.wmde-markdown-var[data-color-mode*='dark'],
.wmde-markdown[data-color-mode*='dark'],
body[data-color-mode*='dark'] {
  color-scheme: dark;
  --color-prettylights-syntax-comment: #8b949e;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
  --color-prettylights-syntax-entity-tag: #7ee787;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-variable: #ffa657;
  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
  --color-prettylights-syntax-carriage-return-bg: #b62324;
  --color-prettylights-syntax-string-regexp: #7ee787;
  --color-prettylights-syntax-markup-list: #f2cc60;
  --color-prettylights-syntax-markup-heading: #1f6feb;
  --color-prettylights-syntax-markup-italic: #c9d1d9;
  --color-prettylights-syntax-markup-bold: #c9d1d9;
  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
  --color-prettylights-syntax-markup-deleted-bg: #67060c;
  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
  --color-prettylights-syntax-markup-inserted-bg: #033a16;
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
  --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
  --color-fg-default: #c9d1d9;
  --color-fg-muted: #8b949e;
  --color-fg-subtle: #484f58;
  --color-canvas-default: #0d1117;
  --color-canvas-subtle: #161b22;
  --color-border-default: #30363d;
  --color-border-muted: #21262d;
  --color-neutral-muted: rgba(110, 118, 129, 0.4);
  --color-accent-fg: #58a6ff;
  --color-accent-emphasis: #1f6feb;
  --color-attention-subtle: rgba(187, 128, 9, 0.15);
  --color-danger-fg: #f85149;
}
[data-color-mode*='light'] .wmde-markdown,
[data-color-mode*='light'] .wmde-markdown-var,
.wmde-markdown-var[data-color-mode*='light'],
.wmde-markdown[data-color-mode*='light'],
body[data-color-mode*='light'] {
  color-scheme: light;
  --color-prettylights-syntax-comment: #6e7781;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-entity: #8250df;
  --color-prettylights-syntax-storage-modifier-import: #24292f;
  --color-prettylights-syntax-entity-tag: #116329;
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-variable: #953800;
  --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
  --color-prettylights-syntax-string-regexp: #116329;
  --color-prettylights-syntax-markup-list: #3b2300;
  --color-prettylights-syntax-markup-heading: #0550ae;
  --color-prettylights-syntax-markup-italic: #24292f;
  --color-prettylights-syntax-markup-bold: #24292f;
  --color-prettylights-syntax-markup-deleted-text: #82071e;
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
  --color-prettylights-syntax-markup-inserted-text: #116329;
  --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
  --color-prettylights-syntax-markup-changed-text: #953800;
  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
  --color-prettylights-syntax-markup-ignored-text: #eaeef2;
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
  --color-fg-default: #24292f;
  --color-fg-muted: #57606a;
  --color-fg-subtle: #6e7781;
  --color-canvas-default: #ffffff;
  --color-canvas-subtle: #f6f8fa;
  --color-border-default: #d0d7de;
  --color-border-muted: hsl(210, 18%, 87%);
  --color-neutral-muted: rgba(175, 184, 193, 0.2);
  --color-accent-fg: #0969da;
  --color-accent-emphasis: #0969da;
  --color-attention-subtle: #fff8c5;
  --color-danger-fg: #cf222e;
}
.wmde-markdown {
  -webkit-text-size-adjust: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
  color: var(--color-fg-default);
  background-color: var(--color-canvas-default);
}
.wmde-markdown details,
.wmde-markdown figcaption,
.wmde-markdown figure {
  display: block;
}
.wmde-markdown summary {
  display: list-item;
}
.wmde-markdown [hidden] {
  display: none !important;
}
.wmde-markdown a {
  background-color: transparent;
  color: var(--color-accent-fg);
  text-decoration: none;
}
.wmde-markdown a:active,
.wmde-markdown a:hover {
  outline-width: 0;
}
.wmde-markdown abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
.wmde-markdown b,
.wmde-markdown strong {
  font-weight: 600;
}
.wmde-markdown dfn {
  font-style: italic;
}
.wmde-markdown h1 {
  margin: 0.67em 0;
  font-weight: 600;
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid var(--color-border-muted);
}
.wmde-markdown mark {
  background-color: var(--color-attention-subtle);
  color: var(--color-text-primary);
}
.wmde-markdown small {
  font-size: 90%;
}
.wmde-markdown sub,
.wmde-markdown sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.wmde-markdown sub {
  bottom: -0.25em;
}
.wmde-markdown sup {
  top: -0.5em;
}
.wmde-markdown img {
  display: inline-block;
  border-style: none;
  max-width: 100%;
  box-sizing: content-box;
  background-color: var(--color-canvas-default);
}
.wmde-markdown code,
.wmde-markdown kbd,
.wmde-markdown pre,
.wmde-markdown samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.wmde-markdown figure {
  margin: 1em 40px;
}
.wmde-markdown hr {
  box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--color-border-muted);
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: var(--color-border-default);
}
.wmde-markdown input {
  font: inherit;
  margin: 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.wmde-markdown [type='button'],
.wmde-markdown [type='reset'],
.wmde-markdown [type='submit'] {
  -webkit-appearance: button;
}
.wmde-markdown [type='button']::-moz-focus-inner,
.wmde-markdown [type='reset']::-moz-focus-inner,
.wmde-markdown [type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.wmde-markdown [type='button']:-moz-focusring,
.wmde-markdown [type='reset']:-moz-focusring,
.wmde-markdown [type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.wmde-markdown [type='checkbox'],
.wmde-markdown [type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
.wmde-markdown [type='number']::-webkit-inner-spin-button,
.wmde-markdown [type='number']::-webkit-outer-spin-button {
  height: auto;
}
.wmde-markdown [type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
.wmde-markdown [type='search']::-webkit-search-cancel-button,
.wmde-markdown [type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
.wmde-markdown ::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
.wmde-markdown ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.wmde-markdown a:hover {
  text-decoration: underline;
}
.wmde-markdown hr::before {
  display: table;
  content: '';
}
.wmde-markdown hr::after {
  display: table;
  clear: both;
  content: '';
}
.wmde-markdown table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  width: max-content;
  max-width: 100%;
}
.wmde-markdown td,
.wmde-markdown th {
  padding: 0;
}
.wmde-markdown details summary {
  cursor: pointer;
}
.wmde-markdown details:not([open]) > *:not(summary) {
  display: none !important;
}
.wmde-markdown kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  line-height: 10px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.wmde-markdown h1,
.wmde-markdown h2,
.wmde-markdown h3,
.wmde-markdown h4,
.wmde-markdown h5,
.wmde-markdown h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.wmde-markdown td,
.wmde-markdown th {
  padding: 0;
}
.wmde-markdown details summary {
  cursor: pointer;
}
.wmde-markdown details:not([open]) > *:not(summary) {
  display: none !important;
}
.wmde-markdown kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  line-height: 10px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.wmde-markdown h1,
.wmde-markdown h2,
.wmde-markdown h3,
.wmde-markdown h4,
.wmde-markdown h5,
.wmde-markdown h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.wmde-markdown h2 {
  font-weight: 600;
  padding-bottom: 0.3em;
  font-size: 1.5em;
  border-bottom: 1px solid var(--color-border-muted);
}
.wmde-markdown h3 {
  font-weight: 600;
  font-size: 1.25em;
}
.wmde-markdown h4 {
  font-weight: 600;
  font-size: 1em;
}
.wmde-markdown h5 {
  font-weight: 600;
  font-size: 0.875em;
}
.wmde-markdown h6 {
  font-weight: 600;
  font-size: 0.85em;
  color: var(--color-fg-muted);
}
.wmde-markdown p {
  margin-top: 0;
  margin-bottom: 10px;
}
.wmde-markdown blockquote {
  margin: 0;
  padding: 0 1em;
  color: var(--color-fg-muted);
  border-left: 0.25em solid var(--color-border-default);
}
.wmde-markdown ul,
.wmde-markdown ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
}
.wmde-markdown ol ol,
.wmde-markdown ul ol {
  list-style-type: lower-roman;
}
.wmde-markdown ul ul ol,
.wmde-markdown ul ol ol,
.wmde-markdown ol ul ol,
.wmde-markdown ol ol ol {
  list-style-type: lower-alpha;
}
.wmde-markdown dd {
  margin-left: 0;
}
.wmde-markdown tt,
.wmde-markdown code {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
}
.wmde-markdown pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
  word-wrap: normal;
}
.wmde-markdown .octicon {
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}
.wmde-markdown ::placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}
.wmde-markdown input::-webkit-outer-spin-button,
.wmde-markdown input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}
.wmde-markdown [data-catalyst] {
  display: block;
}
.wmde-markdown::before {
  display: table;
  content: '';
}
.wmde-markdown::after {
  display: table;
  clear: both;
  content: '';
}
.wmde-markdown > *:first-child {
  margin-top: 0 !important;
}
.wmde-markdown > *:last-child {
  margin-bottom: 0 !important;
}
.wmde-markdown a:not([href]) {
  color: inherit;
  text-decoration: none;
}
.wmde-markdown .absent {
  color: var(--color-danger-fg);
}
.wmde-markdown a.anchor {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  line-height: 1;
}
.wmde-markdown .anchor:focus {
  outline: none;
}
.wmde-markdown p,
.wmde-markdown blockquote,
.wmde-markdown ul,
.wmde-markdown ol,
.wmde-markdown dl,
.wmde-markdown table,
.wmde-markdown pre,
.wmde-markdown details {
  margin-top: 0;
  margin-bottom: 16px;
}
.wmde-markdown blockquote > :first-child {
  margin-top: 0;
}
.wmde-markdown blockquote > :last-child {
  margin-bottom: 0;
}
.wmde-markdown sup > a::before {
  content: '[';
}
.wmde-markdown sup > a::after {
  content: ']';
}
.wmde-markdown h1 .octicon-link,
.wmde-markdown h2 .octicon-link,
.wmde-markdown h3 .octicon-link,
.wmde-markdown h4 .octicon-link,
.wmde-markdown h5 .octicon-link,
.wmde-markdown h6 .octicon-link {
  color: var(--color-fg-default);
  vertical-align: middle;
  visibility: hidden;
}
.wmde-markdown h1:hover .anchor,
.wmde-markdown h2:hover .anchor,
.wmde-markdown h3:hover .anchor,
.wmde-markdown h4:hover .anchor,
.wmde-markdown h5:hover .anchor,
.wmde-markdown h6:hover .anchor {
  text-decoration: none;
}
.wmde-markdown h1:hover .anchor .octicon-link,
.wmde-markdown h2:hover .anchor .octicon-link,
.wmde-markdown h3:hover .anchor .octicon-link,
.wmde-markdown h4:hover .anchor .octicon-link,
.wmde-markdown h5:hover .anchor .octicon-link,
.wmde-markdown h6:hover .anchor .octicon-link {
  visibility: visible;
}
.wmde-markdown h1 tt,
.wmde-markdown h1 code,
.wmde-markdown h2 tt,
.wmde-markdown h2 code,
.wmde-markdown h3 tt,
.wmde-markdown h3 code,
.wmde-markdown h4 tt,
.wmde-markdown h4 code,
.wmde-markdown h5 tt,
.wmde-markdown h5 code,
.wmde-markdown h6 tt,
.wmde-markdown h6 code {
  padding: 0 0.2em;
  font-size: inherit;
}
.wmde-markdown ul.no-list,
.wmde-markdown ol.no-list {
  padding: 0;
  list-style-type: none;
}
.wmde-markdown ol[type='1'] {
  list-style-type: decimal;
}
.wmde-markdown ol[type='a'] {
  list-style-type: lower-alpha;
}
.wmde-markdown ol[type='i'] {
  list-style-type: lower-roman;
}
.wmde-markdown div > ol:not([type]) {
  list-style-type: decimal;
}
.wmde-markdown ul ul,
.wmde-markdown ul ol,
.wmde-markdown ol ol,
.wmde-markdown ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
.wmde-markdown li > p {
  margin-top: 16px;
}
.wmde-markdown li + li {
  margin-top: 0.25em;
}
.wmde-markdown dl {
  padding: 0;
}
.wmde-markdown dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}
.wmde-markdown dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}
.wmde-markdown table th {
  font-weight: 600;
}
.wmde-markdown table th,
.wmde-markdown table td {
  padding: 6px 13px;
  border: 1px solid var(--color-border-default);
}
.wmde-markdown table tr {
  background-color: var(--color-canvas-default);
  border-top: 1px solid var(--color-border-muted);
}
.wmde-markdown table tr:nth-child(2n) {
  background-color: var(--color-canvas-subtle);
}
.wmde-markdown table img {
  background-color: transparent;
}
.wmde-markdown img[align='right'] {
  padding-left: 20px;
}
.wmde-markdown img[align='left'] {
  padding-right: 20px;
}
.wmde-markdown .emoji {
  max-width: none;
  vertical-align: text-top;
  background-color: transparent;
}
.wmde-markdown span.frame {
  display: block;
  overflow: hidden;
}
.wmde-markdown span.frame > span {
  display: block;
  float: left;
  width: auto;
  padding: 7px;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
}
.wmde-markdown span.frame span img {
  display: block;
  float: left;
}
.wmde-markdown span.frame span span {
  display: block;
  padding: 5px 0 0;
  clear: both;
  color: var(--color-fg-default);
}
.wmde-markdown span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}
.wmde-markdown span.align-center > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: center;
}
.wmde-markdown span.align-center span img {
  margin: 0 auto;
  text-align: center;
}
.wmde-markdown span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}
.wmde-markdown span.align-right > span {
  display: block;
  margin: 13px 0 0;
  overflow: hidden;
  text-align: right;
}
.wmde-markdown span.align-right span img {
  margin: 0;
  text-align: right;
}
.wmde-markdown span.float-left {
  display: block;
  float: left;
  margin-right: 13px;
  overflow: hidden;
}
.wmde-markdown span.float-left span {
  margin: 13px 0 0;
}
.wmde-markdown span.float-right {
  display: block;
  float: right;
  margin-left: 13px;
  overflow: hidden;
}
.wmde-markdown span.float-right > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: right;
}
.wmde-markdown code,
.wmde-markdown tt {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  background-color: var(--color-neutral-muted);
  border-radius: 6px;
}
.wmde-markdown code br,
.wmde-markdown tt br {
  display: none;
}
.wmde-markdown del code {
  text-decoration: inherit;
}
.wmde-markdown pre code {
  font-size: 100%;
}
.wmde-markdown pre > code {
  padding: 0;
  margin: 0;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}
.wmde-markdown pre {
  font-size: 85%;
  line-height: 1.45;
  background-color: var(--color-canvas-subtle);
  border-radius: 6px;
}
.wmde-markdown pre code,
.wmde-markdown pre tt {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}
.wmde-markdown pre > code {
  padding: 16px;
  overflow: auto;
  display: block;
}
.wmde-markdown pre > code::-webkit-scrollbar {
  background: transparent;
  width: 8px;
  height: 8px;
}
.wmde-markdown pre > code::-webkit-scrollbar-thumb {
  background: var(--color-fg-muted);
  border-radius: 10px;
}
.wmde-markdown .csv-data td,
.wmde-markdown .csv-data th {
  padding: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}
.wmde-markdown .csv-data .blob-num {
  padding: 10px 8px 9px;
  text-align: right;
  background: var(--color-canvas-default);
  border: 0;
}
.wmde-markdown .csv-data tr {
  border-top: 0;
}
.wmde-markdown .csv-data th {
  font-weight: 600;
  background: var(--color-canvas-subtle);
  border-top: 0;
}
.wmde-markdown .footnotes {
  font-size: 12px;
  color: var(--color-fg-muted);
  border-top: 1px solid var(--color-border-default);
}
.wmde-markdown .footnotes ol {
  padding-left: 16px;
}
.wmde-markdown .footnotes li {
  position: relative;
}
.wmde-markdown .footnotes li:target::before {
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -24px;
  pointer-events: none;
  content: '';
  border: 2px solid var(--color-accent-emphasis);
  border-radius: 6px;
}
.wmde-markdown .footnotes li:target {
  color: var(--color-fg-default);
}
.wmde-markdown .footnotes .data-footnote-backref g-emoji {
  font-family: monospace;
}
.wmde-markdown .task-list-item {
  list-style-type: none;
}
.wmde-markdown .task-list-item label {
  font-weight: 400;
}
.wmde-markdown .task-list-item.enabled label {
  cursor: pointer;
}
.wmde-markdown .task-list-item + .wmde-markdown .task-list-item {
  margin-top: 3px;
}
.wmde-markdown .task-list-item .handle {
  display: none;
}
.wmde-markdown .task-list-item-checkbox,
.wmde-markdown .contains-task-list input[type='checkbox'] {
  margin: 0 0.2em 0.25em -1.6em;
  vertical-align: middle;
}
.wmde-markdown .contains-task-list:dir(rtl) .task-list-item-checkbox,
.wmde-markdown .contains-task-list:dir(rtl) input[type='checkbox'] {
  margin: 0 -1.6em 0.25em 0.2em;
}
.wmde-markdown ::-webkit-calendar-picker-indicator {
  filter: invert(50%);
}
.wmde-markdown pre {
  position: relative;
}
.wmde-markdown pre .copied {
  visibility: hidden;
  display: flex;
  position: absolute;
  cursor: pointer;
  color: var(--color-fg-default);
  top: 6px;
  right: 6px;
  border-radius: 5px;
  background: var(--color-border-default);
  padding: 6px;
  font-size: 12px;
  transition: all 0.3s;
}
.wmde-markdown pre .copied .octicon-copy {
  display: block;
}
.wmde-markdown pre .copied .octicon-check {
  display: none;
}
.wmde-markdown pre:hover .copied {
  visibility: visible;
}
.wmde-markdown pre:hover .copied:hover {
  background: var(--color-prettylights-syntax-entity-tag);
  color: var(--color-canvas-default);
}
.wmde-markdown pre:hover .copied:active,
.wmde-markdown pre .copied.active {
  background: var(--color-copied-active-bg);
  color: var(--color-canvas-default);
}
.wmde-markdown pre .active .octicon-copy {
  display: none;
}
.wmde-markdown pre .active .octicon-check {
  display: block;
}
.wmde-markdown .markdown-alert {
  padding: 0.5rem 1em;
  color: inherit;
  margin-bottom: 16px;
  border-left: 0.25em solid var(--borderColor-default, var(--color-border-default));
}
.wmde-markdown .markdown-alert > :last-child {
  margin-bottom: 0 !important;
}
.wmde-markdown .markdown-alert .markdown-alert-title {
  display: flex;
  align-items: center;
  line-height: 1;
  font-weight: 500;
  font-size: 14px;
}
.wmde-markdown .markdown-alert .markdown-alert-title svg.octicon {
  margin-right: var(--base-size-8, 8px) !important;
}
.wmde-markdown .markdown-alert.markdown-alert-note {
  border-left-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-note .markdown-alert-title {
  color: var(--fgColor-accent, var(--color-accent-fg));
}
.wmde-markdown .markdown-alert.markdown-alert-tip {
  border-left-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-tip .markdown-alert-title {
  color: var(--fgColor-success, var(--color-success-fg));
}
.wmde-markdown .markdown-alert.markdown-alert-important {
  border-left-color: var(--borderColor-done-emphasis, var(--color-done-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-important .markdown-alert-title {
  color: var(--fgColor-done, var(--color-done-fg));
}
.wmde-markdown .markdown-alert.markdown-alert-warning {
  border-left-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-warning .markdown-alert-title {
  color: var(--fgColor-attention, var(--color-attention-fg));
}
.wmde-markdown .markdown-alert.markdown-alert-caution {
  border-left-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
}
.wmde-markdown .markdown-alert.markdown-alert-caution .markdown-alert-title {
  color: var(--fgColor-danger, var(--color-danger-fg));
}
.wmde-markdown .highlight-line {
  background-color: var(--color-neutral-muted);
}
.wmde-markdown .code-line.line-number::before {
  display: inline-block;
  width: 1rem;
  text-align: right;
  margin-right: 16px;
  color: var(--color-fg-subtle);
  content: attr(line);
  white-space: nowrap;
}
.wmde-markdown .token.comment,
.wmde-markdown .token.prolog,
.wmde-markdown .token.doctype,
.wmde-markdown .token.cdata {
  color: var(--color-prettylights-syntax-comment);
}
.wmde-markdown .token.namespace {
  opacity: 0.7;
}
.wmde-markdown .token.property,
.wmde-markdown .token.tag,
.wmde-markdown .token.selector,
.wmde-markdown .token.constant,
.wmde-markdown .token.symbol,
.wmde-markdown .token.deleted {
  color: var(--color-prettylights-syntax-entity-tag);
}
.wmde-markdown .token.maybe-class-name {
  color: var(--color-prettylights-syntax-variable);
}
.wmde-markdown .token.property-access,
.wmde-markdown .token.operator,
.wmde-markdown .token.boolean,
.wmde-markdown .token.number,
.wmde-markdown .token.selector .token.class,
.wmde-markdown .token.attr-name,
.wmde-markdown .token.string,
.wmde-markdown .token.char,
.wmde-markdown .token.builtin {
  color: var(--color-prettylights-syntax-constant);
}
.wmde-markdown .token.deleted {
  color: var(--color-prettylights-syntax-markup-deleted-text);
}
.wmde-markdown .code-line .token.deleted {
  background-color: var(--color-prettylights-syntax-markup-deleted-bg);
}
.wmde-markdown .token.inserted {
  color: var(--color-prettylights-syntax-markup-inserted-text);
}
.wmde-markdown .code-line .token.inserted {
  background-color: var(--color-prettylights-syntax-markup-inserted-bg);
}
.wmde-markdown .token.variable {
  color: var(--color-prettylights-syntax-constant);
}
.wmde-markdown .token.entity,
.wmde-markdown .token.url,
.wmde-markdown .language-css .token.string,
.wmde-markdown .style .token.string {
  color: var(--color-prettylights-syntax-string);
}
.wmde-markdown .token.color,
.wmde-markdown .token.atrule,
.wmde-markdown .token.attr-value,
.wmde-markdown .token.function,
.wmde-markdown .token.class-name {
  color: var(--color-prettylights-syntax-string);
}
.wmde-markdown .token.rule,
.wmde-markdown .token.regex,
.wmde-markdown .token.important,
.wmde-markdown .token.keyword {
  color: var(--color-prettylights-syntax-keyword);
}
.wmde-markdown .token.coord {
  color: var(--color-prettylights-syntax-meta-diff-range);
}
.wmde-markdown .token.important,
.wmde-markdown .token.bold {
  font-weight: bold;
}
.wmde-markdown .token.italic {
  font-style: italic;
}
.wmde-markdown .token.entity {
  cursor: help;
}
.w-md-editor-toolbar-child {
  position: absolute;
  border-radius: 3px;
  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);
  background-color: var(--md-editor-background-color);
  z-index: 1;
  display: none;
}
.w-md-editor-toolbar-child.active {
  display: block;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar {
  border-bottom: 0;
  padding: 3px;
  border-radius: 3px;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar ul > li {
  display: block;
}
.w-md-editor-toolbar-child .w-md-editor-toolbar ul > li button {
  width: -webkit-fill-available;
  height: initial;
  box-sizing: border-box;
  padding: 3px 4px 2px 4px;
  margin: 0;
}
.w-md-editor-toolbar {
  border-bottom: 1px solid var(--md-editor-box-shadow-color);
  background-color: var(--md-editor-background-color);
  padding: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 3px 3px 0 0;
  -webkit-user-select: none;
          user-select: none;
  flex-wrap: wrap;
}
.w-md-editor-toolbar.bottom {
  border-bottom: 0px;
  border-top: 1px solid var(--md-editor-box-shadow-color);
  border-radius: 0 0 3px 3px;
}
.w-md-editor-toolbar ul,
.w-md-editor-toolbar li {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: initial;
}
.w-md-editor-toolbar li {
  display: inline-block;
  font-size: 14px;
}
.w-md-editor-toolbar li + li {
  margin: 0;
}
.w-md-editor-toolbar li > button {
  border: none;
  height: 20px;
  line-height: 14px;
  background: none;
  padding: 4px;
  margin: 0 1px;
  border-radius: 2px;
  text-transform: none;
  font-weight: normal;
  overflow: visible;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
  color: var(--color-fg-default);
}
.w-md-editor-toolbar li > button:hover,
.w-md-editor-toolbar li > button:focus {
  background-color: var(--color-neutral-muted);
  color: var(--color-accent-fg);
}
.w-md-editor-toolbar li > button:active {
  background-color: var(--color-neutral-muted);
  color: var(--color-danger-fg);
}
.w-md-editor-toolbar li > button:disabled {
  color: var(--md-editor-box-shadow-color);
  cursor: not-allowed;
}
.w-md-editor-toolbar li > button:disabled:hover {
  background-color: transparent;
  color: var(--md-editor-box-shadow-color);
}
.w-md-editor-toolbar li.active > button {
  color: var(--color-accent-fg);
  background-color: var(--color-neutral-muted);
}
.w-md-editor-toolbar-divider {
  height: 14px;
  width: 1px;
  margin: -3px 3px 0 3px !important;
  vertical-align: middle;
  background-color: var(--md-editor-box-shadow-color);
}
.w-md-editor-area {
  overflow: auto;
  border-radius: 5px;
}
.w-md-editor-text {
  min-height: 100%;
  position: relative;
  text-align: left;
  white-space: pre-wrap;
  word-break: keep-all;
  overflow-wrap: break-word;
  box-sizing: border-box;
  padding: 10px;
  margin: 0;
  font-size: 14px !important;
  line-height: 18px !important;
  font-variant-ligatures: common-ligatures;
}
.w-md-editor-text-pre,
.w-md-editor-text-input,
.w-md-editor-text > .w-md-editor-text-pre {
  margin: 0;
  border: 0;
  background: none;
  box-sizing: inherit;
  display: inherit;
  font-family: inherit;
  font-family: var(--md-editor-font-family) !important;
  font-size: inherit;
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  tab-size: inherit;
  text-indent: inherit;
  text-rendering: inherit;
  text-transform: inherit;
  white-space: inherit;
  overflow-wrap: inherit;
  word-break: inherit;
  word-break: normal;
  padding: 0;
}
.w-md-editor-text-pre {
  position: relative;
  margin: 0px !important;
  pointer-events: none;
  background-color: transparent !important;
}
.w-md-editor-text-pre > code {
  padding: 0 !important;
  font-family: var(--md-editor-font-family) !important;
  font-size: 14px !important;
  line-height: 18px !important;
}
.w-md-editor-text-input {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  resize: none;
  color: inherit;
  overflow: hidden;
  outline: 0;
  padding: inherit;
  -webkit-font-smoothing: antialiased;
  -webkit-text-fill-color: transparent;
}
.w-md-editor-text-input:empty {
  -webkit-text-fill-color: inherit !important;
}
.w-md-editor-text-pre,
.w-md-editor-text-input {
  word-wrap: pre;
  word-break: break-word;
  white-space: pre-wrap;
}
/**
 * Hack to apply on some CSS on IE10 and IE11
 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /**
    * IE doesn't support '-webkit-text-fill-color'
    * So we use 'color: transparent' to make the text transparent on IE
    * Unlike other browsers, it doesn't affect caret color in IE
    */
  .w-md-editor-text-input {
    color: transparent !important;
  }
  .w-md-editor-text-input::selection {
    background-color: #accef7 !important;
    color: transparent !important;
  }
}
.w-md-editor-text-pre .punctuation {
  color: var(--color-prettylights-syntax-comment, #8b949e) !important;
}
.w-md-editor-text-pre .token.url,
.w-md-editor-text-pre .token.content {
  color: var(--color-prettylights-syntax-constant, #0550ae) !important;
}
.w-md-editor-text-pre .token.title.important {
  color: var(--color-prettylights-syntax-markup-bold, #24292f);
}
.w-md-editor-text-pre .token.code-block .function {
  color: var(--color-prettylights-syntax-entity, #8250df);
}
.w-md-editor-text-pre .token.bold {
  font-weight: unset !important;
}
.w-md-editor-text-pre .token.title {
  line-height: unset !important;
  font-size: unset !important;
  font-weight: unset !important;
}
.w-md-editor-text-pre .token.code.keyword {
  color: var(--color-prettylights-syntax-constant, #0550ae) !important;
}
.w-md-editor-text-pre .token.strike,
.w-md-editor-text-pre .token.strike .content {
  color: var(--color-prettylights-syntax-markup-deleted-text, #82071e) !important;
}
.w-md-editor-bar {
  position: absolute;
  cursor: s-resize;
  right: 0;
  bottom: 0;
  margin-top: -11px;
  margin-right: 0;
  width: 14px;
  z-index: 3;
  height: 10px;
  border-radius: 0 0 3px 0;
  -webkit-user-select: none;
          user-select: none;
}
.w-md-editor-bar svg {
  display: block;
  margin: 0 auto;
}
.w-md-editor {
  text-align: left;
  border-radius: 3px;
  padding-bottom: 1px;
  position: relative;
  color: var(--color-fg-default);
  --md-editor-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --md-editor-background-color: var(--color-canvas-default, #ffffff);
  --md-editor-box-shadow-color: var(--color-border-default, #d0d7de);
  box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color);
  background-color: var(--md-editor-background-color);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: column;
}
.w-md-editor.w-md-editor-rtl {
  direction: rtl !important;
  text-align: right !important;
}
.w-md-editor.w-md-editor-rtl .w-md-editor-preview {
  right: unset !important;
  left: 0;
  text-align: right !important;
  box-shadow: inset -1px 0 0 0 var(--md-editor-box-shadow-color);
}
.w-md-editor.w-md-editor-rtl .w-md-editor-text {
  text-align: right !important;
}
.w-md-editor-toolbar {
  height: fit-content;
}
.w-md-editor-content {
  height: 100%;
  overflow: auto;
  position: relative;
  border-radius: 0 0 3px 0;
}
.w-md-editor .copied {
  display: none !important;
}
.w-md-editor-input {
  width: 50%;
  height: 100%;
}
.w-md-editor-text-pre > code {
  word-break: break-word !important;
  white-space: pre-wrap !important;
}
.w-md-editor-preview {
  width: 50%;
  box-sizing: border-box;
  box-shadow: inset 1px 0 0 0 var(--md-editor-box-shadow-color);
  position: absolute;
  padding: 10px 20px;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 0 5px 0;
  display: flex;
  flex-direction: column;
}
.w-md-editor-preview .anchor {
  display: none;
}
.w-md-editor-preview .contains-task-list li.task-list-item {
  list-style: none;
}
.w-md-editor-show-preview .w-md-editor-input {
  width: 0%;
  overflow: hidden;
  background-color: var(--md-editor-background-color);
}
.w-md-editor-show-preview .w-md-editor-preview {
  width: 100%;
  box-shadow: inset 0 0 0 0;
}
.w-md-editor-show-edit .w-md-editor-input {
  width: 100%;
}
.w-md-editor-show-edit .w-md-editor-preview {
  width: 0%;
  padding: 0;
}
.w-md-editor-fullscreen {
  overflow: hidden;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100% !important;
}
.w-md-editor-fullscreen .w-md-editor-content {
  height: 100%;
}
.markdown-editor-wrapper .w-md-editor {
  border-radius: 6px;
  overflow: hidden;
}
body.dark .markdown-editor-wrapper .w-md-editor, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] {
  background-color: var(--content-bg, #1f1f1f) !important;
  border: 1px solid var(--border-color, #404040) !important;
  color: var(--text-color, #ffffff);
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-bar, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-bar {
  background-color: var(--content-bg, #1f1f1f) !important;
  border-bottom: 1px solid var(--border-color, #404040) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-bar .w-md-editor-divider, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar .w-md-editor-divider, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-bar .w-md-editor-divider {
  background-color: var(--border-color, #404040) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-bar button, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar button, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-bar button {
  color: var(--text-color, #ffffff) !important;
  background-color: transparent !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-bar button:hover, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar button:hover, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-bar button:hover {
  background-color: var(--hover-bg, #404040) !important;
  color: var(--ant-color-primary, #1890ff) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-bar button.active, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar button.active, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-bar button.active {
  color: var(--ant-color-primary, #1890ff) !important;
  background-color: var(--hover-bg, #404040) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-bar button svg, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar button svg, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-bar button svg {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-bar input,
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-bar select,
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-bar textarea, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar input,
.markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar select,
.markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar textarea, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-bar input,
.markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-bar select,
.markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-bar textarea {
  background-color: var(--content-bg, #1f1f1f) !important;
  border-color: var(--border-color, #404040) !important;
  color: var(--text-color, #ffffff) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-text, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-text, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-text {
  background-color: var(--content-bg, #1f1f1f) !important;
  color: var(--text-color, #ffffff) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-text .w-md-editor-text-pre, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-text .w-md-editor-text-pre, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-text .w-md-editor-text-pre {
  background-color: var(--content-bg, #1f1f1f) !important;
  color: var(--text-color, #ffffff) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-text .w-md-editor-text-textarea, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-text .w-md-editor-text-textarea, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-text .w-md-editor-text-textarea {
  background-color: var(--content-bg, #1f1f1f) !important;
  color: var(--text-color, #ffffff) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview {
  background-color: var(--content-bg, #1f1f1f) !important;
  color: var(--text-color, #ffffff) !important;
  border-left: 1px solid var(--border-color, #404040) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h1, body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h2, body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h3, body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h4, body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h5, body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h6, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h1, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h2, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h3, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h4, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h5, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h6, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview h1, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview h2, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview h3, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview h4, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview h5, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview h6 {
  color: var(--text-color, #ffffff) !important;
  border-bottom-color: var(--border-color, #404040) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview p, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview p, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview p {
  color: var(--text-color, #ffffff) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview code, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview code, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview code {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #e6db74 !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview pre, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview pre, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview pre {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--border-color, #404040) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview pre code, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview pre code, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview pre code {
  background-color: transparent !important;
  color: #e6db74 !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview blockquote, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview blockquote, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview blockquote {
  border-left-color: var(--ant-color-primary, #1890ff) !important;
  color: var(--text-secondary, #a0a0a0) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview table {
  border-color: var(--border-color, #404040) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table th, body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table td, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table th, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table td, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview table th, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview table td {
  border-color: var(--border-color, #404040) !important;
  color: var(--text-color, #ffffff) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table th, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table th, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview table th {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table tr:nth-child(2n), .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table tr:nth-child(2n), .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview table tr:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.02) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview a, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview a, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview a {
  color: var(--ant-color-primary, #1890ff) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview ul, body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview ol, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview ul, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview ol, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview ul, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview ol {
  color: var(--text-color, #ffffff) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview li, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview li, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview li {
  color: var(--text-color, #ffffff) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview hr, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview hr, .markdown-editor-wrapper .w-md-editor[data-color-mode=dark] .w-md-editor-preview hr {
  border-color: var(--border-color, #404040) !important;
}
body.light .markdown-editor-wrapper .w-md-editor, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] {
  background-color: var(--content-bg, #ffffff) !important;
  border: 1px solid var(--border-color, #f0f0f0) !important;
  color: var(--text-color, #000000);
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-bar, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-bar {
  background-color: var(--content-bg, #ffffff) !important;
  border-bottom: 1px solid var(--border-color, #f0f0f0) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-bar .w-md-editor-divider, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar .w-md-editor-divider, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-bar .w-md-editor-divider {
  background-color: var(--border-color, #f0f0f0) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-bar button, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar button, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-bar button {
  color: var(--text-color, #000000) !important;
  background-color: transparent !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-bar button:hover, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar button:hover, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-bar button:hover {
  background-color: var(--hover-bg, #f5f5f5) !important;
  color: var(--ant-color-primary, #1890ff) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-bar button.active, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar button.active, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-bar button.active {
  color: var(--ant-color-primary, #1890ff) !important;
  background-color: var(--hover-bg, #f5f5f5) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-bar button svg, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar button svg, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-bar button svg {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-bar input,
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-bar select,
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-bar textarea, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar input,
.markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar select,
.markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-bar textarea, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-bar input,
.markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-bar select,
.markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-bar textarea {
  background-color: var(--content-bg, #ffffff) !important;
  border-color: var(--border-color, #f0f0f0) !important;
  color: var(--text-color, #000000) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-text, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-text, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-text {
  background-color: var(--content-bg, #ffffff) !important;
  color: var(--text-color, #000000) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-text .w-md-editor-text-pre, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-text .w-md-editor-text-pre, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-text .w-md-editor-text-pre {
  background-color: var(--content-bg, #ffffff) !important;
  color: var(--text-color, #000000) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-text .w-md-editor-text-textarea, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-text .w-md-editor-text-textarea, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-text .w-md-editor-text-textarea {
  background-color: var(--content-bg, #ffffff) !important;
  color: var(--text-color, #000000) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview {
  background-color: var(--content-bg, #ffffff) !important;
  color: var(--text-color, #000000) !important;
  border-left: 1px solid var(--border-color, #f0f0f0) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h1, body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h2, body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h3, body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h4, body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h5, body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h6, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h1, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h2, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h3, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h4, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h5, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview h6, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview h1, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview h2, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview h3, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview h4, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview h5, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview h6 {
  color: var(--text-color, #000000) !important;
  border-bottom-color: var(--border-color, #f0f0f0) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview p, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview p, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview p {
  color: var(--text-color, #000000) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview code, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview code, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview code {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: #e83e8c !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview pre, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview pre, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview pre {
  background-color: rgba(0, 0, 0, 0.02) !important;
  border: 1px solid var(--border-color, #f0f0f0) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview pre code, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview pre code, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview pre code {
  background-color: transparent !important;
  color: #e83e8c !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview blockquote, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview blockquote, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview blockquote {
  border-left-color: var(--ant-color-primary, #1890ff) !important;
  color: var(--text-secondary, #666666) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview table {
  border-color: var(--border-color, #f0f0f0) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table th, body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table td, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table th, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table td, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview table th, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview table td {
  border-color: var(--border-color, #f0f0f0) !important;
  color: var(--text-color, #000000) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table th, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table th, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview table th {
  background-color: rgba(0, 0, 0, 0.03) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table tr:nth-child(2n), .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview table tr:nth-child(2n), .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview table tr:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.02) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview a, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview a, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview a {
  color: var(--ant-color-primary, #1890ff) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview ul, body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview ol, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview ul, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview ol, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview ul, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview ol {
  color: var(--text-color, #000000) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview li, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview li, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview li {
  color: var(--text-color, #000000) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview hr, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview hr, .markdown-editor-wrapper .w-md-editor[data-color-mode=light] .w-md-editor-preview hr {
  border-color: var(--border-color, #f0f0f0) !important;
}
.markdown-editor-wrapper .w-md-editor-text-input {
  min-height: 350px;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-text::-webkit-scrollbar,
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview::-webkit-scrollbar, .markdown-editor-wrapper[data-color-mode=dark] .w-md-editor .w-md-editor-text::-webkit-scrollbar,
.markdown-editor-wrapper[data-color-mode=dark] .w-md-editor .w-md-editor-preview::-webkit-scrollbar, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-text::-webkit-scrollbar,
.markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-text::-webkit-scrollbar-track,
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview::-webkit-scrollbar-track, .markdown-editor-wrapper[data-color-mode=dark] .w-md-editor .w-md-editor-text::-webkit-scrollbar-track,
.markdown-editor-wrapper[data-color-mode=dark] .w-md-editor .w-md-editor-preview::-webkit-scrollbar-track, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-text::-webkit-scrollbar-track,
.markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview::-webkit-scrollbar-track {
  background-color: var(--content-bg, #1f1f1f) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-text::-webkit-scrollbar-thumb,
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview::-webkit-scrollbar-thumb, .markdown-editor-wrapper[data-color-mode=dark] .w-md-editor .w-md-editor-text::-webkit-scrollbar-thumb,
.markdown-editor-wrapper[data-color-mode=dark] .w-md-editor .w-md-editor-preview::-webkit-scrollbar-thumb, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-text::-webkit-scrollbar-thumb,
.markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview::-webkit-scrollbar-thumb {
  background-color: var(--border-color, #404040) !important;
}
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-text::-webkit-scrollbar-thumb:hover,
body.dark .markdown-editor-wrapper .w-md-editor .w-md-editor-preview::-webkit-scrollbar-thumb:hover, .markdown-editor-wrapper[data-color-mode=dark] .w-md-editor .w-md-editor-text::-webkit-scrollbar-thumb:hover,
.markdown-editor-wrapper[data-color-mode=dark] .w-md-editor .w-md-editor-preview::-webkit-scrollbar-thumb:hover, .markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-text::-webkit-scrollbar-thumb:hover,
.markdown-editor-wrapper[data-color-mode=dark] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview::-webkit-scrollbar-thumb:hover {
  background-color: var(--hover-bg, #505050) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-text::-webkit-scrollbar,
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview::-webkit-scrollbar, .markdown-editor-wrapper[data-color-mode=light] .w-md-editor .w-md-editor-text::-webkit-scrollbar,
.markdown-editor-wrapper[data-color-mode=light] .w-md-editor .w-md-editor-preview::-webkit-scrollbar, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-text::-webkit-scrollbar,
.markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-text::-webkit-scrollbar-track,
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview::-webkit-scrollbar-track, .markdown-editor-wrapper[data-color-mode=light] .w-md-editor .w-md-editor-text::-webkit-scrollbar-track,
.markdown-editor-wrapper[data-color-mode=light] .w-md-editor .w-md-editor-preview::-webkit-scrollbar-track, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-text::-webkit-scrollbar-track,
.markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview::-webkit-scrollbar-track {
  background-color: var(--content-bg, #ffffff) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-text::-webkit-scrollbar-thumb,
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview::-webkit-scrollbar-thumb, .markdown-editor-wrapper[data-color-mode=light] .w-md-editor .w-md-editor-text::-webkit-scrollbar-thumb,
.markdown-editor-wrapper[data-color-mode=light] .w-md-editor .w-md-editor-preview::-webkit-scrollbar-thumb, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-text::-webkit-scrollbar-thumb,
.markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview::-webkit-scrollbar-thumb {
  background-color: var(--border-color, #d0d0d0) !important;
}
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-text::-webkit-scrollbar-thumb:hover,
body.light .markdown-editor-wrapper .w-md-editor .w-md-editor-preview::-webkit-scrollbar-thumb:hover, .markdown-editor-wrapper[data-color-mode=light] .w-md-editor .w-md-editor-text::-webkit-scrollbar-thumb:hover,
.markdown-editor-wrapper[data-color-mode=light] .w-md-editor .w-md-editor-preview::-webkit-scrollbar-thumb:hover, .markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-text::-webkit-scrollbar-thumb:hover,
.markdown-editor-wrapper[data-color-mode=light] .markdown-editor-wrapper .w-md-editor .w-md-editor-preview::-webkit-scrollbar-thumb:hover {
  background-color: var(--hover-bg, #b0b0b0) !important;
}