﻿/* ==========================================================================
   1. 基础页面布局与导航样式 (保持原有的设置)
   ========================================================================== */

/* 导航当前页高亮 */
.nav-list .nav-list .nav-item.is-current-page>.nav-link {
  font-weight: 800;
}

/* 头部 Logo 大小 */
.site-logo {
  width: 113px;
  height: 29px;
}

/* 目录激活状态 */
.toc .toc-menu a.is-active {
  border-left-color: #060606;
}

.toc .toc-menu a:hover {
  color: #0c0202;
}

/* 导航栏背景 */
.navbar {
  background: #333;
}

.navbar-brand {
  align-items: center;
}

/* 侧边栏样式 */
.nav .panels .nav-menu {
  min-height: 100%;
  padding: .5rem .75rem;
  line-height: 1.35;
  position: relative;
  padding-left: 32px;
}

.nav .panels .nav-menu .nav-list {
  margin: 0.5rem 0 3.5rem 1.5rem;
}

.nav .panels .nav-menu .nav-list .nav-item {
  line-height: 1.5rem;
}

/* 面包屑导航 */
.breadcrumbs ul li a {
  font-family: ArtifaktLegend, Arial, Helvetica, sans-serif;
  font-size: 21px;
  margin: 0 0 1em;
  padding: 0 0 16px;
  color: #000;
  font-weight: 600;
  line-height: 24px;
}

/* 标题样式 */
.doc .sect1 h2 {
  font-size: .94444rem;
  color: #333;
  font-weight: 600;
}

/* 去除标题锚点符号 */
.doc h1 .anchor::before,
.doc h2 .anchor::before,
.doc h3 .anchor::before,
.doc h4 .anchor::before,
.doc h5 .anchor::before,
.doc h6 .anchor::before {
  content: none;
}

/* 搜索框样式 */
.site-search-icon-wrap {
  top: 0;
  width: 40px;
  height: 40px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid #dbdbdb;
  border-right: none;
}

.site-search-icon-wrap .site-search-icon {
  width: 17px;
  height: 17px;
}

#search-input {
  color: #212121;
  font-family: ArtifaktElement, Arial, Helvetica, sans-serif;
  font-size: 14px;
  cursor: text;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 40px;
  border-left: none;
}

/* ==========================================================================
   2. 主内容区域布局逻辑重构 (解决宽度和侧边栏挤压问题)
   ========================================================================== */

