body {
  margin: 0;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* iOS PWA 全屏适配 */
  height: 100%;
  position: fixed;
  width: 100%;
  /* 防止 iOS Safari 橡皮筋效果 */
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
}
ul {
  list-style-type: none;
  padding-left: 0;
}

dd {
  margin-bottom: 0;
}

ul,
li,
p {
  padding: 0;
  margin: 0;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}
.fade-enter {
  opacity: 0;
}
.fade-enter-active {
  transform: translateX(0px);
  opacity: 1;
}
.fade-exit {
  opacity: 1;
}
.fade-exit-active {
  transform: translateX(-100px);
  transition: all 500ms;
  opacity: 0;
}

#root {
  height: 100%;
  overflow: hidden;
  /* iOS 安全区适配 */
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  box-sizing: border-box;
}

.iconfont {
  font-family: 'iconfont' !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 替换过时的-ms-high-contrast媒体查询，使用现代化的Forced Colors Mode */
@media (forced-colors: active) {
  /* 所有按钮确保在高对比度模式下保持可见 */
  .ant-btn {
    border: 1px solid ButtonText !important;
    color: ButtonText !important;
  }
  
  /* 确保焦点边框可见 */
  *:focus-visible {
    outline: 2px solid ButtonText !important;
  }
  
  /* 确保高对比度模式下表单元素保持合适的颜色 */
  .ant-input,
  .ant-select-selector {
    border: 1px solid ButtonText !important;
  }
  
  /* 确保图标在高对比度模式下可见 */
  .anticon svg {
    fill: currentColor !important;
  }
}

/* iOS PWA 全屏适配 */
html {
  height: 100%;
  /* iOS 安全区适配 */
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

/* iOS PWA 状态栏适配 */
@media screen and (display-mode: standalone) {
  body {
    /* 在 PWA 模式下确保全屏 */
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

  #root {
    /* 在 PWA 模式下使用安全区 */
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
}


/* iOS PWA 安全区与背景适配，避免出现白边/白块 */
html, body {
  height: 100%;
  background: #f5f7fa; /* 与应用背景保持一致，可替换为主题色 */
  overscroll-behavior: none;
}

body {
  margin: 0;
  /* 适配刘海/底部 HomeBar 安全区 */
  /* 对于全黑状态栏，避免额外的顶部内边距 */
  padding-top: 0;
  padding-right: env(safe-area-inset-right);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  /* 兼容旧版 iOS 常量写法 */
  padding-top: 0;
  padding-right: constant(safe-area-inset-right);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-left: constant(safe-area-inset-left);
}

#root {
  min-height: 100%;
  background: inherit;
}

/* 保留触摸与滚轮滚动能力，只隐藏应用壳中持续占位的系统滚动条。 */
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* 全局 Tabs：统一为紧凑、可滑动的胶囊式导航 */
.ant-tabs-top > .ant-tabs-nav {
  margin: 0 0 14px;
  padding: 4px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(31, 61, 100, 0.08);
  border-radius: 13px;
  box-shadow: 0 3px 12px rgba(31, 61, 100, 0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar {
  display: none;
}

.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list {
  gap: 2px;
}

.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab {
  margin: 0 !important;
  padding: 7px 13px;
  color: #6b7280;
  border-radius: 9px;
  transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab:hover {
  color: var(--theme-accent_color, #1677ff);
  background: rgba(22, 119, 255, 0.06);
}

.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active {
  background: var(--theme-primary_soft_bg, rgba(22, 119, 255, 0.11));
  box-shadow: 0 1px 4px rgba(22, 119, 255, 0.1);
}

.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--theme-accent_color, #1677ff) !important;
  font-weight: 650;
}

.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-btn:focus-visible {
  outline: 2px solid var(--theme-accent_color, #1677ff);
  outline-offset: 2px;
  border-radius: 5px;
}

@media (max-width: 768px) {
  .ant-tabs-top > .ant-tabs-nav {
    margin-bottom: 12px;
    border-radius: 11px;
  }

  .ant-tabs-top > .ant-tabs-nav .ant-tabs-tab {
    padding: 7px 11px;
    font-size: 13px;
  }

  .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-operations {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: -6px 0 10px rgba(255, 255, 255, 0.9);
  }
}

/* 主题兼容：记账子页面及 Ant Design 浮层统一使用当前主题语义色。 */
.theme-ctjh .ant-tabs-nav,
.theme-ctjh .ant-card,
.theme-ctjh .ant-table,
.theme-ctjh .ant-table-container {
  color: var(--theme-text_primary, #1f1f1f) !important;
  background: var(--theme-card_bg, #fff) !important;
  border-color: var(--theme-border_color, rgba(0,0,0,.08)) !important;
}

.theme-ctjh .ant-tabs-tab,
.theme-ctjh .ant-typography,
.theme-ctjh .ant-empty-description {
  color: var(--theme-text_secondary, #667085);
}

.theme-ctjh .ant-tabs-tab-active .ant-tabs-tab-btn,
.theme-ctjh .ant-card-head-title,
.theme-ctjh .ant-table-cell {
  color: var(--theme-text_primary, #1f1f1f) !important;
}

.theme-ctjh .ant-select-selector,
.theme-ctjh .ant-input,
.theme-ctjh .ant-input-number,
.theme-ctjh .ant-picker,
.theme-ctjh select {
  color: var(--theme-text_primary, #1f1f1f) !important;
  background: color-mix(in srgb, var(--theme-card_bg, #fff) 92%, var(--theme-background_color, #f5f7fa)) !important;
  border-color: var(--theme-border_color, rgba(0,0,0,.12)) !important;
}

.theme-ctjh .ant-select-selection-placeholder,
.theme-ctjh .ant-input::placeholder,
.theme-ctjh .ant-picker-input input::placeholder {
  color: var(--theme-text_secondary, #8c8c8c) !important;
}

.ant-modal-content,
.ant-modal-header,
.ant-drawer-content,
.ant-drawer-header,
.ant-popover-inner,
.ant-dropdown-menu {
  color: var(--theme-text_primary, #1f1f1f) !important;
  background: var(--theme-card_bg, #fff) !important;
  border-color: var(--theme-border_color, rgba(0,0,0,.08)) !important;
}

.ant-modal-title,
.ant-drawer-title,
.ant-form-item-label > label,
.ant-radio-wrapper,
.ant-checkbox-wrapper,
.ant-dropdown-menu-title-content {
  color: var(--theme-text_primary, #1f1f1f) !important;
}

.ant-modal-content .ant-input,
.ant-modal-content .ant-input-number,
.ant-modal-content .ant-picker,
.ant-modal-content .ant-select-selector,
.ant-drawer-content .ant-input,
.ant-drawer-content .ant-input-number,
.ant-drawer-content .ant-picker,
.ant-drawer-content .ant-select-selector {
  color: var(--theme-text_primary, #1f1f1f) !important;
  background: color-mix(in srgb, var(--theme-card_bg, #fff) 88%, var(--theme-background_color, #f5f7fa)) !important;
  border-color: var(--theme-border_color, rgba(0,0,0,.12)) !important;
}

/* 全局 Card：统一边界、层次与交互反馈 */
.ant-card {
  border-color: rgba(31, 61, 100, 0.09);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 3px 14px rgba(31, 61, 100, 0.055);
}

/* 记账模块及其子页面：统一面包屑为紧凑的路径导航 */
.ant-breadcrumb {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100%;
  flex: none !important;
  padding: 10px 16px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.ant-breadcrumb ol {
  flex-wrap: nowrap;
  align-items: center;
}

.ant-breadcrumb .ant-breadcrumb-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #8e8e93;
  font-size: 14px;
  line-height: 20px;
  transition: color 0.2s ease;
}

.ant-breadcrumb li:not(:last-child) .ant-breadcrumb-link {
  cursor: pointer;
}

.ant-breadcrumb li:not(:last-child) .ant-breadcrumb-link:hover {
  color: #007aff;
}

.ant-breadcrumb .ant-breadcrumb-separator {
  margin-inline: 7px;
  color: #c7c7cc;
}

.ant-breadcrumb li:last-child .ant-breadcrumb-link {
  color: #1c1c1e;
  font-weight: 600;
}

@media (max-width: 768px) {
  .ant-breadcrumb {
    display: inline-flex;
    width: fit-content !important;
    padding: 8px 12px;
    border-radius: 12px;
  }

  .ant-breadcrumb .ant-breadcrumb-link {
    max-width: 110px;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .ant-breadcrumb .ant-breadcrumb-separator {
    margin-inline: 5px;
  }
}

/* 财通配置：顶部图标标签 */
.ctpz-tabs > .ant-tabs-nav::before {
  border-bottom: 0 !important;
}

.ctpz-tabs > .ant-tabs-nav .ant-tabs-nav-list {
  gap: 6px;
}

.ctpz-tabs > .ant-tabs-nav .ant-tabs-tab {
  margin: 0 !important;
  padding: 8px 14px !important;
  border-radius: 10px;
  color: #667085;
  transition: all 0.2s ease;
}

.ctpz-tabs > .ant-tabs-nav .ant-tabs-tab-active {
  background: rgba(54, 88, 216, 0.1);
}

.ctpz-tabs > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #3658d8 !important;
  font-weight: 600;
}

.ctpz-tabs > .ant-tabs-nav .ant-tabs-ink-bar {
  display: none;
}

@media (max-width: 768px) {
  .ctpz-tabs > .ant-tabs-nav .ant-tabs-tab {
    padding: 7px 10px !important;
    font-size: 12px;
  }
}

/* 财通配置 - 基础资料：收支类型 / 账户 双页签 */
.jczl-page { padding: 2px 2px 8px; }

.jczl-page .jczl-tabs > .ant-tabs-nav { margin: 0 0 14px; }

/* 收支类型：分段切换 + 图标网格 */
.jczl-szlx-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 4px; }
.jczl-szlx-hint { font-size: 11px; color: var(--theme-text_secondary, #98a2b3); margin: 0 2px 10px; }
.jczl-szlx-grid { display: grid; gap: 10px; }
.jczl-szlx-tile {
  position: relative; aspect-ratio: 1 / 1.08; border-radius: 14px; padding: 8px 6px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
  cursor: grab; user-select: none; -webkit-user-select: none; touch-action: none; overflow: hidden;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.1); border: 1px solid rgba(255, 255, 255, 0.16);
  transition: box-shadow 0.2s ease;
}
.jczl-szlx-tile:hover { box-shadow: 0 6px 16px rgba(15, 23, 42, 0.16); }
.jczl-szlx-tile.is-dragging { cursor: grabbing; box-shadow: 0 12px 26px rgba(15, 23, 42, 0.26); }
.jczl-szlx-tile-name { font-size: 12px; font-weight: 600; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jczl-add-tile {
  aspect-ratio: 1 / 1.08; border-radius: 14px; border: 1.5px dashed rgba(54, 88, 216, 0.4);
  background: transparent; color: var(--theme-accent_color, #3658d8);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
  cursor: pointer; font-size: 12px; font-weight: 600; padding: 0;
}
.jczl-add-tile .anticon { font-size: 20px; }
.jczl-add-tile:hover { background: rgba(54, 88, 216, 0.06); border-color: var(--theme-accent_color, #3658d8); }

.jczl-empty { text-align: center; color: var(--theme-text_secondary, #98a2b3); padding: 26px 0 8px; font-size: 13px; }

/* 账户：资产总览 + 渐变卡片 */
.jczl-asset-card {
  display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap;
  margin-bottom: 14px; padding: 16px 18px; border-radius: 16px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent_color, #3658d8) 14%, var(--theme-card_bg, #fff)), var(--theme-card_bg, #fff));
  border: 1px solid var(--theme-border_color, rgba(15, 23, 42, 0.08));
  box-shadow: 0 5px 16px rgba(15, 23, 42, 0.05);
}
.jczl-asset-label { font-size: 12px; color: var(--theme-text_secondary, #667085); }
.jczl-asset-value { font-size: 22px; font-weight: 750; color: var(--theme-text_primary, #1f2937); font-variant-numeric: tabular-nums; }
.jczl-asset-value.is-negative { color: #e05d63; }
.jczl-zh-grid { display: grid; gap: 12px; }
.jczl-zh-card {
  min-height: 96px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.16);
  padding: 14px 16px; display: flex; flex-direction: column; justify-content: space-between; gap: 8px;
  cursor: pointer; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12); text-align: left;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.jczl-zh-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18); }
.jczl-zh-card-head { display: flex; align-items: center; gap: 8px; }
.jczl-zh-card-name { font-size: 15px; font-weight: 700; }
.jczl-zh-card-balance { font-size: 19px; font-weight: 750; font-variant-numeric: tabular-nums; align-self: flex-end; }
.jczl-add-account {
  min-height: 96px; border-radius: 16px; border: 1.5px dashed rgba(54, 88, 216, 0.4);
  background: transparent; color: var(--theme-accent_color, #3658d8);
  display: flex; align-items: center; justify-content: center; gap: 8px;
  cursor: pointer; font-size: 14px; font-weight: 600; padding: 0;
}
.jczl-add-account .anticon { font-size: 18px; }
.jczl-add-account:hover { background: rgba(54, 88, 216, 0.06); }

/* 颜色选择（在编辑抽屉 portal 中渲染，不能依赖 .jczl-page 前缀） */
.jczl-color-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.jczl-color-swatches { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.jczl-color-swatches > button:not(.jczl-more-gradient) {
  width: 28px; height: 28px; padding: 0;
  border: 2px solid transparent; border-radius: 9px;
  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.13); cursor: pointer;
}
.jczl-color-swatches > button.selected,
.jczl-gradient-popover > button.selected {
  border-color: #1677ff !important; outline: 2px solid rgba(22, 119, 255, 0.16); outline-offset: 1px;
}
.jczl-text-swatches > button:not(.jczl-more-gradient) { border-radius: 50%; border-color: rgba(15, 23, 42, 0.15); }
.jczl-more-gradient { height: 28px; border-radius: 8px; color: #3658d8; border-color: rgba(54, 88, 216, 0.2); }
.jczl-gradient-popover { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; width: 270px; }
.jczl-gradient-popover > button {
  height: 40px; padding: 0 4px; color: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 9px;
  font-size: 11px; font-weight: 600; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.32); cursor: pointer;
}

/* 编辑抽屉 */
.jczl-edit-drawer .ant-drawer-body { padding-top: 6px; }
.jczl-edit-icon-preview { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.jczl-edit-icon-tip { font-size: 12px; color: var(--theme-text_secondary, #98a2b3); }
.jczl-edit-drawer-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.jczl-edit-drawer-actions { display: flex; gap: 10px; }

/* 收支报表 */

/* Reports share the application palette in both light and dark themes. */
.ctbb-report-page { min-width:0; padding: 14px 14px 24px; color:var(--theme-text_primary); }
.ctbb-report-page > .ant-tabs > .ant-tabs-nav { display:none; }
.ctbb-report-page .ant-tabs-content-holder { overflow:visible; }
.ctbb-toolbar { gap:10px; flex-wrap:nowrap; padding:0!important; border:0; box-shadow:none!important; background:transparent!important; margin-bottom:16px!important; }
.ctbb-tool-field { display:flex; align-items:center; gap:8px; min-width:0; }
.ctbb-tool-field > span { display:none; }
.ctbb-toolbar .ctbb-tool-field .ant-select { width:110px!important; margin:0!important; }
.ctbb-toolbar .ctbb-year-select { width:100px!important; min-width:0!important; height:36px!important; padding:0 10px!important; border-radius:9px!important; background:var(--theme-card_bg)!important; color:var(--theme-text_primary)!important; }
.ctbb-toolbar .ctbb-refresh-button { margin:0 0 0 auto!important; width:36px; height:36px!important; flex:none; border-radius:10px; background:var(--theme-card_bg); border-color:var(--theme-border_color); color:var(--theme-text_secondary); box-shadow:none; }
.ctbb-summary-grid { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:0; padding:12px 14px; margin-bottom:16px; border:1px solid var(--theme-border_color); border-radius:18px; background:linear-gradient(125deg,color-mix(in srgb,var(--theme-accent_color,#8d7aff) 7%,var(--theme-card_bg)),var(--theme-card_bg)); }
.ctbb-summary-item { display:flex; min-width:0; flex-direction:column; gap:6px; }
.ctbb-summary-item span { color:var(--theme-text_secondary); font-size:12px; }
.ctbb-summary-item strong { color:var(--theme-text_primary); font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.ctbb-summary-item.net { grid-column:1; grid-row:1; padding-right:12px; }
.ctbb-summary-item.income { grid-column:2; grid-row:1; padding-left:12px; border-left:1px solid var(--theme-border_color); }
.ctbb-summary-item.net strong { font-size:21px; font-weight:650; letter-spacing:-0.5px; }
.ctbb-summary-item.income span::before,.ctbb-summary-item.expense span::before { content:''; display:inline-block; width:6px; height:6px; border-radius:50%; margin-right:6px; background:#41b58b; }
.ctbb-summary-item.expense span::before { background:#ed777c; }
.ctbb-summary-item.expense { grid-column:3; grid-row:1; padding-left:12px; border-left:1px solid var(--theme-border_color); }
.ctbb-section-title { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 2px; }
.ctbb-section-title h3 { margin:0; font-size:15px; color:var(--theme-text_primary); }
.ctbb-section-title > span { font-size:11px; color:var(--theme-text_secondary); }
.ctbb-chart-card { padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; margin:4px 0 16px; }
.ctbb-detail-section { overflow:visible!important; max-height:none!important; }
.ctbb-detail-section > div:first-of-type { padding:0 2px 12px!important; border:0!important; background:transparent!important; }
.ctbb-heatmap-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; }
.ctbb-heatmap-heading > span { font-size:15px; font-weight:600; color:var(--theme-text_primary); }
.ctbb-heatmap-heading > em { font-size:11px; font-style:normal; color:var(--theme-text_secondary); }
.ctbb-month-grid { padding:0!important; overflow:visible!important; }
.ctbb-month-list { display:block!important; min-width:0!important; }
.ctbb-heatmap { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; width:100%; }
.ctbb-heat-cell { min-width:0; padding:12px; display:flex; flex-direction:column; gap:7px; background:var(--theme-card_bg); border-radius:11px; border:1px solid color-mix(in srgb,var(--theme-border_color) 65%,transparent); }
.ctbb-heat-cell > span { font-size:11px; color:var(--theme-text_secondary); }
.ctbb-heat-cell > strong { font-size:13px; font-weight:550; color:var(--theme-text_primary); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.ctbb-heat-cell.empty > strong { color:var(--theme-text_secondary); }
.ctbb-month-meter { display:block; height:3px; margin-top:3px; border-radius:3px; background:color-mix(in srgb,var(--theme-text_secondary) 12%,transparent); overflow:hidden; }
.ctbb-month-meter > i { display:block; height:100%; border-radius:inherit; background:#41b58b; }
.ctbb-heat-cell.negative .ctbb-month-meter > i { background:#ed777c; }
@media (max-width:768px) {
 .ctbb-report-page { padding:12px 12px 24px; }
 .ctbb-summary-grid { padding:10px 12px; border-radius:13px; }
 .ctbb-summary-item { gap:3px; }
 .ctbb-summary-item.net { padding-right:8px; }
 .ctbb-summary-item.income,.ctbb-summary-item.expense { padding-left:8px; }
 .ctbb-chart-card { margin-bottom:8px; }
 .ctbb-heatmap { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .ctbb-summary-item strong { font-size:clamp(12px,3.4vw,16px); line-height:1.5; }
 .ctbb-summary-item.net strong { font-size:clamp(15px,4vw,19px); line-height:1.3; }
 .ctbb-toolbar { gap:8px; }
}

@media (max-width: 768px) {
  .jczl-page {
    padding: 0 1px 16px;
  }

  .jczl-page .jczl-intro {
    margin: 2px 2px 10px;
    padding: 12px;
  }

  .jczl-page .jczl-action-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 2px 10px !important;
    gap: 8px !important;
  }

  .jczl-page .jczl-action-grid .jczl-action-button {
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
  }

  .jczl-page .responsive-card.ant-card {
    margin: 0 2px 10px !important;
  }

  .jczl-page .list-container {
    align-items: flex-start;
    gap: 6px;
  }

  .jczl-page .list-item {
    max-width: 100%;
    padding: 0 10px !important;
    font-size: 12px !important;
  }

  .jczl-page .jczl-color-row {
    align-items: flex-start;
  }

  .jczl-page .jczl-color-swatches > button:not(.jczl-more-gradient) {
    width: 26px;
    height: 26px;
  }

  .jczl-gradient-popover {
    width: min(260px, calc(100vw - 56px));
  }
}

.ant-card .ant-card-head {
  min-height: 48px;
  padding: 0 16px;
  background: linear-gradient(135deg, rgba(249, 251, 255, 0.96), rgba(255, 255, 255, 0.96));
  border-bottom-color: rgba(31, 61, 100, 0.07);
}

.ant-card .ant-card-head-title {
  padding: 13px 0;
  color: #1c1c1e;
  font-weight: 650;
}

.ant-card-hoverable,
.ant-card[role='button'] {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.ant-card-hoverable:hover,
.ant-card[role='button']:hover {
  border-color: rgba(22, 119, 255, 0.2);
  box-shadow: 0 8px 22px rgba(31, 61, 100, 0.11);
  transform: translateY(-2px);
}

/* 日账单与年账单：统一工具栏和内容容器 */
.ctjh-day-ledger .dateContainer,
.ctjh-year-ledger .dateContainer {
  padding: 8px 10px !important;
  background: var(--theme-card_bg, #fff) !important;
  border: 1px solid var(--theme-border_color, rgba(31, 61, 100, 0.08)) !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 12px rgba(31, 61, 100, 0.05) !important;
}

.ctjh-day-ledger .dateContainer input,
.ctjh-year-ledger .dateContainer select {
  color: var(--theme-text_primary, #1f2937) !important;
  background: color-mix(in srgb, var(--theme-card_bg, #fff) 88%, var(--theme-background_color, #f5f7fa)) !important;
  border-color: var(--theme-border_color, #dce5f0) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

.ctjh-day-bill-list {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
}

.ctjh-day-list-row {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
}

.ctjh-day-bill-card {
  width: 100%;
  min-width: 0;
  min-height: 72px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  color: var(--theme-text_primary, #1f2937);
  background: var(--theme-card_bg, #fff);
  border: 1px solid var(--theme-border_color, rgba(31, 61, 100, .09));
  border-radius: 14px;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--theme-text_primary, #1f2937) 5%, transparent);
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.ctjh-day-bill-card:hover,
.ctjh-day-bill-card:focus-visible {
  border-color: color-mix(in srgb, var(--bill-tone) 35%, var(--theme-border_color, transparent));
  box-shadow: 0 7px 20px color-mix(in srgb, var(--theme-text_primary, #1f2937) 8%, transparent);
  outline: none;
  transform: translateY(-1px);
}

.ctjh-day-bill-card:active { transform: scale(.985); }
.ctjh-day-bill-card.is-income { --bill-tone: #2aa66b; }
.ctjh-day-bill-card.is-expense { --bill-tone: #df5b62; }

.ctjh-day-bill-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: var(--bill-tone);
  background: color-mix(in srgb, var(--bill-tone) 10%, var(--theme-card_bg, #fff));
  border-radius: 12px;
  font-size: 19px;
  font-weight: 500;
}

.ctjh-day-bill-content,
.ctjh-day-bill-title,
.ctjh-day-bill-note,
.ctjh-day-bill-value {
  min-width: 0;
}

.ctjh-day-bill-content,
.ctjh-day-bill-value {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ctjh-day-bill-content { gap: 6px; }
.ctjh-day-bill-title { display: flex; align-items: center; gap: 6px; }

.ctjh-day-bill-title strong {
  overflow: hidden;
  color: var(--theme-text_primary, #1f2937);
  font-size: 13px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ctjh-day-bill-title em {
  flex: none;
  padding: 2px 6px;
  color: var(--bill-tone);
  background: color-mix(in srgb, var(--bill-tone) 8%, transparent);
  border-radius: 6px;
  font-size: 9px;
  font-style: normal;
  font-weight: 650;
  line-height: 16px;
}

.ctjh-day-bill-note {
  display: block;
  overflow: hidden;
  color: var(--theme-text_secondary, #7c847f);
  font-size: 10px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ctjh-day-bill-value {
  align-items: flex-end;
  gap: 5px;
}

.ctjh-day-bill-value strong {
  color: var(--bill-tone);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  font-weight: 750;
  white-space: nowrap;
}

.ctjh-day-bill-value time {
  color: var(--theme-text_secondary, #8c928e);
  font-size: 9px;
  font-variant-numeric: tabular-nums;
}

.ctjh-delete-bill-title {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--theme-text_primary, #1f2937);
  font-size: 15px;
  font-weight: 700;
}

.ctjh-delete-bill-title > span:first-child {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  color: #d95b61;
  background: color-mix(in srgb, #df6262 9%, var(--theme-card_bg, #fff));
  border-radius: 10px;
  font-size: 13px;
}

.ctjh-delete-bill-content { display: grid; gap: 12px; }

.ctjh-delete-bill-hero {
  --delete-tone: #dc5960;
  min-width: 0;
  padding: 13px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  background: color-mix(in srgb, var(--delete-tone) 5%, var(--theme-card_bg, #fff));
  border: 1px solid color-mix(in srgb, var(--delete-tone) 14%, var(--theme-border_color, transparent));
  border-radius: 14px;
}

.ctjh-delete-bill-hero.is-income { --delete-tone: #2ba66c; }

.ctjh-delete-bill-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: var(--delete-tone);
  background: color-mix(in srgb, var(--delete-tone) 11%, var(--theme-card_bg, #fff));
  border-radius: 12px;
  font-size: 19px;
}

.ctjh-delete-bill-account {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ctjh-delete-bill-account strong {
  overflow: hidden;
  color: var(--theme-text_primary, #1f2937);
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ctjh-delete-bill-account small {
  overflow: hidden;
  color: var(--theme-text_secondary, #7c847f);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ctjh-delete-bill-amount {
  color: var(--delete-tone);
  font-size: 15px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ctjh-delete-bill-meta {
  margin: 0;
  padding: 2px 4px;
  display: grid;
}

.ctjh-delete-bill-meta > div {
  min-width: 0;
  padding: 9px 2px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  border-bottom: 1px solid var(--theme-border_color, rgba(31, 61, 100, .08));
}

.ctjh-delete-bill-meta > div:last-child { border-bottom: 0; }
.ctjh-delete-bill-meta dt { color: var(--theme-text_secondary, #7c847f); font-size: 11px; }
.ctjh-delete-bill-meta dd {
  margin: 0;
  overflow: hidden;
  color: var(--theme-text_primary, #1f2937);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ctjh-delete-bill-warning {
  padding: 9px 11px;
  display: flex;
  align-items: flex-start;
  gap: 7px;
  color: #bd555b;
  background: color-mix(in srgb, #df6262 7%, var(--theme-card_bg, #fff));
  border-radius: 10px;
  font-size: 10px;
  line-height: 1.5;
}

.ctjh-delete-bill-warning .anticon { margin-top: 2px; }
.ctjh-delete-bill-modal .ant-modal-close { top: 13px; inset-inline-end: 14px; }
.ctjh-delete-bill-modal .ant-modal-footer { display: flex; justify-content: flex-end; gap: 8px; }
.ctjh-delete-bill-modal .ant-modal-footer .ant-btn {
  min-width: 76px;
  height: 38px;
  margin: 0 !important;
  border-radius: 10px;
  font-weight: 650;
}

.ctjh-delete-bill-modal .ctjh-delete-cancel {
  color: var(--theme-text_secondary, #68716b);
  background: transparent;
  border-color: var(--theme-border_color, rgba(31, 61, 100, .12));
}

.ctjh-delete-bill-modal .ctjh-delete-confirm {
  background: #dc5b61;
  border-color: #dc5b61;
  box-shadow: none;
}

@media (max-width: 380px) {
  .ctjh-day-bill-card {
    min-height: 68px;
    padding: 9px 10px;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 8px;
  }
  .ctjh-day-bill-icon { width: 34px; height: 34px; border-radius: 11px; }
  .ctjh-day-bill-value strong { font-size: 13px; }
}

.ctjh-year-month-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-content: start !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 10px !important;
  background: var(--theme-card_bg, #fff) !important;
  border: 1px solid var(--theme-border_color, rgba(31, 61, 100, 0.06)) !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 14px rgba(31, 61, 100, 0.05) !important;
}

.ctjh-year-month-grid > * {
  width: 100% !important;
  margin: 0 !important;
}

@media (max-width: 768px) {
  .ant-card {
    border-radius: 12px;
  }

  .ant-card .ant-card-head {
    min-height: 44px;
    padding: 0 12px;
  }

  .ctjh-day-bill-list {
    padding: 0 !important;
    border-radius: 0;
  }

  .ctjh-year-month-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px !important;
    padding: 7px !important;
    border-radius: 12px !important;
  }
}

/* 全局主题表面：消除深色主题中的孤立白块，并统一原生与 Ant Design 控件。 */
html,
body,
#root {
  color: var(--theme-text_primary, #1f2937);
  background: var(--theme-background_color, #f5f7fa);
}

* {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--theme-accent_color, #1677ff) 55%, var(--theme-text_secondary, #8c8c8c)) transparent;
}

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

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

*::-webkit-scrollbar-thumb {
  min-height: 28px;
  background: color-mix(in srgb, var(--theme-accent_color, #1677ff) 52%, var(--theme-text_secondary, #8c8c8c));
  border: 1px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
  background: var(--theme-accent_color, #1677ff);
  background-clip: padding-box;
}

.ant-tabs-top > .ant-tabs-nav,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-card,
.ant-card .ant-card-head,
.ant-card .ant-card-body,
.ant-card .ant-card-actions,
.ant-list,
.ant-list-item,
.ant-table,
.ant-table-container,
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-modal-content,
.ant-modal-header,
.ant-modal-footer,
.ant-drawer-content,
.ant-drawer-header,
.ant-popover-inner,
.ant-dropdown-menu,
.ant-select-dropdown,
.ant-picker-dropdown .ant-picker-panel-container,
.ant-pagination-item,
.ant-empty,
.ant-result {
  color: var(--theme-text_primary, #1f2937) !important;
  background: var(--theme-card_bg, #fff) !important;
  border-color: var(--theme-border_color, rgba(31, 61, 100, .1)) !important;
}

.ant-tabs-tab,
.ant-card-meta-description,
.ant-empty-description,
.ant-form-item-extra,
.ant-form-item-explain,
.ant-select-selection-placeholder,
.ant-picker-input > input::placeholder,
.ant-input::placeholder,
.ant-input-number-input::placeholder {
  color: var(--theme-text_secondary, #8c8c8c) !important;
}

.ant-card-head-title,
.ant-card-meta-title,
.ant-modal-title,
.ant-drawer-title,
.ant-form-item-label > label,
.ant-radio-wrapper,
.ant-checkbox-wrapper,
.ant-select-selection-item,
.ant-picker-input > input,
.ant-input,
.ant-input-number-input,
.ant-table-cell,
.ant-pagination-item a {
  color: var(--theme-text_primary, #1f2937) !important;
}

.ant-input,
.ant-input-affix-wrapper,
.ant-input-number,
.ant-input-number-group-addon,
.ant-input-group-addon,
.ant-picker,
.ant-select:not(.ant-select-customize-input) .ant-select-selector,
.ant-segmented,
.ant-btn-default,
input[type='search'],
input[type='text'],
input[type='date'],
input[type='month'],
input[type='datetime-local'],
textarea,
select {
  color: var(--theme-text_primary, #1f2937) !important;
  background: color-mix(in srgb, var(--theme-card_bg, #fff) 88%, var(--theme-background_color, #f5f7fa)) !important;
  border-color: var(--theme-border_color, rgba(31, 61, 100, .14)) !important;
}

.ant-input-affix-wrapper .ant-input,
.ant-input-number-group-wrapper .ant-input-number,
.ant-input-group-wrapper .ant-input {
  background: transparent !important;
}

.ant-input-prefix,
.ant-input-suffix,
.ant-select-arrow,
.ant-picker-suffix,
.ant-picker-separator,
.ant-modal-close,
.ant-pagination-prev,
.ant-pagination-next {
  color: var(--theme-text_secondary, #8c8c8c) !important;
}

.ant-input:hover,
.ant-input-affix-wrapper:hover,
.ant-input-number:hover,
.ant-picker:hover,
.ant-select:not(.ant-select-disabled):hover .ant-select-selector,
.ant-btn-default:hover {
  border-color: var(--theme-accent_color, #1677ff) !important;
}

.ant-input:focus,
.ant-input-affix-wrapper-focused,
.ant-input-number-focused,
.ant-picker-focused,
.ant-select-focused .ant-select-selector {
  border-color: var(--theme-accent_color, #1677ff) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-accent_color, #1677ff) 18%, transparent) !important;
}

.ant-radio-inner,
.ant-checkbox-inner {
  background: color-mix(in srgb, var(--theme-card_bg, #fff) 82%, var(--theme-background_color, #f5f7fa)) !important;
  border-color: color-mix(in srgb, var(--theme-text_secondary, #8c8c8c) 70%, transparent) !important;
}

.ant-radio-wrapper-checked .ant-radio-inner,
.ant-radio-checked .ant-radio-inner,
.ant-checkbox-checked .ant-checkbox-inner {
  background: var(--theme-accent_color, #1677ff) !important;
  border-color: var(--theme-accent_color, #1677ff) !important;
}

.ant-card .ant-card-actions > li:not(:last-child) {
  border-inline-end-color: var(--theme-border_color, rgba(31, 61, 100, .1));
}

.ant-divider,
.ant-card .ant-card-actions,
.ant-list-split .ant-list-item,
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-modal-header,
.ant-modal-footer {
  border-color: var(--theme-border_color, rgba(31, 61, 100, .1)) !important;
}

.ant-breadcrumb {
  color: var(--theme-text_secondary, #8c8c8c);
  background: var(--theme-card_bg, #fff);
  border-color: var(--theme-border_color, rgba(31, 61, 100, .1));
}

.ant-breadcrumb .ant-breadcrumb-link,
.ant-breadcrumb .ant-breadcrumb-separator {
  color: var(--theme-text_secondary, #8c8c8c);
}

.ant-breadcrumb li:last-child .ant-breadcrumb-link {
  color: var(--theme-text_primary, #1f2937);
}

.ctjh-day-ledger .dateContainer,
.ctjh-year-ledger .dateContainer,
.ctjh-year-month-grid {
  background: var(--theme-card_bg, #fff) !important;
  border-color: var(--theme-border_color, rgba(31, 61, 100, .1)) !important;
}

.ctjh-day-ledger .ctjh-day-bill-list > div > div,
.ctjh-month-ledger .ant-card,
.ctjh-scheduled-page .ant-card,
.ctjh-scheduled-page .ant-card-actions {
  color: var(--theme-text_primary, #1f2937) !important;
  background: var(--theme-card_bg, #fff) !important;
  border-color: var(--theme-border_color, rgba(31, 61, 100, .1)) !important;
}

.ctjh-day-ledger .ctjh-day-bill-list > div > div div,
.ctjh-scheduled-page .ant-card .ant-typography {
  color: inherit;
}

.ctjh-ledger-summary {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(72px, .65fr) minmax(72px, .65fr);
  min-height: 84px;
  margin-bottom: 12px;
  overflow: hidden;
  color: var(--theme-text_primary, #1f2937);
  background:
    radial-gradient(circle at 7% 0%, color-mix(in srgb, var(--ledger-tone) 13%, transparent), transparent 42%),
    var(--theme-card_bg, #fff);
  border: 1px solid color-mix(in srgb, var(--ledger-tone) 20%, var(--theme-border_color, rgba(31, 61, 100, .1)));
  border-radius: 16px;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--theme-text_primary, #1f2937) 6%, transparent);
  --ledger-tone: var(--theme-accent_color, #2b8f68);
}

.ctjh-ledger-summary.is-negative {
  --ledger-tone: #df6262;
}

.ctjh-ledger-summary::before {
  position: absolute;
  inset: 15px auto 15px 0;
  width: 3px;
  border-radius: 0 5px 5px 0;
  background: var(--ledger-tone);
  content: '';
}

.ctjh-ledger-summary-main,
.ctjh-ledger-summary-metric {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ctjh-ledger-summary-main {
  padding: 12px 14px 11px 17px;
}

.ctjh-ledger-summary-main span,
.ctjh-ledger-summary-metric span {
  color: var(--theme-text_secondary, #7b817d);
  font-size: 10px;
  line-height: 1.2;
}

.ctjh-ledger-summary-main strong {
  margin-top: 3px;
  overflow: hidden;
  color: var(--ledger-tone);
  font-size: clamp(19px, 5vw, 24px);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.5px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ctjh-ledger-summary-main small {
  margin-top: 4px;
  overflow: hidden;
  color: var(--theme-text_secondary, #8c8c8c);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ctjh-ledger-summary-metric {
  position: relative;
  padding: 10px 9px;
}

.ctjh-ledger-summary-metric::before {
  position: absolute;
  inset: 18px auto 18px 0;
  width: 1px;
  background: var(--theme-border_color, rgba(31, 61, 100, .1));
  content: '';
}

.ctjh-ledger-summary-metric b {
  margin-top: 5px;
  overflow: hidden;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ctjh-ledger-summary-metric.is-income b { color: var(--theme-accent_color, #2b9a6b); }
.ctjh-ledger-summary-metric.is-expense b { color: #dc565c; }

.ctjh-ledger-toolbar {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px !important;
  width: 100%;
  margin-bottom: 12px !important;
  padding: 7px !important;
  background: var(--theme-card_bg, #fff) !important;
  border: 1px solid var(--theme-border_color, rgba(31, 61, 100, .1)) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--theme-text_primary, #1f2937) 5%, transparent) !important;
}

.ctjh-ledger-toolbar-label {
  padding-left: 4px;
  color: var(--theme-text_secondary, #727a75);
  font-size: 11px;
  font-weight: 650;
}

.ctjh-month-calendar-shell {
  max-height: 58vh;
  padding: 8px 7px 6px;
  overflow-y: auto;
  background: var(--theme-card_bg, #fff);
  border: 1px solid var(--theme-border_color, rgba(31, 61, 100, .09));
  border-radius: 16px;
  box-shadow: 0 7px 20px color-mix(in srgb, var(--theme-text_primary, #1f2937) 5%, transparent);
}

.ctjh-month-ledger .ctjh-month-calendar.ant-picker-calendar,
.ctjh-month-ledger .ctjh-month-calendar.ant-picker-calendar .ant-picker-panel,
.ctjh-month-ledger .ctjh-month-calendar.ant-picker-calendar .ant-picker-body,
.ctjh-month-ledger .ctjh-month-calendar.ant-picker-calendar .ant-picker-content,
.ctjh-month-ledger .ctjh-month-calendar.ant-picker-calendar .ant-picker-cell-inner,
.ctjh-month-ledger .ctjh-month-calendar.ant-picker-calendar .ant-picker-cell-selected .ant-picker-cell-inner,
.ctjh-month-ledger .ctjh-month-calendar.ant-picker-calendar .ant-picker-cell-today .ant-picker-cell-inner {
  color: var(--theme-text_primary, #1f2937) !important;
  background: transparent !important;
}

.ctjh-month-calendar .ant-picker-body { padding: 0 2px 4px !important; }
.ctjh-month-calendar .ant-picker-content { table-layout: fixed; }
.ctjh-month-calendar .ant-picker-content th {
  height: 28px;
  color: var(--theme-text_secondary, #7e867f) !important;
  font-size: 10px;
  font-weight: 600;
}
.ctjh-month-calendar .ant-picker-cell { padding: 2px 1px !important; }
.ctjh-month-calendar .ant-picker-cell-inner { width: 100% !important; height: auto !important; }

.ctjh-calendar-day {
  position: relative;
  min-height: 48px;
  padding: 3px 1px 2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 2px;
  border: 1px solid transparent;
  border-radius: 11px;
  transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

.ctjh-calendar-day.has-data {
  background: color-mix(in srgb, var(--theme-accent_color, #2b8f68) 5%, transparent);
  border-color: color-mix(in srgb, var(--theme-accent_color, #2b8f68) 10%, transparent);
}

.ctjh-calendar-day.has-data:active { transform: scale(.96); }
.ctjh-calendar-day.is-outside { opacity: .3; }

.ctjh-calendar-day-number {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  color: var(--theme-text_primary, #1f2937);
  border-radius: 9px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}

.ctjh-calendar-day.is-today .ctjh-calendar-day-number {
  color: var(--theme-button_text, #fff);
  background: var(--theme-accent_color, #2b8f68);
  box-shadow: 0 3px 8px color-mix(in srgb, var(--theme-accent_color, #2b8f68) 24%, transparent);
}

.ctjh-calendar-net,
.ctjh-calendar-split span {
  max-width: 100%;
  overflow: hidden;
  font-size: 8.5px;
  font-variant-numeric: tabular-nums;
  font-weight: 650;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ctjh-calendar-net.is-income,
.ctjh-calendar-split .is-income { color: #269b61; }
.ctjh-calendar-net.is-expense,
.ctjh-calendar-split .is-expense { color: #dc565c; }
.ctjh-calendar-net.is-even { color: var(--theme-text_secondary, #7e867f); }
.ctjh-calendar-split { display: grid; justify-items: center; gap: 1px; width: 100%; }

@media (max-width: 420px) {
  .ctjh-ledger-summary { grid-template-columns: minmax(0, 1.25fr) repeat(2, minmax(66px, .62fr)); }
  .ctjh-ledger-summary-main { padding-inline: 14px 9px; }
  .ctjh-ledger-summary-metric { padding-inline: 6px; }
  .ctjh-ledger-summary-metric b { font-size: 10px; }
  .ctjh-calendar-day { min-height: 46px; }
}

.ctjh-month-ledger .ant-picker-calendar,
.ctjh-month-ledger .ant-picker-calendar .ant-picker-panel,
.ctjh-month-ledger .ant-picker-calendar .ant-picker-body,
.ctjh-month-ledger .ant-picker-calendar .ant-picker-content,
.ctjh-month-ledger .ant-picker-calendar .ant-picker-cell-inner {
  color: var(--theme-text_primary, #1f2937) !important;
  background: transparent !important;
  border-color: var(--theme-border_color, rgba(31, 61, 100, .1)) !important;
}

.ctjh-month-ledger .ant-picker-calendar th,
.ctjh-month-ledger .ant-picker-calendar .ant-picker-cell {
  color: var(--theme-text_secondary, #8c8c8c) !important;
}

.ctjh-month-ledger .ant-picker-calendar .ant-picker-cell-in-view,
.ctjh-month-ledger .ant-picker-calendar .ant-picker-cell-in-view .ant-picker-cell-inner {
  color: var(--theme-text_primary, #1f2937) !important;
}

.ctjh-month-ledger .ant-picker-calendar .ant-picker-cell-selected .ant-picker-cell-inner,
.ctjh-month-ledger .ant-picker-calendar .ant-picker-cell-today .ant-picker-cell-inner {
  color: var(--theme-button_text, #fff) !important;
  background: var(--theme-accent_color, #1677ff) !important;
}

.ctjh-year-ledger .ctjh-year-month-grid > div {
  color: var(--theme-text_primary, #1f2937) !important;
  background: var(--theme-card_bg, #fff) !important;
  border-color: var(--theme-border_color, rgba(31, 61, 100, .1)) !important;
}

.ctjh-day-record-list {
  display: grid;
  gap: 9px;
  max-height: 55vh;
  padding: 2px;
  overflow: auto;
}

.ctjh-day-record-card {
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 12px 13px 11px 16px;
  overflow: hidden;
  color: var(--theme-text_primary, #1f2937);
  background: color-mix(in srgb, var(--theme-card_bg, #fff) 92%, var(--theme-background_color, #f5f7fa));
  border: 1px solid var(--theme-border_color, rgba(31, 61, 100, .1));
  border-radius: 13px;
  box-shadow: 0 3px 10px color-mix(in srgb, var(--theme-text_primary, #1f2937) 7%, transparent);
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.ctjh-day-record-card:hover,
.ctjh-day-record-card:focus-visible {
  background: color-mix(in srgb, var(--theme-card_bg, #fff) 88%, var(--theme-accent_color, #1677ff));
  border-color: color-mix(in srgb, var(--theme-accent_color, #1677ff) 55%, var(--theme-border_color, transparent));
  outline: none;
  transform: translateY(-1px);
}

.ctjh-day-record-accent {
  position: absolute;
  inset: 10px auto 10px 0;
  width: 3px;
  border-radius: 0 4px 4px 0;
  background: #f05252;
}

.ctjh-day-record-card.is-income .ctjh-day-record-accent {
  background: #2fbf71;
}

.ctjh-day-record-main {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.ctjh-day-record-topline,
.ctjh-day-record-meta,
.ctjh-day-record-tags {
  display: flex;
  align-items: center;
  min-width: 0;
}

.ctjh-day-record-topline {
  gap: 8px;
}

.ctjh-day-record-topline strong {
  max-width: 28%;
  overflow: hidden;
  color: var(--theme-accent_color, #1677ff);
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ctjh-day-record-tags {
  flex: 1;
  gap: 5px;
  overflow: hidden;
}

.ctjh-day-record-tags em {
  padding: 2px 6px;
  overflow: hidden;
  color: var(--theme-text_secondary, #667085);
  background: color-mix(in srgb, var(--theme-accent_color, #1677ff) 9%, transparent);
  border-radius: 6px;
  font-size: 11px;
  font-style: normal;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ctjh-day-record-topline b {
  flex: none;
  color: #e84f55;
  font-size: 15px;
  font-variant-numeric: tabular-nums;
}

.ctjh-day-record-card.is-income .ctjh-day-record-topline b {
  color: #27ae60;
}

.ctjh-day-record-meta {
  justify-content: space-between;
  gap: 12px;
  color: var(--theme-text_secondary, #667085);
  font-size: 11px;
}

.ctjh-day-record-meta > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ctjh-day-record-meta time {
  flex: none;
  font-variant-numeric: tabular-nums;
}

.ant-skeleton .ant-skeleton-title,
.ant-skeleton .ant-skeleton-paragraph > li,
.ant-skeleton .ant-skeleton-avatar,
.ant-skeleton .ant-skeleton-button,
.ant-skeleton .ant-skeleton-input,
.ant-skeleton .ant-skeleton-image {
  background: color-mix(in srgb, var(--theme-accent_color, #1677ff) 14%, var(--theme-card_bg, #fff)) !important;
}

.ant-skeleton.ant-skeleton-active .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-paragraph > li,
.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton.ant-skeleton-active .ant-skeleton-button,
.ant-skeleton.ant-skeleton-active .ant-skeleton-input,
.ant-skeleton.ant-skeleton-active .ant-skeleton-image {
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--theme-accent_color, #1677ff) 12%, var(--theme-card_bg, #fff)) 25%,
    color-mix(in srgb, var(--theme-accent_color, #1677ff) 30%, var(--theme-card_bg, #fff)) 50%,
    color-mix(in srgb, var(--theme-accent_color, #1677ff) 12%, var(--theme-card_bg, #fff)) 75%
  ) !important;
  background-size: 400% 100% !important;
}

.ctjh-account-record-card {
  position: relative;
  display: grid;
  gap: 8px;
  min-width: 0;
  margin-bottom: 8px;
  padding: 11px 12px 10px 15px;
  overflow: hidden;
  color: var(--theme-text_primary, #1f2937);
  background: color-mix(in srgb, var(--theme-card_bg, #fff) 92%, var(--theme-background_color, #f5f7fa));
  border: 1px solid var(--theme-border_color, rgba(31, 61, 100, .1));
  border-radius: 12px;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--theme-text_primary, #1f2937) 6%, transparent);
}

.ctjh-account-record-accent {
  position: absolute;
  inset: 9px auto 9px 0;
  width: 3px;
  border-radius: 0 4px 4px 0;
  background: #ef5358;
}

.ctjh-account-record-card.is-income .ctjh-account-record-accent {
  background: #2fba70;
}

.ctjh-account-record-row,
.ctjh-account-record-meta,
.ctjh-account-record-tags {
  display: flex;
  align-items: center;
  min-width: 0;
}

.ctjh-account-record-row {
  justify-content: space-between;
  gap: 10px;
}

.ctjh-account-record-tags {
  gap: 6px;
  overflow: hidden;
}

.ctjh-account-record-tags span {
  padding: 2px 6px;
  overflow: hidden;
  color: var(--theme-text_secondary, #667085);
  background: color-mix(in srgb, var(--theme-accent_color, #1677ff) 9%, transparent);
  border-radius: 6px;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ctjh-account-record-row strong {
  flex: none;
  color: #e84f55;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}

.ctjh-account-record-card.is-income .ctjh-account-record-row strong {
  color: #27ae60;
}

.ctjh-account-record-meta {
  justify-content: space-between;
  gap: 10px;
  color: var(--theme-text_secondary, #667085);
  font-size: 10px;
}

.ctjh-account-record-meta span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ctjh-account-record-meta time {
  flex: none;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 480px) {
  .ctjh-day-record-card { padding: 11px 10px 10px 14px; }
  .ctjh-day-record-topline { gap: 6px; }
  .ctjh-day-record-topline strong { max-width: 25%; font-size: 13px; }
  .ctjh-day-record-tags em { padding-inline: 5px; font-size: 10px; }
  .ctjh-day-record-topline b { font-size: 13px; }
  .ctjh-day-record-meta { gap: 8px; font-size: 10px; }
}

/* 页面包裹容器建议使用该类，确保填满屏幕且与安全区对齐 */
.theme-wrapper {
  min-height: 100vh;
  min-height: 100svh; /* 支持的新视口单位，解决移动端地址栏伸缩 */
  background: inherit;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 金融页面特定样式，确保菜单栏完全铺满 */
.theme-wrapper.theme-jinrong {
  min-height: auto;
  height: auto;
}

/* 记账底栏的双向快捷入口 */
.bookkeeping-quick-entry-slot {
  position: relative;
  top: -20px;
  flex: 1 1 0;
  min-width: 78px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bookkeeping-quick-entry {
  width: 76px;
  height: 72px;
  padding: 4px;
  display: grid;
  grid-template-rows: 1fr 1fr;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--theme-accent_color, #35a66f) 24%, var(--theme-border_color, transparent));
  border-radius: 25px;
  background: var(--theme-card_bg, #fff);
  box-shadow:
    0 10px 24px color-mix(in srgb, var(--theme-text_primary, #19342b) 18%, transparent),
    0 0 0 4px color-mix(in srgb, var(--theme-background_color, #f4faf7) 88%, transparent);
}

.bookkeeping-quick-entry__button {
  width: 100%;
  min-height: 31px;
  padding: 0 8px;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #fff;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .02em;
  transition: filter .18s ease, transform .14s ease, box-shadow .18s ease;
}

.bookkeeping-quick-entry__button .anticon {
  font-size: 12px;
  stroke-width: 18;
}

.bookkeeping-quick-entry__button--expense {
  border-radius: 20px 20px 7px 7px;
  background: linear-gradient(135deg, #ff776f, #f04452);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
}

.bookkeeping-quick-entry__button--income {
  margin-top: 2px;
  border-radius: 7px 7px 20px 20px;
  background: linear-gradient(135deg, #45d58a, #20ae68);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
}

.bookkeeping-quick-entry__button:hover {
  filter: brightness(1.06) saturate(1.04);
}

.bookkeeping-quick-entry__button:active {
  transform: scale(.94);
  filter: brightness(.96);
}

.bookkeeping-quick-entry__button:focus-visible {
  outline: 2px solid var(--theme-accent_color, #1677ff);
  outline-offset: -2px;
}

@media (max-width: 360px) {
  .bookkeeping-quick-entry-slot { min-width: 70px; }
  .bookkeeping-quick-entry { width: 70px; }
}
.report-switch { display:grid; grid-template-columns:repeat(4,1fr); gap:4px; margin-bottom:14px; padding:3px; border-bottom:1px solid var(--theme-border_color); }
.report-switch button { border:0; background:transparent; padding:10px 4px; color:var(--theme-text_secondary); font:inherit; font-size:13px; cursor:pointer; border-radius:8px 8px 0 0; }
.report-switch button[aria-pressed=true] { color:var(--theme-accent_color); background:color-mix(in srgb,var(--theme-accent_color) 9%,transparent); box-shadow:inset 0 -2px var(--theme-accent_color); font-weight:600; }
.report-insights { color:var(--theme-text_primary); padding:0 0 18px; }
.report-section-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:4px 0 16px; }
.report-section-heading h3 { margin:0; color:inherit; font-size:15px; }
.report-section-heading > span,.report-muted { color:var(--theme-text_secondary); font-size:11px; }
.report-section-heading select { background:var(--theme-card_bg); color:inherit; border:1px solid var(--theme-border_color); border-radius:8px; padding:6px 12px; }
.report-composition { display:flex; align-items:center; gap:24px; padding:8px 4px 22px; }
.report-composition h3 { margin:6px 0; color:inherit; font-size:17px; }
.report-donut { width:144px; height:144px; border-radius:50%; padding:14px; flex:none; }
.report-donut > div { border-radius:50%; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:4px; background:var(--theme-background_color); }
.report-donut span { font-size:11px; color:var(--theme-text_secondary); }
.report-donut strong { font-size:15px; }
.report-rank { padding:12px 0; border-bottom:1px solid color-mix(in srgb,var(--theme-border_color) 55%,transparent); }
.report-rank > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:13px; }
.report-rank span i { display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; }
.report-rank-track { height:5px; border-radius:4px; overflow:hidden; background:color-mix(in srgb,var(--theme-text_secondary) 10%,transparent); margin:9px 0 3px; }
.report-rank-track > i { display:block; height:100%; border-radius:inherit; }
.report-rank small { color:var(--theme-text_secondary); font-size:10px; }
.report-balance { padding:16px; border-radius:12px; background:var(--theme-card_bg); display:flex; flex-direction:column; gap:5px; }
.report-balance strong { font-size:25px; }
.report-balance span,.report-balance small { font-size:11px; color:var(--theme-text_secondary); }
.report-status { min-height:180px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:14px; color:var(--theme-text_secondary); }
.report-habit-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:18px; }
.report-habit-stats > div { display:flex; flex-direction:column; gap:5px; }
.report-habit-stats span { font-size:11px; color:var(--theme-text_secondary); }
.report-habit-stats strong { font-size:14px; overflow-wrap:anywhere; }
.report-calendar { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; }
.report-weekday { text-align:center; color:var(--theme-text_secondary); font-size:11px; padding-bottom:6px; }
.report-calendar button { min-width:0; min-height:48px; border:1px solid transparent; border-radius:8px; color:var(--theme-text_primary); background:var(--theme-card_bg); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:2px; cursor:pointer; }
.report-calendar button[aria-pressed=true] { border-color:var(--theme-accent_color); }
.report-calendar button small { font-size:9px; max-width:100%; overflow:hidden; text-overflow:ellipsis; }
.report-day-detail { font-size:12px; padding:10px 0; color:var(--theme-text_primary); min-height:38px; }
@media(max-width:360px) { .report-donut { width:120px; height:120px; padding:12px; } .report-composition { gap:14px; } }
.catalog-symbol { --catalog-tint:#7c92d4; display:inline-flex; flex:none; align-items:center; justify-content:center; position:relative; vertical-align:middle; margin-right:6px; isolation:isolate; color:color-mix(in srgb,var(--catalog-tint) 65%,var(--theme-text_primary,#263348)); background:linear-gradient(145deg,color-mix(in srgb,var(--catalog-tint) 12%,var(--theme-card_bg,#fff)),color-mix(in srgb,var(--catalog-tint) 29%,var(--theme-card_bg,#fff))); border:1px solid color-mix(in srgb,var(--catalog-tint) 25%,var(--theme-border_color,#ddd)); box-shadow:inset 0 1px 0 #ffffff26,0 2px 4px #0000000a; }
.catalog-symbol--small { width:23px; height:23px; border-radius:7px; font-size:14px; }
.catalog-symbol--medium { width:36px; height:36px; border-radius:12px; font-size:22px; margin-right:0; box-shadow:inset 0 1px 0 #ffffff30,0 3px 7px #00000012; }
.catalog-symbol .anticon { position:relative; z-index:1; filter:drop-shadow(0 1px 0 #ffffff15); }
.catalog-symbol .anticon svg { stroke:currentColor; stroke-width:5; }
.catalog-symbol--medium::after { content:''; position:absolute; inset:3px; border-radius:9px; border:1px solid #ffffff12; pointer-events:none; }
.catalog-icon-editor { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:16px; color:var(--theme-text_primary); }
.catalog-icon-editor small { width:100%; color:var(--theme-text_secondary); font-size:11px; }
.catalog-icon-groups { display:flex; gap:6px; overflow-x:auto; padding:12px 0; }
.catalog-icon-groups button { flex:none; background:transparent; color:var(--theme-text_secondary); border:0; padding:8px; border-radius:8px; cursor:pointer; }
.catalog-icon-groups button[aria-pressed=true] { background:var(--theme-card_bg); color:var(--theme-accent_color); }
.catalog-icon-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; margin-top:12px; max-height:340px; overflow-y:auto; padding:2px; }
.catalog-icon-grid button { min-height:76px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; border:1px solid var(--theme-border_color); border-radius:9px; background:var(--theme-card_bg); color:var(--theme-text_primary); cursor:pointer; }
.catalog-icon-grid button { background:transparent; border-color:transparent; }
.catalog-icon-grid button:focus-visible { outline:2px solid var(--theme-accent_color); outline-offset:-2px; }
.catalog-icon-grid button small { font-size:10px; }
.catalog-icon-grid button[aria-pressed=true] { border-color:var(--theme-accent_color); background:color-mix(in srgb,var(--theme-accent_color) 15%,var(--theme-card_bg)); }
@media(max-width:480px) { .catalog-icon-grid { grid-template-columns:repeat(5,minmax(0,1fr)); } }
.budget-workspace { color:var(--theme-text_primary); margin:0 0 20px; }
.budget-plan-page { padding:16px 12px 90px; }
.budget-cockpit { border:1px solid var(--theme-border_color); border-radius:16px; padding:14px; background:linear-gradient(130deg,color-mix(in srgb,var(--theme-accent_color) 7%,var(--theme-card_bg)),var(--theme-card_bg)); }
/* 记账首页「问账单」卡片：与驾驶舱卡片同一套主题视觉 */
.ask-bill-card { border:1px solid var(--theme-border_color); border-radius:16px; background:linear-gradient(130deg,color-mix(in srgb,var(--theme-accent_color) 7%,var(--theme-card_bg)),var(--theme-card_bg)); }
.ask-bill-card .ant-sender { border:1px solid var(--theme-border_color); border-radius:12px; background:var(--theme-card_bg); }
.ask-bill-card .ant-prompts-list { gap:8px; }
.ask-bill-prompts .ant-prompts-item { padding:8px 11px; border:1px solid var(--theme-border_color); border-radius:10px; background:var(--theme-card_bg); color:var(--theme-text_primary); font-size:12px; align-items:center; gap:6px; }
.ask-bill-prompts .ant-prompts-item .anticon { color:var(--theme-accent_color); font-size:12px; }
.ask-bill-prompts .ant-prompts-item:hover { border-color:var(--theme-accent_color); color:var(--theme-accent_color); }
.budget-heading { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:12px; }
.budget-heading > div { display:flex; align-items:center; gap:8px; }
.budget-heading input { color:var(--theme-text_primary); background:transparent; border:0; width:112px; font-size:12px; color-scheme:normal; }
.budget-heading button[aria-label] { width:30px; height:30px; }
.budget-metrics { display:grid; grid-template-columns:1.3fr 1fr; gap:16px; padding:12px 0; }
.budget-metrics button { border:0; background:transparent; text-align:left; color:inherit; padding:0; cursor:pointer; display:flex; flex-direction:column; gap:4px; min-width:0; }
.budget-metrics .budget-main { justify-content:center; }
.budget-main strong { font-size:clamp(22px,5.6vw,30px); line-height:1.25; letter-spacing:-.5px; }
.budget-metrics > div { display:flex; flex-direction:column; gap:10px; padding-left:16px; border-left:1px solid var(--theme-border_color); }
.budget-metrics span { font-size:11px; color:var(--theme-text_secondary); }
.budget-metrics strong { font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.budget-loading { min-height:140px; display:flex; align-items:center; justify-content:center; gap:12px; color:var(--theme-text_secondary); font-size:12px; }
.budget-settings { display:flex; flex-direction:column; gap:13px; max-height:65vh; overflow:auto; padding:4px 2px; color:var(--theme-text_primary); }
.budget-settings > label { display:flex; flex-direction:column; gap:7px; font-size:12px; }
.budget-settings > label > .ant-input-number { width:100%; }
.budget-settings p,.budget-settings small { font-size:12px; color:var(--theme-text_secondary); margin:2px 0; }
.budget-settings details { padding:10px; border:1px solid var(--theme-border_color); border-radius:10px; }
.budget-settings summary { cursor:pointer; font-size:13px; padding:3px 0; }
.budget-settings details > p { margin:10px 0; }
.budget-template-row { display:flex; gap:8px; flex-wrap:wrap; }
.budget-layout-preview { display:flex; flex-direction:column; gap:8px; padding:14px; border-radius:12px; background:var(--theme-card_bg); border:1px solid var(--theme-border_color); }
.budget-layout-preview strong { font-size:24px; }
.budget-warning { color:#e27575!important; }
.bookkeeping-tools { padding:12px 12px 100px; color:var(--theme-text_primary); }
.tools-heading h2 { font-size:20px; margin:4px 0 6px; color:inherit; }
.tools-heading p { margin:0 0 22px; font-size:12px; color:var(--theme-text_secondary); }
.tools-group { margin-bottom:20px; }
.tools-group h3 { font-size:12px; color:var(--theme-text_secondary); margin:0 0 9px 3px; font-weight:500; }
.tools-group > div { display:grid; gap:1px; border:1px solid var(--theme-border_color); border-radius:15px; overflow:hidden; background:var(--theme-border_color); }
.tools-entry { display:flex; align-items:center; gap:12px; padding:15px 13px; border:0; background:var(--theme-card_bg); text-align:left; color:inherit; cursor:pointer; width:100%; }
.tools-entry > span:nth-child(2) { display:flex; flex:1; flex-direction:column; gap:5px; }
.tools-entry strong { font-size:14px; font-weight:600; }
.tools-entry small { font-size:11px; color:var(--theme-text_secondary); line-height:1.5; }
.tools-entry-icon { width:40px; height:40px; flex-shrink:0; display:grid; place-items:center; border-radius:12px; color:var(--theme-accent_color); background:color-mix(in srgb,var(--theme-accent_color) 10%,transparent); }
.tools-entry-icon .anticon { color:inherit!important; font-size:19px!important; }
.tools-chevron { color:var(--theme-text_secondary); font-size:21px; }
.tools-entry:hover,.account-card-actions button:hover { background:color-mix(in srgb,var(--theme-accent_color) 7%,var(--theme-card_bg)); }
.account-overview { padding:18px 16px; border-radius:15px; background:linear-gradient(120deg,color-mix(in srgb,var(--theme-accent_color) 12%,var(--theme-card_bg)),var(--theme-card_bg)); color:var(--theme-text_primary); border:1px solid var(--theme-border_color); display:flex; flex-direction:column; gap:9px; }
.account-overview > span { color:var(--theme-text_secondary); font-size:12px; }
.account-overview > strong { font-size:28px; letter-spacing:-.6px; font-variant-numeric:tabular-nums; }
.account-overview > div { display:flex; gap:20px; flex-wrap:wrap; font-size:11px; color:var(--theme-text_secondary); }
.account-overview b { color:var(--theme-text_primary); margin-left:5px; font-weight:500; }
.account-reconcile { display:flex; align-items:center; gap:11px; padding:12px; border:0; border-radius:10px; background:transparent; color:var(--theme-accent_color); text-align:left; cursor:pointer; }
.account-reconcile > span:nth-child(2) { flex:1; display:flex; flex-direction:column; gap:3px; }
.account-reconcile strong { font-size:13px; }
.account-reconcile small { color:var(--theme-text_secondary); font-size:11px; }
.account-list-heading { display:flex; align-items:center; justify-content:space-between; color:var(--theme-text_primary); margin:6px 0; font-size:14px; }
.account-list-heading small { color:var(--theme-text_secondary); margin-left:5px; font-weight:400; }
.account-list-heading select { background:var(--theme-card_bg); color:var(--theme-text_secondary); border:1px solid var(--theme-border_color); border-radius:8px; padding:7px; font-size:12px; }
.account-modern-list { display:grid; gap:10px; padding:4px 0 24px; }
.account-modern-card { background:var(--theme-card_bg); border:1px solid var(--theme-border_color); border-radius:13px; overflow:hidden; color:var(--theme-text_primary); }
.account-card-main { display:flex; align-items:center; gap:10px; width:100%; padding:14px 12px; background:transparent; border:0; color:inherit; cursor:pointer; text-align:left; }
.account-card-main > span:nth-child(2) { display:flex; flex:1; min-width:0; flex-direction:column; gap:4px; }
.account-card-main strong { font-size:13px; overflow-wrap:anywhere; }
.account-card-main small { font-size:10px; color:var(--theme-text_secondary); }
.account-card-main b { font-size:16px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; max-width:45%; }
.account-negative { color:#df8181; }
.account-card-actions { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--theme-border_color); }
.account-card-actions button { min-height:40px; border:0; color:var(--theme-text_secondary); background:transparent; cursor:pointer; font-size:12px; }
.account-empty { padding:24px; text-align:center; color:var(--theme-text_secondary); font-size:13px; }
@media(min-width:768px) { .tools-group > div { grid-template-columns:1fr 1fr; } .account-modern-list { grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); } }
.report-month-select { min-width:76px; height:36px; padding:0 10px; border:1px solid var(--theme-border_color); border-radius:9px; background:var(--theme-card_bg); color:var(--theme-text_primary); font:inherit; font-size:13px; }
.budget-indicator-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:12px 0; }
.budget-indicator-strip > button,.budget-indicator-strip > div { display:flex; flex-direction:column; align-items:flex-start; gap:7px; min-width:0; padding:0 12px; border:0; border-right:1px solid var(--theme-border_color); background:transparent; color:var(--theme-text_primary); text-align:left; }
.budget-indicator-strip > button { cursor:pointer; border-radius:0; }
.budget-indicator-strip > :first-child { padding-left:0; }
.budget-indicator-strip > :last-child { border-right:0; padding-right:0; }
.budget-indicator-strip > button > span,.budget-indicator-strip > div > span { display:flex; align-items:center; gap:5px; font-size:11px; color:var(--theme-text_secondary); }
.budget-indicator-strip i { width:5px; height:5px; border-radius:2px; background:var(--theme-accent_color); flex-shrink:0; }
.budget-indicator-strip strong { font-size:clamp(14px,4.1vw,21px); font-weight:650; font-variant-numeric:tabular-nums; letter-spacing:-.4px; overflow-wrap:anywhere; }
.budget-indicator-strip small { font-size:10px; color:var(--theme-text_secondary); opacity:.75; }
.budget-indicator-strip .is-favorable { color:#45ba93; }
.budget-indicator-strip .is-unfavorable { color:#e58181; }
.budget-strip-preview { padding:16px 12px; background:color-mix(in srgb,var(--theme-accent_color) 7%,transparent); border:1px solid var(--theme-border_color); border-radius:12px; }
.budget-strip-preview strong { font-size:16px; }
.budget-layout-modal .ant-modal-content { border-radius:18px; }
.budget-layout-modal .budget-template-row { display:grid; grid-template-columns:1fr 1fr; }
.budget-layout-modal .budget-settings > label { gap:6px; }
.budget-layout-modal .budget-settings > small { line-height:1.6; }

.compact-bill-form .ant-form-item { margin-bottom:16px; }
.compact-bill-form .ant-form-item:last-child { margin-bottom:0; }
.compact-bill-form .ant-form-item-label { padding-bottom:8px; }
.compact-bill-form .bill-choice-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px!important; padding:0!important; width:100%; }
.compact-bill-form .bill-choice-grid .ant-radio-wrapper { margin:0!important; padding:0!important; min-width:0; width:100%; display:flex; align-items:center; }
.compact-bill-form .bill-choice-grid .ant-radio { position:absolute; opacity:0; width:1px; }
.compact-bill-form .bill-choice-grid .ant-radio-wrapper > span:last-child { width:100%; min-width:0; padding:0; display:flex; line-height:1; }
.compact-bill-form .bill-choice-grid .ant-radio-wrapper > span:last-child > div { display:flex!important; align-items:center; justify-content:center; gap:6px; min-width:0; width:100%; box-sizing:border-box; height:40px; padding:0 8px!important; line-height:20px; margin:0!important; border-radius:18px!important; border:1px solid var(--theme-border_color)!important; background:transparent!important; backdrop-filter:none!important; color:var(--theme-text_primary)!important; font-size:12px!important; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-shadow:none!important; position:relative; }
.compact-bill-form .bill-choice-grid .catalog-symbol { width:18px; height:18px; min-width:18px; flex-shrink:0; border-radius:5px; font-size:12px; }
.compact-bill-form .bill-choice-grid .ant-radio-wrapper-checked > span:last-child > div { color:var(--theme-accent_color)!important; border-color:var(--theme-accent_color)!important; font-weight:600; }
.compact-bill-form .bill-choice-grid .ant-radio-wrapper:has(input:focus-visible) > span:last-child > div { outline:1px dashed var(--theme-accent_color); outline-offset:-1px; }
@media(max-width:480px) {
 .compact-bill-modal .ant-modal-body { padding:12px 16px!important; max-height:calc(100dvh - 180px)!important; }
 .compact-bill-form .ant-form-item-label > label { font-size:12px; }
}
@media(max-width:480px) { .compact-bill-form .bill-choice-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }

/* Shared option rhythm for account and category selection. */
.compact-bill-form .bill-choice-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.compact-bill-form .bill-choice-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px!important; }
.compact-bill-form .bill-choice-grid .ant-radio-wrapper > span:last-child > div { height:40px; border-radius:11px!important; justify-content:center; gap:6px; }
.compact-bill-form .bill-choice-grid .ant-radio-wrapper-checked > span:last-child > div { background:color-mix(in srgb,var(--theme-accent_color) 13%,var(--theme-card_bg))!important; border-color:var(--theme-accent_color)!important; }
.compact-bill-form .bill-choice-grid .ant-radio-wrapper:hover > span:last-child > div { border-color:var(--theme-accent_color)!important; }
.compact-bill-modal .ant-modal-content { border-radius:16px!important; overflow:hidden; }
.compact-bill-modal .ant-modal-header { border-bottom:1px solid var(--theme-border_color)!important; }
.compact-bill-form .ant-form-item-label > label { font-size:12px; }

/* Immediate press feedback; the form owns selection without a page-wide render. */
.compact-bill-form .bill-choice-grid .ant-radio-wrapper { touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
.compact-bill-form .bill-choice-grid .ant-radio-wrapper > span:last-child > div { transition:background-color 120ms ease-out,border-color 120ms ease-out,color 120ms ease-out,transform 100ms ease-out; }
.compact-bill-form .bill-choice-grid .ant-radio-wrapper:active > span:last-child > div { transform:scale(.97); }
@media(prefers-reduced-motion:reduce) {
 .compact-bill-form .bill-choice-grid .ant-radio-wrapper > span:last-child > div { transition:none; }
 .compact-bill-form .bill-choice-grid .ant-radio-wrapper:active > span:last-child > div { transform:none; }
}

/* Account wallet: compact totals and quiet, rounded controls. */
.ctjh-account-page .account-overview { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; padding:16px; border-radius:20px; background:linear-gradient(125deg,color-mix(in srgb,var(--theme-accent_color) 7%,var(--theme-card_bg)),var(--theme-card_bg)); box-shadow:0 4px 16px #00000004; flex-shrink:0; }
.ctjh-account-page .account-overview .account-overview-total { display:flex; flex-direction:column; gap:5px; min-width:0; }
.ctjh-account-page .account-overview-total > span { font-size:11px; color:var(--theme-text_secondary); }
.ctjh-account-page .account-overview-total > strong { margin:0; padding:0; font-size:28px; line-height:1.2; letter-spacing:-.8px; font-weight:650; color:var(--theme-text_primary); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.ctjh-account-page .account-overview .account-overview-breakdown { display:flex; flex-direction:column; gap:8px; justify-content:center; font-size:11px; }
.ctjh-account-page .account-overview-breakdown > span { display:flex; justify-content:space-between; gap:12px; }
.ctjh-account-page .account-overview-breakdown b { margin:0; font-weight:500; font-variant-numeric:tabular-nums; }
.ctjh-account-page .account-reconcile { grid-column:1/-1; display:flex; gap:9px; padding:10px 12px; min-height:42px; margin:0; border:1px solid color-mix(in srgb,var(--theme-accent_color) 14%,var(--theme-border_color)); border-radius:12px; background:color-mix(in srgb,var(--theme-accent_color) 6%,var(--theme-card_bg)); }
.ctjh-account-page .account-reconcile > .anticon { font-size:17px; }
.ctjh-account-page .account-reconcile > span:nth-child(2) { flex-direction:row; align-items:center; justify-content:space-between; gap:8px; }
.ctjh-account-page .account-reconcile strong { margin:0; font-size:12px; font-weight:600; }
.ctjh-account-page .account-reconcile small { font-size:10px; }
.ctjh-account-page .account-modern-list { gap:12px; }
.ctjh-account-page .account-modern-card { border-radius:18px; border-color:color-mix(in srgb,var(--theme-border_color) 70%,transparent); box-shadow:0 3px 12px #00000005; }
.ctjh-account-page .account-card-main { padding:16px 14px 12px; gap:11px; }
.ctjh-account-page .account-card-main .catalog-symbol { width:40px; height:40px; min-width:40px; border-radius:13px; font-size:22px; }
.ctjh-account-page .account-card-main strong { margin:0; font-size:13px; }
.ctjh-account-page .account-card-main b { font-size:18px; font-weight:650; letter-spacing:-.4px; }
.ctjh-account-page .account-card-actions { border:0; padding:0 12px 12px; gap:8px; }
.ctjh-account-page .account-card-actions button { min-height:34px; border-radius:10px; font-size:11px; background:color-mix(in srgb,var(--theme-text_secondary) 6%,var(--theme-card_bg)); }
.ctjh-account-page .account-card-actions button:first-child { color:var(--theme-accent_color); background:color-mix(in srgb,var(--theme-accent_color) 9%,var(--theme-card_bg)); }
.ctjh-account-page .account-card-actions button,.ctjh-account-page .account-reconcile { transition:background-color .15s,transform .12s; touch-action:manipulation; }
.ctjh-account-page .account-card-actions button:active,.ctjh-account-page .account-reconcile:active { transform:scale(.98); }
.ctjh-account-page .account-list-heading select,.ctjh-account-page > .ant-input-affix-wrapper { border-radius:11px; }
@media(max-width:350px) { .ctjh-account-page .account-reconcile small { display:none; } .ctjh-account-page .account-overview-total > strong { font-size:24px; } }
@media(prefers-reduced-motion:reduce) { .ctjh-account-page .account-card-actions button,.ctjh-account-page .account-reconcile { transition:none; transform:none; } }

/* A small ledger sheet, keeping the familiar entry order. */
.bill-entry-modal { --entry-tone:#e46b70; }
.bill-entry-modal.is-income { --entry-tone:#32a981; }
.bill-entry-modal .ant-modal-header { padding:16px 18px 10px!important; background:transparent!important; border-bottom:0!important; }
.bill-entry-heading { display:flex; align-items:center; gap:10px; min-height:34px; }
.bill-entry-emblem { width:34px; height:34px; display:grid; place-items:center; border-radius:12px; color:var(--entry-tone); background:color-mix(in srgb,var(--entry-tone) 11%,var(--theme-card_bg)); box-shadow:inset 0 1px 0 #ffffff30; font-size:18px; }
.bill-entry-title { display:flex; align-items:center; gap:10px; font-size:19px; font-weight:650; color:var(--theme-text_primary); letter-spacing:-.4px; }
.bill-entry-kind { padding:3px 8px; border-radius:7px; font-size:11px; font-weight:500; color:var(--entry-tone); background:color-mix(in srgb,var(--entry-tone) 8%,transparent); letter-spacing:0; }
.bill-entry-modal .ant-modal-body { padding:10px 18px 16px!important; }
.bill-entry-modal .compact-bill-form .ant-form-item { margin-bottom:16px; }
.bill-entry-modal .compact-bill-form .ant-form-item:last-child { margin-bottom:0; }
.bill-entry-modal .ant-form-item-label { padding-bottom:7px; }
.bill-entry-modal .ant-form-item-label > label { color:var(--theme-text_secondary); font-size:11px; font-weight:500; }
.bill-entry-modal .bill-choice-grid .ant-radio-wrapper > span:last-child > div { background:color-mix(in srgb,var(--theme-text_secondary) 3%,var(--theme-card_bg))!important; border-color:color-mix(in srgb,var(--theme-border_color) 75%,transparent)!important; border-radius:12px!important; }
.bill-entry-modal .bill-choice-grid .ant-radio-wrapper-checked > span:last-child > div { color:var(--theme-accent_color)!important; background:color-mix(in srgb,var(--theme-accent_color) 10%,var(--theme-card_bg))!important; border-color:var(--theme-accent_color)!important; }
.bill-entry-modal .bill-entry-amount { padding-top:12px; border-top:1px dashed var(--theme-border_color); }
.bill-entry-modal .bill-entry-amount .ant-input-number { background:color-mix(in srgb,var(--entry-tone) 4%,var(--theme-card_bg))!important; border-radius:12px!important; font-variant-numeric:tabular-nums; }
.bill-entry-modal .bill-entry-amount .ant-input-number-input { height:44px; font-size:24px; font-weight:600; }
.bill-entry-modal .bill-entry-amount .ant-input-number-input::placeholder { font-size:15px; font-weight:400; }
.bill-entry-modal .bill-entry-amount .ant-input-number-prefix { color:var(--entry-tone); font-size:20px; padding-left:4px; }
.bill-entry-modal .bill-entry-amount .ant-input-number-group-addon { background:transparent; border-radius:0 12px 12px 0; }
.bill-entry-modal .ant-modal-footer { padding:12px 18px 16px!important; background:transparent!important; display:flex; gap:10px; }
.bill-entry-modal .ant-modal-footer .ant-btn { height:40px!important; border-radius:12px!important; margin:0!important; }
.bill-entry-modal .ant-modal-footer .ant-btn-primary { flex:1; box-shadow:none!important; }

/* Balance is information; account tools form a separate, extensible row. */
.ctjh-account-page .account-overview { padding:16px 12px 12px; gap:12px; border:0; border-radius:0; background:transparent; box-shadow:none; align-items:center; }
.ctjh-account-page .account-overview-total > strong { font-size:30px; letter-spacing:-1px; }
.ctjh-account-page .account-overview .account-overview-breakdown { padding-left:16px; border-left:1px solid var(--theme-border_color); gap:7px; }
.ctjh-account-page .account-overview-breakdown > span { gap:10px; font-size:10px; }
.ctjh-account-page .account-tools { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:0 10px 12px; border-bottom:1px solid color-mix(in srgb,var(--theme-border_color) 65%,transparent); }
.ctjh-account-page .account-tool { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:36px; padding:0 13px; border:1px solid color-mix(in srgb,var(--theme-border_color) 70%,transparent); border-radius:12px; background:var(--theme-card_bg); color:var(--theme-text_primary); font:inherit; font-size:12px; font-weight:500; box-shadow:0 2px 5px #00000004; cursor:pointer; touch-action:manipulation; transition:background-color .12s,transform .12s; }
.ctjh-account-page .account-tool .anticon { font-size:16px; color:var(--theme-accent_color); }
.ctjh-account-page .account-tool:hover { background:color-mix(in srgb,var(--theme-accent_color) 7%,var(--theme-card_bg)); }
.ctjh-account-page .account-tool:active { transform:scale(.97); }
.ctjh-account-page .account-tool:focus-visible { outline:2px solid var(--theme-accent_color); outline-offset:2px; }
@media(prefers-reduced-motion:reduce) { .ctjh-account-page .account-tool { transition:none; } .ctjh-account-page .account-tool:active { transform:none; } }

/* Keep filters stationary while the account list uses the available viewport. */
.ctjh-account-page { height:calc(100dvh - 198px)!important; min-height:240px; overflow:hidden; box-sizing:border-box; }
.ctjh-account-page .account-tools { padding-bottom:8px; flex-shrink:0; }
.ctjh-account-page .account-filter-bar { display:flex; gap:8px; align-items:center; flex-shrink:0; padding:4px 0; }
.ctjh-account-page .account-filter-bar .ant-input-affix-wrapper { flex:1; min-width:0; height:34px; border-radius:10px; font-size:12px; }
.ctjh-account-page .account-filter-bar select { width:96px; height:34px; padding:0 8px; border:1px solid var(--theme-border_color); border-radius:10px; background:var(--theme-card_bg); color:var(--theme-text_secondary); font-size:12px; }
.ctjh-account-page .account-modern-list { flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:color-mix(in srgb,var(--theme-accent_color) 35%,var(--theme-border_color)) transparent; padding:3px 4px 8px 0; align-content:start; }
.ctjh-account-page .account-modern-list::-webkit-scrollbar { width:4px; }
.ctjh-account-page .account-modern-list::-webkit-scrollbar-thumb { border-radius:4px; background:var(--theme-border_color); }
.ctjh-account-page .account-modern-card { flex-shrink:0; }
.ctjh-account-page .account-modern-list { grid-auto-rows:max-content; }

/* Restore the rounded balance card, with restrained spacing. */
.ctjh-account-page .account-overview { padding:13px 14px; gap:14px; border:1px solid color-mix(in srgb,var(--theme-border_color) 75%,transparent); border-radius:16px; background:linear-gradient(115deg,color-mix(in srgb,var(--theme-accent_color) 6%,var(--theme-card_bg)),var(--theme-card_bg)); box-shadow:0 3px 12px #00000003; align-items:center; }
.ctjh-account-page .account-overview .account-overview-total { gap:5px; }
.ctjh-account-page .account-overview-total > strong { font-size:28px; line-height:1.2; letter-spacing:-.7px; }
.ctjh-account-page .account-overview-total > span { font-size:11px; line-height:16px; }
.ctjh-account-page .account-overview .account-overview-breakdown { gap:7px; padding-left:12px; border-left:1px solid var(--theme-border_color); }
.ctjh-account-page .account-overview-breakdown > span { font-size:11px; gap:9px; }
.ctjh-account-page .account-tools { padding:2px 0 4px; gap:8px; border-bottom:0; }
.ctjh-account-page .account-tool { min-height:34px; padding:0 12px; border-radius:11px; font-size:12px; gap:6px; }
.ctjh-account-page .account-tool .anticon { font-size:15px; }


.bill-account-identity{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;max-width:100%;line-height:20px}
.bill-account-identity>.catalog-symbol{width:18px;height:18px;min-width:18px;border-radius:5px;font-size:12px;box-shadow:none;flex-shrink:0}
.bill-account-identity>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.po-latest-summary small.po-latest-meta{display:flex;align-items:center;gap:8px;min-width:0;line-height:20px;margin-top:1px}
.po-latest-meta>span:first-child{flex-shrink:0}

.loading-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: #ffffff;
}

.logo-container {
  position: relative;
  width: 120px;
  height: 120px;
  margin-bottom: 24px;
}

.logo {
  width: 100%;
  height: 100%;
  animation: logoScale 0.8s ease-out;
}

@keyframes logoScale {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.loading-text {
  margin-top: 16px;
  color: #1677ff;
  font-size: 16px;
} 
input {
    -webkit-appearance: none;
    background-color: transparent;
    }
    
.page-transition {
  position: relative;
  width: 100%;
  height: 100%;
}

.fade-in {
  animation: fadeIn 0.5s ease-in;
}

.slide-in {
  animation: slideIn 0.5s ease-out;
}

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

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

/* 首页加载容器 */
.loading-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);
}

/* Logo 动画 */
.logo-container {
  position: relative;
  width: 120px;
  height: 120px;
  margin-bottom: 24px;
}

.logo {
  width: 100%;
  height: 100%;
  animation: logoScale 1.2s ease-out;
}

@keyframes logoScale {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* 加载进度条 */
.progress-bar {
  width: 200px;
  height: 4px;
  background: #f0f0f0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}

.progress-bar::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 30%;
  background: linear-gradient(90deg, #1890ff, #52c41a);
  animation: progress 2s ease-in-out infinite;
  border-radius: 2px;
}

@keyframes progress {
  0% {
    width: 0;
  }
  50% {
    width: 70%;
  }
  100% {
    width: 100%;
  }
}

/* 骨架屏样式 */
.skeleton {
  background: linear-gradient(90deg, 
    rgba(255, 255, 255, 0.8) 25%, 
    rgba(255, 255, 255, 0.9) 50%, 
    rgba(255, 255, 255, 0.8) 75%
  );
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 4px;
}

@keyframes shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* 首页内容骨架屏 */
.home-skeleton {
  padding: 24px;
}

.skeleton-header {
  height: 64px;
  margin-bottom: 24px;
}

.skeleton-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-bottom: 24px;
}

.skeleton-card {
  height: 200px;
  border-radius: 8px;
}

.skeleton-footer {
  height: 48px;
}
    
/* 全局主题样式 */
:root {
  /* 应用以浅色主题为主：阻止浏览器自动深色反转；实际明暗由 ThemeContext 按主题动态覆盖 */
  color-scheme: light;

  /* 默认主题变量：与 BUILTIN_DEFAULT_THEME（赤陶）对齐，保证 CSS 加载首帧与默认主题无色差、不闪黑 */
  --theme-header_bg: linear-gradient(135deg, #b85c45, #d28262);
  --theme-button_bg: linear-gradient(135deg, #b85c45, #d28262);
  --theme-button_hover: linear-gradient(135deg, #d28262, #b85c45);
  --theme-text_primary: #412d28;
  --theme-text_secondary: #8b746e;
  --theme-border_color: #ead9d3;
  --theme-accent_color: #b85c45;
  --theme-success_color: #2f9d68;
  --theme-warning_color: #d99324;
  --theme-error_color: #d95757;

  /* 页面级主题变量 */
  --theme-background_color: #fbf4f1;
  --theme-card_bg: #fffdfb;
  --theme-card_header_bg: #fbf4f1;
  --theme-table_bg: #fffdfb;
  --theme-table_header_bg: #fbf4f1;
  --theme-nav_bg: #59352d;
  --theme-nav_text: #ffffff;
  --theme-nav_hover_bg: #b85c45;
  --theme-nav_selected_bg: #b85c45;
  --theme-sider_bg: #59352d;
  --theme-footer_bg: #fbf4f1;
}

/* 主题应用样式 */
.theme-header {
  background: var(--theme-header_bg) !important;
}

.theme-button {
  background: var(--theme-button_bg) !important;
}

.theme-button:hover {
  background: var(--theme-button_hover) !important;
}

.theme-text-primary {
  color: var(--theme-text_primary) !important;
}

.theme-text-secondary {
  color: var(--theme-text_secondary) !important;
}

.theme-border {
  border-color: var(--theme-border_color) !important;
}

.theme-accent {
  color: var(--theme-accent_color) !important;
}

.theme-success {
  color: var(--theme-success_color) !important;
}

.theme-warning {
  color: var(--theme-warning_color) !important;
}

.theme-error {
  color: var(--theme-error_color) !important;
}

/* 渐变色支持 */
.gradient-bg {
  background: var(--theme-header_bg);
}

.gradient-button {
  background: var(--theme-button_bg);
}

.gradient-button:hover {
  background: var(--theme-button_hover);
}

/* 响应式主题支持 */
@media (max-width: 768px) {
  :root {
    /* 移动端主题变量调整 */
    --theme-header_bg: linear-gradient(135deg, #1a1a1a 0%, #333333 50%, #1a1a1a 100%);
    --theme-button_bg: linear-gradient(135deg, #2a2a2a 0%, #0a0a0a 100%);
    --theme-button_hover: linear-gradient(135deg, #3a3a3a 0%, #1a1a1a 100%);
  }
}

/* 页面级主题样式 */
.theme-wrapper {
  min-height: 83vh;
  transition: all 0.3s ease;
}

/* 卡片主题样式 */
.theme-card {
  background: var(--theme-card_bg, #ffffff);
  border-color: var(--theme-border_color, #d9d9d9);
  color: var(--theme-text_primary, #333333);
}

.theme-card .ant-card-head {
  background: var(--theme-card_header_bg, #fafafa);
  border-bottom-color: var(--theme-border_color, #d9d9d9);
}

.theme-card .ant-card-head-title {
  color: var(--theme-text_primary, #333333);
}

/* 表格主题样式 */
.theme-table .ant-table {
  background: var(--theme-table_bg, #ffffff);
  color: var(--theme-text_primary, #333333);
}

.theme-table .ant-table-thead > tr > th {
  background: var(--theme-table_header_bg, #fafafa);
  color: var(--theme-text_primary, #333333);
  border-bottom-color: var(--theme-border_color, #d9d9d9);
}

.theme-table .ant-table-tbody > tr > td {
  border-bottom-color: var(--theme-border_color, #d9d9d9);
}

/* 表单主题样式 */
.theme-form .ant-form-item-label > label {
  color: var(--theme-text_primary, #333333);
}

.theme-form .ant-input,
.theme-form .ant-select-selector,
.theme-form .ant-picker {
  border-color: var(--theme-border_color, #d9d9d9);
  color: var(--theme-text_primary, #333333);
}

.theme-form .ant-input:focus,
.theme-form .ant-select-focused .ant-select-selector,
.theme-form .ant-picker-focused {
  border-color: var(--theme-accent_color, #1890ff);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

/* 按钮主题样式 */
.theme-button .ant-btn {
  background: var(--theme-button_bg, #1890ff);
  border-color: var(--theme-button_bg, #1890ff);
  color: var(--theme-button_text, #ffffff);
}

.theme-button .ant-btn:hover {
  background: var(--theme-button_hover, #40a9ff);
  border-color: var(--theme-button_hover, #40a9ff);
}

/* 导航主题样式 */
.theme-nav .ant-menu {
  background: var(--theme-nav_bg, #001529);
  color: var(--theme-nav_text, #ffffff);
}

.theme-nav .ant-menu-item:hover {
  background: var(--theme-nav_hover_bg, #1890ff);
}

.theme-nav .ant-menu-item-selected {
  background: var(--theme-nav_selected_bg, #1890ff);
}

/* 侧边栏主题样式 */
.theme-sider {
  background: var(--theme-sider_bg, #001529);
  border-right-color: var(--theme-border_color, #d9d9d9);
}

/* 页脚主题样式 */
.theme-footer {
  background: var(--theme-footer_bg, #f0f2f5);
  color: var(--theme-text_secondary, #666666);
  border-top-color: var(--theme-border_color, #d9d9d9);
}

/* 面包屑主题样式 */
.theme-breadcrumb .ant-breadcrumb-link {
  color: var(--theme-text_secondary, #666666);
}

.theme-breadcrumb .ant-breadcrumb-link:hover {
  color: var(--theme-accent_color, #1890ff);
}

/* 标签页主题样式 */
.theme-tabs .ant-tabs-tab {
  color: var(--theme-text_secondary, #666666);
}

.theme-tabs .ant-tabs-tab-active {
  color: var(--theme-accent_color, #1890ff);
}

.theme-tabs .ant-tabs-ink-bar {
  background: var(--theme-accent_color, #1890ff);
}

/* 分页主题样式 */
.theme-pagination .ant-pagination-item {
  border-color: var(--theme-border_color, #d9d9d9);
  color: var(--theme-text_primary, #333333);
}

.theme-pagination .ant-pagination-item:hover {
  border-color: var(--theme-accent_color, #1890ff);
  color: var(--theme-accent_color, #1890ff);
}

.theme-pagination .ant-pagination-item-active {
  background: var(--theme-accent_color, #1890ff);
  border-color: var(--theme-accent_color, #1890ff);
  color: #ffffff;
}

/* Homecontent组件主题样式 */
.theme-homecontent {
  background: var(--theme-background_color, #f0f2f5) !important;
}

.theme-homecontent .ant-tabs {
  background: var(--theme-card_bg, #ffffff) !important;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 0 8px;
}

/* 记账历史本身已经由标签栏和各业务卡片分层，不再额外套一层面板。 */
.theme-homecontent .ctjh-history-tabs > .ant-tabs {
  background: transparent !important;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

.theme-homecontent .ctjh-history-tabs > .ant-tabs > .ant-tabs-nav {
  margin: 0 8px 4px;
  padding: 4px;
  background: color-mix(in srgb, var(--theme-accent_color, #1890ff) 5%, var(--theme-card_bg, #fff)) !important;
  border: 0 !important;
  border-radius: 14px;
  box-shadow: none;
}

.theme-homecontent .ctjh-history-tabs > .ant-tabs > .ant-tabs-nav .ant-tabs-tab-active {
  background: var(--theme-card_bg, #fff);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--theme-text_primary, #1f2937) 8%, transparent);
}

@media (max-width: 768px) {
  .theme-homecontent .ctjh-history-tabs > .ant-tabs > .ant-tabs-nav {
    margin-inline: 6px;
  }
}

.theme-homecontent .ant-tabs-tab {
  color: var(--theme-text_secondary, #666666) !important;
}

.theme-homecontent .ant-tabs-tab-active {
  color: var(--theme-accent_color, #1890ff) !important;
}

.theme-homecontent .ant-tabs-ink-bar {
  background: var(--theme-accent_color, #1890ff) !important;
}

.theme-homecontent .ant-card {
  background: var(--theme-card_bg, #ffffff) !important;
  border-color: var(--theme-border_color, #d9d9d9) !important;
  color: var(--theme-text_primary, #333333) !important;
}

.theme-homecontent .ant-card:hover {
  border-color: var(--theme-accent_color, #1890ff) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.theme-homecontent .ant-divider {
  border-color: var(--theme-border_color, #d9d9d9) !important;
}

/* 主题预览模态框样式 */
.theme-preview-modal .ant-modal-body {
  padding: 0;
  max-height: 80vh;
  overflow-y: auto;
}

.theme-preview-container {

}

.preview-header {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.preview-content {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.preview-content h3,
.preview-content h4 {
  margin: 0;
  line-height: 1.4;
}

.preview-content .ant-btn {
  border: none;
  font-weight: 500;
}

.preview-content .ant-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* 响应式预览 */
@media (max-width: 768px) {
  .theme-preview-modal {
    width: 95% !important;
    max-width: none !important;
  }
  
  .theme-preview-container {
    padding: 16px;
  }
  
  .preview-content .ant-btn {
    font-size: 12px;
    padding: 4px 8px;
  }
}

/* 预设主题卡片样式 */
.preset-theme-card {
  transition: all 0.3s ease !important;
}

.preset-theme-card:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

.preset-theme-card .ant-card-head {
  border-bottom: 1px solid #f0f0f0;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  padding: 8px 12px;
  text-align: center;
}

.preset-theme-card .ant-card-head-title {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.preset-theme-card .ant-card-body {
  padding: 12px;
  text-align: center;
}

.preset-theme-card .color-preview {
  background: #f8f9fa;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #e9ecef;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preset-theme-card .color-preview > div {
  display: flex !important;
  gap: 4px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

.preset-theme-card .color-preview > div > div {
  width: 20px !important;
  height: 20px !important;
  border-radius: 4px !important;
  border: 1px solid #fff !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
  flex-shrink: 0 !important;
  display: block !important;
}

.preset-theme-card .apply-btn {
  border-radius: 4px;
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.preset-theme-card .apply-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* 移动端优化 */
@media (max-width: 768px) {
  .preset-theme-card {
    margin-bottom: 8px;
  }
  
  .preset-theme-card .ant-card-head {
    padding: 6px 8px;
  }
  
  .preset-theme-card .ant-card-head-title {
    font-size: 12px;
  }
  
  .preset-theme-card .ant-card-body {
    padding: 8px;
  }
  
  .preset-theme-card .color-preview {
    padding: 8px;
    min-height: 50px;
  }
  
  .preset-theme-card .color-preview > div > div {
    width: 18px !important;
    height: 18px !important;
  }
  
  .preset-theme-card .apply-btn {
    font-size: 10px !important;
    padding: 1px 6px !important;
    height: 24px;
  }
}

@media (max-width: 480px) {
  .preset-theme-card .ant-card-head-title {
    font-size: 11px;
  }
  
  .preset-theme-card .color-preview > div > div {
    width: 16px !important;
    height: 16px !important;
  }
  
  .preset-theme-card .ant-card-body {
    padding: 6px;
  }
  
  .preset-theme-card .color-preview {
    padding: 6px;
    min-height: 45px;
  }
}

.Oqvt6AWfE5oX89eBWVoP { position: relative; width: 34px; min-width: 34px; height: 34px; margin-left: 5px; margin-right: auto; padding: 3px; border: 0; border-radius: 50%; display: grid; place-items: center; color: var(--baibao-text); background: conic-gradient(from 210deg, color-mix(in srgb, var(--baibao-accent) 48%, var(--baibao-card)) 0%, var(--baibao-accent) var(--badge-progress), color-mix(in srgb, var(--baibao-secondary) 12%, transparent) var(--badge-progress), color-mix(in srgb, var(--baibao-secondary) 12%, transparent) 100%); box-shadow: 0 3px 11px color-mix(in srgb, var(--baibao-accent) 13%, transparent); cursor: pointer; isolation: isolate; }
.Oqvt6AWfE5oX89eBWVoP::before { content: ''; position: absolute; inset: 3px; z-index: -1; border-radius: 50%; background: color-mix(in srgb, var(--baibao-card) 97%, var(--baibao-accent)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baibao-accent) 8%, transparent); }
.Oqvt6AWfE5oX89eBWVoP::after { content: ''; position: absolute; top: 2px; right: 2px; width: 4px; height: 4px; border: 1px solid var(--baibao-card); border-radius: 50%; background: var(--baibao-accent); box-shadow: 0 0 6px color-mix(in srgb, var(--baibao-accent) 52%, transparent); }
.Oqvt6AWfE5oX89eBWVoP strong { max-width: 27px; overflow: hidden; color: color-mix(in srgb, var(--baibao-accent) 74%, var(--baibao-text)); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 9px; font-weight: 750; font-variant-numeric: tabular-nums; letter-spacing: -.04em; text-overflow: ellipsis; white-space: nowrap; }
.Oqvt6AWfE5oX89eBWVoP:hover { transform: translateY(-1px); box-shadow: 0 5px 14px color-mix(in srgb, var(--baibao-accent) 20%, transparent); }

.VovMuJbDU6MvqBJo47IB { --usage-tech: var(--baibao-accent, #35a66f); --usage-cyan: color-mix(in srgb, var(--baibao-accent, #35a66f) 58%, var(--baibao-card, white)); width: min(560px, calc(100vw - 28px)); max-height: min(680px, 78vh); overflow-y: auto; padding: 5px; color: var(--baibao-text, #23362b); background: radial-gradient(circle at 94% 0, color-mix(in srgb, var(--baibao-accent, #35a66f) 7%, transparent), transparent 150px), linear-gradient(color-mix(in srgb, var(--baibao-accent, #35a66f) 1.8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--baibao-accent, #35a66f) 1.8%, transparent) 1px, transparent 1px); background-size: auto, 18px 18px, 18px 18px; scrollbar-width: thin; }
.VovMuJbDU6MvqBJo47IB > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.VovMuJbDU6MvqBJo47IB > header > div { display: grid; gap: 2px; }
.VovMuJbDU6MvqBJo47IB > header small { color: var(--usage-tech); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 8px; font-weight: 800; letter-spacing: .11em; }
.VovMuJbDU6MvqBJo47IB > header strong { font-size: 15px; }
.VovMuJbDU6MvqBJo47IB > header span { color: var(--baibao-secondary, #718178); font-size: 9px; }
.VovMuJbDU6MvqBJo47IB > header button { width: 28px; height: 28px; padding: 0; border: 0; border-radius: 9px; display: grid; place-items: center; flex: 0 0 auto; color: var(--baibao-secondary, #718178); background: color-mix(in srgb, var(--baibao-secondary, #718178) 7%, transparent); cursor: pointer; }

.soVhgRvzI_DfoUZcZbYi { margin-top: 14px; border: 1px solid color-mix(in srgb, var(--usage-tech) 18%, var(--baibao-border, #dfe9e2)); border-radius: 13px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); overflow: hidden; background: color-mix(in srgb, var(--baibao-accent, #35a66f) 4%, transparent); }
.soVhgRvzI_DfoUZcZbYi > div { min-width: 0; min-height: 54px; padding: 9px 7px; border-right: 1px solid color-mix(in srgb, var(--baibao-border, #dfe9e2) 70%, transparent); display: grid; align-content: center; justify-items: center; gap: 2px; text-align: center; }
.soVhgRvzI_DfoUZcZbYi > div:last-child { border-right: 0; }
.soVhgRvzI_DfoUZcZbYi strong { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11px; font-variant-numeric: tabular-nums; }
.soVhgRvzI_DfoUZcZbYi span { color: var(--baibao-secondary, #718178); font-size: 7px; white-space: nowrap; }
.soVhgRvzI_DfoUZcZbYi small { color: color-mix(in srgb, var(--baibao-secondary, #718178) 74%, transparent); font-size: 6px; }

.VovMuJbDU6MvqBJo47IB section { margin-top: 13px; padding-top: 11px; border-top: 1px solid color-mix(in srgb, var(--baibao-border, #dfe9e2) 78%, transparent); }
.VovMuJbDU6MvqBJo47IB h4 { margin: 0 0 8px; display: flex; justify-content: space-between; font-size: 10px; }
.VovMuJbDU6MvqBJo47IB h4 span { color: var(--baibao-secondary, #718178); font-size: 8px; font-weight: 500; }
.zk8SlTtWg21OKFn3n9WO { margin-bottom: 9px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.zk8SlTtWg21OKFn3n9WO > strong { display: flex; align-items: center; gap: 6px; color: var(--usage-tech); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 9px; letter-spacing: .04em; }
.zk8SlTtWg21OKFn3n9WO > strong > i { width: 6px; height: 6px; border-radius: 50%; background: var(--usage-tech); box-shadow: 0 0 0 3px color-mix(in srgb, var(--usage-tech) 11%, transparent), 0 0 9px color-mix(in srgb, var(--usage-tech) 38%, transparent); animation: ninV7L8TDgthdeWFv6X6 1.8s ease-in-out infinite; }
.zk8SlTtWg21OKFn3n9WO > div { display: flex; align-items: center; gap: 2px; }
.zk8SlTtWg21OKFn3n9WO button { padding: 3px 6px; border: 0; border-radius: 6px; color: var(--baibao-secondary, #718178); background: transparent; font-size: 8px; cursor: pointer; }
.zk8SlTtWg21OKFn3n9WO button.gSFiFYfhJ5zGxvTFSQIa { color: var(--usage-tech); background: color-mix(in srgb, var(--usage-tech) 10%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--usage-tech) 12%, transparent); font-weight: 750; }
@keyframes ninV7L8TDgthdeWFv6X6 { 50% { opacity: .5; transform: scale(.78); } }
.frVkW3gJ3Uo07rnhOWZo { display: block; }
.nLfvnPuPMX8i4Fl_ecC6 { display: none; }

.wZ06c3y0G7ddGvRtrpcn { max-width: 100%; overflow-x: auto; overflow-y: hidden; padding: 1px 0 5px; overscroll-behavior-inline: contain; scrollbar-width: thin; touch-action: pan-x; -webkit-overflow-scrolling: touch; }
.p4BzhtD9DeCcYvS7y9gI { --cell-size: 8px; --cell-gap: 3px; width: var(--grid-width); min-width: 580px; }
.nLfIwNSWIQRCCh9Rl6qo { height: 15px; display: grid; grid-template-columns: repeat(var(--week-count), var(--cell-size)); column-gap: var(--cell-gap); }
.nLfIwNSWIQRCCh9Rl6qo span { overflow: visible; color: var(--baibao-secondary, #718178); font-size: 7px; line-height: 12px; white-space: nowrap; }
.J8IMBLVhq37kdrNwimVt { display: grid; grid-template-rows: repeat(7, var(--cell-size)); grid-auto-flow: column; grid-auto-columns: var(--cell-size); gap: var(--cell-gap); }
.NcjUPZ29vCg880S3K3ZT { min-height: 20px; display: grid; grid-template-columns: repeat(var(--week-count), var(--cell-size)); gap: var(--cell-gap); align-items: center; }
.J8IMBLVhq37kdrNwimVt > i, .pHCZnDjYBsqo_2HSJbPX { width: var(--cell-size); height: var(--cell-size); }
.pHCZnDjYBsqo_2HSJbPX { padding: 0; border: 0; border-radius: 2.5px; background: color-mix(in srgb, var(--baibao-secondary, #718178) 9%, transparent); cursor: pointer; touch-action: manipulation; transition: transform .12s ease, box-shadow .12s ease; }
.pHCZnDjYBsqo_2HSJbPX:hover { transform: scale(1.38); box-shadow: 0 0 0 1px var(--baibao-card, #fff); z-index: 1; }
.pHCZnDjYBsqo_2HSJbPX:focus-visible { outline: 2px solid var(--baibao-accent, #198859); outline-offset: 1px; }
.pHCZnDjYBsqo_2HSJbPX.LXVGYAMe9LY47Mvb2Ded { background: color-mix(in srgb, var(--baibao-accent, #198859) 24%, transparent); }
.pHCZnDjYBsqo_2HSJbPX.A7VgHYDinGz69oi6ARfJ { background: color-mix(in srgb, var(--baibao-accent, #198859) 44%, transparent); }
.pHCZnDjYBsqo_2HSJbPX.IZwvSCN_XzNR5WYlD69E { background: color-mix(in srgb, var(--baibao-accent, #198859) 68%, transparent); }
.pHCZnDjYBsqo_2HSJbPX._F75MVpl6SgRs6jY4sEa { background: var(--baibao-accent, #198859); }
.pHCZnDjYBsqo_2HSJbPX.vN5BER0BUmAwzV_u5C93 { box-shadow: 0 0 0 1.5px var(--baibao-card, #fff), 0 0 0 3px var(--baibao-accent, #198859); }
.GhaEEsomip6nkqENo_JA { margin-top: 7px; display: flex; align-items: center; gap: 3px; color: var(--baibao-secondary, #718178); font-size: 7px; }
.GhaEEsomip6nkqENo_JA i { width: 8px; height: 8px; border-radius: 2px; background: color-mix(in srgb, var(--baibao-secondary, #718178) 9%, transparent); }
.GhaEEsomip6nkqENo_JA i:nth-of-type(2) { background: color-mix(in srgb, var(--baibao-accent, #198859) 24%, transparent); }
.GhaEEsomip6nkqENo_JA i:nth-of-type(3) { background: color-mix(in srgb, var(--baibao-accent, #198859) 44%, transparent); }
.GhaEEsomip6nkqENo_JA i:nth-of-type(4) { background: color-mix(in srgb, var(--baibao-accent, #198859) 68%, transparent); }
.GhaEEsomip6nkqENo_JA i:nth-of-type(5) { background: var(--baibao-accent, #198859); }
.GhaEEsomip6nkqENo_JA b { margin-left: auto; font-weight: 500; }
.rlqYuY2Ap3GCOgqBCnC8 { margin-top: 8px; padding: 8px 10px; border-radius: 9px; display: flex; align-items: baseline; gap: 8px; background: color-mix(in srgb, var(--baibao-accent, #198859) 6%, transparent); }
.rlqYuY2Ap3GCOgqBCnC8 strong { font-size: 9px; }
.rlqYuY2Ap3GCOgqBCnC8 span { color: var(--baibao-accent, #198859); font-size: 10px; font-weight: 750; font-variant-numeric: tabular-nums; }
.rlqYuY2Ap3GCOgqBCnC8 small { margin-left: auto; color: var(--baibao-secondary, #718178); font-size: 7px; }

.JWgssb7mTaMVqTiO_zzA { display: grid; gap: 5px; }
.JWgssb7mTaMVqTiO_zzA > div { padding: 7px 8px; border-radius: 9px; display: flex; align-items: center; justify-content: space-between; gap: 10px; background: color-mix(in srgb, var(--baibao-secondary, #718178) 6%, transparent); }
.JWgssb7mTaMVqTiO_zzA span { min-width: 0; display: grid; gap: 2px; }
.JWgssb7mTaMVqTiO_zzA strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.JWgssb7mTaMVqTiO_zzA small, .JWgssb7mTaMVqTiO_zzA > p { margin: 0; color: var(--baibao-secondary, #718178); font-size: 8px; }
.JWgssb7mTaMVqTiO_zzA > div > b { color: var(--baibao-accent, #198859); font-size: 10px; font-variant-numeric: tabular-nums; }
.VovMuJbDU6MvqBJo47IB footer { margin-top: 12px; padding: 9px 10px; border-radius: 9px; display: grid; gap: 3px; background: color-mix(in srgb, var(--baibao-secondary, #718178) 6%, transparent); }
.VovMuJbDU6MvqBJo47IB footer strong { font-size: 8px; }
.VovMuJbDU6MvqBJo47IB footer span { color: var(--baibao-secondary, #718178); font-size: 8px; line-height: 1.5; }
.qieHHLnyDiAKwy27IPyH { min-height: 150px; display: grid; place-items: center; color: var(--baibao-secondary, #718178); font-size: 10px; }

@media (max-width: 640px) {
  .Oqvt6AWfE5oX89eBWVoP { width: 32px; min-width: 32px; height: 32px; margin-left: 3px; padding: 3px; }
  .VovMuJbDU6MvqBJo47IB { width: calc(100vw - 26px); max-height: 82dvh; padding: 6px; }
  .VovMuJbDU6MvqBJo47IB > header { gap: 10px; }
  .VovMuJbDU6MvqBJo47IB > header small { font-size: 10px; }
  .VovMuJbDU6MvqBJo47IB > header strong { font-size: 18px; line-height: 1.35; }
  .VovMuJbDU6MvqBJo47IB > header span { font-size: 12px; line-height: 1.45; }
  .VovMuJbDU6MvqBJo47IB > header button { width: 36px; height: 36px; border-radius: 11px; font-size: 15px; }
  .VovMuJbDU6MvqBJo47IB section { margin-top: 14px; padding-top: 13px; }
  .VovMuJbDU6MvqBJo47IB h4 { margin-bottom: 10px; align-items: center; gap: 10px; font-size: 14px; }
  .VovMuJbDU6MvqBJo47IB h4 span { font-size: 11px; text-align: right; }
  .soVhgRvzI_DfoUZcZbYi { margin-top: 13px; padding: 6px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; border-radius: 12px; }
  .soVhgRvzI_DfoUZcZbYi > div { min-height: 68px; padding: 9px 7px; border: 0; border-radius: 9px; background: rgb(255 255 255 / 62%); }
  .soVhgRvzI_DfoUZcZbYi > div:last-child { grid-column: 1 / -1; }
  .soVhgRvzI_DfoUZcZbYi strong { font-size: 15px; }
  .soVhgRvzI_DfoUZcZbYi span { font-size: 11px; }
  .soVhgRvzI_DfoUZcZbYi small { font-size: 10px; }
  .frVkW3gJ3Uo07rnhOWZo { display: none; }
  .nLfvnPuPMX8i4Fl_ecC6 { display: block; }
  .rlqYuY2Ap3GCOgqBCnC8 { display: grid; grid-template-columns: auto 1fr; gap: 2px 8px; }
  .rlqYuY2Ap3GCOgqBCnC8 small { grid-column: 1 / -1; margin-left: 0; line-height: 1.45; }

  .zk8SlTtWg21OKFn3n9WO { margin-bottom: 10px; align-items: flex-start; }
  .zk8SlTtWg21OKFn3n9WO > strong { padding-top: 8px; font-size: 12px; }
  .zk8SlTtWg21OKFn3n9WO > div { gap: 4px; }
  .zk8SlTtWg21OKFn3n9WO button { min-height: 34px; padding: 7px 10px; border-radius: 9px; font-size: 12px; }
  .g7Iml4Dmhf3VrHZQ_22R { margin-bottom: 9px; display: grid; grid-template-columns: 40px 1fr 40px; align-items: center; gap: 7px; }
  .g7Iml4Dmhf3VrHZQ_22R strong { color: var(--usage-tech); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; text-align: center; font-size: 14px; }
  .g7Iml4Dmhf3VrHZQ_22R button { width: 40px; height: 40px; padding: 0; border: 1px solid color-mix(in srgb, var(--usage-tech) 11%, transparent); border-radius: 11px; color: var(--usage-tech); background: color-mix(in srgb, var(--usage-tech) 7%, transparent); font-size: 22px; cursor: pointer; touch-action: manipulation; }
  .g7Iml4Dmhf3VrHZQ_22R button:disabled { opacity: .3; }
  .SnYIHG6ZRJTtsKduOCg0, .d62RB6BlWrg2nwCEtp1E { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; }
  .SnYIHG6ZRJTtsKduOCg0 { margin-bottom: 4px; }
  .SnYIHG6ZRJTtsKduOCg0 span { color: var(--baibao-secondary, #718178); font-size: 11px; font-weight: 700; text-align: center; }
  .d62RB6BlWrg2nwCEtp1E { grid-auto-rows: 48px; }
  .d62RB6BlWrg2nwCEtp1E > i { height: 48px; }
  .SALjA6Oj06qoB5Rqs7JD { position: relative; width: min(44px, 100%); height: 44px; justify-self: center; align-self: center; min-width: 0; padding: 6px; border: 1px solid color-mix(in srgb, var(--usage-tech) 8%, transparent); border-radius: 10px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; color: var(--baibao-text, #23362b); background: color-mix(in srgb, var(--usage-tech) 5%, transparent); cursor: pointer; touch-action: manipulation; transition: transform .1s ease, box-shadow .15s ease; }
  .SALjA6Oj06qoB5Rqs7JD::after { content: ''; position: absolute; inset: -5px; }
  .SALjA6Oj06qoB5Rqs7JD span { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11px; line-height: 1; }
  .SALjA6Oj06qoB5Rqs7JD strong { max-width: 100%; overflow: hidden; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 10px; line-height: 1; text-overflow: ellipsis; }
  .SALjA6Oj06qoB5Rqs7JD:active, .q5tde6lQ0Ho9pg3kZNrD button:active, .Gkez2TZt_OKMwhkHCM_B button:active { transform: scale(.94); }
  .SALjA6Oj06qoB5Rqs7JD:disabled { border-style: dashed; opacity: .26; background: transparent; cursor: default; }
  .SALjA6Oj06qoB5Rqs7JD.LXVGYAMe9LY47Mvb2Ded, .Gkez2TZt_OKMwhkHCM_B button.LXVGYAMe9LY47Mvb2Ded { border-color: color-mix(in srgb, var(--usage-tech) 20%, transparent); background: color-mix(in srgb, var(--usage-tech) 12%, transparent); }
  .SALjA6Oj06qoB5Rqs7JD.A7VgHYDinGz69oi6ARfJ, .Gkez2TZt_OKMwhkHCM_B button.A7VgHYDinGz69oi6ARfJ { border-color: color-mix(in srgb, var(--usage-tech) 30%, transparent); background: color-mix(in srgb, var(--usage-tech) 22%, transparent); }
  .SALjA6Oj06qoB5Rqs7JD.IZwvSCN_XzNR5WYlD69E, .Gkez2TZt_OKMwhkHCM_B button.IZwvSCN_XzNR5WYlD69E { color: var(--baibao-text, #23362b); border-color: color-mix(in srgb, var(--usage-tech) 38%, transparent); background: color-mix(in srgb, var(--usage-tech) 34%, var(--baibao-card, #fff)); }
  .SALjA6Oj06qoB5Rqs7JD._F75MVpl6SgRs6jY4sEa, .Gkez2TZt_OKMwhkHCM_B button._F75MVpl6SgRs6jY4sEa { color: #fff; border-color: color-mix(in srgb, var(--usage-tech) 72%, transparent); background: var(--usage-tech); box-shadow: 0 5px 14px color-mix(in srgb, var(--usage-tech) 20%, transparent), inset 0 1px rgb(255 255 255 / 22%); }
  .Tzk2FQJtSyXvLcNvzicU { box-shadow: 0 0 0 2px var(--baibao-card, #fff), 0 0 0 4px var(--usage-tech), 0 5px 15px color-mix(in srgb, var(--usage-tech) 22%, transparent); }
  .aeWcoWab7nU_FkM2NHi0 { margin-top: 9px; min-height: 54px; padding: 9px 11px; border-left: 3px solid var(--usage-tech); border-radius: 10px; display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 4px 9px; background: color-mix(in srgb, var(--usage-tech) 7%, transparent); }
  .aeWcoWab7nU_FkM2NHi0 strong { font-size: 12px; }
  .aeWcoWab7nU_FkM2NHi0 span { color: var(--usage-tech); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 13px; font-weight: 750; }
  .aeWcoWab7nU_FkM2NHi0 small { grid-column: 1 / -1; color: var(--baibao-secondary, #718178); font-size: 11px; line-height: 1.5; }

  .q5tde6lQ0Ho9pg3kZNrD { display: grid; grid-template-columns: 1fr; gap: 8px; }
  .q5tde6lQ0Ho9pg3kZNrD button { min-height: 66px; padding: 10px 11px; border: 1px solid color-mix(in srgb, var(--usage-tech) 12%, transparent); border-radius: 11px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 5px 8px; color: var(--baibao-text, #23362b); background: color-mix(in srgb, var(--usage-tech) 5%, transparent); text-align: left; cursor: pointer; touch-action: manipulation; transition: transform .1s ease; }
  .q5tde6lQ0Ho9pg3kZNrD button > span { display: grid; gap: 2px; }
  .q5tde6lQ0Ho9pg3kZNrD strong { font-size: 13px; }
  .q5tde6lQ0Ho9pg3kZNrD small { color: var(--baibao-secondary, #718178); font-size: 11px; }
  .q5tde6lQ0Ho9pg3kZNrD b { color: var(--usage-tech); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; font-variant-numeric: tabular-nums; }
  .q5tde6lQ0Ho9pg3kZNrD i { grid-column: 1 / -1; height: 4px; overflow: hidden; border-radius: 99px; background: color-mix(in srgb, var(--baibao-secondary, #718178) 8%, transparent); }
  .q5tde6lQ0Ho9pg3kZNrD em { display: block; height: 100%; border-radius: inherit; background: var(--usage-tech); box-shadow: 0 0 7px color-mix(in srgb, var(--usage-tech) 24%, transparent); }

  .Gkez2TZt_OKMwhkHCM_B { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .Gkez2TZt_OKMwhkHCM_B button { min-height: 72px; padding: 10px; border: 1px solid color-mix(in srgb, var(--usage-tech) 9%, transparent); border-radius: 11px; display: grid; align-content: center; justify-items: start; gap: 3px; color: var(--baibao-text, #23362b); background: color-mix(in srgb, var(--usage-tech) 5%, transparent); cursor: pointer; touch-action: manipulation; transition: transform .1s ease; }
  .Gkez2TZt_OKMwhkHCM_B span { font-size: 12px; font-weight: 700; }
  .Gkez2TZt_OKMwhkHCM_B strong { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 14px; font-variant-numeric: tabular-nums; }
  .Gkez2TZt_OKMwhkHCM_B small { font-size: 10px; opacity: .78; }

  .JWgssb7mTaMVqTiO_zzA { gap: 8px; }
  .JWgssb7mTaMVqTiO_zzA > div { min-height: 52px; padding: 10px 11px; border-radius: 10px; }
  .JWgssb7mTaMVqTiO_zzA strong { font-size: 13px; }
  .JWgssb7mTaMVqTiO_zzA small, .JWgssb7mTaMVqTiO_zzA > p { font-size: 11px; line-height: 1.45; }
  .JWgssb7mTaMVqTiO_zzA > div > b { font-size: 13px; }
  .VovMuJbDU6MvqBJo47IB footer { margin-top: 15px; padding: 11px 12px; gap: 5px; border-radius: 10px; }
  .VovMuJbDU6MvqBJo47IB footer strong { font-size: 12px; }
  .VovMuJbDU6MvqBJo47IB footer span { font-size: 11px; line-height: 1.65; }
  .qieHHLnyDiAKwy27IPyH { font-size: 13px; }
}

.VkKR9kPczeYhvxPWkq4z { flex: 0 0 auto; margin: 10px 16px 0; border: 0; border-radius: 10px; background: color-mix(in srgb, var(--baibao-accent) 4%, transparent); font-size: 11px; }
.VkKR9kPczeYhvxPWkq4z summary { display: flex; align-items: center; gap: 7px; min-height: 34px; padding: 7px 10px; cursor: pointer; color: var(--baibao-secondary); list-style: none; }
.VkKR9kPczeYhvxPWkq4z summary::-webkit-details-marker { display: none; }
.VkKR9kPczeYhvxPWkq4z summary > :first-child { color: var(--baibao-accent); }
.VkKR9kPczeYhvxPWkq4z strong { flex: 1; min-width: 0; color: var(--baibao-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.SoOc9y86663Jo1mN35dA { color: var(--baibao-accent); font-size: 10px; }
.VkKR9kPczeYhvxPWkq4z > div { padding: 0 12px 10px; max-height: 120px; overflow: auto; }
.VkKR9kPczeYhvxPWkq4z p { margin: 5px 0 0; color: var(--baibao-secondary); line-height: 1.6; overflow-wrap: anywhere; }
.jIXAdMEON1JnSu_UsuiG { flex: 1 1 0; min-height: 0; height: 100%; padding: 18px 16px 12px; overflow-y: auto; overflow-anchor: none; overscroll-behavior: contain; scroll-behavior: auto; scrollbar-width: thin; scrollbar-color: var(--baibao-border) transparent; }
.jIXAdMEON1JnSu_UsuiG .ant-bubble-content-wrapper { min-width: 0; max-width: calc(100% - 38px); }
.jIXAdMEON1JnSu_UsuiG .ant-bubble-content { min-width: 0; overflow-wrap: anywhere; box-shadow: none; }
.BfyI3L8rHpCXzY3Z9qqW { width: 100%; }
.BfyI3L8rHpCXzY3Z9qqW .ant-bubble-content-wrapper { width: 100%; max-width: calc(100% - 38px); flex: 1 1 auto; }
.BfyI3L8rHpCXzY3Z9qqW .ant-bubble-content { width: 100%; padding: 0; color: var(--baibao-text); }
.zSbobGrK8nMiNueaF9H1 .ant-bubble-content-wrapper,
.zSbobGrK8nMiNueaF9H1 .ant-bubble-content { width: 100%; }
.zSbobGrK8nMiNueaF9H1 .ant-bubble-content-wrapper { flex: 1 1 auto; }
.xanc694oLkiFNF1A_GZx .ant-bubble-content-wrapper,
.xanc694oLkiFNF1A_GZx .ant-bubble-content { width: 100%; }
.xanc694oLkiFNF1A_GZx .ant-bubble-content-wrapper { flex: 1 1 auto; }
.YMBYTUvfeINDxmeAGfSh .ant-bubble-content { background: color-mix(in srgb, var(--baibao-accent) 12%, var(--baibao-card)); color: var(--baibao-text); border: 1px solid color-mix(in srgb, var(--baibao-accent) 20%, var(--baibao-border)); border-radius: 16px 16px 4px 16px; padding: 10px 13px; }
.sX2GC4C6bjOg_ATu8f27 { width: 30px; height: 30px; display: inline-flex; }
.sh_QnYnO7qbXk2HgnIq5 { white-space: pre-wrap; font-size: 13px; line-height: 1.7; }
.sBqzphoUhMQwCJZJOYLV { color: var(--baibao-text); font-size: 13px; line-height: 1.8; min-width: 0; overflow-wrap: anywhere; }
.sBqzphoUhMQwCJZJOYLV .x-markdown { color: inherit; }
.sBqzphoUhMQwCJZJOYLV p { margin: 0 0 10px; }
.sBqzphoUhMQwCJZJOYLV p:last-child { margin-bottom: 0; }
.sBqzphoUhMQwCJZJOYLV h1, .sBqzphoUhMQwCJZJOYLV h2, .sBqzphoUhMQwCJZJOYLV h3 { font-size: 15px; margin: 14px 0 8px; line-height: 1.6; }
.sBqzphoUhMQwCJZJOYLV h1:first-child, .sBqzphoUhMQwCJZJOYLV h2:first-child, .sBqzphoUhMQwCJZJOYLV h3:first-child { margin-top: 0; }
.sBqzphoUhMQwCJZJOYLV ul, .sBqzphoUhMQwCJZJOYLV ol { padding-inline-start: 21px; }
.sBqzphoUhMQwCJZJOYLV pre { max-width: 100%; overflow-x: auto; padding: 12px; border-radius: 10px; background: color-mix(in srgb, var(--baibao-secondary) 8%, var(--baibao-card)); font-size: 12px; }
.sBqzphoUhMQwCJZJOYLV code { background: color-mix(in srgb, var(--baibao-secondary) 8%, var(--baibao-card)); color: inherit; }
.sBqzphoUhMQwCJZJOYLV table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: 12px; }
.sBqzphoUhMQwCJZJOYLV th, .sBqzphoUhMQwCJZJOYLV td { border: 1px solid var(--baibao-border); padding: 7px 10px; min-width: 70px; }
.sBqzphoUhMQwCJZJOYLV th { background: color-mix(in srgb, var(--baibao-accent) 7%, var(--baibao-card)); }
.sBqzphoUhMQwCJZJOYLV a { color: var(--baibao-accent); }
.asssvJQHk_C_FtrFYM5o { margin: 0 1px; padding: 1px 4px; border: 0; border-radius: 5px; display: inline-flex; align-items: center; gap: 3px; color: var(--baibao-accent); background: color-mix(in srgb, var(--baibao-accent) 7%, transparent); cursor: pointer; font: inherit; line-height: inherit; vertical-align: baseline; }
.asssvJQHk_C_FtrFYM5o:hover { background: color-mix(in srgb, var(--baibao-accent) 13%, transparent); text-decoration: underline; }
.asssvJQHk_C_FtrFYM5o .anticon { font-size: .8em; }
.SELtdkHjdyIdyKjgD2O6 { min-width: 0; display: flex; align-items: center; gap: 8px; }
.SELtdkHjdyIdyKjgD2O6 > .anticon { color: var(--baibao-accent, #198859); }
.SELtdkHjdyIdyKjgD2O6 > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
._lsxYA2MBbBz3_d_zXM0 { display: grid; gap: 9px; }
._lsxYA2MBbBz3_d_zXM0 > div { min-width: 0; padding: 8px 10px; border-radius: 9px; display: grid; gap: 2px; background: color-mix(in srgb, var(--baibao-accent, #198859) 6%, transparent); }
._lsxYA2MBbBz3_d_zXM0 > div span { color: var(--baibao-text, #23362b); font-size: 11px; font-weight: 700; }
._lsxYA2MBbBz3_d_zXM0 > div small { overflow: hidden; color: var(--baibao-secondary, #718178); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
._lsxYA2MBbBz3_d_zXM0 iframe { width: 100%; height: min(66vh, 680px); border: 1px solid var(--baibao-border, #dfe9e2); border-radius: 12px; background: #fff; }
._lsxYA2MBbBz3_d_zXM0 > p { margin: 0; color: var(--baibao-secondary, #718178); font-size: 9px; }
.sBqzphoUhMQwCJZJOYLV blockquote { border-inline-start: 3px solid var(--baibao-accent); color: var(--baibao-secondary); margin-inline: 0; padding-inline-start: 12px; }
._N49quAI8Uvt7yidQbNy { min-height: 30px; contain: inline-size; color: var(--baibao-text); }
._N49quAI8Uvt7yidQbNy > .x-markdown { min-height: 30px; }
.kk_quVxhPPdIweQGx3ry { width: 4px; height: 4px; margin-inline-start: 5px; display: inline-block; vertical-align: .12em; border-radius: 50%; background: color-mix(in srgb, var(--baibao-accent) 64%, transparent); box-shadow: 0 0 7px color-mix(in srgb, var(--baibao-accent) 20%, transparent); animation: Xstlbrjg7NlhehV628cF 1.35s ease-in-out infinite; }
.g0rMHftoxa8xkITfJw4w { min-width: 0; }
.g0rMHftoxa8xkITfJw4w > .sBqzphoUhMQwCJZJOYLV,
.g0rMHftoxa8xkITfJw4w > .sBqzphoUhMQwCJZJOYLV > .x-markdown { display: contents; }
.g0rMHftoxa8xkITfJw4w > .sBqzphoUhMQwCJZJOYLV p:last-child { display: inline; }
.frTa19YWBYcYFHTsD8Mf { min-height: 14px; margin-top: 1px; display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; color: var(--baibao-secondary); }
.bnDeYlBt3TXBk0H92sWg { margin-inline-start: 4px; display: inline-flex; align-items: center; vertical-align: middle; transform: translateY(-1px); }
.bnDeYlBt3TXBk0H92sWg .JbxnIu7tMygjOFI0E03A { width: 25px; height: 25px; flex-basis: 25px; }
.bnDeYlBt3TXBk0H92sWg .JbxnIu7tMygjOFI0E03A::before { inset: 2px; }
.bnDeYlBt3TXBk0H92sWg .JbxnIu7tMygjOFI0E03A > span { max-width: 20px; font-size: 7px; }
.bnDeYlBt3TXBk0H92sWg .U6RdV9Yt2spcJOAug1Cp::after { right: -1px; bottom: 0; width: 6px; height: 6px; border-width: 1px; }
._7ct4rOXJp8_XECie6dyQ { order: 2; height: 20px; padding: 0 6px; border: 0; border-radius: 7px; display: inline-flex; align-items: center; gap: 4px; background: transparent; color: var(--baibao-secondary); opacity: 0; cursor: pointer; font-size: 9px; transition: opacity .16s ease, color .16s ease, background .16s ease; }
._7ct4rOXJp8_XECie6dyQ > .anticon { font-size: 10px; }
.BfyI3L8rHpCXzY3Z9qqW:hover ._7ct4rOXJp8_XECie6dyQ, ._7ct4rOXJp8_XECie6dyQ:focus-visible { opacity: 1; }
._7ct4rOXJp8_XECie6dyQ:hover { color: var(--baibao-accent); background: color-mix(in srgb, var(--baibao-accent) 8%, transparent); }
._7ct4rOXJp8_XECie6dyQ:focus-visible { outline: 2px solid color-mix(in srgb, var(--baibao-accent) 28%, transparent); outline-offset: 1px; }
.CAqlT7RyWASyK9rU8oUH { order: 1; margin-inline-end: auto; padding: 2px 6px; border-radius: 999px; background: color-mix(in srgb, var(--baibao-secondary) 6%, transparent); color: color-mix(in srgb, var(--baibao-secondary) 82%, transparent); font-size: 8px; }
.YQj67iMJd2zc2tLGcGDg { order: 3; flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 6px; }
.YQj67iMJd2zc2tLGcGDg button { background: var(--baibao-card); border: 1px solid var(--baibao-border); color: var(--baibao-secondary); padding: 6px 9px; border-radius: 9px; font-size: 11px; text-align: left; cursor: pointer; }
.YQj67iMJd2zc2tLGcGDg button:hover { border-color: var(--baibao-accent); color: var(--baibao-accent); }
.grWH88z8jNW0gGqCTOMw { display: flex; align-items: center; gap: 8px; min-height: 30px; font-size: 12px; color: var(--baibao-secondary); }
.zymsdRyluI4syGaCcjR8 { width: 100%; max-width: none; margin-bottom: 9px; overflow: hidden; border: 0; border-radius: 10px; background: color-mix(in srgb, var(--baibao-accent) 4%, transparent); font-size: 10px; }
.zymsdRyluI4syGaCcjR8:not(details) { width: 100%; max-width: none; }
.in0mYzJugD6eNxhYAikc { min-width: 0; min-height: 32px; display: grid; grid-template-columns: minmax(106px, 132px) minmax(0, 1fr) max-content; align-items: center; column-gap: 8px; padding: 4px 8px 4px 6px; list-style: none; cursor: pointer; }
.in0mYzJugD6eNxhYAikc[data-collaborating='true'] { grid-template-columns: minmax(112px, 144px) minmax(0, 1fr) max-content; }
.in0mYzJugD6eNxhYAikc::-webkit-details-marker { display: none; }
.zymsdRyluI4syGaCcjR8 > div.in0mYzJugD6eNxhYAikc { cursor: default; }
.IRkXIn1d1bNpOLemrZHg { min-width: 0; width: 100%; display: flex; align-items: center; gap: 5px; overflow: hidden; }
.c3NxhQRlv255nhLB9T4m, .ZHBpFU0UAM_99ha2WwTQ { min-width: 0; display: flex; align-items: center; gap: 4px; color: var(--baibao-text); font-size: 10px; }
.c3NxhQRlv255nhLB9T4m { padding-inline-start: 2px; }
.c3NxhQRlv255nhLB9T4m b, .ZHBpFU0UAM_99ha2WwTQ b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.IRkXIn1d1bNpOLemrZHg[data-collaborating='true'] .ZHBpFU0UAM_99ha2WwTQ { flex: 0 1 auto; }
.fbkRskisCk21kHbz5IiI { min-width: 0; display: flex; align-items: center; gap: 7px; }
.fbkRskisCk21kHbz5IiI > b { min-width: 0; overflow: hidden; color: var(--baibao-text); font-size: 10px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.uW3t2ydFI3YMGz6fFs60 { flex: 0 0 auto; display: inline-flex; align-items: center; padding-inline-start: 2px; }
.uW3t2ydFI3YMGz6fFs60 i { width: 19px; height: 19px; margin-inline-start: -4px; border: 2px solid var(--baibao-card); border-radius: 50%; display: grid; place-items: center; color: var(--baibao-accent); background: color-mix(in srgb, var(--baibao-accent) 10%, var(--baibao-card)); box-shadow: 0 1px 4px color-mix(in srgb, var(--baibao-secondary) 12%, transparent); font-size: 8px; font-style: normal; }
.uW3t2ydFI3YMGz6fFs60 i:first-child { margin-inline-start: 0; }
.uW3t2ydFI3YMGz6fFs60 i[data-application='finance'] { color: #3978d4; background: color-mix(in srgb, #3978d4 11%, var(--baibao-card)); }
.uW3t2ydFI3YMGz6fFs60 i[data-application='research'] { color: #168c86; background: color-mix(in srgb, #168c86 11%, var(--baibao-card)); }
.H9MAGi9dX7y7_Pt6WW3d { flex: 0 0 auto; color: color-mix(in srgb, var(--baibao-secondary) 65%, transparent); font-size: 7px; }
.ZHBpFU0UAM_99ha2WwTQ i { width: 18px; height: 18px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; background: color-mix(in srgb, var(--baibao-accent) 11%, var(--baibao-card)); color: var(--baibao-accent); font-size: 10px; font-style: normal; }
.ZHBpFU0UAM_99ha2WwTQ[data-application="bookkeeping"] i { background: color-mix(in srgb, #c88a2e 14%, var(--baibao-card)); color: #a86a0d; }
.ZHBpFU0UAM_99ha2WwTQ[data-application="finance"] i { background: color-mix(in srgb, #3978d4 13%, var(--baibao-card)); color: #3978d4; }
.ZHBpFU0UAM_99ha2WwTQ[data-application="general"] i { background: color-mix(in srgb, #7755b7 13%, var(--baibao-card)); color: #7755b7; }
.t74xEA2maq_BEdWJdMgS { box-sizing: border-box; min-width: 0; width: 100%; overflow: hidden; padding: 0 4px; color: color-mix(in srgb, var(--baibao-secondary) 88%, var(--baibao-text)); font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; font-size: 10px; font-weight: 520; letter-spacing: .01em; text-align: center; text-overflow: ellipsis; white-space: nowrap; animation: W489B7qTL5jo3eJ7uwJ2 .32s cubic-bezier(.22, .72, .26, 1) both; }
.t74xEA2maq_BEdWJdMgS[data-running='true'] { color: var(--baibao-accent); }
.IZp3tDmhyERq_9yeQrHg { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; color: var(--baibao-secondary); }
.Y_fdifvgK_FOURoAgDau { display: inline-flex; align-items: center; gap: 4px; font-size: 9px; font-weight: 650; white-space: nowrap; }
.Y_fdifvgK_FOURoAgDau i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 2px color-mix(in srgb, currentColor 12%, transparent); }
.IZp3tDmhyERq_9yeQrHg[data-status='处理中'] { color: var(--baibao-accent); }
.IZp3tDmhyERq_9yeQrHg[data-status='处理中'] .Y_fdifvgK_FOURoAgDau i { animation: ghVOMFqVllnMrzPaeh4N 1.15s ease-in-out infinite; }
.IZp3tDmhyERq_9yeQrHg[data-status='未完成'] { color: #c34d4d; }
.IZp3tDmhyERq_9yeQrHg[data-status='待补充'] { color: #a56a16; }
.iaNo0kW6EfKq8PK3JOvt { min-width: max-content; margin-inline-start: auto; display: flex; align-items: center; gap: 5px; color: var(--baibao-secondary); font-size: 9px; }
.QTtJ3ty6SUSxYkyxLDZz { display: inline-flex; align-items: center; gap: 4px; padding: 2px 6px; border-radius: 999px; background: color-mix(in srgb, var(--baibao-secondary) 7%, transparent); }
.QTtJ3ty6SUSxYkyxLDZz i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 2px color-mix(in srgb, currentColor 12%, transparent); }
.iaNo0kW6EfKq8PK3JOvt.UJ1lCd0jK0tCidsJZet1 { color: var(--baibao-accent); }
.iaNo0kW6EfKq8PK3JOvt.UJ1lCd0jK0tCidsJZet1 .QTtJ3ty6SUSxYkyxLDZz i { animation: ghVOMFqVllnMrzPaeh4N 1.15s ease-in-out infinite; }
.iaNo0kW6EfKq8PK3JOvt.yNzhybENTkcfosh2bpDu { color: #c34d4d; }
.iaNo0kW6EfKq8PK3JOvt.EEVly98Y9miuCGlBMqeZ { color: #a56a16; }
.iaNo0kW6EfKq8PK3JOvt.mh8k55aeGvz2DpH5KGGk { color: #8b6b36; }
.iaNo0kW6EfKq8PK3JOvt.S96eZVrhB3axqCpMs3vi { color: #578269; }
.jDYJCyryC9ULdvRsvZJB { color: var(--baibao-secondary); font-size: 7px; transition: transform .18s ease; }
.zymsdRyluI4syGaCcjR8[open] .jDYJCyryC9ULdvRsvZJB { transform: rotate(180deg); }
.Qolor_8ERyKViLKFzXhu { margin: 0 7px; padding: 6px 5px 3px; border-top: 1px solid color-mix(in srgb, var(--baibao-border) 70%, transparent); color: var(--baibao-secondary); font-size: 9px; letter-spacing: .08em; }
.zymsdRyluI4syGaCcjR8 > ol { margin: 0 7px; padding: 2px 2px 6px 8px; border-inline-start: 1px solid color-mix(in srgb, var(--baibao-accent) 18%, transparent); list-style: none; background: transparent; }
.zymsdRyluI4syGaCcjR8 li { min-width: 0; display: flex; align-items: center; gap: 6px; padding: 4px 0 4px 5px; color: var(--baibao-secondary); }
.zymsdRyluI4syGaCcjR8 li > :first-child { flex: 0 0 auto; color: var(--baibao-accent); }
.zymsdRyluI4syGaCcjR8 li > span:nth-child(2) { min-width: 0; flex: 1; color: var(--baibao-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zymsdRyluI4syGaCcjR8 li small { flex: 0 0 auto; color: var(--baibao-secondary); font-size: 9px; }
@keyframes ghVOMFqVllnMrzPaeh4N { 50% { opacity: .35; transform: scale(.72); } }
@keyframes W489B7qTL5jo3eJ7uwJ2 { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }
@keyframes Xstlbrjg7NlhehV628cF { 50% { opacity: .22; } }
.rQFL_3Ok54PBa6sz05ZQ { margin-top: 12px; padding: 12px; border-radius: 12px; background: color-mix(in srgb, var(--baibao-accent) 8%, var(--baibao-card)); border: 1px solid var(--baibao-border); display: grid; gap: 7px; }
.rQFL_3Ok54PBa6sz05ZQ small { color: var(--baibao-secondary); }
.rQFL_3Ok54PBa6sz05ZQ strong { font-size: 12px; }
.sBYLyZOz5ellAqYuRZCN { margin: 0; max-height: 320px; overflow: auto; font-size: 12px; line-height: 1.6; }
.sBYLyZOz5ellAqYuRZCN dt { color: var(--baibao-secondary, #718178); margin-top: 6px; }
.sBYLyZOz5ellAqYuRZCN dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.rQFL_3Ok54PBa6sz05ZQ > div { display: flex; flex-wrap: wrap; gap: 8px; }
.qCWjSVubuKdmhok9S0hm { margin: 0 0 14px; padding: 9px 11px; border-radius: 10px; color: var(--baibao-secondary, #65756d); background: color-mix(in srgb, var(--baibao-accent, #198859) 7%, transparent); font-size: 12px; line-height: 1.55; }
.vD3OlrzCB9jS0XD0P8xe .ant-form-item { margin-bottom: 13px; }
.vD3OlrzCB9jS0XD0P8xe .ant-form-item-label { padding-bottom: 4px; }
.vD3OlrzCB9jS0XD0P8xe .ant-form-item-label > label { color: var(--baibao-text, #26332d); font-size: 12px; font-weight: 700; }
.vD3OlrzCB9jS0XD0P8xe .ant-picker, .vD3OlrzCB9jS0XD0P8xe .ant-input-number, .vD3OlrzCB9jS0XD0P8xe .ant-select { width: 100%; }
.gn2zQ28oz7lDuJKDx199 { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(120px, .8fr); gap: 10px; }
.rxHCTY6v0FMM8YQX6Usm { color: var(--baibao-secondary); font-size: 11px; padding-top: 8px; }
.fVwbMu2QIdxytHKV_OfL { position: relative; width: 100%; padding: 6px; background: var(--baibao-card, #fff); border: 1px solid color-mix(in srgb, var(--baibao-accent, #198859) 14%, var(--baibao-border, #dfe9e2)); border-radius: 17px; box-shadow: 0 6px 20px color-mix(in srgb, var(--baibao-accent, #198859) 6%, transparent); }
.k5RnqUJNSfv6pbKPgMzg { margin: 0 2px 5px; display: flex; align-items: center; justify-content: space-between; gap: 6px; overflow: visible; }
.k5RnqUJNSfv6pbKPgMzg button { height: 28px; padding: 0 8px; border: 0; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; color: var(--baibao-secondary, #718178); background: transparent; font-size: 10px; line-height: 1; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.k5RnqUJNSfv6pbKPgMzg > button:first-child { min-width: 0; width: auto; max-width: min(58%, 220px); flex: 0 1 auto; }
.k5RnqUJNSfv6pbKPgMzg button[data-icononly='true'] { flex: 0 0 auto; width: 28px; min-width: 28px; padding: 0; font-size: 13px; }
.k5RnqUJNSfv6pbKPgMzg button[data-icononly='true'] .anticon:last-child { font-size: 13px; }
.k5RnqUJNSfv6pbKPgMzg button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.k5RnqUJNSfv6pbKPgMzg button[data-active='true'] { color: var(--baibao-accent, #198859); background: color-mix(in srgb, var(--baibao-accent, #198859) 7%, transparent); }
.k5RnqUJNSfv6pbKPgMzg button .anticon:last-child { font-size: 8px; }
.k5RnqUJNSfv6pbKPgMzg button:focus-visible { outline: 2px solid color-mix(in srgb, var(--baibao-accent, #198859) 42%, transparent); outline-offset: 2px; }
.Nmj5Xo8YbHITIzR76ReU { border: 0 !important; border-radius: 12px; box-shadow: none; background: color-mix(in srgb, var(--baibao-secondary, #718178) 5%, var(--baibao-card, #fff)); transition: background .16s ease, box-shadow .16s ease; }
.Nmj5Xo8YbHITIzR76ReU:focus-within { background: color-mix(in srgb, var(--baibao-accent, #198859) 5%, var(--baibao-card, #fff)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baibao-accent, #198859) 18%, transparent); }
.Nmj5Xo8YbHITIzR76ReU .ant-sender-content { align-items: center; }
.Nmj5Xo8YbHITIzR76ReU textarea { padding-inline-end: 39px !important; color: var(--baibao-text, #26332d) !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-size: 13px !important; line-height: 1.65 !important; }
.hVCj_cMi36nPIA2WCMv6 { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; }
.hVCj_cMi36nPIA2WCMv6 .ant-btn { width: 32px; min-width: 32px; height: 32px; padding: 0; }
.asNvR9Jkl7iFgaqaAVTF { width: 236px; padding: 2px 3px; color: var(--baibao-text, #23362b); }
.asNvR9Jkl7iFgaqaAVTF section + section { margin-top: 11px; padding-top: 10px; border-top: 1px solid color-mix(in srgb, var(--baibao-border, #dfe9e2) 72%, transparent); }
.asNvR9Jkl7iFgaqaAVTF header, .asNvR9Jkl7iFgaqaAVTF footer { display: flex; align-items: center; justify-content: space-between; }
.asNvR9Jkl7iFgaqaAVTF header { margin-bottom: 5px; }
.asNvR9Jkl7iFgaqaAVTF header span { font-size: 11px; font-weight: 700; }
.asNvR9Jkl7iFgaqaAVTF header strong { color: var(--baibao-accent, #198859); font-size: 12px; font-variant-numeric: tabular-nums; }
.asNvR9Jkl7iFgaqaAVTF header small { color: var(--baibao-secondary, #718178); font-size: 8px; }
.asNvR9Jkl7iFgaqaAVTF footer { margin-top: -4px; color: var(--baibao-secondary, #718178); font-size: 8px; }
.asNvR9Jkl7iFgaqaAVTF .ant-slider { margin: 8px 5px 10px; }
.asNvR9Jkl7iFgaqaAVTF .ant-segmented { padding: 2px; font-size: 10px; }
.asNvR9Jkl7iFgaqaAVTF .ant-segmented-item-label { min-height: 24px; line-height: 24px; }
.asNvR9Jkl7iFgaqaAVTF .ugZAeGTyiaG1ldpZDG8I { display: flex; align-items: center; justify-content: space-between; }
.asNvR9Jkl7iFgaqaAVTF .ugZAeGTyiaG1ldpZDG8I header { margin: 0; display: grid; justify-items: start; gap: 2px; }
._N49quAI8Uvt7yidQbNy[data-animation='off'] .kk_quVxhPPdIweQGx3ry { animation: none; opacity: .48; box-shadow: none; }
._N49quAI8Uvt7yidQbNy[data-animation='full'] .kk_quVxhPPdIweQGx3ry { box-shadow: 0 0 10px color-mix(in srgb, var(--baibao-accent) 36%, transparent); animation-duration: .9s; }
.y7oMGuVz_Ke5VyUl8204 { position: static; z-index: 2; display: inline-flex; align-items: center; justify-content: center; line-height: 0; }
.y7oMGuVz_Ke5VyUl8204 .JbxnIu7tMygjOFI0E03A { width: 26px; min-width: 26px; height: 26px; flex-basis: 26px; background: conic-gradient(color-mix(in srgb, var(--meter-color, var(--baibao-accent, #198859)) 72%, var(--baibao-card, #fff)) var(--context-angle), color-mix(in srgb, var(--baibao-secondary, #718178) 9%, transparent) 0); box-shadow: none; }
.y7oMGuVz_Ke5VyUl8204 .JbxnIu7tMygjOFI0E03A::before { inset: 2px; }
.y7oMGuVz_Ke5VyUl8204 .JbxnIu7tMygjOFI0E03A > span { max-width: 21px; font-size: 7.5px; }
.y7oMGuVz_Ke5VyUl8204 .U6RdV9Yt2spcJOAug1Cp::after { display: none; }
.y7oMGuVz_Ke5VyUl8204 .JbxnIu7tMygjOFI0E03A:hover { transform: none; filter: saturate(1.08); }
.JbxnIu7tMygjOFI0E03A { --context-angle: 0deg; position: relative; width: 32px; height: 32px; flex: 0 0 32px; padding: 3px; border: 0; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--baibao-accent, #198859) var(--context-angle), color-mix(in srgb, var(--baibao-secondary, #718178) 13%, transparent) 0); color: var(--baibao-secondary, #718178); cursor: pointer; transition: transform .16s ease, filter .16s ease; }
.JbxnIu7tMygjOFI0E03A::before { content: ''; position: absolute; inset: 3px; border-radius: inherit; background: var(--baibao-card, #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baibao-border, #dfe9e2) 70%, transparent); }
.JbxnIu7tMygjOFI0E03A > span { position: relative; z-index: 1; max-width: 27px; overflow: hidden; color: var(--baibao-text, #26332d); font-size: 9px; font-weight: 800; line-height: 1; letter-spacing: -.35px; text-overflow: clip; white-space: nowrap; }
.U6RdV9Yt2spcJOAug1Cp::after { content: ''; position: absolute; right: 0; bottom: 1px; z-index: 2; width: 7px; height: 7px; border: 2px solid var(--baibao-card, #fff); border-radius: 50%; background: #24a06b; }
.JbxnIu7tMygjOFI0E03A:hover { transform: scale(1.06); filter: saturate(1.12); color: var(--baibao-accent, #198859); }
.JbxnIu7tMygjOFI0E03A:focus-visible { outline: 2px solid color-mix(in srgb, var(--baibao-accent, #198859) 30%, transparent); outline-offset: 2px; }
.Z13QltMi3LC8ShJ5C5Bk { animation: btFAVxo0iLXnJNdCxr1N 1.3s ease-in-out infinite; }
.JbxnIu7tMygjOFI0E03A[data-load='low'] { --meter-color: var(--baibao-accent, #198859); }
.JbxnIu7tMygjOFI0E03A[data-load='watch'] { --meter-color: #c99422; }
.JbxnIu7tMygjOFI0E03A[data-load='high'] { --meter-color: #df792f; }
.JbxnIu7tMygjOFI0E03A[data-load='critical'] { --meter-color: #d84c5b; }
@keyframes btFAVxo0iLXnJNdCxr1N { 50% { opacity: .55; } }
.d7FONqgFrZEpln5tPOzV { width: min(520px, calc(100vw - 16px)) !important; }
.V6t0v19eThL58wiBzQiM { width: min(620px, calc(100vw - 16px)) !important; }
.d7FONqgFrZEpln5tPOzV .ant-modal-content { overflow: hidden; padding: 14px; border: 1px solid color-mix(in srgb, var(--baibao-border, #dfe9e2) 72%, transparent); border-radius: 16px; box-shadow: 0 22px 64px rgba(23, 46, 34, .18); }
.d7FONqgFrZEpln5tPOzV .ant-modal-close { top: 12px; inset-inline-end: 12px; }
.d7FONqgFrZEpln5tPOzV .ant-modal-body { min-width: 0; }
.Rumj42trdG0B_HjlHrJB { width: 100%; max-height: min(620px, 72dvh); overflow-y: auto; padding: 2px 3px 2px 0; color: var(--baibao-text, #23362b); scrollbar-width: thin; }
.Rumj42trdG0B_HjlHrJB > header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-inline-end: 32px; }
.Rumj42trdG0B_HjlHrJB > header > div { min-width: 0; display: grid; gap: 2px; }
.Rumj42trdG0B_HjlHrJB > header small { color: var(--baibao-secondary, #718178); font-size: 10px; }
.Rumj42trdG0B_HjlHrJB > header strong { font-size: 15px; letter-spacing: -.02em; }
.Rumj42trdG0B_HjlHrJB > header > b { color: var(--baibao-accent, #198859); font-size: 18px; font-variant-numeric: tabular-nums; }
.REqY1_ye1S31OutnLtQp { height: 5px; margin-top: 10px; overflow: hidden; border-radius: 999px; background: color-mix(in srgb, var(--baibao-secondary, #718178) 12%, transparent); }
.REqY1_ye1S31OutnLtQp i { display: block; min-width: 2px; height: 100%; border-radius: inherit; background: var(--baibao-accent, #198859); }
.xuiY9utF1uYfdTsP8H64, ._DBdt21pk2Xs0VsgiGx_ { margin: 6px 0 0; color: var(--baibao-secondary, #718178); font-size: 9px; line-height: 1.5; }
.DhY_bMVqGzehbyfL4b7e { margin: 9px 0 0; padding: 8px 10px; border-radius: 9px; color: var(--baibao-text, #23362b); background: color-mix(in srgb, var(--baibao-accent, #198859) 7%, transparent); font-size: 10px; line-height: 1.5; }
.DhY_bMVqGzehbyfL4b7e[data-load='watch'] { background: color-mix(in srgb, #c99422 11%, transparent); }
.DhY_bMVqGzehbyfL4b7e[data-load='high'] { background: color-mix(in srgb, #df792f 12%, transparent); }
.DhY_bMVqGzehbyfL4b7e[data-load='critical'] { background: color-mix(in srgb, #d84c5b 12%, transparent); }
.REqY1_ye1S31OutnLtQp[data-load='watch'] i { background: #c99422; }
.REqY1_ye1S31OutnLtQp[data-load='high'] i { background: #df792f; }
.REqY1_ye1S31OutnLtQp[data-load='critical'] i { background: #d84c5b; }
.y9jnJWPWDKTo6J2NmZuZ { display: grid; gap: 6px; }
.y9jnJWPWDKTo6J2NmZuZ > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 8px; padding: 7px 8px 7px 10px; border-radius: 9px; background: color-mix(in srgb, var(--baibao-secondary, #718178) 6%, transparent); box-shadow: inset 2px 0 0 color-mix(in srgb, var(--baibao-secondary, #718178) 34%, transparent); }
.y9jnJWPWDKTo6J2NmZuZ span, .y9jnJWPWDKTo6J2NmZuZ strong { font-size: 10px; }
.y9jnJWPWDKTo6J2NmZuZ strong { color: var(--baibao-secondary, #718178); }
.y9jnJWPWDKTo6J2NmZuZ small { grid-column: 1 / -1; color: var(--baibao-secondary, #718178); font-size: 8px; line-height: 1.45; }
.y9jnJWPWDKTo6J2NmZuZ > div[data-status='hit'], .y9jnJWPWDKTo6J2NmZuZ > div[data-status='partial'], .y9jnJWPWDKTo6J2NmZuZ > div[data-status='stale'] { box-shadow: inset 2px 0 0 #24a06b; }
.y9jnJWPWDKTo6J2NmZuZ > div[data-status='hit'] strong, .y9jnJWPWDKTo6J2NmZuZ > div[data-status='partial'] strong, .y9jnJWPWDKTo6J2NmZuZ > div[data-status='stale'] strong { color: #198859; }
.y9jnJWPWDKTo6J2NmZuZ > div[data-status='miss'] { box-shadow: inset 2px 0 0 #db8b26; }
.y9jnJWPWDKTo6J2NmZuZ > div[data-status='miss'] strong { color: #bd6c12; }
.OVQ7CuDUbDvTV18LNJfR { margin: 0; padding: 9px 10px; border-radius: 9px; color: var(--baibao-secondary, #718178); background: color-mix(in srgb, var(--baibao-secondary, #718178) 6%, transparent); font-size: 9px; line-height: 1.55; }
.Rumj42trdG0B_HjlHrJB section { margin-top: 13px; padding-top: 11px; border-top: 1px solid color-mix(in srgb, var(--baibao-border, #dfe9e2) 78%, transparent); }
.Rumj42trdG0B_HjlHrJB h4 { margin: 0 0 8px; display: flex; align-items: center; justify-content: space-between; color: var(--baibao-text, #23362b); font-size: 11px; }
.Rumj42trdG0B_HjlHrJB h4 span { color: var(--baibao-secondary, #718178); font-size: 8px; font-weight: 500; }
.zGLY2SgRzW6uETT1GxiW { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.zGLY2SgRzW6uETT1GxiW > div { min-width: 0; padding: 7px 6px; border-radius: 9px; display: grid; gap: 2px; background: color-mix(in srgb, var(--baibao-accent, #198859) 6%, transparent); }
.zGLY2SgRzW6uETT1GxiW small { color: var(--baibao-secondary, #718178); font-size: 8px; }
.zGLY2SgRzW6uETT1GxiW strong { font-size: 12px; font-variant-numeric: tabular-nums; }
.jRsPxWp76Cw0SxPo_7t1 { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.jRsPxWp76Cw0SxPo_7t1 > div { min-width: 0; padding: 6px 7px; border-radius: 8px; background: color-mix(in srgb, var(--baibao-secondary, #718178) 6%, transparent); }
.jRsPxWp76Cw0SxPo_7t1 dt { color: var(--baibao-secondary, #718178); font-size: 8px; }
.jRsPxWp76Cw0SxPo_7t1 dd { margin: 2px 0 0; overflow: hidden; color: var(--baibao-text, #23362b); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.VLCMeTZewq7VKnvcsEre { margin: 7px 0 0; padding: 7px 8px; border-radius: 8px; background: color-mix(in srgb, var(--baibao-accent, #198859) 5%, transparent); color: var(--baibao-secondary, #718178); font-size: 9px; line-height: 1.5; }
.Qa1J5pHDT3vLKLPctiMv { display: flex; flex-wrap: wrap; gap: 5px; }
.Qa1J5pHDT3vLKLPctiMv span { padding: 4px 7px; border-radius: 999px; background: color-mix(in srgb, var(--baibao-accent, #198859) 9%, transparent); color: var(--baibao-accent, #198859); font-size: 9px; }
.Qa1J5pHDT3vLKLPctiMv em { color: var(--baibao-secondary, #718178); font-size: 9px; font-style: normal; }
.ypIB5kTqc6381hZYe1UR { display: grid; gap: 7px; }
.ypIB5kTqc6381hZYe1UR > div { display: grid; grid-template-columns: 98px minmax(54px, 1fr) 34px; align-items: center; gap: 7px; color: var(--baibao-secondary, #718178); font-size: 9px; }
.ypIB5kTqc6381hZYe1UR > div > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ypIB5kTqc6381hZYe1UR i { height: 3px; overflow: hidden; border-radius: 999px; background: color-mix(in srgb, var(--baibao-secondary, #718178) 10%, transparent); }
.ypIB5kTqc6381hZYe1UR i b { display: block; max-width: 100%; height: 100%; border-radius: inherit; background: color-mix(in srgb, var(--baibao-accent, #198859) 74%, transparent); }
.ypIB5kTqc6381hZYe1UR strong { text-align: right; color: var(--baibao-text, #23362b); font-size: 9px; font-variant-numeric: tabular-nums; }
.bqmb2WAhR9s7rcY5E4m9 { min-height: 82px; display: grid; align-content: center; gap: 5px; }
.bqmb2WAhR9s7rcY5E4m9 p { margin: 0; color: var(--baibao-secondary, #718178); font-size: 10px; line-height: 1.5; }
.PujhUxjKvJjJ5oASu9fg > div > small { color: var(--baibao-tech, var(--baibao-accent)); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.PujhUxjKvJjJ5oASu9fg > div > strong { font-size: 17px; }
.PujhUxjKvJjJ5oASu9fg > div > span { color: var(--baibao-secondary); font-size: 11px; }
.PujhUxjKvJjJ5oASu9fg > b { min-width: 48px; padding: 6px 8px; border-radius: 9px; color: var(--baibao-accent); background: color-mix(in srgb, var(--baibao-accent) 8%, transparent); font-size: 12px; text-align: center; }
.Q8jAQw0GXIdOWH847nAj { margin-top: 10px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
.Q8jAQw0GXIdOWH847nAj > div { min-width: 0; min-height: 60px; padding: 7px 8px; border: 1px solid color-mix(in srgb, var(--baibao-accent) 10%, var(--baibao-border)); border-radius: 9px; display: grid; align-content: center; gap: 2px; background: color-mix(in srgb, var(--baibao-accent) 5%, transparent); }
.Q8jAQw0GXIdOWH847nAj small { color: var(--baibao-secondary); font-size: 9px; }
.Q8jAQw0GXIdOWH847nAj strong { overflow: hidden; color: var(--baibao-text); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.Q8jAQw0GXIdOWH847nAj span { overflow: hidden; color: var(--baibao-secondary); font-size: 9px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.pE8L8RWesXYa3j6E7w32 { margin-top: 10px !important; padding-top: 9px !important; }
.dtAgSbJHBhlDmm5OlMfL { margin-bottom: 7px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.dtAgSbJHBhlDmm5OlMfL strong { font-size: 14px; }
.dtAgSbJHBhlDmm5OlMfL span { color: var(--baibao-secondary); font-size: 10px; text-align: right; }
.gzG6QEv3duQOxZt0eZjf { margin: 0; padding: 0; display: grid; gap: 9px; list-style: none; }
.gzG6QEv3duQOxZt0eZjf > li { position: relative; display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 9px; }
.gzG6QEv3duQOxZt0eZjf > li::after { content: ''; position: absolute; top: 31px; bottom: -10px; left: 14px; width: 1px; background: color-mix(in srgb, var(--baibao-accent) 18%, var(--baibao-border)); }
.gzG6QEv3duQOxZt0eZjf > li:last-child::after { display: none; }
.gzG6QEv3duQOxZt0eZjf > li > i { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; color: var(--baibao-accent); background: color-mix(in srgb, var(--baibao-accent) 10%, var(--baibao-card)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--baibao-accent) 20%, transparent); font-size: 11px; font-style: normal; font-weight: 800; }
.gzG6QEv3duQOxZt0eZjf > li[data-status='failed'] > i { color: #d84c5b; background: color-mix(in srgb, #d84c5b 10%, var(--baibao-card)); }
.gzG6QEv3duQOxZt0eZjf > li > div { min-width: 0; padding: 9px 10px; border: 1px solid color-mix(in srgb, var(--baibao-border) 76%, transparent); border-radius: 11px; background: color-mix(in srgb, var(--baibao-secondary) 4%, transparent); }
.gzG6QEv3duQOxZt0eZjf header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.gzG6QEv3duQOxZt0eZjf header strong { min-width: 0; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.gzG6QEv3duQOxZt0eZjf header span { flex: 0 0 auto; color: var(--baibao-accent); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 10px; font-weight: 750; }
.gzG6QEv3duQOxZt0eZjf p { margin: 6px 0 0; color: var(--baibao-secondary); font-size: 10px; line-height: 1.5; }
.PJ9dGpLvxXE6rcRxP5RT { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
.PJ9dGpLvxXE6rcRxP5RT > div { min-width: 0; min-height: 64px; padding: 7px 9px; border: 1px solid color-mix(in srgb, var(--baibao-border) 76%, transparent); border-radius: 9px; background: color-mix(in srgb, var(--baibao-secondary) 4%, transparent); }
.PJ9dGpLvxXE6rcRxP5RT header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1px 6px; }
.PJ9dGpLvxXE6rcRxP5RT header span { grid-column: 1 / -1; color: var(--baibao-secondary); font-size: 9px; }
.PJ9dGpLvxXE6rcRxP5RT header strong { min-width: 0; overflow: hidden; color: var(--baibao-text); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.PJ9dGpLvxXE6rcRxP5RT header b { color: var(--baibao-accent); font-size: 11px; white-space: nowrap; }
.L5Iwy3m8UvxMs57HGBNv { margin-top: 6px; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.L5Iwy3m8UvxMs57HGBNv span { padding: 3px 6px; border-radius: 999px; display: inline-flex; align-items: center; gap: 4px; color: #2875c7; background: color-mix(in srgb, #2875c7 9%, transparent); font-size: 9px; font-weight: 700; line-height: 1.2; }
.PJ9dGpLvxXE6rcRxP5RT [data-agent-role='sub'] .L5Iwy3m8UvxMs57HGBNv span { color: #21845e; background: color-mix(in srgb, #28a978 10%, transparent); }
.L5Iwy3m8UvxMs57HGBNv span b { min-width: 13px; padding: 1px 3px; border-radius: 999px; color: inherit; background: color-mix(in srgb, currentColor 10%, transparent); font-size: 8px; text-align: center; }
.L5Iwy3m8UvxMs57HGBNv em { color: var(--baibao-secondary); font-size: 9px; font-style: normal; }
.jSI9_epIjxfPEHCxzeQn { margin: 0; padding: 0; display: grid; gap: 4px; list-style: none; }
.jSI9_epIjxfPEHCxzeQn li { min-width: 0; min-height: 35px; padding: 5px 8px; border: 1px solid color-mix(in srgb, var(--baibao-border) 76%, transparent); border-radius: 8px; display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; column-gap: 7px; background: color-mix(in srgb, var(--baibao-accent) 4%, transparent); }
.jSI9_epIjxfPEHCxzeQn i { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; color: var(--baibao-accent); background: color-mix(in srgb, var(--baibao-accent) 11%, transparent); font-size: 10px; font-style: normal; font-weight: 800; }
.jSI9_epIjxfPEHCxzeQn strong { min-width: 0; overflow: hidden; color: var(--baibao-text); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.jSI9_epIjxfPEHCxzeQn small { min-width: 0; overflow: hidden; color: var(--baibao-secondary); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.jSI9_epIjxfPEHCxzeQn b { grid-column: 3; color: var(--baibao-accent); font-size: 11px; white-space: nowrap; }
.shJTVKr3jYahUpfHEchS { padding: 18px 10px; border-radius: 10px; background: color-mix(in srgb, var(--baibao-secondary) 4%, transparent); color: var(--baibao-secondary); font-size: 11px; text-align: center; }
.gzG6QEv3duQOxZt0eZjf .FIGB4668TroRAAMLqQDc { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.FIGB4668TroRAAMLqQDc i { color: color-mix(in srgb, var(--baibao-secondary) 55%, transparent); font-size: 9px; font-style: normal; }
.FIGB4668TroRAAMLqQDc span { padding: 3px 7px; border-radius: 999px; font-size: 10px; font-weight: 750; }
.FIGB4668TroRAAMLqQDc span[data-kind='domain'] { color: #2875c7; background: color-mix(in srgb, #2875c7 10%, transparent); }
.FIGB4668TroRAAMLqQDc span[data-kind='action'] { color: #9a6618; background: color-mix(in srgb, #d59631 12%, transparent); }
.FIGB4668TroRAAMLqQDc span[data-kind='target'] { color: #21845e; background: color-mix(in srgb, #28a978 11%, transparent); }
.yvl1JmCHwttZMgWjigBO { margin-top: 7px; display: flex; flex-wrap: wrap; gap: 5px; }
.yvl1JmCHwttZMgWjigBO > span { padding: 4px 6px; border-radius: 6px; color: var(--baibao-secondary); background: color-mix(in srgb, var(--baibao-secondary) 7%, transparent); font-size: 9px; line-height: 1.35; }
.yvl1JmCHwttZMgWjigBO b { color: var(--baibao-text); font-weight: 750; }
.fu8Jetq9A13Q4A839Ere { margin-top: 9px; padding: 7px 9px; border-radius: 8px; display: grid; gap: 2px; color: var(--baibao-secondary); background: color-mix(in srgb, var(--baibao-accent) 5%, transparent); }
.fu8Jetq9A13Q4A839Ere span { font-size: 10px; line-height: 1.5; }
.fu8Jetq9A13Q4A839Ere small { font-size: 9px; line-height: 1.5; }
@media (max-width: 767px) { .VkKR9kPczeYhvxPWkq4z { margin-inline: 12px; } .jIXAdMEON1JnSu_UsuiG { padding: 16px 12px 10px; } .zymsdRyluI4syGaCcjR8 { max-width: 100%; } .in0mYzJugD6eNxhYAikc { gap: 5px; } .in0mYzJugD6eNxhYAikc[data-collaborating='true'] { grid-template-columns: minmax(108px, 132px) minmax(0, 1fr) max-content; } .QTtJ3ty6SUSxYkyxLDZz { padding-inline: 5px; } ._7ct4rOXJp8_XECie6dyQ { opacity: .58; } }
@media (max-width: 520px) { .gn2zQ28oz7lDuJKDx199 { grid-template-columns: 1fr; gap: 0; } .RrWpST0uywLd2HNwkudN .ant-modal-content { padding: 16px; } }
@media (prefers-reduced-motion: reduce) { .jIXAdMEON1JnSu_UsuiG *, .Nmj5Xo8YbHITIzR76ReU * { scroll-behavior: auto !important; animation-duration: .01ms !important; } }

.VkKR9kPczeYhvxPWkq4z {
  position: relative;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--baibao-tech, #635bff) 12%, var(--baibao-border));
  background: linear-gradient(110deg, color-mix(in srgb, var(--baibao-tech, #635bff) 6%, var(--baibao-card)), color-mix(in srgb, var(--baibao-cyan, #20bdd0) 4%, var(--baibao-card)));
  box-shadow: inset 2px 0 0 color-mix(in srgb, var(--baibao-tech, #635bff) 30%, transparent);
}
.VkKR9kPczeYhvxPWkq4z summary > :first-child, .SoOc9y86663Jo1mN35dA { color: var(--baibao-tech, #635bff); }
.VkKR9kPczeYhvxPWkq4z summary > :first-child { filter: drop-shadow(0 0 5px color-mix(in srgb, var(--baibao-cyan, #20bdd0) 34%, transparent)); }

.jIXAdMEON1JnSu_UsuiG {
  background:
    radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--baibao-cyan, #20bdd0) 5%, transparent), transparent 180px),
    radial-gradient(circle at 95% 54%, color-mix(in srgb, var(--baibao-tech, #635bff) 4%, transparent), transparent 210px);
}
.BfyI3L8rHpCXzY3Z9qqW .ant-bubble-content {
  position: relative;
  padding: 2px 4px 2px 0;
  border: 0;
  border-radius: 0;
  color: var(--baibao-text);
  background: transparent;
  box-shadow: none;
}
.BfyI3L8rHpCXzY3Z9qqW .ant-bubble-content::before {
  display: none;
}
.YMBYTUvfeINDxmeAGfSh .ant-bubble-content {
  border-color: color-mix(in srgb, var(--baibao-accent) 14%, var(--baibao-border));
  color: var(--baibao-text);
  background: color-mix(in srgb, var(--baibao-accent) 6%, var(--baibao-card));
  box-shadow: none;
}
.sX2GC4C6bjOg_ATu8f27 { border-radius: 10px; background: radial-gradient(circle, color-mix(in srgb, var(--baibao-cyan, #20bdd0) 5%, transparent), transparent 70%); filter: none; }
.sBqzphoUhMQwCJZJOYLV h1, .sBqzphoUhMQwCJZJOYLV h2, .sBqzphoUhMQwCJZJOYLV h3 { color: color-mix(in srgb, var(--baibao-tech, #635bff) 68%, var(--baibao-text)); }
.sBqzphoUhMQwCJZJOYLV pre { border: 1px solid color-mix(in srgb, var(--baibao-accent) 10%, transparent); background: linear-gradient(135deg, color-mix(in srgb, var(--baibao-tech, #635bff) 6%, var(--baibao-card)), color-mix(in srgb, var(--baibao-cyan, #20bdd0) 4%, var(--baibao-card))); }
.sBqzphoUhMQwCJZJOYLV code { color: color-mix(in srgb, var(--baibao-tech, #635bff) 72%, var(--baibao-text)); background: color-mix(in srgb, var(--baibao-tech, #635bff) 7%, var(--baibao-card)); }
.sBqzphoUhMQwCJZJOYLV th { background: linear-gradient(120deg, color-mix(in srgb, var(--baibao-tech, #635bff) 9%, var(--baibao-card)), color-mix(in srgb, var(--baibao-cyan, #20bdd0) 5%, var(--baibao-card))); }
.sBqzphoUhMQwCJZJOYLV a { color: var(--baibao-tech, #635bff); }
.sBqzphoUhMQwCJZJOYLV blockquote { border-inline-start-color: var(--baibao-cyan, #20bdd0); }

._7ct4rOXJp8_XECie6dyQ:hover { color: var(--baibao-tech, #635bff); background: color-mix(in srgb, var(--baibao-tech, #635bff) 8%, transparent); }
.CAqlT7RyWASyK9rU8oUH { border: 1px solid color-mix(in srgb, var(--baibao-tech, #635bff) 8%, transparent); background: linear-gradient(90deg, color-mix(in srgb, var(--baibao-tech, #635bff) 6%, transparent), color-mix(in srgb, var(--baibao-cyan, #20bdd0) 5%, transparent)); }
.YQj67iMJd2zc2tLGcGDg button { border-color: color-mix(in srgb, var(--baibao-tech, #635bff) 14%, var(--baibao-border)); background: linear-gradient(120deg, color-mix(in srgb, var(--baibao-tech, #635bff) 4%, var(--baibao-card)), color-mix(in srgb, var(--baibao-cyan, #20bdd0) 3%, var(--baibao-card))); }
.YQj67iMJd2zc2tLGcGDg button:hover { border-color: var(--baibao-tech, #635bff); color: var(--baibao-tech, #635bff); box-shadow: 0 4px 10px color-mix(in srgb, var(--baibao-accent) 10%, transparent); }

.zymsdRyluI4syGaCcjR8 { border: 1px solid color-mix(in srgb, var(--baibao-tech, #635bff) 9%, transparent); background: linear-gradient(100deg, color-mix(in srgb, var(--baibao-tech, #635bff) 6%, transparent), color-mix(in srgb, var(--baibao-cyan, #20bdd0) 4%, transparent)); }
.ZHBpFU0UAM_99ha2WwTQ i { color: var(--baibao-tech, #635bff); background: linear-gradient(145deg, color-mix(in srgb, var(--baibao-tech, #635bff) 12%, var(--baibao-card)), color-mix(in srgb, var(--baibao-cyan, #20bdd0) 9%, var(--baibao-card))); }
.iaNo0kW6EfKq8PK3JOvt.UJ1lCd0jK0tCidsJZet1 { color: var(--baibao-tech, #635bff); }
.QTtJ3ty6SUSxYkyxLDZz i { box-shadow: 0 0 0 2px color-mix(in srgb, currentColor 12%, transparent), 0 0 7px color-mix(in srgb, currentColor 45%, transparent); }
.rQFL_3Ok54PBa6sz05ZQ { border-color: color-mix(in srgb, var(--baibao-tech, #635bff) 14%, var(--baibao-border)); background: linear-gradient(135deg, color-mix(in srgb, var(--baibao-tech, #635bff) 7%, var(--baibao-card)), color-mix(in srgb, var(--baibao-cyan, #20bdd0) 4%, var(--baibao-card))); }

.Nmj5Xo8YbHITIzR76ReU { position: relative; }
.hVCj_cMi36nPIA2WCMv6 .ant-btn-primary { border-color: transparent; color: #fff; background: var(--baibao-accent); box-shadow: 0 5px 14px color-mix(in srgb, var(--baibao-accent) 22%, transparent); }
.JbxnIu7tMygjOFI0E03A { background: conic-gradient(from 210deg, var(--baibao-cyan, #20bdd0), var(--baibao-tech, #635bff) var(--context-angle), color-mix(in srgb, var(--baibao-secondary, #718178) 13%, transparent) 0); box-shadow: 0 3px 10px color-mix(in srgb, var(--baibao-accent) 10%, transparent); }
.JbxnIu7tMygjOFI0E03A:hover { color: var(--baibao-tech, #635bff); filter: saturate(1.16); }
.U6RdV9Yt2spcJOAug1Cp::after { background: var(--baibao-accent); box-shadow: 0 0 6px color-mix(in srgb, var(--baibao-accent) 46%, transparent); }

.Rumj42trdG0B_HjlHrJB { --baibao-tech: var(--baibao-accent, #35a66f); --baibao-cyan: color-mix(in srgb, var(--baibao-accent, #35a66f) 62%, white); background: radial-gradient(circle at 95% 0, color-mix(in srgb, var(--baibao-accent, #35a66f) 7%, transparent), transparent 150px); }
.Rumj42trdG0B_HjlHrJB > header > b { color: var(--baibao-tech); }
.REqY1_ye1S31OutnLtQp i { background: linear-gradient(90deg, var(--baibao-cyan), var(--baibao-tech)); box-shadow: 0 0 8px color-mix(in srgb, var(--baibao-accent, #35a66f) 22%, transparent); }
.zGLY2SgRzW6uETT1GxiW > div { border: 1px solid color-mix(in srgb, var(--baibao-accent, #35a66f) 8%, transparent); background: color-mix(in srgb, var(--baibao-accent, #35a66f) 5%, transparent); }
.zGLY2SgRzW6uETT1GxiW strong, .ypIB5kTqc6381hZYe1UR strong { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.VLCMeTZewq7VKnvcsEre, .Qa1J5pHDT3vLKLPctiMv span { background: color-mix(in srgb, var(--baibao-accent, #35a66f) 7%, transparent); }
.Qa1J5pHDT3vLKLPctiMv span { color: var(--baibao-tech); }
.ypIB5kTqc6381hZYe1UR i b { background: linear-gradient(90deg, var(--baibao-cyan), var(--baibao-tech)); }

@media (max-width: 767px) {
  .fVwbMu2QIdxytHKV_OfL { padding: 5px; border-radius: 16px; }
  .k5RnqUJNSfv6pbKPgMzg { box-sizing: border-box; width: 100%; margin: 0 0 4px; padding: 0 2px; display: grid; grid-template-columns: minmax(0, 1fr) 28px; gap: 5px; border: 0; border-radius: 0; background: transparent; box-shadow: none; align-items: center; }
  .k5RnqUJNSfv6pbKPgMzg > button:first-child { width: 100%; max-width: none; min-width: 0; height: 30px; padding-inline: 7px; justify-content: flex-start; border-radius: 8px; font-size: 10px; font-weight: 650; }
  .k5RnqUJNSfv6pbKPgMzg > button:first-child .anticon { flex: 0 0 auto; font-size: 11px; }
  .k5RnqUJNSfv6pbKPgMzg button[data-icononly='true'] { width: 28px; min-width: 28px; height: 30px; border-radius: 8px; }
  .BfyI3L8rHpCXzY3Z9qqW .ant-bubble-content { padding: 2px 2px 2px 0; border-radius: 0; }
  .YMBYTUvfeINDxmeAGfSh .ant-bubble-content { border-radius: 14px 14px 4px 14px; }
  ._7ct4rOXJp8_XECie6dyQ span { display: none; }
  ._7ct4rOXJp8_XECie6dyQ { width: 24px; padding: 0; justify-content: center; }
  .d7FONqgFrZEpln5tPOzV .ant-modal-content { padding: 13px 12px 11px; border-radius: 15px; }
  .d7FONqgFrZEpln5tPOzV .ant-modal-close { top: 10px; inset-inline-end: 10px; width: 34px; height: 34px; }
  .Rumj42trdG0B_HjlHrJB { max-height: 78dvh; padding: 2px 2px 2px 0; }
  .PujhUxjKvJjJ5oASu9fg { padding-inline-end: 36px !important; }
  .PujhUxjKvJjJ5oASu9fg > div > small { font-size: 10px; }
  .PujhUxjKvJjJ5oASu9fg > div > strong { font-size: 17px; }
  .PujhUxjKvJjJ5oASu9fg > div > span { font-size: 11px; line-height: 1.4; }
  .PujhUxjKvJjJ5oASu9fg > b { min-width: 48px; padding: 6px 7px; font-size: 11px; }
  .Q8jAQw0GXIdOWH847nAj { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
  .Q8jAQw0GXIdOWH847nAj > div { min-height: 62px; padding: 7px 6px; }
  .Q8jAQw0GXIdOWH847nAj small, .Q8jAQw0GXIdOWH847nAj span { font-size: 9px; }
  .Q8jAQw0GXIdOWH847nAj strong { font-size: 15px; }
  .dtAgSbJHBhlDmm5OlMfL { align-items: flex-start; }
  .dtAgSbJHBhlDmm5OlMfL strong { font-size: 15px; }
  .dtAgSbJHBhlDmm5OlMfL span { max-width: 62%; font-size: 11px; line-height: 1.45; }
  .gzG6QEv3duQOxZt0eZjf { gap: 11px; }
  .gzG6QEv3duQOxZt0eZjf > li { grid-template-columns: 32px minmax(0, 1fr); gap: 9px; }
  .gzG6QEv3duQOxZt0eZjf > li::after { top: 33px; left: 15px; bottom: -12px; }
  .gzG6QEv3duQOxZt0eZjf > li > i { width: 32px; height: 32px; font-size: 12px; }
  .gzG6QEv3duQOxZt0eZjf > li > div { padding: 11px; }
  .gzG6QEv3duQOxZt0eZjf header strong { font-size: 14px; white-space: normal; }
  .gzG6QEv3duQOxZt0eZjf header span { font-size: 12px; }
  .gzG6QEv3duQOxZt0eZjf p { font-size: 12px; }
  .PJ9dGpLvxXE6rcRxP5RT > div { min-height: 66px; padding: 7px 9px; }
  .jSI9_epIjxfPEHCxzeQn li { min-height: 38px; padding: 6px 8px; }
  .PJ9dGpLvxXE6rcRxP5RT header span, .jSI9_epIjxfPEHCxzeQn small { font-size: 10px; }
  .PJ9dGpLvxXE6rcRxP5RT header strong, .jSI9_epIjxfPEHCxzeQn strong { font-size: 12px; }
  .PJ9dGpLvxXE6rcRxP5RT header b, .jSI9_epIjxfPEHCxzeQn b { font-size: 11px; }
  .L5Iwy3m8UvxMs57HGBNv span { font-size: 9px; }
  .yvl1JmCHwttZMgWjigBO { gap: 6px; }
  .yvl1JmCHwttZMgWjigBO > span { padding: 5px 7px; font-size: 11px; }
  .fu8Jetq9A13Q4A839Ere { padding: 8px 9px; }
  .fu8Jetq9A13Q4A839Ere span { font-size: 11px; }
  .fu8Jetq9A13Q4A839Ere small { font-size: 10px; }
}

.M29gLJwom9iVf78VcNoC { margin-top: 12px; padding: 16px; border: 1px solid var(--baibao-border); border-radius: 16px; background: var(--baibao-card); }
.uBXvci8V0fbzkpa70TmR { margin: 8px 0 14px; color: var(--baibao-secondary); font-size: 12px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 76px; overflow: auto; }
._7fXqjkO7uuewwHiIxDOe { display: grid; gap: 8px; margin-bottom: 8px; }
._7fXqjkO7uuewwHiIxDOe button { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding: 12px 14px; text-align: left; color: inherit; background: transparent; border: 1px solid var(--baibao-border); border-radius: 10px; cursor: pointer; }
.AGgjcgqcLN8iTFJSynwN { grid-column: 1; font-size: 12px; color: var(--baibao-secondary); }
._7fXqjkO7uuewwHiIxDOe button > span:last-child { grid-column: 2; grid-row: 1 / 3; align-self: center; }
._7fXqjkO7uuewwHiIxDOe button:hover:not(:disabled) { border-color: var(--baibao-accent); background: color-mix(in srgb, var(--baibao-accent) 6%, var(--baibao-card)); }
._7fXqjkO7uuewwHiIxDOe button:disabled { opacity: .55; cursor: default; }
.IZp3tDmhyERq_9yeQrHg[data-status='待选择'], .IZp3tDmhyERq_9yeQrHg[data-status='待确认'] { color: #a56a16; }

.Qw32YUuNj6LEYFQeO262 { margin: 12px 0; }
.Qw32YUuNj6LEYFQeO262 .ant-form-item { margin-bottom: 16px; }
.hAECrYsWHgo26UoJcpUg { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.hAECrYsWHgo26UoJcpUg > label { margin: 0; padding: 10px; border: 1px solid var(--baibao-border); border-radius: 10px; align-items: flex-start; }
.hAECrYsWHgo26UoJcpUg b { font-weight: 500; overflow-wrap: anywhere; }
.hAECrYsWHgo26UoJcpUg small { display: block; margin-top: 3px; color: var(--baibao-secondary); white-space: normal; }

/* Shared conversation surfaces: color and contrast follow the active theme. */
.Q033LMgZiCorOzGxnQhC, .rQFL_3Ok54PBa6sz05ZQ, .M29gLJwom9iVf78VcNoC {
  border: 1px solid var(--baibao-border); background: var(--baibao-card); border-radius: 16px;
  box-shadow: 0 3px 14px color-mix(in srgb, var(--baibao-text) 4%, transparent);
}
.Q033LMgZiCorOzGxnQhC { margin: 8px 0; overflow: hidden; border-radius: 12px; }
.Q033LMgZiCorOzGxnQhC > header { display: flex; align-items: center; gap: 8px; padding: 9px 12px 2px; font-size: 13px; }
.Q033LMgZiCorOzGxnQhC > header > span { color: var(--baibao-accent); }
.Q033LMgZiCorOzGxnQhC > header small { margin-left: auto; color: var(--baibao-secondary); font-weight: 400; }
.v_O6hYAxiGSYVYXUVVEq { display: flex; align-items: center; gap: 10px; margin: 0 12px; padding: 10px 0; }
.v_O6hYAxiGSYVYXUVVEq + .v_O6hYAxiGSYVYXUVVEq { border-top: 1px solid var(--baibao-border); }
.xz7KeRDxQ3gIi6VReab9 { flex: 0 0 30px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: var(--baibao-accent); background: color-mix(in srgb, var(--baibao-accent) 9%, var(--baibao-card)); font-size: 16px; }
.teH_eH_VODYVbgEgmgax { flex: 1; min-width: 0; border: 0; background: transparent; padding: 0; text-align: left; cursor: pointer; color: var(--baibao-text); font: inherit; }
.teH_eH_VODYVbgEgmgax strong { display: block; font-size: 14px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.teH_eH_VODYVbgEgmgax p { margin: 4px 0; font-size: 12px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--baibao-secondary); }
.teH_eH_VODYVbgEgmgax small { display: block; margin-top: 4px; font-size: 11px; color: var(--baibao-secondary); }
.K2R2fvSpwcN6_6hbn8NJ, .Wl_fnLgNUykhxRAdUCCx { color: var(--baibao-accent); background: transparent; border: 0; font: inherit; font-size: 12px; cursor: pointer; min-height: 36px; }
.K2R2fvSpwcN6_6hbn8NJ { flex-shrink: 0; padding: 4px; }
.K2R2fvSpwcN6_6hbn8NJ:disabled { opacity: .45; cursor: default; }
.LfLK05iTpaHpUPDbJhin { color: var(--baibao-secondary); font-size: 10px; }
.Wl_fnLgNUykhxRAdUCCx { display: block; width: 100%; border-top: 1px solid var(--baibao-border); padding: 11px; }
.HHtVwddkzwj9hXNVqQd2, .DOJsFdMOasazgjBwR242 { display: block; padding: 9px 12px 11px; margin: 0; color: var(--baibao-secondary); font-size: 12px; }
.HHtVwddkzwj9hXNVqQd2 p { margin: 0 0 6px; }
.HHtVwddkzwj9hXNVqQd2 .BxdyEAD9YO2umrvDqQLc { margin-top: 2px; }
.sWJwK_DfBW__mYpLy7gd { display: flex; flex-wrap: wrap; gap: 8px; }
.rwL91MVyuaGB9FOjZUrV, .W8omNcG8RCAfewfq9lvh { display: flex; align-items: center; gap: 7px; color: var(--baibao-accent); font-size: 12px; }
.rwL91MVyuaGB9FOjZUrV { margin-bottom: 8px; }
.W8omNcG8RCAfewfq9lvh { margin: 4px 6px 8px; padding: 7px 10px; border-radius: 9px; background: color-mix(in srgb, var(--baibao-accent) 7%, var(--baibao-card)); width: fit-content; max-width: calc(100% - 12px); }
.W8omNcG8RCAfewfq9lvh > :first-child { flex: 0 0 auto; }
.W8omNcG8RCAfewfq9lvh > span:nth-child(2) { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.W8omNcG8RCAfewfq9lvh button { display: grid; place-items: center; border: 0; background: transparent; color: var(--baibao-secondary); min-width: 28px; min-height: 28px; cursor: pointer; flex: 0 0 auto; }
.teH_eH_VODYVbgEgmgax:hover strong { color: var(--baibao-accent); }
.rQFL_3Ok54PBa6sz05ZQ[data-kind='knowledge.operation'] { padding: 15px; display: block; }
.rQFL_3Ok54PBa6sz05ZQ[data-kind='knowledge.operation'] > small:first-child { float: right; border-radius: 6px; padding: 3px 7px; background: color-mix(in srgb, var(--baibao-accent) 7%, var(--baibao-card)); }
.rQFL_3Ok54PBa6sz05ZQ[data-kind='knowledge.operation'] > small:not(:first-child) { display: block; margin-top: 12px; }
.rQFL_3Ok54PBa6sz05ZQ[data-stage='executed'] > small { color: var(--baibao-accent); }
.AM83mYNXY299ALurEyS_ > header { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--baibao-secondary); }
.AM83mYNXY299ALurEyS_ > header > span:first-child { color: var(--baibao-accent); font-size: 20px; }
.AM83mYNXY299ALurEyS_ h3 { margin: 16px 0 12px; color: var(--baibao-text); font-size: 18px; line-height: 1.5; overflow-wrap: anywhere; }
.ylAT7vLdFRrDk8lKQEm3 { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.85; font-size: 14px; max-height: 260px; overflow-y: auto; }
.xTYlAzNES1Q6Ia3aAowX { border-top: 1px solid var(--baibao-border); margin-top: 14px; padding-top: 12px; font-size: 12px; color: var(--baibao-secondary); }
.xTYlAzNES1Q6Ia3aAowX summary { cursor: pointer; }
.xTYlAzNES1Q6Ia3aAowX dl { display: grid; grid-template-columns: 70px 1fr; gap: 8px; }
.xTYlAzNES1Q6Ia3aAowX dd { margin: 0; overflow-wrap: anywhere; }
.rQFL_3Ok54PBa6sz05ZQ[data-kind='knowledge.operation'] > div:last-child { display: flex; gap: 8px; padding-top: 14px; margin-top: 12px; border-top: 1px solid var(--baibao-border); }
.rQFL_3Ok54PBa6sz05ZQ[data-kind='knowledge.operation'] .ant-btn { height: 36px; border-radius: 9px; padding-inline: 14px; }
.rQFL_3Ok54PBa6sz05ZQ[data-kind='knowledge.operation'] .ant-btn-primary { margin-left: auto; order: 2; }
.rQFL_3Ok54PBa6sz05ZQ .ant-btn-default { color: var(--baibao-text); border-color: var(--baibao-border); background: var(--baibao-card); }
.Nmj5Xo8YbHITIzR76ReU { background: color-mix(in srgb, var(--baibao-secondary) 5%, var(--baibao-card)) !important; }
.Nmj5Xo8YbHITIzR76ReU textarea::placeholder { color: var(--baibao-secondary) !important; }
.hVCj_cMi36nPIA2WCMv6 .ant-btn-text { color: var(--baibao-secondary); }
.vPICQaZYsVbj3EyjhVY3 .ant-drawer-content { border-radius: 20px 20px 0 0; }
.vPICQaZYsVbj3EyjhVY3 .ant-drawer-header { padding: 18px 20px; }
.vPICQaZYsVbj3EyjhVY3 .ant-drawer-body { padding: 20px; }
.vPICQaZYsVbj3EyjhVY3 .ant-drawer-footer { padding: 12px 20px max(14px, env(safe-area-inset-bottom)); display: flex; justify-content: flex-end; }
.vPICQaZYsVbj3EyjhVY3 .ant-btn { border-radius: 10px; min-height: 38px; }
.DTRzwfHf50bmfpeBka55 { max-width: 720px; margin: auto; }
.DTRzwfHf50bmfpeBka55 > small { opacity: .65; font-size: 12px; }
.DTRzwfHf50bmfpeBka55 h2 { font-size: 21px; line-height: 1.5; }
.DTRzwfHf50bmfpeBka55 > div { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.9; font-size: 15px; }
.DTRzwfHf50bmfpeBka55 > a { display: inline-block; margin-top: 20px; }
.QxgqGTo4NorYxZaCwkXC { max-width: 720px; margin: auto; }
.QxgqGTo4NorYxZaCwkXC > input { font-size: 22px; font-weight: 650; padding: 0 0 12px; }
.QxgqGTo4NorYxZaCwkXC > small { display: block; opacity: .6; padding-bottom: 18px; }
.QxgqGTo4NorYxZaCwkXC > textarea { padding: 16px 0; line-height: 1.9; border-top: 1px solid color-mix(in srgb, currentColor 12%, transparent); border-radius: 0; }
.sBqzphoUhMQwCJZJOYLV h1, .sBqzphoUhMQwCJZJOYLV h2, .sBqzphoUhMQwCJZJOYLV h3 { color: var(--baibao-text); }
.sBqzphoUhMQwCJZJOYLV a, .sBqzphoUhMQwCJZJOYLV code { color: var(--baibao-accent); }
.zymsdRyluI4syGaCcjR8 { background: color-mix(in srgb, var(--baibao-accent) 4%, var(--baibao-card)); border-color: var(--baibao-border); box-shadow: none; }
@media (max-width: 480px) {
  .v_O6hYAxiGSYVYXUVVEq { gap: 8px; margin-inline: 12px; padding-block: 13px; }
  .LfLK05iTpaHpUPDbJhin { display: none; }
  .AM83mYNXY299ALurEyS_ h3 { font-size: 17px; }
  .Q033LMgZiCorOzGxnQhC > header { padding-inline: 12px; }
}

.Kv92P3ES2E6i6f9RjXb5 { flex: 0 0 auto; display: flex; justify-content: center; padding: 2px 12px 6px; }
.LA_YZJQJnwcev8XU5OcX { display: inline-flex; align-items: center; gap: 5px; min-height: 28px; padding: 0 14px; border: 1px solid color-mix(in srgb, var(--baibao-accent) 22%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--baibao-card) 92%, transparent); color: var(--baibao-accent); font-size: 12px; cursor: pointer; transition: 140ms ease; }
.LA_YZJQJnwcev8XU5OcX:hover { border-color: color-mix(in srgb, var(--baibao-accent) 44%, transparent); background: color-mix(in srgb, var(--baibao-accent) 10%, var(--baibao-card)); }
/* 生成中脱离底部时，置底按钮上的呼吸点提示“有新内容” */
.KQsrdw8icc8qPATAM2yn { width: 6px; height: 6px; border-radius: 50%; background: var(--baibao-accent); animation: L41d6jHgUYZqAjOY3UEC 1.2s ease-in-out infinite; }
@keyframes L41d6jHgUYZqAjOY3UEC { 0%, 100% { opacity: .35; transform: scale(.8); } 50% { opacity: 1; transform: scale(1.15); } }
@media (prefers-reduced-motion: reduce) { .KQsrdw8icc8qPATAM2yn { animation: none; opacity: .9; } }

/* ==========================================
   XMarkdown – default css
   ========================================== */

/*
 * Default tag styles are gated behind `:not(.x-md-disable-all):not(.x-md-disable-<tag>)`
 * so consumers can opt out via the `disableDefaultStyles` prop. This prevents the
 * descendant-selector defaults (e.g. `ul`/`li`/`code`) from polluting elements
 * rendered by custom components (such as antd `Collapse`) inside the container.
 */

@keyframes x-markdown-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.x-markdown {
  --text-color: inherit;
  --font-size: inherit;
  --margin-block: 0 0 1em 0;
  --td-th-padding: 0.85em 1em;
  --pre-th-td-padding: 2px 0;
  --border-font-weight: 600;
  --padding-ul-ol: 0 0 0 1em;
  --margin-ul-ol: 0 0 1em 1.8em;
  --margin-li: 0.25em 0;
  --margin-pre: 1em 0;
  --padding-code-inline: 0.2em 0.4em;
  --margin-code-inline: 0 0.2em;
  --code-inline-text: 0.85em;
  --small-border-radius: 2px;
  --image-margin: 0.5em 0;
  --hr-margin: 1.5em 0;
  --table-margin: 1em 0;

  font-size: var(--font-size);
  line-height: 1.5714285714285714;
  width: 100%;
  color: var(--text-color);
}

/* xmd-tail: default styling for streaming tail indicator */
xmd-tail {
  display: inline;
}

.xmd-tail {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.x-markdown p,
.x-markdown div,
.x-markdown span,
.x-markdown li {
  word-break: break-word;
  overflow-wrap: break-word;
}

.x-markdown pre,
.x-markdown code {
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-th) th,
.x-markdown:not(.x-md-disable-all):not(.x-md-disable-td) td {
  padding: var(--td-th-padding);
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-th) th {
  font-weight: var(--border-font-weight);
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-table) pre table {
  box-shadow: none;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-td) pre td,
.x-markdown:not(.x-md-disable-all):not(.x-md-disable-th) pre th {
  padding: var(--pre-th-td-padding);
  border: none;
  text-align: left;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-p) p {
  margin: var(--margin-block);
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-p) p:first-child {
  margin-top: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-p) p:last-child {
  margin-bottom: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-ul) ul,
.x-markdown:not(.x-md-disable-all):not(.x-md-disable-ol) ol {
  margin: var(--margin-ul-ol);
  padding: var(--padding-ul-ol);
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-ul) ul:first-child,
.x-markdown:not(.x-md-disable-all):not(.x-md-disable-ol) ol:first-child {
  margin-top: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-ul) ul:last-child,
.x-markdown:not(.x-md-disable-all):not(.x-md-disable-ol) ol:last-child {
  margin-bottom: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-ol):not(.x-md-disable-li) ol > li {
  list-style: decimal;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-ul):not(.x-md-disable-li) ul > li {
  list-style: disc;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-li) li {
  margin: var(--margin-li);
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-li) li:first-child {
  margin-top: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-li) li:last-child {
  margin-bottom: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-pre) pre {
  margin: var(--margin-pre);
  overflow-x: auto;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-pre) pre:first-child {
  margin-top: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-pre) pre:last-child {
  margin-bottom: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-code) code {
  padding: var(--padding-code-inline);
  margin: var(--margin-code-inline);
  font-size: var(--code-inline-text);
  border-radius: var(--small-border-radius);
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-code) pre code {
  padding: 0;
  margin: 0;
  font-size: inherit;
  border-radius: 0;
  line-height: 2;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-img) img {
  max-width: 100%;
  height: auto;
  margin: var(--image-margin);
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-hr) hr {
  margin: var(--hr-margin);
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-table) table:not(pre) {
  margin: var(--table-margin);
  border-collapse: collapse;
  display: block;
  width: max-content;
  max-width: 100%;
  overflow: auto;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-table) table:not(pre):first-child {
  margin-top: 0;
}

.x-markdown:not(.x-md-disable-all):not(.x-md-disable-table) table:not(pre):last-child {
  margin-bottom: 0;
}

.x-markdown .inline-katex .katex-display {
  display: inline-block;
  margin: 0;
  text-align: initial;
  vertical-align: middle;
}

.x-markdown .inline-katex .katex-display > .katex {
  display: inline-block;
  text-align: initial;
  white-space: normal;
}

.x-markdown .inline-katex .katex-display > .katex > .katex-html {
  display: inline-block;
  position: static;
}

.x-markdown .inline-katex .katex-display > .katex > .katex-html > .tag {
  position: static;
}

.x-markdown .block-katex {
  display: block;
  margin: 1em 0;
}

.x-markdown-debug-panel {
  position: fixed;
  z-index: 9999;
  right: 0;
  background: rgba(0, 0, 0, 0.85);
  border-radius: 8px;
  padding: 12px;
  font-family:
    "SF Mono", "Monaco", "Inconsolata", "Fira Mono", "Droid Sans Mono", "Source Code Pro", monospace;
  font-size: 12px;
  color: #fff;
  width: 180px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(8px);
  user-select: none;
  transition: box-shadow 0.2s;
}

.x-markdown-debug-panel:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.x-markdown-debug-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.x-markdown-debug-row:last-child {
  margin-bottom: 0;
}

.x-markdown-debug-label {
  color: rgba(255, 255, 255, 0.65);
  font-weight: 500;
  min-width: 60px;
}

.x-markdown-debug-value {
  font-weight: 600;
  min-width: 50px;
  text-align: right;
}

.x-markdown-debug-chart {
  margin-left: auto;
}

/* Actions */
.x-markdown-debug-actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.x-markdown-debug-action {
  flex: 1;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  color: #fff;
  font-size: 11px;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 500;
}

.x-markdown-debug-action:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}

.x-markdown-debug-action:active {
  transform: scale(0.98);
}

/* Record Button */
.x-markdown-debug-record-btn.recording {
  background: rgba(255, 77, 79, 0.2);
  border-color: #ff4d4f;
  animation: recording-pulse 1.5s ease-in-out infinite;
}

@keyframes recording-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(255, 77, 79, 0.4);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(255, 77, 79, 0);
  }
}

/* Modal Overlay */
.x-markdown-debug-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(4px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.2s ease-out;
}

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

/* Modal */
.x-markdown-debug-modal {
  background: rgba(30, 30, 30, 0.95);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  max-width: 90vw;
  max-height: 90vh;
  overflow: auto;
  animation: slideIn 0.3s ease-out;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

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

/* Modal Header */
.x-markdown-debug-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.x-markdown-debug-close-btn {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.x-markdown-debug-close-btn:hover {
  background: rgba(255, 77, 79, 0.3);
}

/* Modal Content */
.x-markdown-debug-modal-content {
  padding: 24px;
}

/* Stats Summary */
.x-markdown-debug-stats-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 24px;
}

.x-markdown-debug-stat-item {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.x-markdown-debug-stat-label {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.x-markdown-debug-stat-value {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

/* Chart */
.x-markdown-debug-chart-full {
  background: rgba(255, 255, 255, 0.02);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.x-markdown-debug-chart-full .fps-line,
.x-markdown-debug-chart-full .memory-line {
  filter: drop-shadow(0 0 4px currentColor);
}

/* Legend */
.x-markdown-debug-legend {
  display: flex;
  gap: 24px;
  justify-content: center;
  margin-top: 16px;
}

.x-markdown-debug-legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
}

.x-markdown-debug-legend-color {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}

/* Responsive */
@media (max-width: 768px) {
  .x-markdown-debug-stats-summary {
    grid-template-columns: repeat(2, 1fr);
  }
}

.MBcyxFSVKmAYmw7m97Q9 {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  color: var(--baibao-text);
  background: linear-gradient(180deg, var(--baibao-bg), var(--baibao-card));
}

.r1WAeFCa5Xy5LsAoFQZw {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 15px 10px;
  border-bottom: 1px solid var(--baibao-border);
  background: color-mix(in srgb, var(--baibao-card) 92%, transparent);
  backdrop-filter: blur(18px);
}

.jOmtHn3rMeDEwU3cAR4f { display: flex; align-items: center; gap: 9px; min-width: 0; }
.jOmtHn3rMeDEwU3cAR4f > div { display: grid; gap: 2px; min-width: 0; }
.jOmtHn3rMeDEwU3cAR4f strong { font-size: 15px; line-height: 1.25; }
.jOmtHn3rMeDEwU3cAR4f span { color: var(--baibao-secondary); font-size: 10px; }
.gM0k_QWrdEQYewfIsxSk { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; }

.xM__Ww095D4McCPUFtue { flex: 0 0 auto; display: flex; align-items: center; gap: 5px; }

.MU64X8l1mfGHGe9HQudq, .w4k7i_A_2_jhj_pt9wTD {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: var(--baibao-card);
  color: var(--baibao-secondary);
  cursor: pointer;
  transition: 160ms ease;
}

.MU64X8l1mfGHGe9HQudq:hover, .w4k7i_A_2_jhj_pt9wTD:hover, .nuVDZbBeCR1m1daCinuu { color: var(--baibao-accent); border-color: color-mix(in srgb, var(--baibao-accent) 14%, transparent); background: color-mix(in srgb, var(--baibao-accent) 8%, var(--baibao-card)); }
.MU64X8l1mfGHGe9HQudq:disabled { opacity: .35; cursor: default; transform: none; }

.jJol4_U86ScFqgDjvXpI { flex: 0 0 auto; display: flex; align-items: center; gap: 9px; padding: 7px 15px; border-bottom: 1px solid color-mix(in srgb, var(--baibao-accent) 16%, transparent); background: color-mix(in srgb, var(--baibao-accent) 7%, var(--baibao-card)); }
.SuP6C2ApqltRV9WhnXI5 { width: 30px; height: 30px; flex: 0 0 30px; border-radius: 10px; display: grid; place-items: center; color: var(--baibao-accent); background: color-mix(in srgb, var(--baibao-accent) 12%, var(--baibao-card)); }
.jJol4_U86ScFqgDjvXpI > div { min-width: 0; display: grid; gap: 1px; }
.jJol4_U86ScFqgDjvXpI strong { font-size: 12px; line-height: 1.3; }
.jJol4_U86ScFqgDjvXpI > div > span { color: var(--baibao-secondary); font-size: 10px; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._47L_Dl5SMepnKE4DSS9c { margin-left: auto; flex: 0 0 auto; }
.qLCymBcyvXBOMsYAeXh4 .qFSmizwM_YIpJ_tkzNuQ { margin-left: 0; }
.qFSmizwM_YIpJ_tkzNuQ { margin-left: auto; width: 26px; height: 26px; padding: 0; border: 0; border-radius: 9px; display: grid; place-items: center; color: var(--baibao-secondary); background: transparent; cursor: pointer; transition: 140ms ease; }
.qFSmizwM_YIpJ_tkzNuQ:hover { color: var(--baibao-accent); background: color-mix(in srgb, var(--baibao-accent) 10%, transparent); }

.BKclUNlFKIBDOUkb2A6x {
  flex: 0 0 auto;
  margin: 12px 16px 4px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--baibao-accent) 24%, transparent);
  border-radius: 17px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--baibao-accent) 13%, var(--baibao-card)), var(--baibao-card));
}

.jZb7Cf_5QGQb1NYuCj8V { display: block; margin-bottom: 3px; color: var(--baibao-accent); font-size: 10px; font-weight: 750; letter-spacing: .08em; }
.BKclUNlFKIBDOUkb2A6x > strong { display: block; font-size: 15px; }
.LMoRxUzYjTQFS0oxuqVA { display: flex; align-items: center; gap: 5px; margin-top: 4px; color: var(--baibao-secondary); font-size: 11px; }
.LMoRxUzYjTQFS0oxuqVA i { font-style: normal; opacity: .55; }
.BKclUNlFKIBDOUkb2A6x p { margin: 8px 0 0; color: var(--baibao-secondary); font-size: 12px; line-height: 1.55; }

.pWxeDPlDzOjuoeJatZks { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.dEZVpIztSpsNDJoCbVLD { min-height: 74px; padding: 12px 15px; border-bottom: 1px solid var(--baibao-border); display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; background: color-mix(in srgb, var(--baibao-card) 82%, transparent); }
.dEZVpIztSpsNDJoCbVLD > button:first-child { width: 34px; height: 34px; padding: 0; border: 1px solid var(--baibao-border); border-radius: 11px; display: grid; place-items: center; color: var(--baibao-secondary); background: var(--baibao-card); cursor: pointer; }
.dEZVpIztSpsNDJoCbVLD > div { min-width: 0; display: grid; gap: 2px; }
.dEZVpIztSpsNDJoCbVLD small { color: var(--baibao-accent); font-size: 9px; font-weight: 800; letter-spacing: .11em; }
.dEZVpIztSpsNDJoCbVLD strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.dEZVpIztSpsNDJoCbVLD span { color: var(--baibao-secondary); font-size: 10px; }
.dEZVpIztSpsNDJoCbVLD .tBnwrN08uml8VKOiq3_g { height: 32px; padding: 0 10px; border: 0; border-radius: 10px; display: inline-flex; align-items: center; gap: 5px; color: #d85f5f; background: color-mix(in srgb, #d85f5f 9%, var(--baibao-card)); cursor: pointer; font-size: 10px; }
.Pyaqdq6ey521_jEdgAQ4 { flex: 1 1 auto; min-height: 0; padding: 12px 14px 18px; overflow-y: auto; display: grid; align-content: start; gap: 8px; overscroll-behavior: contain; }
.bufp85Uc2Fyjh_dtJl5w { width: 100%; min-height: 78px; padding: 11px 12px; border: 1px solid var(--baibao-border); border-radius: 16px 16px 16px 6px; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; color: var(--baibao-text); background: color-mix(in srgb, var(--baibao-card) 88%, transparent); cursor: pointer; text-align: left; transition: 160ms ease; }
.bufp85Uc2Fyjh_dtJl5w:hover { border-color: color-mix(in srgb, var(--baibao-accent) 32%, var(--baibao-border)); background: color-mix(in srgb, var(--baibao-accent) 6%, var(--baibao-card)); transform: translateY(-1px); }
.bufp85Uc2Fyjh_dtJl5w > span { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; color: var(--baibao-accent); background: color-mix(in srgb, var(--baibao-accent) 11%, var(--baibao-card)); }
.bufp85Uc2Fyjh_dtJl5w > div { min-width: 0; display: grid; gap: 3px; }
.bufp85Uc2Fyjh_dtJl5w strong, .bufp85Uc2Fyjh_dtJl5w p, .bufp85Uc2Fyjh_dtJl5w small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bufp85Uc2Fyjh_dtJl5w strong { font-size: 12px; }
.bufp85Uc2Fyjh_dtJl5w p { margin: 0; color: var(--baibao-secondary); font-size: 10px; }
.bufp85Uc2Fyjh_dtJl5w small { color: color-mix(in srgb, var(--baibao-secondary) 78%, transparent); font-size: 9px; }
.bufp85Uc2Fyjh_dtJl5w > em { display: grid; justify-items: end; gap: 5px; font-style: normal; }
.bufp85Uc2Fyjh_dtJl5w > em b { padding: 3px 6px; border-radius: 7px; color: var(--baibao-accent); background: color-mix(in srgb, var(--baibao-accent) 9%, var(--baibao-card)); font-size: 9px; }
.bufp85Uc2Fyjh_dtJl5w time { color: var(--baibao-secondary); font-size: 8px; white-space: nowrap; }
.geAwWT9aWrhf6pI9OvQq { flex: 1 1 auto; min-height: 0; padding: 16px; overflow-y: auto; display: flex; flex-direction: column; gap: 14px; overscroll-behavior: contain; }
.xBmP6GSd6UJsFkBqh2C1 { min-height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--baibao-secondary); text-align: center; }
.xBmP6GSd6UJsFkBqh2C1 > .anticon { width: 48px; height: 48px; margin-bottom: 12px; border-radius: 16px; display: grid; place-items: center; color: var(--baibao-accent); background: color-mix(in srgb, var(--baibao-accent) 10%, var(--baibao-card)); font-size: 19px; }
.xBmP6GSd6UJsFkBqh2C1 strong { color: var(--baibao-text); font-size: 13px; }
.xBmP6GSd6UJsFkBqh2C1 p { margin: 5px 0 0; font-size: 10px; }

.pdUI0ZBbMO_JE3fODF8L {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.U6Q5suM3E5dux_Iu4wGQ { display: flex; align-items: flex-start; gap: 8px; }
.Pg8sYbaqnygQ9FMSQ79P { justify-content: flex-end; }
.KEbOfjAwozLGDG57Yzyb { width: 34px; height: 34px; flex: 0 0 34px; display: inline-flex; align-items: center; justify-content: center; }
.YiRhHpf8YkBqKSm4v1Cf { max-width: 82%; display: grid; gap: 7px; }
.oOJ_HfmRdtBFii0GyQlS { padding: 10px 13px; font-size: 13px; line-height: 1.65; box-shadow: 0 5px 18px rgba(20, 45, 31, .06); }
.iLUjd0thanoYGEJh9iaI { border: 1px solid var(--baibao-border); border-radius: 18px 18px 18px 5px; background: var(--baibao-card); color: var(--baibao-text); }
.wgXe5oOPa5RcHLefK9IK { border-radius: 18px 18px 5px 18px; background: linear-gradient(135deg, var(--baibao-accent), color-mix(in srgb, var(--baibao-accent) 72%, #3978b7)); color: #fff; }
.qgHKoyBcLYKoybLYFg0s { white-space: pre-wrap; word-break: break-word; }

.RbkiKegiRaM3RTUco3Ht { margin-top: 9px; padding: 10px; border-radius: 13px; background: color-mix(in srgb, var(--baibao-accent) 9%, var(--baibao-card)); border: 1px solid color-mix(in srgb, var(--baibao-accent) 25%, transparent); }
.RbkiKegiRaM3RTUco3Ht > span { display: block; color: var(--baibao-secondary); font-size: 10px; }
.RbkiKegiRaM3RTUco3Ht > strong { display: block; margin-top: 4px; font-size: 12px; }
.RbkiKegiRaM3RTUco3Ht > small { display: block; margin-top: 7px; color: var(--baibao-accent); }
.pUHYfXI79XmgXxHLB8M9 { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 9px; }

.m2mvSt8YboY_MrxAKf_0 { display: flex; flex-wrap: wrap; gap: 6px; }
.m2mvSt8YboY_MrxAKf_0 button { border: 1px solid color-mix(in srgb, var(--baibao-accent) 28%, transparent); border-radius: 14px; padding: 6px 10px; background: color-mix(in srgb, var(--baibao-accent) 8%, var(--baibao-card)); color: var(--baibao-accent); font-size: 11px; cursor: pointer; }

.w37C9GgvqGL9YsxqokEv { display: flex; align-items: center; gap: 8px; color: var(--baibao-secondary); font-size: 12px; }

.rSH6aDdoWOPiB6LzNySJ {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 7px;
  padding: 9px 12px calc(12px + env(safe-area-inset-bottom));
  border-top: 1px solid color-mix(in srgb, var(--baibao-border) 68%, transparent);
  background: color-mix(in srgb, var(--baibao-card) 92%, transparent);
  backdrop-filter: blur(18px);
}

.Soqa2mGRQXR5ThzBrXnC { display: flex; align-items: flex-end; gap: 8px; }
.rSH6aDdoWOPiB6LzNySJ .ant-input { padding: 9px 11px; border-radius: 16px; background: color-mix(in srgb, var(--baibao-secondary) 7%, var(--baibao-card)); color: var(--baibao-text); }
.rSH6aDdoWOPiB6LzNySJ .ant-btn-primary { flex: 0 0 38px; width: 38px; height: 38px; background: var(--baibao-accent); }


.LMj7R2zint_yaX1rOXEw { display: flex; align-items: flex-start; gap: 12px; padding: 6px 0; }
.LMj7R2zint_yaX1rOXEw > span { margin-top: 2px; color: #d48806; font-size: 23px; }
.LMj7R2zint_yaX1rOXEw div { display: grid; gap: 5px; }
.LMj7R2zint_yaX1rOXEw p { margin: 0; color: #3e4f45; line-height: 1.6; }
.LMj7R2zint_yaX1rOXEw small { color: #7a8b81; }
.n6czKfoLzspfNTf2M9Z4 { display: flex; align-items: flex-start; gap: 12px; padding: 7px 0; }
.n6czKfoLzspfNTf2M9Z4 > .anticon { width: 38px; height: 38px; flex: 0 0 auto; border-radius: 12px; display: grid; place-items: center; color: #d85f5f; background: #fff0ef; font-size: 17px; }
.n6czKfoLzspfNTf2M9Z4 > div { display: grid; gap: 5px; }
.n6czKfoLzspfNTf2M9Z4 strong { font-size: 13px; }
.n6czKfoLzspfNTf2M9Z4 p { margin: 0; color: #7a8b81; font-size: 11px; line-height: 1.55; }

@media (max-width: 767px) {
  .r1WAeFCa5Xy5LsAoFQZw { gap: 7px; padding: 12px 12px 10px; }
  .jOmtHn3rMeDEwU3cAR4f { gap: 7px; }
  .jOmtHn3rMeDEwU3cAR4f strong { font-size: 15px; }
  .jOmtHn3rMeDEwU3cAR4f span { font-size: 9px; }
  .gM0k_QWrdEQYewfIsxSk { width: 40px; height: 40px; flex-basis: 40px; }
  .xM__Ww095D4McCPUFtue { gap: 3px; }
  .MU64X8l1mfGHGe9HQudq, .w4k7i_A_2_jhj_pt9wTD { width: 32px; height: 32px; border-radius: 11px; }
  .BKclUNlFKIBDOUkb2A6x { margin-inline: 12px; }
  .pdUI0ZBbMO_JE3fODF8L { padding: 14px 12px; }
  .YiRhHpf8YkBqKSm4v1Cf { max-width: 86%; }
  .dEZVpIztSpsNDJoCbVLD { padding-inline: 12px; }
  .Pyaqdq6ey521_jEdgAQ4 { padding-inline: 11px; }
  .bufp85Uc2Fyjh_dtJl5w { grid-template-columns: 32px minmax(0, 1fr) auto; padding-inline: 10px; gap: 8px; }
  .bufp85Uc2Fyjh_dtJl5w > span { width: 32px; height: 32px; }
}

.MBcyxFSVKmAYmw7m97Q9 {
  position: relative;
  background:
    radial-gradient(circle at 92% 3%, color-mix(in srgb, var(--baibao-tech, #635bff) 6%, transparent), transparent 230px),
    radial-gradient(circle at 5% 68%, color-mix(in srgb, var(--baibao-cyan, #20bdd0) 3%, transparent), transparent 260px),
    linear-gradient(180deg, var(--baibao-bg), var(--baibao-card));
  background-size: auto;
}

.MBcyxFSVKmAYmw7m97Q9::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  z-index: 3;
  height: 2px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--baibao-tech, #635bff) 42%, transparent), color-mix(in srgb, var(--baibao-tech, #635bff) 62%, transparent), transparent);
  background-size: 180% 100%;
  animation: h7zq6LwPOJAUeXh_Ranc 4.5s linear infinite;
}

.r1WAeFCa5Xy5LsAoFQZw {
  position: relative;
  border-bottom-color: color-mix(in srgb, var(--baibao-tech, #635bff) 12%, var(--baibao-border));
  background: color-mix(in srgb, var(--baibao-card) 84%, transparent);
  box-shadow: 0 5px 18px color-mix(in srgb, var(--baibao-tech, #635bff) 3%, transparent);
}

.jOmtHn3rMeDEwU3cAR4f strong {
  width: fit-content;
  color: transparent;
  background: linear-gradient(100deg, var(--baibao-text), var(--baibao-tech, #635bff) 72%, var(--baibao-cyan, #20bdd0));
  background-clip: text;
  -webkit-background-clip: text;
  letter-spacing: -.02em;
}

.eYcWTcl2aRIml_DOpwF2 { display: inline-flex; align-items: center; gap: 5px; }
.eYcWTcl2aRIml_DOpwF2 i { width: 5px; height: 5px; flex: 0 0 auto; border-radius: 50%; background: var(--baibao-cyan, #20bdd0); box-shadow: 0 0 0 3px color-mix(in srgb, var(--baibao-cyan, #20bdd0) 12%, transparent), 0 0 8px color-mix(in srgb, var(--baibao-cyan, #20bdd0) 58%, transparent); animation: b6IiSiBzPN3CkYeCuyF9 1.9s ease-in-out infinite; }

.gM0k_QWrdEQYewfIsxSk { border-radius: 14px; background: radial-gradient(circle, color-mix(in srgb, var(--baibao-cyan, #20bdd0) 8%, transparent), transparent 67%); filter: drop-shadow(0 4px 8px color-mix(in srgb, var(--baibao-tech, #635bff) 12%, transparent)); }
.MU64X8l1mfGHGe9HQudq, .w4k7i_A_2_jhj_pt9wTD { border-color: color-mix(in srgb, var(--baibao-tech, #635bff) 8%, transparent); background: color-mix(in srgb, var(--baibao-card) 72%, transparent); }
.MU64X8l1mfGHGe9HQudq:hover, .w4k7i_A_2_jhj_pt9wTD:hover, .nuVDZbBeCR1m1daCinuu { color: var(--baibao-tech, #635bff); border-color: color-mix(in srgb, var(--baibao-tech, #635bff) 28%, transparent); background: linear-gradient(145deg, color-mix(in srgb, var(--baibao-tech, #635bff) 10%, var(--baibao-card)), color-mix(in srgb, var(--baibao-cyan, #20bdd0) 7%, var(--baibao-card))); box-shadow: 0 4px 12px color-mix(in srgb, var(--baibao-tech, #635bff) 12%, transparent); }

.BKclUNlFKIBDOUkb2A6x { border-color: color-mix(in srgb, var(--baibao-tech, #635bff) 20%, transparent); background: linear-gradient(120deg, color-mix(in srgb, var(--baibao-tech, #635bff) 8%, var(--baibao-card)), color-mix(in srgb, var(--baibao-cyan, #20bdd0) 5%, var(--baibao-card))); }
.jZb7Cf_5QGQb1NYuCj8V { color: var(--baibao-tech, #635bff); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }

.dEZVpIztSpsNDJoCbVLD { border-bottom-color: color-mix(in srgb, var(--baibao-tech, #635bff) 12%, var(--baibao-border)); background: color-mix(in srgb, var(--baibao-card) 76%, transparent); backdrop-filter: blur(18px); }
.dEZVpIztSpsNDJoCbVLD small { color: var(--baibao-tech, #635bff); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.bufp85Uc2Fyjh_dtJl5w { border-color: color-mix(in srgb, var(--baibao-tech, #635bff) 10%, var(--baibao-border)); background: linear-gradient(135deg, color-mix(in srgb, var(--baibao-tech, #635bff) 3%, var(--baibao-card)), color-mix(in srgb, var(--baibao-cyan, #20bdd0) 2%, var(--baibao-card))); }
.bufp85Uc2Fyjh_dtJl5w:hover { border-color: color-mix(in srgb, var(--baibao-tech, #635bff) 30%, var(--baibao-border)); background: linear-gradient(135deg, color-mix(in srgb, var(--baibao-tech, #635bff) 8%, var(--baibao-card)), color-mix(in srgb, var(--baibao-cyan, #20bdd0) 5%, var(--baibao-card))); box-shadow: 0 7px 18px color-mix(in srgb, var(--baibao-tech, #635bff) 9%, transparent); }

.rSH6aDdoWOPiB6LzNySJ { border-top-color: color-mix(in srgb, var(--baibao-tech, #635bff) 12%, var(--baibao-border)); background: color-mix(in srgb, var(--baibao-card) 84%, transparent); box-shadow: 0 -10px 28px color-mix(in srgb, var(--baibao-tech, #635bff) 4%, transparent); }
.rSH6aDdoWOPiB6LzNySJ .ant-input { border: 1px solid color-mix(in srgb, var(--baibao-tech, #635bff) 12%, transparent); background: linear-gradient(120deg, color-mix(in srgb, var(--baibao-tech, #635bff) 4%, var(--baibao-card)), color-mix(in srgb, var(--baibao-cyan, #20bdd0) 3%, var(--baibao-card))); }
.rSH6aDdoWOPiB6LzNySJ .ant-sender .ant-input { color: var(--baibao-text) !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.rSH6aDdoWOPiB6LzNySJ .ant-btn-primary { border-color: transparent; color: #fff; background: linear-gradient(145deg, var(--baibao-cyan, #20bdd0), var(--baibao-tech, #635bff)); box-shadow: 0 5px 13px color-mix(in srgb, var(--baibao-tech, #635bff) 24%, transparent); }

@keyframes h7zq6LwPOJAUeXh_Ranc { to { background-position: -180% 0; } }
@keyframes b6IiSiBzPN3CkYeCuyF9 { 50% { opacity: .48; transform: scale(.76); } }

@media (max-width: 767px) {
  .MBcyxFSVKmAYmw7m97Q9 { background-size: auto; }
  .r1WAeFCa5Xy5LsAoFQZw { padding-top: 10px; padding-bottom: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .MBcyxFSVKmAYmw7m97Q9::before, .eYcWTcl2aRIml_DOpwF2 i { animation: none; }
}