  .markdown-demo-page {
    padding: 24px;

    .demo-header {
      margin-bottom: 24px;
    }

    .demo-card {
      margin-bottom: 24px;
    }

    .editor-info {
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid var(--border-color);
    }

    .echo-info {
      margin-top: 12px;
      padding: 12px;
      background: var(--code-color);
      border-radius: 6px;
      font-size: 14px;
    }

    .form-word-count {
      margin-top: 8px;
      padding: 8px;
      background: var(--input-color-disabled, #fafafa);
      border-radius: 4px;
      border: 1px solid var(--border-color);
    }

    // 修复表单中编辑器宽度问题
    .form-markdown-item {
      :deep(.n-form-item-blank) {
        width: 100%;
      }
    }

    .form-markdown-wrapper {
      width: 100%;
      position: relative;

      .form-markdown-editor {
        width: 100%;

        // 确保编辑器容器撑满宽度
        :deep(.markdown-editor) {
          width: 100%;
        }

        :deep(.markdown-editor-container) {
          width: 100%;
        }

        // 隐藏编辑器自带的字数统计（如果有的话）
        :deep(.word-count-display) {
          display: none !important;
        }

        :deep(.editor-word-count) {
          display: none !important;
        }
      }

      .form-word-count {
        width: 100%;
        margin-top: 8px;
        padding: 8px;
        background: var(--input-color-disabled, #fafafa);
        border-radius: 4px;
        border: 1px solid var(--border-color);
        display: flex;
        justify-content: flex-start;
      }
    }
  }

  .article-preview {
    .article-meta {
      margin: 16px 0;
      padding-bottom: 16px;
      border-bottom: 1px solid var(--border-color);

      .create-time {
        color: var(--text-color-3);
        font-size: 14px;
      }
    }

    .article-summary {
      margin: 16px 0;
      padding: 12px;
      background: var(--code-color);
      border-radius: 6px;
      border-left: 4px solid var(--primary-color);
    }

    .article-content {
      margin-top: 24px;

      // 预览内容样式调整
      :deep(.markdown-editor) {
        border: none;
        box-shadow: none;
      }
    }
  }

  :deep(.n-tabs-nav) {
    margin-bottom: 24px;
  }