/*
   版心：正文阅读宽度上限 1000px（含两侧 padding，box-sizing 下内容区略窄）。
   文字过长时在栏宽内自动换行。
*/
.doc {
  margin: 0 !important;
  width: 100% !important;
  max-width: 1000px !important;
  min-width: 0 !important;
  padding: 0 24px 24px !important; /* 所有页面底部间距 24px */
  box-sizing: border-box !important;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* 图三：Rexwit使用指南首页顶部留白 24px，并显示页标题 */
article.doc.rexwit-guide-home {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
article.doc.rexwit-guide-home h1.page {
  display: block !important;
  font-size: 28px;
  font-weight: 700;
  color: #1F2329;
  margin: 0 0 16px;
  padding: 0;
}

/* 当存在侧边栏时 (.toc.sidebar) 的布局调整 */
@media screen and (min-width: 1024px) {
  .toc.sidebar+.doc {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
    width: calc(100% - 21.25rem) !important;
    /* 不超过版心，也不超过侧栏旁剩余宽度 */
    max-width: min(1000px, calc(100% - 21.25rem)) !important;
  }
}

/* function.adoc 等页：:page-role: doc-layout-full — 正文区全宽，不用 1000px 版心 */
article.doc.doc-layout-full {
  max-width: none !important;
  width: 100% !important;
}

@media screen and (min-width: 1024px) {
  .toc.sidebar + article.doc.doc-layout-full {
    max-width: none !important;
    width: calc(100% - 21.25rem) !important;
  }
}

.doc .imageblock .content {
  text-align: left;
}

/* 非表格内的单图：宽度跟随版心，不横向溢出 */
.doc .imageblock img {
  max-width: 100%;
  height: auto;
}

/* ==========================================================================
   3. Rexwit Wide Gallery 卡片布局专用样式 (核心修改部分)
   ========================================================================== */

/* --- 容器 --- */
table.tableblock.wide-gallery {
  display: block !important;
  width: 100% !important;
  border: none !important;
  margin: 24px 0;
  background: transparent !important;
}

table.tableblock.wide-gallery tbody {
  display: block !important;
  width: 100% !important;
}

/* --- 行布局 (Flexbox) --- */
table.tableblock.wide-gallery tbody tr {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin: 0 !important;

  /* 默认间距：行距 24px, 列距 24px */
  gap: 24px !important;
}

/* 特殊间距类：.gap-40 (行距40px, 列距24px) */
table.tableblock.wide-gallery.gap-40 tbody tr {
  gap: 40px 24px !important;
}

/* --- 卡片单元格 (Cell) --- */
table.tableblock.wide-gallery tbody td.tableblock {
  display: flex !important;
  flex-direction: column !important;

  /* 【核心计算公式】 */
  /* 1. flex-grow: 0 -> 禁止自动拉伸，解决"只有2个时占满全屏"的问题 */
  /* 2. flex-shrink: 1 -> 允许在空间不足时缩小 */
  /* 3. flex-basis: calc(25% - 18px) -> 这里的 18px 是 (3个间隙 * 24px) / 4个卡片 得出的补偿值 */
  flex: 0 1 calc(25% - 18px) !important;

  /* 限制最大宽度，确保不超标 */
  max-width: calc(25% - 18px) !important;

  /* 最小宽度防止挤压 */
  min-width: 220px !important;

  /* 卡片外观 */
  background-color: #F6F6F6 !important;
  border-radius: 12px !important;
  border: none !important;
  /* 固定高度 */
  padding: 0 !important;
  /* 清除默认内边距 */
  box-sizing: border-box !important;
  overflow: hidden;
  /* 防止圆角被内容撑破 */
}

/* --- 卡片内部内容 --- */
table.tableblock.wide-gallery tbody td.tableblock .content {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100%;
  overflow: hidden;
  border-radius: 12px 12px 8px 8px !important;
}

/* --- 图片样式 --- */
table.tableblock.wide-gallery tbody td.tableblock img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  /* 图片圆角：只保留上方圆角或整体稍微小一点的圆角 */
  border-radius: 12px 12px 0 0 !important;
  /* 如果希望图片四周有间距，可以加 margin，这里默认贴顶 */
  margin: 0 !important;
  object-fit: cover;
}



/* --- 描述文字样式 (对应 [.desc-text] 或普通段落) --- */
table.tableblock.wide-gallery .paragraph {
  display: block;
  font-size: 16px !important;
  color: #333333 !important;
  line-height: 1.4;
  font-weight: bold;
  margin: 0;
  /* 布局控制 */
  margin-top: 16px !important;
  padding: 0 16px;
  /* 左右留白 */
}


table.tableblock.wide-gallery .desc-text {
  display: block;
  font-size: 12px !important;
  color: #999999 !important;
  line-height: 1.5;

  /* 布局控制 */
  margin-top: 8px !important;
  padding: 0 16px;
  /* 左右留白 */
  font-weight: 400;
}
table.tableblock.wide-gallery .paragraph a,
table.tableblock.wide-gallery .desc-text a {
    text-decoration: none;  /* 去掉下划线 */
    color: inherit;         /* 颜色继承父级文字颜色（去掉默认蓝色） */
    border: none;           /* 去掉可能存在的底部边框 */
    background: transparent;/* 去掉背景 */
    cursor: pointer;        /* 鼠标悬停显示手型 */
}

/* ==========================================================================
   4. 移动端响应式适配 (小于 768px)
   ========================================================================== */
@media screen and (max-width: 768px) {

  /* 移动端改为一行一个 (100% 宽度) */
  table.tableblock.wide-gallery tbody td.tableblock {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    height: auto !important;
    /* 移动端高度自适应 */
    margin-bottom: 16px;
  }

  /* 移动端图片圆角调整 */
  table.tableblock.wide-gallery tbody td.tableblock img {
    border-radius: 12px 12px 0 0 !important;
  }
}

/* ==========================================================================
   5. (修正版) 无边框表格一行多图：总宽不超过版心，均分栏宽
   ========================================================================== */

/*
   无边框表格并排图：列宽跟随内容（adoc 里 image:...[width=…] 生效）。
   gap 为列间距；flex-wrap 窄屏可换行。
   注意：不要用 min-width:0 + flex 均分后再 max-width:100% 压图片，
   否则单元格会被挤成极窄，图片会跟着缩成「很小一块」。
*/

table.tableblock.frame-none.grid-none:not(.wide-gallery) {
  width: auto !important;
  max-width: 100% !important;
}

table.tableblock.frame-none.grid-none:not(.wide-gallery) tbody tr {
  display: flex !important;
  /* flex-wrap: wrap !important; */
  align-items: flex-start !important;
  gap: 10px !important;
}

/* 单元格按图片/内容宽度占位，不被 flex 压扁 */
table.tableblock.frame-none.grid-none:not(.wide-gallery) td.tableblock {
  display: block !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  max-width: 100% !important;
}

/* 大图不超过版心；尊重 HTML width / 固有尺寸 */
table.tableblock.frame-none.grid-none:not(.wide-gallery) img {
  display: block;
  max-width: 100%;
  /* width: auto;
  height: auto; */
}

/* ==========================================================================
   6. Wide Gallery 交互特效 (鼠标悬停图片放大)
   ========================================================================== */

/* 1. 设置图片的过渡动画 */
table.tableblock.wide-gallery tbody td.tableblock img {
  /* 添加过渡效果，让放大过程平滑，时长 0.4s */
  transition: transform 0.4s ease-in-out !important;

  /* 确保变换中心在图片正中央 */
  transform-origin: center center !important;

  /* 保持这一行以确保 Webkit内核浏览器 (Chrome/Safari) 的边缘平滑 */
  -webkit-backface-visibility: hidden;
}
table.tableblock.wide-gallery tbody td.tableblock:hover{
  cursor: pointer;
}
/* 2. 鼠标悬停在卡片(td)上时，触发内部图片放大 */
table.tableblock.wide-gallery tbody td.tableblock:hover img {
  /* 放大 1.2 倍 */
  transform: scale(1.2) !important;
}
table.tableblock.wide-gallery .imageblock{
 margin-top: 0 !important;
}
table.tableblock.wide-gallery a{
 padding-bottom: 10px;
}
table.tableblock.wide-gallery .paragraph.desc-text p{
  color:#656565 !important;
}
.site-titleLogo-wrap .site-titleLogo-img{
  width: 113px;
  height: 27px;
  display: inline-block;
}

.doc .sect1 h2{
  font-size: 1.2em;
}

.nav .panels .nav-menu .nav-list {
    margin: 0.5rem 0 0.5rem 1.5rem;
}

.doc h1.page{
  display: none;
}
@media screen and (min-width: 769px) {
    .nav-container {
        width: 450px !important;
    }
}

.flex-layout{
  display: flex;
}

.img-bottom-item{
  display: block;
  margin-bottom: 30px;
}
.nav-menu .nav-menu-toggle,
.nav-menu h3.title{
  display: none !important;
}

/* 同一页多个视频都能正常显示，避免加载前高度塌缩（原有全局规则，保持不变） */
.doc .videoblock {
  display: block !important;
  width: 100%;
  margin: 1.5rem 0 !important;
}

.doc .videoblock .content {
  width: 100%;
}

.doc .videoblock video {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 220px;
  background: #111;
}

/* 仅 functions 文档页增强：多视频间距与控件可见性，不改其他 adoc 页面 */
body.functions-doc .doc .videoblock,
article.doc.functions-doc .videoblock {
  display: block !important;
  width: 100%;
  margin: 1.5rem 0 !important;
  clear: both;
}

body.functions-doc .doc .videoblock video,
article.doc.functions-doc .videoblock video {
  display: block !important;
  max-width: 100% !important;
  width: auto;
  height: auto !important;
  min-height: 220px;
  background: #111;
}



/* Rexwit 使用指南图片 */
.doc .imageblock img {
  max-width: 1000px;
  width: auto;
  height: auto;
  padding: 10px;
  box-sizing: border-box;
}

/* 界面概述等表格内截图：默认上下左右 padding 6px（宽度由 adoc width=398/337 控制） */
.doc table .imageblock img,
.doc table img {
  max-width: 100%;
  height: auto;
  padding: 6px;
  box-sizing: border-box;
}


/* ==========================================================================
   ★ Rexwit使用指南 · 飞书全局风格还原（覆盖层，置于文件末尾生效）
   参考对象：飞书文档《Rexwit使用指南》侧边栏与内容排版
   ========================================================================== */

/* --- 1. 左侧导航：宽度 348px，左右 padding 22px --- */
@media screen and (min-width: 769px) {
  .nav-container {
    width: 450px !important;
  }
}
.nav .panels .nav-menu {
  padding: 20px 22px 40px !important;
  box-sizing: border-box;
}
.nav .panels .nav-menu .nav-list {
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.nav .panels .nav-menu .nav-list .nav-item {
  line-height: 1.5 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important; /* item/link 间距 8px */
  position: relative;
}
.nav .panels .nav-menu .nav-list .nav-item:last-child {
  margin-bottom: 0 !important;
}
/* 嵌套缩进：一级（使用手册/最新动态）下的二级（1–4 章）明显右移 */
.nav .panels .nav-menu .nav-list .nav-list {
  padding-left: 18px;
  margin-top: 8px !important;
}
.nav .panels .nav-menu .nav-list .nav-list .nav-list {
  padding-left: 14px;
}
/* 默认字号 15px；超出单行省略；悬停由 JS 弹层展示全文 */
.nav .panels .nav-menu a.nav-link {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: transparent !important;
  border-radius: 0;
  font-size: 15px !important;
  line-height: 24px !important;
  padding-left: 0 !important;
}
/* 一级导航项 */
.nav .panels .nav-menu .nav-list > .nav-item > a.nav-link,
.nav .panels .nav-menu .nav-list > .nav-item > .nav-list > .nav-item[data-depth="1"] > a.nav-link {
  color: #333333;
  font-size: 15px !important;
  font-weight: 600;
  padding: 0 !important;
  line-height: 24px !important;
}
.nav .panels .nav-menu .nav-list .nav-list > .nav-item[data-depth="1"] > a.nav-link {
  color: #333333;
  font-size: 15px !important;
  font-weight: 600;
  padding: 0 !important;
  line-height: 24px !important;
}
/* 二级导航项：文字贴紧左侧 icon */
.nav .panels .nav-menu .nav-list .nav-list > .nav-item[data-depth="2"] > a.nav-link {
  color: #555555;
  font-size: 15px !important;
  font-weight: 400;
  padding: 0 !important;
  line-height: 24px !important;
}
/* 三级 / 四级导航项 */
.nav .panels .nav-menu .nav-list .nav-list .nav-list > .nav-item[data-depth="3"] > a.nav-link,
.nav .panels .nav-menu .nav-list .nav-list .nav-list .nav-list > .nav-item[data-depth="4"] > a.nav-link {
  color: #555555;
  font-size: 15px !important;
  font-weight: 400;
  padding: 0 !important;
  line-height: 24px !important;
}
/* 超长项悬停全文浮层（深底白字 + 左侧小三角） */
.rexwit-nav-tooltip {
  position: fixed;
  z-index: 10050;
  max-width: 280px;
  padding: 8px 12px;
  background: #303133;
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
  pointer-events: none;
  word-break: break-word;
  white-space: normal;
}
.rexwit-nav-tooltip::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 50%;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #303133;
}
/* hover / 选中：文字 #ff6b00，无背景 */
.nav .panels .nav-menu a.nav-link:hover {
  background: transparent !important;
  color: #ff6b00 !important;
}
.nav .panels .nav-menu .nav-item.is-current-page > a.nav-link {
  color: #ff6b00 !important;
  background: transparent !important;
  font-weight: 700;
}
/* 使用手册：去掉收起展开 icon，仍可点击跳转 */
.nav .panels .nav-menu .nav-item[data-depth="1"] > .nav-item-toggle {
  display: none !important;
}

/* 折叠箭头：与标题文字垂直居中，并紧贴文字 */
.nav .panels .nav-menu .nav-item-toggle {
  color: #9A9DA3;
  font-size: 12px;
  cursor: pointer;
  top: 0 !important;
  height: 24px !important;
  width: 14px !important;
  margin-top: 0 !important;
  margin-left: -16px !important;
  background-size: 10px 10px !important;
  background-position: center center !important;
}
/* 二级折叠 icon 再贴紧文字 */
.nav .panels .nav-menu .nav-item[data-depth="2"] > .nav-item-toggle {
  margin-left: -16px !important;
  width: 14px !important;
}
/* 状态恢复前先藏起子菜单，避免「先全展开再收起」闪动 */
html:not(.rexwit-nav-ready) .nav .panels .nav-menu .nav-item > .nav-list {
  display: none !important;
}
/* 恢复后：按 is-collapsed 控制，不再强制全展开 */
html.rexwit-nav-ready .nav .panels .nav-menu .nav-item > .nav-list {
  display: block !important;
}
html.rexwit-nav-ready .nav .panels .nav-menu .nav-item.is-collapsed > .nav-list {
  display: none !important;
}
/* 展开时箭头朝下；折叠时箭头朝右（覆盖 Antora 仅依赖 is-active 的旋转） */
.nav .panels .nav-menu .nav-item > .nav-item-toggle {
  transform: rotate(90deg);
  transform-origin: center center;
}
.nav .panels .nav-menu .nav-item.is-collapsed > .nav-item-toggle {
  transform: none;
  transform-origin: center center;
}

/* --- 2. 直出 HTML #toc 目录：飞书式左侧固定侧边栏 --- */
#toc {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 288px;
  overflow-y: auto;
  background: #FFFFFF;
  border-right: 1px solid #E5E6EB;
  padding: 24px 8px 40px 16px;
  box-sizing: border-box;
  z-index: 100;
}
#toctitle {
  font-size: 14px;
  font-weight: 700;
  color: #1F2329;
  padding: 0 10px 14px;
  margin-bottom: 10px;
  border-bottom: 1px solid #F0F1F2;
}
#toc ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#toc li {
  position: relative;
}
#toc ul.sectlevel1 > li > a {
  color: #1F2329;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 6px;
  display: block;
  line-height: 22px;
}
#toc ul.sectlevel2 > li > a {
  color: #5C6066;
  font-size: 13px;
  font-weight: 400;
  padding: 5px 10px 5px 26px;
  border-radius: 6px;
  display: block;
  line-height: 21px;
}
#toc ul.sectlevel3 > li > a {
  padding-left: 46px;
}
#toc li a {
  text-decoration: none;
}
#toc li a:hover {
  background: #F2F3F5;
  color: #1F2329;
}
/* 子列表默认全部展开；点击章节标题后合上（.collapsed 由页内 JS 切换） */
#toc li > ul {
  display: block;
}
#toc li.collapsed > ul {
  display: none;
}
/* 可折叠项箭头：展开 ▼ / 收起 ▶ */
#toc li:has(> ul) > a::before {
  content: "▾ ";
  color: #9A9DA3;
  font-size: 12px;
  font-weight: 400;
}
#toc li.collapsed:has(> ul) > a::before {
  content: "▸ ";
}
/* 固定侧边栏后正文左移 */
body:has(#toc) #content {
  margin-left: 288px;
}

