:root {
  --ld-qc-title1-font-size: 40px;
  --ld-qc-title2-font-size: 30px;
  --ld-qc-title3-font-size: 26px;
  --ld-qc-title4-font-size: 22px;
  --ld-qc-title5-font-size: 20px;
  --ld-qc-title6-font-size: 18px;
  --ld-qc-text1-font-size: 16px;
}

html body.frontend-body-canvas .ld-qc-paragraph1 {
  font-size: var(--ld-qc-text1-font-size);
}

html body.frontend-body-canvas .ld-qc-heading1 {
  font-size: var(--ld-qc-title1-font-size);
}

html body.frontend-body-canvas .ld-qc-heading2 {
  font-size: var(--ld-qc-title2-font-size);
}

html body.frontend-body-canvas .ld-qc-heading3 {
  font-size: var(--ld-qc-title3-font-size);
}

html body.frontend-body-canvas .ld-qc-heading4 {
  font-size: var(--ld-qc-title4-font-size);
}

html body.frontend-body-canvas .ld-qc-heading5 {
  font-size: var(--ld-qc-title5-font-size);
}

html body.frontend-body-canvas .ld-qc-heading6 {
  font-size: var(--ld-qc-title6-font-size);
}



/* 让产品预览富文本渲染效果与导出样式一致 */
/* 富文本编辑器默认样式（已展开为普通 CSS） */
.contentEditRichText_editorContainer{
  --h1-margin:26px;
  --h2-margin:20px;
  --h3-margin:20px;
  --h4-margin:12px;
  --h5-margin:12px;
  --h6-margin:12px;
  --p-margin:12px;
  --figure-margin:10px;

  --h1-font-size: 2.2em;
  --h2-font-size: 2em;
  --h3-font-size: 1.6em;
  --h4-font-size: 1.4em;
  --h5-font-size: 1.3em;
  --h6-font-size: 1.125em;
  --p-font-size: 1em;

  --h1-line-height: 1.3;
  --h2-line-height: 1.3;
  --h3-line-height: 1.5;
  --h4-line-height: 1.5;
  --h5-line-height: 1.5;
  --h6-line-height: 1.5;
  --p-line-height: 1.7;

  word-break: break-word;
}
.contentEditRichText_editorContainer h1{
  margin: var(--h1-margin) 0;
  font-size: var(--h1-font-size);
  font-weight: 600;
  line-height: var(--h1-line-height);
}

.contentEditRichText_editorContainer h2{
  font-size: var(--h2-font-size);
  margin: var(--h2-margin) 0;
  font-weight: 600;
  line-height: var(--h2-line-height);
}

.contentEditRichText_editorContainer h3{
  font-size: var(--h3-font-size);
  margin: var(--h3-margin) 0;
  font-weight: 600;
  line-height: var(--h3-line-height);
}
.contentEditRichText_editorContainer h4{
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
}
.contentEditRichText_editorContainer h5{
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
}
.contentEditRichText_editorContainer h6{
  font-size: var(--h6-font-size);
  line-height: var(--h6-line-height);
}
.contentEditRichText_editorContainer h4,
.contentEditRichText_editorContainer h5,
.contentEditRichText_editorContainer h6 {
  margin: var(--h4-margin) 0;
  font-weight: 600;
}

.contentEditRichText_editorContainer p {
  margin: var(--p-margin) 0;
  font-size: var(--p-font-size);
  line-height: var(--p-line-height);
  min-height: 1em;
}

.contentEditRichText_editorContainer {
  --qc-color14: rgba(56, 54, 75, 1);
  --qc-heading-color: rgba(15, 12, 30, 1);
  --qc-text-color: var(--qc-color14);

  line-height: 1.6;
  padding: 0;
}

.contentEditRichText_editorContainer figure {
  margin: var(--figure-margin) 0;
}

.contentEditRichText_editorContainer strong {
  font-weight: 600;
}

.contentEditRichText_editorContainer em {
  font-style: italic;
  font-weight:inherit;
}

.contentEditRichText_editorContainer ul,
.contentEditRichText_editorContainer ol {
  margin-bottom: 16px;
  padding-left: 30px;
}

.contentEditRichText_editorContainer ul {
  list-style-type: disc;
}

.contentEditRichText_editorContainer ol {
  list-style-type: decimal;
}

.contentEditRichText_editorContainer li {
  margin-bottom: 8px;
  list-style: initial;
}

.contentEditRichText_editorContainer ul li {
  list-style: disc;
}

.contentEditRichText_editorContainer ol li {
  list-style: decimal;
}

.contentEditRichText_editorContainer ul li::marker,
.contentEditRichText_editorContainer ol li::marker {
  font-size: 1.128em;
}

.contentEditRichText_editorContainer blockquote {
  margin: 20px 0;
  padding: 15px 20px;
  background-color: #f8f9fa;
  font-style: italic;
}

.contentEditRichText_editorContainer code {
  background-color: #f1f2f6;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 0.9em;
}

.contentEditRichText_editorContainer pre {
  background-color: #f8f9fa;
  border-radius: 5px;
  padding: 15px;
  overflow-x: auto;
  margin-bottom: 16px;
}

.contentEditRichText_editorContainer pre code {
  background-color: transparent;
  padding: 0;
}

.contentEditRichText_editorContainer table {
  width: auto;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0;
  overflow: hidden;
  word-break: break-word;
}

.contentEditRichText_editorContainer th,
.contentEditRichText_editorContainer td {
  border: 1px solid #ddd;
  padding: 12px;
}

