body {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    font-size: 16px;
  }
  
    .preview-content {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
      line-height: 1.6;
      color: #24292f;
      background: #ffffff;
      max-width: none;
    }
    .preview-content h1, .preview-content h2, .preview-content h3, .preview-content h4, .preview-content h5, .preview-content h6 {
      margin-top: 24px;
      margin-bottom: 16px;
      font-weight: 600;
      line-height: 1.25;
    }
    .preview-content h1 { font-size: 2em; border-bottom: 1px solid #d0d7de; padding-bottom: 0.3em; }
    .preview-content h2 { font-size: 1.5em; border-bottom: 1px solid #d0d7de; padding-bottom: 0.3em; }
    .preview-content h3 { font-size: 1.25em; }
    .preview-content code {
      padding: 0.2em 0.4em;
      margin: 0;
      font-size: 85%;
      background-color: rgba(175, 184, 193, 0.2);
      border-radius: 6px;
      font-family: ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
    }
    .preview-content pre {
      padding: 16px;
      overflow: auto;
      font-size: 14px;
      line-height: 1.45;
      background-color: #f6f8fa;
      border-radius: 8px;
      border: 1px solid #d0d7de;
      margin: 24px 0 !important;
      display: block;
    }
    /* 确保连续的代码块之间有足够间距 */
    .preview-content pre + pre {
      margin-top: 32px !important;
    }
    .preview-content pre code {
      background: transparent;
      padding: 0;
      border-radius: 0;
      font-size: inherit;
    }
    .preview-content blockquote {
      padding: 0 1em;
      color: #656d76;
      border-left: 0.25em solid #d0d7de;
      margin: 0 0 16px 0;
    }
    .preview-content table {
      border-spacing: 0;
      border-collapse: collapse;
      width: 100%;
      margin: 16px 0;
      box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }
    .preview-content table th, .preview-content table td {
      padding: 8px 12px;
      border: 1px solid #d0d7de;
      text-align: left;
    }
    .preview-content table th {
      font-weight: 600;
      background-color: #f6f8fa;
    }
    .preview-content table tr:nth-child(even) {
      background-color: #f8f9fa;
    }
    .preview-content ul, .preview-content ol {
      padding-left: 2em;
      margin: 16px 0;
    }
    .preview-content li {
      margin: 0.25em 0;
    }
    
    /* 语法高亮样式 */
    .preview-content .token.comment,
    .preview-content .token.prolog,
    .preview-content .token.doctype,
    .preview-content .token.cdata {
      color: #6a737d;
      font-style: italic;
    }
    .preview-content .token.punctuation {
      color: #586069;
    }
    .preview-content .token.property,
    .preview-content .token.tag,
    .preview-content .token.boolean,
    .preview-content .token.number,
    .preview-content .token.constant,
    .preview-content .token.symbol,
    .preview-content .token.deleted {
      color: #005cc5;
    }
    .preview-content .token.selector,
    .preview-content .token.attr-name,
    .preview-content .token.string,
    .preview-content .token.char,
    .preview-content .token.builtin,
    .preview-content .token.inserted {
      color: #032f62;
    }
    .preview-content .token.operator,
    .preview-content .token.entity,
    .preview-content .token.url,
    .preview-content .language-css .token.string,
    .preview-content .style .token.string {
      color: #d73a49;
    }
    .preview-content .token.atrule,
    .preview-content .token.attr-value,
    .preview-content .token.keyword {
      color: #d73a49;
    }
    .preview-content .token.function,
    .preview-content .token.class-name {
      color: #6f42c1;
    }
    .preview-content .token.regex,
    .preview-content .token.important,
    .preview-content .token.variable {
      color: #e36209;
    }
    .preview-content .token.important,
    .preview-content .token.bold {
      font-weight: bold;
    }
    .preview-content .token.italic {
      font-style: italic;
    }
  
  @media (max-width: 768px) {
    body { padding: 10px; font-size: 14px; }
    .preview-content { margin: 0; }
  }