/* --- 3. 右侧内容标题：颜色与加粗还原飞书 --- */
#header h1 {
  font-size: 28px;
  font-weight: 700;
  color: #1F2329;
}
.doc .sect1 h1 {
  font-size: 26px;
  font-weight: 700;
  color: #1F2329;
  margin: 0 0 16px;
}
.doc .sect1 h2 {
  font-size: 20px !important;
  font-weight: 700;
  color: #1F2329;
  margin: 28px 0 12px;
}
.doc .sect1 h3 {
  font-size: 16px;
  font-weight: 700;
  color: #1F2329;
  margin: 20px 0 10px;
}
.doc .sect1 h4,
.doc .sect1 h5,
.doc .sect1 h6 {
  font-size: 14px;
  font-weight: 700;
  color: #1F2329;
  margin: 16px 0 8px;
}

/* --- 4. 正文与加粗文字 --- */
.doc .sect1,
.doc .paragraph {
  font-size: 15px;
  color: #1F2329;
  line-height: 1.7;
}
.doc p {
  margin: 6px 0 12px;
}
.doc strong,
.doc b {
  font-weight: 700;
  color: #1F2329;
}
.doc a {
  color: #3370FF;
  text-decoration: none;
}
.doc a:hover {
  text-decoration: underline;
}

/* --- 5. 列表（有序/无序）飞书风 --- */
.doc ul,
.doc ol {
  padding-left: 22px;
}
.doc ul li,
.doc ol li {
  margin: 4px 0;
  line-height: 1.7;
}
.doc ul li::marker {
  color: #1F2329;
}
.doc ol li::marker {
  color: #1F2329;
  font-weight: 600;
}

/* --- 6. NOTE 提示块：飞书浅蓝样式 --- */
.doc .admonitionblock.note {
  background: #F0F7FF;
  border-left: 4px solid #3370FF;
  border-radius: 6px;
  padding: 12px 16px;
  margin: 16px 0;
}
.doc .admonitionblock.note .icon {
  color: #3370FF;
}
.doc .admonitionblock.note .content {
  color: #1F2329;
  font-size: 14px;
}

/* --- 7. 表格：飞书风 --- */
.doc table.tableblock {
  border-collapse: collapse;
  border: 1px solid #E5E6EB;
}
.doc table.tableblock thead th {
  background: #F7F8FA;
  color: #1F2329;
  font-weight: 600;
}
.doc table.tableblock th,
.doc table.tableblock td {
  border: 1px solid #E5E6EB;
  padding: 8px 12px;
  font-size: 14px;
}

