/* 优化后的组件样式 - 增强暗黑主题兼容性 */

/* 布局头部样式 */
.n-layout-header[data-v-cfbf687a]{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background-color: var(--secondary-bg, #1a1a1a) !important;
  border-bottom: 1px solid var(--border-color, #333333) !important;
  box-shadow: var(--shadow-light, 0 2px 8px rgba(0, 0, 0, 0.3)) !important;
  transition: var(--transition-normal, 0.3s ease) !important;
}

/* 警告框样式 */
.n-alert[data-v-cfbf687a]{
  margin-top:10px;
  margin-bottom:10px;
  text-align:center;
  border-radius: var(--border-radius-md, 8px) !important;
  border: 1px solid var(--border-color, #333333) !important;
}

/* 卡片样式 */
.n-card[data-v-cfbf687a]{
  margin-top:10px;
  background-color: var(--card-bg, #1e1e1e) !important;
  border: 1px solid var(--border-color, #333333) !important;
  border-radius: var(--border-radius-lg, 12px) !important;
  box-shadow: var(--shadow-light, 0 2px 8px rgba(0, 0, 0, 0.3)) !important;
  transition: var(--transition-normal, 0.3s ease) !important;
}

.n-card[data-v-cfbf687a]:hover {
  border-color: var(--border-hover, #4a4a4a) !important;
  box-shadow: var(--shadow-medium, 0 4px 16px rgba(0, 0, 0, 0.4)) !important;
  transform: translateY(-2px);
}

/* 居中布局 */
.center[data-v-cfbf687a]{
  display:flex;
  text-align:left;
  place-items:center;
  justify-content:center;
  margin:20px;
  color: var(--primary-text, #ffffff) !important;
  max-width: 1200px !important; /* 增加居中容器最大宽度 */
  width: 100% !important;
}

/* 表单按钮 */
.n-form .n-button[data-v-cfbf687a]{
  margin-top:10px;
  border-radius: var(--border-radius-md, 8px) !important;
  font-weight: 500 !important;
  transition: var(--transition-fast, 0.2s ease) !important;
}

/* 页脚分割线 */
.footer-divider[data-v-d9827d3e]{
  margin:0;
  padding:0 var(--x-padding);
  border-color: var(--border-color, #333333) !important;
}

/* 开关样式 */
.n-switch{
  margin-left:10px;
  margin-right:10px;
  background-color: var(--tertiary-bg, #2a2a2a) !important;
}

.n-switch--active {
  background-color: var(--accent-text, #4a9eff) !important;
}

/* 侧边栏样式 */
.side[data-v-eb3b050d]{
  height:100vh;
  background-color: var(--secondary-bg, #1a1a1a) !important;
  border-right: 1px solid var(--border-color, #333333) !important;
}

/* 主内容区域 */
.main[data-v-eb3b050d]{
  height:100vh;
  text-align:center;
  background-color: var(--primary-bg, #0f0f0f) !important;
  color: var(--primary-text, #ffffff) !important;
  max-width: none !important; /* 移除宽度限制 */
  width: 100% !important; /* 使用全宽 */
}

.n-grid[data-v-eb3b050d],.n-gi[data-v-eb3b050d],.n-space[data-v-eb3b050d]{
  height:100%;
}

/* 按钮组合 */
.center[data-v-bf056655]{
  display:flex;
}

.n-button[data-v-bf056655]{
  margin-left:10px;
  border-radius: var(--border-radius-md, 8px) !important;
  transition: var(--transition-fast, 0.2s ease) !important;
}

/* 表单相关样式 */
.n-alert[data-v-51c86e3a]{
  margin-top:10px;
  margin-bottom:10px;
  text-align:center;
  border-radius: var(--border-radius-md, 8px) !important;
}

.n-form .n-button[data-v-51c86e3a]{
  margin-top:10px;
  border-radius: var(--border-radius-md, 8px) !important;
}

.n-form[data-v-51c86e3a]{
  text-align:left;
  color: var(--primary-text, #ffffff) !important;
}

/* 数据表格 */
.n-data-table[data-v-2af033d1]{
  min-width:900px;
  background-color: var(--card-bg, #1e1e1e) !important;
  border: 1px solid var(--border-color, #333333) !important;
  border-radius: var(--border-radius-lg, 12px) !important;
  overflow: hidden;
}

/* 更多警告框样式 */
.n-alert[data-v-27f076c7]{
  margin-top:10px;
  margin-bottom:10px;
  text-align:center;
  border-radius: var(--border-radius-md, 8px) !important;
}

.n-card[data-v-27f076c7]{
  margin-top:10px;
  background-color: var(--card-bg, #1e1e1e) !important;
  border: 1px solid var(--border-color, #333333) !important;
  border-radius: var(--border-radius-lg, 12px) !important;
}

.center[data-v-27f076c7]{
  display:flex;
  text-align:left;
  place-items:center;
  justify-content:center;
  margin:20px;
  color: var(--primary-text, #ffffff) !important;
}

/* 邮件内容渲染器 */
.mail-content-renderer[data-v-d6ce1ecb]{
  display:flex;
  flex-direction:column;
  gap:10px;
  background-color: var(--card-bg, #1e1e1e) !important;
  color: var(--primary-text, #ffffff) !important;
  border-radius: var(--border-radius-md, 8px) !important;
  padding: 16px;
}

.mail-content[data-v-d6ce1ecb]{
  margin-top:10px;
  flex:1;
  background-color: var(--card-bg, #1e1e1e) !important;
  color: var(--primary-text, #ffffff) !important;
}

.mail-text[data-v-d6ce1ecb]{
  white-space:pre-wrap;
  word-wrap:break-word;
  margin:0;
  padding:0;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  color: var(--primary-text, #ffffff) !important;
}

.mail-iframe[data-v-d6ce1ecb]{
  width:100%;
  height:100%;
  border:none;
  min-height:400px;
  background-color: var(--card-bg, #1e1e1e) !important;
  border-radius: var(--border-radius-md, 8px) !important;
}

.mail-html[data-v-d6ce1ecb]{
  width:100%;
  height:100%;
  background-color: var(--card-bg, #1e1e1e) !important;
}

.center[data-v-d6ce1ecb]{
  text-align:center;
  color: var(--primary-text, #ffffff) !important;
}

.fullscreen-mail-content[data-v-d6ce1ecb]{
  height:calc(100vh - 120px);
  overflow:auto;
  background-color: var(--primary-bg, #0f0f0f) !important;
}

.fullscreen-mail-content .mail-iframe[data-v-d6ce1ecb]{
  min-height:calc(100vh - 120px);
}

/* 邮件项目样式 */
.left[data-v-c616c3cf]{
  text-align:left;
  color: var(--primary-text, #ffffff) !important;
}

.center[data-v-c616c3cf]{
  text-align:center;
  color: var(--primary-text, #ffffff) !important;
}

.overlay[data-v-c616c3cf]{
  width:100%;
  height:100%;
  z-index:1000;
}

.overlay-dark-backgroud[data-v-c616c3cf]{
  background-color: rgba(15, 15, 15, 0.8) !important;
  backdrop-filter: blur(4px);
}



.mail-item[data-v-c616c3cf]{
  height:100%;
  background-color: var(--card-bg, #1e1e1e) !important;
  border: 1px solid var(--border-color, #333333) !important;
  border-radius: var(--border-radius-md, 8px) !important;
  transition: var(--transition-fast, 0.2s ease) !important;
}

.mail-item[data-v-c616c3cf]:hover {
  background-color: var(--hover-bg, #2d2d2d) !important;
  border-color: var(--border-hover, #4a4a4a) !important;
  transform: translateY(-1px);
  box-shadow: var(--shadow-light, 0 2px 8px rgba(0, 0, 0, 0.3)) !important;
}

pre[data-v-c616c3cf]{
  white-space:pre-wrap;
  word-wrap:break-word;
  color: var(--primary-text, #ffffff) !important;
  background-color: var(--tertiary-bg, #2a2a2a) !important;
  border-radius: var(--border-radius-sm, 4px) !important;
  padding: 12px;
}

/* 重复的邮件项目样式 */
.left[data-v-160f0149]{
  text-align:left;
  color: var(--primary-text, #ffffff) !important;
}

.center[data-v-160f0149]{
  text-align:center;
  color: var(--primary-text, #ffffff) !important;
}

.overlay[data-v-160f0149]{
  width:100%;
  height:100%;
  z-index:1000;
}

.overlay-dark-backgroud[data-v-160f0149]{
  background-color: rgba(15, 15, 15, 0.8) !important;
  backdrop-filter: blur(4px);
}



.mail-item[data-v-160f0149]{
  height:100%;
  background-color: var(--card-bg, #1e1e1e) !important;
  border: 1px solid var(--border-color, #333333) !important;
  border-radius: var(--border-radius-md, 8px) !important;
  transition: var(--transition-fast, 0.2s ease) !important;
}

.mail-item[data-v-160f0149]:hover {
  background-color: var(--hover-bg, #2d2d2d) !important;
  border-color: var(--border-hover, #4a4a4a) !important;
  transform: translateY(-1px);
  box-shadow: var(--shadow-light, 0 2px 8px rgba(0, 0, 0, 0.3)) !important;
}

pre[data-v-160f0149]{
  white-space:pre-wrap;
  word-wrap:break-word;
  color: var(--primary-text, #ffffff) !important;
  background-color: var(--tertiary-bg, #2a2a2a) !important;
  border-radius: var(--border-radius-sm, 4px) !important;
  padding: 12px;
}

/* 其余样式保持原有结构但增加暗黑主题支持 */
.n-card[data-v-e3028e17]{
  max-width:1200px;
  background-color: var(--card-bg, #1e1e1e) !important;
  border: 1px solid var(--border-color, #333333) !important;
  border-radius: var(--border-radius-lg, 12px) !important;
}

.n-button[data-v-e3028e17]{
  text-align:left;
  border-radius: var(--border-radius-md, 8px) !important;
}

.center[data-v-e3028e17]{
  display:flex;
  text-align:center;
  place-items:center;
  justify-content:center;
  color: var(--primary-text, #ffffff) !important;
}

.left[data-v-e3028e17]{
  text-align:left;
  place-items:left;
  justify-content:left;
  color: var(--primary-text, #ffffff) !important;
}

.right[data-v-e3028e17]{
  text-align:right;
  place-items:right;
  justify-content:right;
  color: var(--primary-text, #ffffff) !important;
}

/* 继续优化其他组件样式... */
.center[data-v-ce61ff8c]{
  display:flex;
  justify-content:center;
  color: var(--primary-text, #ffffff) !important;
}

.n-card[data-v-ce61ff8c]{
  max-width:1200px;
  text-align:left;
  background-color: var(--card-bg, #1e1e1e) !important;
  border: 1px solid var(--border-color, #333333) !important;
  border-radius: var(--border-radius-lg, 12px) !important;
}

.n-button[data-v-ce61ff8c]{
  margin-top:10px;
  border-radius: var(--border-radius-md, 8px) !important;
}

.center[data-v-d45c959c]{
  display:flex;
  justify-content:center;
  color: var(--primary-text, #ffffff) !important;
}

.n-card[data-v-d45c959c]{
  max-width:1200px;
  text-align:left;
  background-color: var(--card-bg, #1e1e1e) !important;
  border: 1px solid var(--border-color, #333333) !important;
  border-radius: var(--border-radius-lg, 12px) !important;
}

.center[data-v-7acd3020]{
  display:flex;
  text-align:left;
  place-items:center;
  justify-content:center;
  color: var(--primary-text, #ffffff) !important;
}

.n-button[data-v-7acd3020]{
  margin-top:10px;
  border-radius: var(--border-radius-md, 8px) !important;
}

.center[data-v-709bfb8d]{
  display:flex;
  justify-content:center;
  color: var(--primary-text, #ffffff) !important;
}

.n-card[data-v-709bfb8d]{
  max-width:1200px;
  background-color: var(--card-bg, #1e1e1e) !important;
  border: 1px solid var(--border-color, #333333) !important;
  border-radius: var(--border-radius-lg, 12px) !important;
}

.n-button[data-v-709bfb8d]{
  margin-top:10px;
  margin-left:10px;
  border-radius: var(--border-radius-md, 8px) !important;
}

.center[data-v-e0ce32bc]{
  max-width:1200px;
  margin:0 auto;
  color: var(--primary-text, #ffffff) !important;
}

.n-card[data-v-e0ce32bc]{
  margin-top:20px;
  width:100%;
  background-color: var(--card-bg, #1e1e1e) !important;
  border: 1px solid var(--border-color, #333333) !important;
  border-radius: var(--border-radius-lg, 12px) !important;
}

.center[data-v-128c1f0f]{
  display:flex;
  justify-content:center;
  color: var(--primary-text, #ffffff) !important;
}

.n-card[data-v-128c1f0f]{
  max-width:1200px;
  text-align:left;
  background-color: var(--card-bg, #1e1e1e) !important;
  border: 1px solid var(--border-color, #333333) !important;
  border-radius: var(--border-radius-lg, 12px) !important;
}

.n-button[data-v-128c1f0f]{
  margin-top:10px;
  margin-bottom:10px;
  border-radius: var(--border-radius-md, 8px) !important;
}

.center[data-v-b55d0f38]{
  display:flex;
  text-align:center;
  place-items:center;
  justify-content:center;
  color: var(--primary-text, #ffffff) !important;
}

.n-button[data-v-b55d0f38]{
  margin-top:10px;
  border-radius: var(--border-radius-md, 8px) !important;
}

.n-alert[data-v-7936a6f0]{
  margin-top:10px;
  margin-bottom:10px;
  text-align:center;
  border-radius: var(--border-radius-md, 8px) !important;
}

.center[data-v-7936a6f0]{
  display:flex;
  text-align:center;
  place-items:center;
  justify-content:center;
  margin:20px;
  color: var(--primary-text, #ffffff) !important;
}

.center[data-v-83781169]{
  display:flex;
  text-align:center;
  place-items:center;
  justify-content:center;
  color: var(--primary-text, #ffffff) !important;
}

/* 响应式优化 */
@media (max-width: 768px) {
  .n-card[data-v-cfbf687a],
  .n-card[data-v-27f076c7],
  .n-card[data-v-e3028e17],
  .n-card[data-v-ce61ff8c],
  .n-card[data-v-d45c959c],
  .n-card[data-v-709bfb8d],
  .n-card[data-v-e0ce32bc],
  .n-card[data-v-128c1f0f] {
    margin: 8px !important;
    border-radius: var(--border-radius-md, 8px) !important;
  }
  
  .n-data-table[data-v-2af033d1] {
    min-width: 300px !important;
    font-size: 12px !important;
  }
  
  .center[data-v-cfbf687a],
  .center[data-v-27f076c7],
  .center[data-v-7936a6f0] {
    margin: 10px !important;
  }
}