下面是我的Next.js代码的一部分：

import ReactMarkdown from 'react-markdown'
import gfm from 'remark-gfm'
import styles from './content.module.css'

return (
  <article className={styles.markdownbody}>  // here
    <ReactMarkdown remarkPlugins={[gfm]}>
    {props.markdown}
    </ReactMarkdown>
  </article>
)

下面是我的CSS样式的一部分：

.markdown-body {
  color-scheme: dark;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  color: #e6edf3;
  background-color: #0d1117;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
}

那么className应该是什么呢？
我试了styles.markdownbody，styles.markdown_body，styles.markdownBody，styles.markdown-body，但它仍然不工作。