/* --- 8. 移动端适配：侧边栏收回 --- */
@media screen and (max-width: 768px) {
  #toc {
    position: static;
    width: 100%;
    border-right: none;
  }
  body:has(#toc) #content {
    margin-left: 0;
  }
  .nav-container {
    width: 100% !important;
  }
}

/* ==========================================================================
   ★ 图一：Rexwit使用指南 · 顶部提示块（橙 / 紫绿）
   ========================================================================== */

.doc .admonitionblock.note.rexwit-orange,
.doc .admonitionblock.note.rexwit-feature {
  border-radius: 8px;
  border-left: none;
  margin: 0 0 16px;
  padding: 0;
  overflow: hidden;
}
.doc .admonitionblock.note.rexwit-orange table,
.doc .admonitionblock.note.rexwit-feature table {
  border: none !important;
  background: transparent !important;
  width: 100%;
}
.doc .admonitionblock.note.rexwit-orange td,
.doc .admonitionblock.note.rexwit-feature td {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}
/* 隐藏默认 NOTE 图标，改用正文 emoji */
.doc .admonitionblock.note.rexwit-orange .icon,
.doc .admonitionblock.note.rexwit-feature .icon {
  display: none !important;
}
.doc .admonitionblock.note.rexwit-orange .content,
.doc .admonitionblock.note.rexwit-feature .content {
  padding: 16px 20px !important;
  font-size: 14px;
  line-height: 1.7;
  color: #1F2329;
}
.doc .admonitionblock.note.rexwit-orange .content .paragraph,
.doc .admonitionblock.note.rexwit-feature .content .paragraph {
  margin: 0 0 6px;
}
.doc .admonitionblock.note.rexwit-orange .content .paragraph:last-child,
.doc .admonitionblock.note.rexwit-feature .content .paragraph:last-child {
  margin-bottom: 0;
}
.doc .admonitionblock.note.rexwit-orange .content .olist,
.doc .admonitionblock.note.rexwit-feature .content .olist {
  margin: 8px 0 0;
}
.doc .admonitionblock.note.rexwit-orange .content a,
.doc .admonitionblock.note.rexwit-feature .content a {
  color: #3370FF;
  text-decoration: none;
  font-weight: 400;
}
.doc .admonitionblock.note.rexwit-orange .content a:hover,
.doc .admonitionblock.note.rexwit-feature .content a:hover {
  text-decoration: underline;
}
.doc .admonitionblock.note.rexwit-orange .content strong,
.doc .admonitionblock.note.rexwit-feature .content strong {
  color: #1F2329;
  font-weight: 700;
}

/* 橙色官网/更新日志块 */
.doc .admonitionblock.note.rexwit-orange {
  background: #FFF2E6;
  border: 1px solid #FFD5A1;
}
/* 淡紫 + 浅绿边：最新功能直达 */
.doc .admonitionblock.note.rexwit-feature {
  background: #F5F3FF;
  border: 1px solid #C8E6C9;
}

/* ==========================================================================
   ★ 图二图三：界面概述 · 功能名橙色高亮 + 蓝色圆点
   ========================================================================== */

.doc .hl-orange,
.doc span.hl-orange,
.doc mark.hl-orange {
  color: #D97706 !important;
  font-weight: 600;
  background: transparent;
}
/* 界面概述表格内无序列表：蓝色圆点 */
.doc table.tableblock .ulist ul li::marker {
  color: #3370FF;
}