.contentEditRichText_editorContainer th {
  background-color: #f8f9fa;
  font-weight: 600;
}

.contentEditRichText_editorContainer a {
  text-decoration: none;
  cursor: pointer;
  color: #008CFF;
}

html .contentEditRichText_editorContainer a,
div[class^="sitewidget-"].contentEditRichText_editorContainer a,
div[class^="sitewidget-"] .contentEditRichText_editorContainer a {
    font-size: inherit;
}

.contentEditRichText_editorContainer a:hover {
  text-decoration: underline;
}

.contentEditRichText_editorContainer img {
  max-width: 100%;
  height: auto;
  width: 100%;
}

.contentEditRichText_editorContainer .image-block {
  font-size: 0;
}

.contentEditRichText_editorContainer .html-image-inner {
  max-width: 100%;
  display: flex;
  width: 100%;
}

.contentEditRichText_editorContainer hr {
  border: none;
  border-top: 2px solid #ecf0f1;
  margin: 30px 0;
}

.contentEditRichText_editorContainer .web-embed-block {
  width: 100%;
}

.contentEditRichText_editorContainer .web-embed-block iframe {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.contentEditRichText_editorContainer .qc-divider-wrapper {
  min-height: 12px;
  justify-content: center;
  display: flex;
  align-items: center;
}

.contentEditRichText_editorContainer .tableWrapper {
  overflow-x: auto;
  display: block;
  margin: var(--p-margin) 0;
}

.contentEditRichText_editorContainer .tableWrapper table {
  width: auto;
  min-width: auto;
}

.contentEditRichText_editorContainer .html-block{
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, Arial, sans-serif;
}

/* 自适应模式：开启 contentAdaptation 时，表格宽度随内容，支持左右/居中/右对齐 */
.contentEditRichText_editorContainer .tableWrapper {
  display: flex;
}

.contentEditRichText_editorContainer .tableWrapper.contentAdaptation table {
  width: 100% !important;
  min-width: 100% !important;
  table-layout: fixed;
}

/* 铺满模式：清除 table/col 上的行内 px 宽度（TableView/导出渲染可能写入），避免被撑破 */
.contentEditRichText_editorContainer .tableWrapper.contentAdaptation table[style] {
  width: 100% !important;
  min-width: 100% !important;
}

.contentEditRichText_editorContainer .tableWrapper.contentAdaptation table col,
.contentEditRichText_editorContainer .tableWrapper.contentAdaptation table col[style] {
  width: auto !important;
  min-width: 0 !important;
}

.contentEditRichText_editorContainer .tableWrapper.alignleft {
  justify-content: flex-start;
}

.contentEditRichText_editorContainer .tableWrapper.alignCenter {
  justify-content: center;
}

.contentEditRichText_editorContainer .tableWrapper.alignRight {
  justify-content: flex-end;
}

/* ImageBlock 对齐：通过 data-align 驱动，避免在 NodeView 中写内联样式 */
.contentEditRichText_editorContainer .image-block{
  display: flex;
}
.contentEditRichText_editorContainer .image-block[data-align="left"] {
  justify-content: left;
}

.contentEditRichText_editorContainer .image-block[data-align="center"] {
  justify-content: center;
}

.contentEditRichText_editorContainer .image-block[data-align="right"] {
  justify-content: right;
}

.contentEditRichText_editorContainer .html-video-inner{
  display: flex;
}

/* 小屏幕下，表格宽度自适应 */
.product-preview  .mobile .contentEditRichText_editorContainer table{
  table-layout: auto;
}

.product-preview  .mobile .contentEditRichText_editorContainer .tableWrapper.tableIphoneAuto{
  /* 关闭横向滚动条，移动端强制铺满由表格内部换行承担 */
  overflow-x: hidden !important;
  width: 100%;
  display: block !important;
}

.product-preview  .mobile .contentEditRichText_editorContainer .tableWrapper.tableIphoneAuto table{
  /* 移动端强制铺满：仅靠样式覆盖 table/col 的行内宽度约束 */
  table-layout: fixed !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  word-break: break-word;
}
.product-preview  .mobile .contentEditRichText_editorContainer .tableWrapper.tableIphoneAuto table[style]{
  width: 100% !important;
  min-width: 0 !important;
}
.product-preview  .mobile .contentEditRichText_editorContainer .tableWrapper.tableIphoneAuto table col,
.product-preview  .mobile .contentEditRichText_editorContainer .tableWrapper.tableIphoneAuto table col[style]{
  width: auto !important;
  min-width: 0 !important;
}
@media (max-width: 768px) {
  .contentEditRichText_editorContainer table {
    table-layout: auto;
  }

  .contentEditRichText_editorContainer .tableWrapper.tableIphoneAuto{
    /* 关闭横向滚动条，移动端强制铺满由表格内部换行承担 */
    overflow-x: hidden !important;
    width: 100%;
    display: block !important;
  }

  .contentEditRichText_editorContainer .tableWrapper.tableIphoneAuto table{
    /* 移动端强制铺满：仅靠样式覆盖 table/col 的行内宽度约束 */
    table-layout: fixed !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    word-break: break-word;
  }
  .contentEditRichText_editorContainer .tableWrapper.tableIphoneAuto table[style]{
    width: 100% !important;
    min-width: 0 !important;
  }
  .contentEditRichText_editorContainer .tableWrapper.tableIphoneAuto table col,
  .contentEditRichText_editorContainer .tableWrapper.tableIphoneAuto table col[style]{
    width: auto !important;
    min-width: 0 !important;
  }
}