/* 图三：界面概述表 — 首列固定 110px（可换行），概述/截图均分剩余宽度 */
.doc table.tableblock.interface-overview-table {
  table-layout: fixed !important;
  width: 100% !important;
}
.doc table.tableblock.interface-overview-table colgroup col:nth-child(1) {
  width: 110px !important;
}
.doc table.tableblock.interface-overview-table colgroup col:nth-child(2),
.doc table.tableblock.interface-overview-table colgroup col:nth-child(3) {
  width: calc((100% - 110px) / 2) !important;
}
.doc table.tableblock.interface-overview-table th:nth-child(1),
.doc table.tableblock.interface-overview-table td:nth-child(1) {
  width: 110px !important;
  max-width: 110px !important;
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.doc table.tableblock.interface-overview-table th:nth-child(2),
.doc table.tableblock.interface-overview-table th:nth-child(3),
.doc table.tableblock.interface-overview-table td:nth-child(2),
.doc table.tableblock.interface-overview-table td:nth-child(3) {
  width: calc((100% - 110px) / 2) !important;
}

/* 图二：画布功能表 — 序号列 110px，画布功能/截图均分剩余宽度 */
.doc table.tableblock.canvas-feature-table {
  table-layout: fixed !important;
  width: 100% !important;
}
.doc table.tableblock.canvas-feature-table colgroup col:nth-child(1) {
  width: 110px !important;
}
.doc table.tableblock.canvas-feature-table colgroup col:nth-child(2),
.doc table.tableblock.canvas-feature-table colgroup col:nth-child(3) {
  width: calc((100% - 110px) / 2) !important;
}
.doc table.tableblock.canvas-feature-table th:nth-child(1),
.doc table.tableblock.canvas-feature-table td:nth-child(1) {
  width: 110px !important;
  max-width: 110px !important;
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.doc table.tableblock.canvas-feature-table th:nth-child(2),
.doc table.tableblock.canvas-feature-table th:nth-child(3),
.doc table.tableblock.canvas-feature-table td:nth-child(2),
.doc table.tableblock.canvas-feature-table td:nth-child(3) {
  width: calc((100% - 110px) / 2) !important;
}

/* ==========================================================================
   ★ 图一：界面概述 · 「新增画布快捷功能」TIP 条（icon 完全在盒内）
   ========================================================================== */

.doc .admonitionblock.tip.rexwit-tip {
  background: #FFF7ED !important;
  border: 1px solid #FFD8A8 !important;
  border-radius: 10px !important;
  margin: 16px 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
}
.doc .admonitionblock.tip.rexwit-tip > table {
  border: none !important;
  background: transparent !important;
  width: 100% !important;
  margin: 0 !important;
}
.doc .admonitionblock.tip.rexwit-tip > table tr {
  display: block !important;
}
.doc .admonitionblock.tip.rexwit-tip td {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}
.doc .admonitionblock.tip.rexwit-tip td.icon {
  display: none !important;
}
.doc .admonitionblock.tip.rexwit-tip td.content {
  display: block !important;
  padding: 14px 20px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  background: transparent !important;
  color: #1F2329 !important;
  font-size: 15px !important;
  line-height: 24px !important;
}
.doc .admonitionblock.tip.rexwit-tip td.content > .title,
.doc .admonitionblock.tip.rexwit-tip td.content .paragraph {
  margin: 0 !important;
}
.doc .admonitionblock.tip.rexwit-tip td.content .paragraph p {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  color: #1F2329 !important;
  font-size: 15px !important;
  line-height: 24px !important;
  font-weight: 700 !important;
}
.doc .admonitionblock.tip.rexwit-tip td.content strong {
  color: #1F2329 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 24px !important;
  margin: 0 !important;
}

/* 灯泡 emoji（图一） */
.doc .rexwit-box-icon--bulb {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.doc .rexwit-box-icon--bulb::before {
  content: "💡" !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Twemoji Mozilla", sans-serif !important;
  font-style: normal !important;
  color: initial !important;
  display: block !important;
}

/* ==========================================================================
   ★ MinMax H3 页 · 小提示 / 提示词书写公式（图一）
   ========================================================================== */

/* 顶部左右布局表：去掉边框与间距挤压 */
.doc table.tableblock.minmax-hero,
.doc table.tableblock.minmax-hero th,
.doc table.tableblock.minmax-hero td {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  vertical-align: top !important;
}
.doc table.tableblock.minmax-hero {
  margin: 16px 0 20px !important;
  width: 100% !important;
}
.doc table.tableblock.minmax-hero tbody tr {
  display: flex !important;
  gap: 24px !important;
  align-items: flex-start !important;
}
.doc table.tableblock.minmax-hero tbody td.tableblock {
  flex: 1 1 0 !important;
  width: auto !important;
}
.doc table.tableblock.minmax-hero .imageblock {
  margin: 0 0 12px !important;
}
.doc table.tableblock.minmax-hero .imageblock img {
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border-radius: 8px;
}

/* 共用浅橙提示块外壳 */
.doc .admonitionblock.note.rexwit-hint,
.doc .admonitionblock.note.rexwit-formula {
  background: #FFF8F1 !important;
  border: 1px solid #FFE4D0 !important;
  border-left: none !important;
  border-radius: 10px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
}
.doc .admonitionblock.note.rexwit-hint > table,
.doc .admonitionblock.note.rexwit-formula > table {
  border: none !important;
  background: transparent !important;
  width: 100% !important;
  margin: 0 !important;
  table-layout: auto !important;
}
.doc .admonitionblock.note.rexwit-hint > table tr,
.doc .admonitionblock.note.rexwit-formula > table tr {
  display: block !important;
}
.doc .admonitionblock.note.rexwit-hint td,
.doc .admonitionblock.note.rexwit-formula td {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

/* 隐藏默认 NOTE 图标列，改用正文内联 SVG 图标（避免裁切） */
.doc .admonitionblock.note.rexwit-hint td.icon,
.doc .admonitionblock.note.rexwit-formula td.icon {
  display: none !important;
}

/* 小提示 / 公式正文 */
.doc .admonitionblock.note.rexwit-hint td.content {
  display: block !important;
  padding: 16px 20px !important;
  background: transparent !important;
  color: #1F2329 !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}
.doc .admonitionblock.note.rexwit-hint td.content .paragraph {
  margin: 0 0 10px !important;
}
.doc .admonitionblock.note.rexwit-hint td.content .paragraph:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}
.doc .admonitionblock.note.rexwit-hint td.content .paragraph:last-child {
  margin-bottom: 0 !important;
}
.doc .admonitionblock.note.rexwit-hint td.content p,
.doc .admonitionblock.note.rexwit-hint td.content strong {
  color: #1F2329 !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}
.doc .admonitionblock.note.rexwit-hint td.content strong {
  font-weight: 700 !important;
}

/* 提示词书写公式：单行条 */
.doc .admonitionblock.note.rexwit-formula {
  margin: 0 0 24px !important;
}
.doc .admonitionblock.note.rexwit-formula td.content {
  display: block !important;
  padding: 14px 20px !important;
  background: transparent !important;
  color: #1F2329 !important;
  font-size: 15px !important;
  line-height: 24px !important;
}
.doc .admonitionblock.note.rexwit-formula td.content .paragraph {
  margin: 0 !important;
}
.doc .admonitionblock.note.rexwit-formula td.content .paragraph:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.doc .admonitionblock.note.rexwit-formula td.content p {
  margin: 0 !important;
  color: #1F2329 !important;
  font-size: 15px !important;
  line-height: 24px !important;
  font-weight: 400 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.doc .admonitionblock.note.rexwit-formula td.content strong {
  color: #1F2329 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

/* 图二一比一：显示器图标 + 礼花图标（CSS 绘制，完整可见、垂直居中） */
.doc .rexwit-box-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  overflow: visible !important;
  vertical-align: middle !important;
  line-height: 1 !important;
  position: relative !important;
}
/* 小提示：蓝屏显示器 */
.doc .rexwit-box-icon--hint {
  width: 22px !important;
  height: 18px !important;
  border: 1.5px solid #5B6B7A !important;
  border-radius: 2px !important;
  background: linear-gradient(180deg, #4DA3FF 0%, #2B7DE9 100%) !important;
  box-sizing: border-box !important;
}
.doc .rexwit-box-icon--hint::before {
  content: "" !important;
  position: absolute !important;
  left: 3px !important;
  right: 3px !important;
  top: 3px !important;
  height: 2px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 3px 0 rgba(255, 255, 255, 0.9), 0 6px 0 rgba(255, 255, 255, 0.85) !important;
}
.doc .rexwit-box-icon--hint::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -4px !important;
  width: 10px !important;
  height: 3px !important;
  margin-left: -5px !important;
  background: #5B6B7A !important;
  border-radius: 0 0 1px 1px !important;
}
/* 公式：彩色礼花筒 */
.doc .rexwit-box-icon--formula {
  width: 20px !important;
  height: 20px !important;
  background: transparent !important;
  border: none !important;
}
.doc .rexwit-box-icon--formula::before {
  content: "🎉" !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Twemoji Mozilla", sans-serif !important;
  font-style: normal !important;
  color: initial !important;
  display: block !important;
  transform: none !important;
}
/* ==========================================================================
   ★ MinMax H3 · 提示词公式引导表（左列 175px）+ 右侧列表/引用样式
   ========================================================================== */

.doc table.tableblock.minmax-guide {
  table-layout: fixed !important;
  width: 100% !important;
  border-collapse: collapse !important;
  border: 1px solid #E5E6EB !important;
  margin: 16px 0 24px !important;
}
.doc table.tableblock.minmax-guide colgroup col:nth-child(1) {
  width: 175px !important;
}
.doc table.tableblock.minmax-guide colgroup col:nth-child(2) {
  width: calc(100% - 175px) !important;
}
.doc table.tableblock.minmax-guide th,
.doc table.tableblock.minmax-guide td {
  border: 1px solid #E5E6EB !important;
  vertical-align: top !important;
  padding: 14px 16px !important;
}
.doc table.tableblock.minmax-guide td:nth-child(1) {
  width: 175px !important;
  max-width: 175px !important;
  background: #FAFBFC !important;
  white-space: normal !important;
  word-break: break-word;
}
.doc table.tableblock.minmax-guide td:nth-child(1) p,
.doc table.tableblock.minmax-guide td:nth-child(1) strong {
  color: #1F2329 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  margin: 0 !important;
}
.doc table.tableblock.minmax-guide td:nth-child(2) {
  background: #FFFFFF !important;
  color: #1F2329 !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

/* 一级：实心蓝圆点 */
.doc table.tableblock.minmax-guide .ulist > ul {
  list-style-type: disc !important;
  padding-left: 1.2em !important;
  margin: 8px 0 !important;
}
.doc table.tableblock.minmax-guide .ulist > ul > li::marker {
  color: #3370FF !important;
}
.doc table.tableblock.minmax-guide .ulist > ul > li {
  margin: 6px 0 !important;
}
/* 二级：空心圆 */
.doc table.tableblock.minmax-guide .ulist ul ul {
  list-style-type: circle !important;
  padding-left: 1.2em !important;
  margin: 4px 0 !important;
}
.doc table.tableblock.minmax-guide .ulist ul ul > li::marker {
  color: #8F959E !important;
}
/* 三级：实心蓝方块 */
.doc table.tableblock.minmax-guide .ulist ul ul ul {
  list-style-type: square !important;
  padding-left: 1.2em !important;
  margin: 4px 0 !important;
}
.doc table.tableblock.minmax-guide .ulist ul ul ul > li::marker {
  color: #3370FF !important;
}
.doc table.tableblock.minmax-guide .minmax-want {
  color: #3370FF !important;
  font-weight: 700 !important;
}

/* 引用示例块：左侧灰线 + 浅灰底 */
.doc table.tableblock.minmax-guide .quoteblock {
  border: 1px solid #E5E6EB !important;
  border-left: 4px solid #C9CDD4 !important;
  background: #F7F8FA !important;
  border-radius: 4px !important;
  padding: 10px 14px !important;
  margin: 10px 0 12px !important;
}
.doc table.tableblock.minmax-guide .quoteblock > .title {
  display: none !important;
}
.doc table.tableblock.minmax-guide .quoteblock blockquote {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}
.doc table.tableblock.minmax-guide .quoteblock p,
.doc table.tableblock.minmax-guide .quoteblock .paragraph {
  margin: 0 !important;
  color: #4E5969 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  font-style: italic !important;
}

/* ==========================================================================
   ★ MinMax H3 · 提示词/参考图/参数/结果 标签列（图五）
   ========================================================================== */

.doc table.tableblock.minmax-kv {
  table-layout: fixed !important;
  width: 100% !important;
  border-collapse: collapse !important;
  border: 1px solid #E5E6EB !important;
  margin: 16px 0 24px !important;
}
.doc table.tableblock.minmax-kv colgroup col:nth-child(1) {
  width: 100px !important;
}
.doc table.tableblock.minmax-kv colgroup col:nth-child(2) {
  width: calc(100% - 100px) !important;
}
.doc table.tableblock.minmax-kv th,
.doc table.tableblock.minmax-kv td {
  border: 1px solid #E5E6EB !important;
  vertical-align: top !important;
  padding: 12px 14px !important;
}
.doc table.tableblock.minmax-kv td:nth-child(1),
.doc table.tableblock.minmax-kv th:nth-child(1) {
  width: 100px !important;
  max-width: 100px !important;
  background: #f2f3f5 !important;
  font-weight: 600 !important;
  color: #1F2329 !important;
  white-space: normal !important;
  word-break: break-word;
}
.doc table.tableblock.minmax-kv td:nth-child(2),
.doc table.tableblock.minmax-kv th:nth-child(2) {
  background: #FFFFFF !important;
}

.doc table.tableblock.minmax-sample {
  border-collapse: collapse !important;
  border: 1px solid #E5E6EB !important;
  margin: 16px 0 24px !important;
}
.doc table.tableblock.minmax-sample th,
.doc table.tableblock.minmax-sample td {
  border: 1px solid #E5E6EB !important;
  vertical-align: top !important;
  padding: 12px 14px !important;
}
.doc table.tableblock.minmax-sample tr:first-child td {
  background: #f2f3f5 !important;
  font-weight: 600 !important;
}

/* ==========================================================================
   ★ MinMax H3 提示词优化 · 扣费须知（图六）
   ========================================================================== */

.doc .admonitionblock.note.rexwit-fee {
  background: #FFF8E6 !important;
  border: 1px solid #FFD591 !important;
  border-left: none !important;
  border-radius: 8px !important;
  margin: 16px 0 24px !important;
  padding: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
}
.doc .admonitionblock.note.rexwit-fee > table {
  border: none !important;
  background: transparent !important;
  width: 100% !important;
  margin: 0 !important;
}
.doc .admonitionblock.note.rexwit-fee > table tr {
  display: block !important;
}
.doc .admonitionblock.note.rexwit-fee td {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}
.doc .admonitionblock.note.rexwit-fee td.icon {
  display: none !important;
}
.doc .admonitionblock.note.rexwit-fee td.content {
  display: block !important;
  padding: 18px 20px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
.doc .admonitionblock.note.rexwit-fee td.content .paragraph:first-child {
  margin: 0 0 12px !important;
}
.doc .admonitionblock.note.rexwit-fee td.content .paragraph:first-child p {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  color: #1F2329 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
}
.doc .admonitionblock.note.rexwit-fee td.content .paragraph:first-child strong {
  margin: 0 !important;
  color: #1F2329 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
}
.doc .admonitionblock.note.rexwit-fee .olist {
  margin: 0 !important;
  padding: 0 !important;
}
.doc .admonitionblock.note.rexwit-fee .olist > ol {
  margin: 0 !important;
  padding-left: 1.35em !important;
}
.doc .admonitionblock.note.rexwit-fee .olist > ol > li {
  margin: 8px 0 !important;
  color: #1F2329 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}
.doc .admonitionblock.note.rexwit-fee .olist > ol > li::marker {
  color: #1890FF !important;
  font-weight: 600 !important;
}
.doc .rexwit-box-icon--fee {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  border-radius: 4px !important;
  border: none !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, #5BBEFF 0 42%, #F5C842 42% 58%, #E8A04A 58% 78%, #C97A2E 78% 100%) !important;
  box-sizing: border-box !important;
  position: relative !important;
}
.doc .rexwit-box-icon--fee::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 4px !important;
  width: 12px !important;
  height: 7px !important;
  margin-left: -6px !important;
  background: #E85D2A !important;
  border-radius: 12px 12px 2px 2px !important;
}
.doc .rexwit-box-icon--fee::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 10px !important;
  width: 1.5px !important;
  height: 9px !important;
  margin-left: -0.75px !important;
  background: #2B2B2B !important;
  border-radius: 1px !important;
}

/* ==========================================================================
   ★ Seedance 系列 · 须知 / 公式蓝条 / 结构表首列（图一二三四）
   ========================================================================== */

/* 图一上：真人素材使用须知（icon 完全在盒内） */
.doc .admonitionblock.note.rexwit-seedance-notice {
  background: #FFF8F1 !important;
  border: 1px solid #FFE4D0 !important;
  border-left: none !important;
  border-radius: 10px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
}
.doc .admonitionblock.note.rexwit-seedance-notice > table {
  border: none !important;
  background: transparent !important;
  width: 100% !important;
  margin: 0 !important;
}
.doc .admonitionblock.note.rexwit-seedance-notice > table tr {
  display: block !important;
}
.doc .admonitionblock.note.rexwit-seedance-notice td {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}
.doc .admonitionblock.note.rexwit-seedance-notice td.icon {
  display: none !important;
}
.doc .admonitionblock.note.rexwit-seedance-notice td.content {
  display: block !important;
  padding: 16px 20px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
.doc .admonitionblock.note.rexwit-seedance-notice td.content .paragraph:first-child {
  margin: 0 0 10px !important;
}
.doc .admonitionblock.note.rexwit-seedance-notice td.content .paragraph:first-child p {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  color: #1F2329 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
}
.doc .admonitionblock.note.rexwit-seedance-notice td.content .paragraph:first-child strong {
  margin: 0 !important;
  color: #1F2329 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}
.doc .admonitionblock.note.rexwit-seedance-notice .olist {
  margin: 0 !important;
  padding: 0 !important;
}
.doc .admonitionblock.note.rexwit-seedance-notice .olist > ol {
  margin: 0 !important;
  padding-left: 1.35em !important;
}
.doc .admonitionblock.note.rexwit-seedance-notice .olist > ol > li {
  margin: 6px 0 !important;
  color: #184E9B !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}
.doc .admonitionblock.note.rexwit-seedance-notice .olist > ol > li strong {
  color: #1F2329 !important;
  font-weight: 700 !important;
}
.doc .admonitionblock.note.rexwit-seedance-notice .olist > ol > li::marker {
  color: #184E9B !important;
  font-weight: 600 !important;
}

/* 沙滩伞 emoji（图一） */
.doc .rexwit-box-icon--beach {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.doc .rexwit-box-icon--beach::before {
  content: "🏖️" !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Twemoji Mozilla", sans-serif !important;
  font-style: normal !important;
  color: initial !important;
  display: block !important;
}

/* 蓝色公式条（图一底部 / 图二）：icon 完全在盒内 */
.doc .admonitionblock.note.rexwit-formula-blue {
  background: #FFF8F1 !important;
  border: 1px solid #FFE4D0 !important;
  border-left: none !important;
  border-radius: 10px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
}
.doc .admonitionblock.note.rexwit-formula-blue > table {
  border: none !important;
  background: transparent !important;
  width: 100% !important;
  margin: 0 !important;
}
.doc .admonitionblock.note.rexwit-formula-blue > table tr {
  display: block !important;
}
.doc .admonitionblock.note.rexwit-formula-blue td {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}
.doc .admonitionblock.note.rexwit-formula-blue td.icon {
  display: none !important;
}
.doc .admonitionblock.note.rexwit-formula-blue td.content {
  display: block !important;
  padding: 14px 20px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
.doc .admonitionblock.note.rexwit-formula-blue td.content .paragraph {
  margin: 0 !important;
}
.doc .admonitionblock.note.rexwit-formula-blue td.content .paragraph p {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  color: #184E9B !important;
  font-size: 15px !important;
  line-height: 24px !important;
  font-weight: 700 !important;
  flex-wrap: wrap !important;
}
.doc .admonitionblock.note.rexwit-formula-blue td.content strong {
  color: #184E9B !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

/* 手写铅笔图标（图一二公式） */
.doc .rexwit-box-icon--pencil {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.doc .rexwit-box-icon--pencil::before {
  content: "✍️" !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Twemoji Mozilla", sans-serif !important;
  font-style: normal !important;
  color: initial !important;
  display: block !important;
}

/* Seedance 结构表：首列 100px + #f2f3f5（图三） */
.doc table.tableblock.seedance-struct {
  table-layout: fixed !important;
  width: 100% !important;
  border-collapse: collapse !important;
  border: 1px solid #E5E6EB !important;
  margin: 16px 0 24px !important;
}
.doc table.tableblock.seedance-struct colgroup col:nth-child(1) {
  width: 100px !important;
}
.doc table.tableblock.seedance-struct colgroup col:nth-child(2),
.doc table.tableblock.seedance-struct colgroup col:nth-child(3) {
  width: calc((100% - 100px) / 2) !important;
}
.doc table.tableblock.seedance-struct th,
.doc table.tableblock.seedance-struct td {
  border: 1px solid #E5E6EB !important;
  vertical-align: top !important;
  padding: 12px 14px !important;
}
.doc table.tableblock.seedance-struct td:nth-child(1),
.doc table.tableblock.seedance-struct th:nth-child(1) {
  width: 100px !important;
  max-width: 100px !important;
  background: #f2f3f5 !important;
  font-weight: 600 !important;
  color: #1F2329 !important;
  white-space: normal !important;
  word-break: break-word;
}
.doc table.tableblock.seedance-struct td:nth-child(2),
.doc table.tableblock.seedance-struct td:nth-child(3),
.doc table.tableblock.seedance-struct th:nth-child(2),
.doc table.tableblock.seedance-struct th:nth-child(3) {
  background: #FFFFFF !important;
}

/* ==========================================================================
   ★ 绑定 / 文生动作 · 套装规范 / 注意事项（icon 在盒内）
   ========================================================================== */

/* 共用：浅橙提示块 + 标题行 flex + 有序列表 */
.doc .admonitionblock.note.rexwit-suite,
.doc .admonitionblock.note.rexwit-caution {
  background: #FFF8E6 !important;
  border: 1px solid #FFD591 !important;
  border-left: none !important;
  border-radius: 8px !important;
  margin: 16px 0 24px !important;
  padding: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
}
.doc .admonitionblock.note.rexwit-suite > table,
.doc .admonitionblock.note.rexwit-caution > table {
  border: none !important;
  background: transparent !important;
  width: 100% !important;
  margin: 0 !important;
}
.doc .admonitionblock.note.rexwit-suite > table tr,
.doc .admonitionblock.note.rexwit-caution > table tr {
  display: block !important;
}
.doc .admonitionblock.note.rexwit-suite td,
.doc .admonitionblock.note.rexwit-caution td {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}
.doc .admonitionblock.note.rexwit-suite td.icon,
.doc .admonitionblock.note.rexwit-caution td.icon {
  display: none !important;
}
.doc .admonitionblock.note.rexwit-suite td.content,
.doc .admonitionblock.note.rexwit-caution td.content {
  display: block !important;
  padding: 18px 20px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
.doc .admonitionblock.note.rexwit-suite td.content .paragraph:first-child,
.doc .admonitionblock.note.rexwit-caution td.content .paragraph:first-child {
  margin: 0 0 12px !important;
}
.doc .admonitionblock.note.rexwit-suite td.content .paragraph:first-child p,
.doc .admonitionblock.note.rexwit-caution td.content .paragraph:first-child p {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  color: #1F2329 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
}
.doc .admonitionblock.note.rexwit-suite td.content .paragraph:first-child strong,
.doc .admonitionblock.note.rexwit-caution td.content .paragraph:first-child strong {
  margin: 0 !important;
  color: #1F2329 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
}
.doc .admonitionblock.note.rexwit-suite .olist,
.doc .admonitionblock.note.rexwit-caution .olist {
  margin: 0 !important;
  padding: 0 !important;
}
.doc .admonitionblock.note.rexwit-suite .olist > ol,
.doc .admonitionblock.note.rexwit-caution .olist > ol {
  margin: 0 !important;
  padding-left: 1.35em !important;
}
.doc .admonitionblock.note.rexwit-suite .olist > ol > li,
.doc .admonitionblock.note.rexwit-caution .olist > ol > li {
  margin: 8px 0 !important;
  color: #1F2329 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}
.doc .admonitionblock.note.rexwit-suite .olist > ol > li::marker,
.doc .admonitionblock.note.rexwit-caution .olist > ol > li::marker {
  color: #1F2329 !important;
  font-weight: 600 !important;
}

/* 图二：蓝色文件夹/规范图标 */
.doc .rexwit-box-icon--suite {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.doc .rexwit-box-icon--suite::before {
  content: "🗂️" !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Twemoji Mozilla", sans-serif !important;
  font-style: normal !important;
  color: initial !important;
  display: block !important;
}

/* 图三：礼盒注意事项 */
.doc .rexwit-box-icon--gift {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.doc .rexwit-box-icon--gift::before {
  content: "🎁" !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Twemoji Mozilla", sans-serif !important;
  font-style: normal !important;
  color: initial !important;
  display: block !important;
}

/* ==========================================================================
   ★ demo 页图片双击放大查看原图
   ========================================================================== */

.doc img {
  cursor: zoom-in;
}
.doc .imageblock img,
.doc .image img,
.doc td img,
.doc p img {
  cursor: zoom-in;
}

.rexwit-lightbox {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(15, 15, 20, 0.82);
  padding: 24px;
  box-sizing: border-box;
}
.rexwit-lightbox.is-open {
  display: flex;
}
.rexwit-lightbox__stage {
  position: relative;
  max-width: min(96vw, 1400px);
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rexwit-lightbox__img {
  max-width: 96vw;
  max-height: 82vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 4px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
  background: #fff;
  transform-origin: center center;
  transition: transform 0.15s ease;
  user-select: none;
  -webkit-user-drag: none;
}
.rexwit-lightbox__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
}
.rexwit-lightbox__close::before {
  content: "\00d7";
}
.rexwit-lightbox__close:hover {
  background: rgba(255, 255, 255, 0.28);
}
.rexwit-lightbox__toolbar {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(28, 28, 32, 0.92);
  color: #fff;
  font-size: 13px;
  z-index: 2;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}
.rexwit-lightbox__toolbar button {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}
.rexwit-lightbox__toolbar button:hover {
  background: rgba(255, 255, 255, 0.24);
}
.rexwit-lightbox__zoom-out::before {
  content: "\2212";
}
.rexwit-lightbox__zoom-in::before {
  content: "+";
}
.rexwit-lightbox__zoom {
  min-width: 48px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.rexwit-lightbox__zoom::before {
  content: attr(data-zoom) "%";
}
@media print {
  .rexwit-lightbox {
    display: none !important;
  }
}

/* 内容区标题：禁止锚点点击跳转 */
.doc h1 .anchor,
.doc h2 .anchor,
.doc h3 .anchor,
.doc h4 .anchor,
.doc h5 .anchor,
.doc h6 .anchor {
  pointer-events: none !important;
  cursor: default !important;
}
.breadcrumbs a {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: inherit;
}
.breadcrumbs li {
  color: #5f5f5f;
  font-weight: 600;
}

/* ==========================================================================
   Studio / Air 安装页：收紧间距，贴近界面概述（interface）
   ========================================================================== */
/* Studio/Air：去掉左侧 margin，保留右侧 margin（与 TOC 间距） */
@media screen and (min-width: 1024px) {
  .toc.sidebar + article.doc.demo-install {
    margin-left: 0 !important;
  }
}

/* 右侧「在此页面中」跳转：给标题留出 sticky 顶栏高度，避免锚点被挡住 */
article.doc h2[id],
article.doc h3[id],
article.doc h4[id] {
  scroll-margin-top: calc(var(--navbar-height, 3.5rem) + var(--toolbar-height, 2.8rem) + 12px);
}

/* 右侧 TOC 链接可点、手型 */
aside.toc.sidebar .toc-menu a,
aside.toc.embedded .toc-menu a {
  pointer-events: auto !important;
  cursor: pointer;
}
article.doc.demo-install .sect1 h2 {
  margin: 16px 0 8px;
  font-size: 16px !important;
}
article.doc.demo-install p {
  margin: 4px 0 8px;
}
article.doc.demo-install .imageblock {
  margin: 6px 0 !important;
}
article.doc.demo-install .imageblock img {
  padding: 6px;
}
article.doc.demo-install .ulist,
article.doc.demo-install .olist {
  margin: 4px 0 8px;
}
article.doc.demo-install table.tableblock {
  margin: 8px 0 12px;
}

/* 侧栏滚动恢复完成前隐藏面板，避免「先到顶再弹回」 */
html.rexwit-nav-pending .nav-panel-menu {
  visibility: hidden !important;
}

/* ==========================================================================
   最新动态列表（图一）+ 更新日志面包屑（图二）
   ========================================================================== */
/* h1 全局被隐藏后，首条（2.0.3）会被吸顶 toolbar 盖住；这里恢复标题并留出顶部空间 */
article.doc.news-list {
  padding-top: 24px !important;
}
article.doc.news-list h1.page {
  display: block !important;
  font-size: 28px;
  font-weight: 700;
  color: #1F2329;
  margin: 0 0 16px;
  padding: 0;
}

.news-list {
  margin: 0;
  padding: 0;
}

.news-item {
  display: block;
  padding: 20px 0;
  border-bottom: 1px solid #e8e8e8;
  text-decoration: none !important;
  color: inherit;
  cursor: pointer;
}

.news-item:first-child {
  padding-top: 0;
}

.news-item:hover,
.news-item:hover .news-item__title,
.news-item:hover .news-item__summary,
.doc a.news-item:hover,
.doc a.news-item:hover .news-item__title,
.doc a.news-item:hover .news-item__summary {
  color: #ff6b00 !important;
  text-decoration: none !important;
}

.news-item__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
}

.news-item__title {
  font-size: 16px;
  font-weight: 700;
  color: #1F2329 !important;
  line-height: 1.4;
}

.news-item__time {
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 400;
  color: #8F959E;
  line-height: 1.4;
}

.news-item__summary {
  margin: 0 !important;
  font-size: 14px;
  font-weight: 400;
  color: #646A73;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 公告与活动列表：顶部留白（标题由 toolbar 隐藏时用 padding 顶开） */
article.doc.announce-list {
  padding-top: 24px !important;
}

/* 活动详情 */
article.doc.activity-detail {
  padding-top: 24px !important;
}

article.doc.activity-detail h1.page {
  display: block !important;
  font-size: 28px;
  font-weight: 700;
  color: #1F2329;
  line-height: 1.4;
  margin: 0 0 20px;
  padding: 0;
}

article.doc.activity-detail > .paragraph:first-of-type {
  font-size: 16px;
  color: #4E5969;
  line-height: 1.7;
  margin: 0 0 20px;
}
.activity-demo {
  max-width: 720px;
}
.activity-demo__tip {
  margin: 0 0 16px;
  padding: 10px 14px;
  background: #FFF7E8;
  border: 1px solid #FFE0A3;
  border-radius: 6px;
  color: #8A6116;
  font-size: 14px;
}
.activity-demo h2 {
  margin: 0 0 12px;
  font-size: 22px;
  color: #1F2329;
}
.activity-demo p {
  margin: 0 0 12px;
  color: #4E5969;
  font-size: 15px;
  line-height: 1.7;
}
.activity-demo__back {
  color: #ff6b00 !important;
  text-decoration: none !important;
  font-weight: 600;
}
.activity-demo__back:hover {
  text-decoration: underline !important;
}

/* 图二：最新动态 > 2.0.3更新日志；公告与活动 > 活动详情 */
.breadcrumbs.breadcrumbs--news {
  display: block !important;
}

.breadcrumbs.breadcrumbs--news ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumbs.breadcrumbs--news li {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  color: #5f5f5f;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.breadcrumbs.breadcrumbs--news li::after {
  content: ">";
  padding: 0 8px;
  color: #4A90D9;
  font-weight: 400;
}

.breadcrumbs.breadcrumbs--news li:last-of-type::after {
  content: none;
}

.breadcrumbs.breadcrumbs--news a {
  pointer-events: auto !important;
  cursor: pointer !important;
  color: #5f5f5f !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 24px !important;
}

.breadcrumbs.breadcrumbs--news a:hover {
  color: #ff6b00 !important;
  text-decoration: none !important;
}
