:root {
    /* Feishu Callout 背景色 */
    --feishu-callout-bg-light-red: #fef1f1;
    /* 浅红色 */
    --feishu-callout-bg-light-orange: #fff5eb;
    /* 浅橙色 */
    --feishu-callout-bg-light-yellow: #fefff0;
    /* 浅黄色 */
    --feishu-callout-bg-light-green: #f0fbef;
    /* 浅绿色 */
    --feishu-callout-bg-light-blue: #f0f4ff;
    /* 浅蓝色 */
    --feishu-callout-bg-light-purple: #f6f1fe;
    /* 浅紫色 */
    --feishu-callout-bg-medium-gray: rgba(245, 246, 247, 0.9);
    /* 中灰色 */
    --feishu-callout-bg-medium-red: #fde2e2;
    /* 中红色 */
    --feishu-callout-bg-medium-orange: #feead2;
    /* 中橙色 */
    --feishu-callout-bg-medium-yellow: #ffffcc;
    /* 中黄色 */
    --feishu-callout-bg-medium-green: #d9f5d6;
    /* 中绿色 */
    --feishu-callout-bg-medium-blue: #e1eaff;
    /* 中蓝色 */
    --feishu-callout-bg-medium-purple: #ece2fe;
    /* 中紫色 */
    --feishu-callout-bg-gray: #f2f3f5;
    /* 灰色 */
    --feishu-callout-bg-pale-gray: #eff0f1;
    /* 浅灰色 */

    /* Feishu 文本块背景色 */
    --feishu-text-block-bg-light-gray: #f2f3f5;
    /* 浅灰色 */
    --feishu-text-block-bg-light-red: #fbbfbc;
    /* 浅红色 */
    --feishu-text-block-bg-light-orange: rgba(254, 212, 164, 0.8);
    /* 浅橙色 */
    --feishu-text-block-bg-light-yellow: rgba(255, 246, 122, 0.8);
    /* 浅黄色 */
    --feishu-text-block-bg-light-green: rgba(183, 237, 177, 0.8);
    /* 浅绿色 */
    --feishu-text-block-bg-light-blue: rgba(186, 206, 253, 0.7);
    /* 浅蓝色 */
    --feishu-text-block-bg-light-purple: rgba(205, 178, 250, 0.7);
    /* 浅紫色 */
    --feishu-text-block-bg-pale-gray: rgba(222, 224, 227, 0.8);
    /* 中灰色 */
    --feishu-text-block-bg-dark-gray: #bbbfc4;
    /* 灰色 */
    --feishu-text-block-bg-dark-red: #f76964;
    /* 中红色 */
    --feishu-text-block-bg-dark-orange: #ffa53d;
    /* 中橙色 */
    --feishu-text-block-bg-dark-yellow: #ffe928;
    /* 中黄色 */
    --feishu-text-block-bg-dark-green: #62d256;
    /* 中绿色 */
    --feishu-text-block-bg-dark-blue: rgba(78, 131, 253, 0.55);
    /* 中蓝色 */
    --feishu-text-block-bg-dark-purple: rgba(147, 90, 246, 0.55);
    /* 中紫色 */

    /* Feishu 文本背景色 (可能用于高亮文本，与文本块背景类似) */

    --feishu-text-bg-light-red: #fbbfbc;
    /* 浅红色 */
    --feishu-text-bg-light-orange: rgba(254, 212, 164, 0.8);
    /* 浅橙色 */
    --feishu-text-bg-light-yellow: rgba(255, 246, 122, 0.8);
    /* 浅黄色 */
    --feishu-text-bg-light-green: rgba(183, 237, 177, 0.8);
    /* 浅绿色 */
    --feishu-text-bg-light-blue: rgba(186, 206, 253, 0.7);
    /* 浅蓝色 */
    --feishu-text-bg-light-purple: rgba(205, 178, 250, 0.7);
    /* 浅紫色 */
    --feishu-text-bg-medium-gray: rgba(222, 224, 227, 0.8);
    /* 中灰色 */
    --feishu-text-bg-medium-red: #f76964;
    /* 中红色 */
    --feishu-text-bg-medium-orange: #ffa53d;
    /* 中橙色 */
    --feishu-text-bg-medium-yellow: #ffe928;
    /* 中黄色 */
    --feishu-text-bg-medium-green: #62d256;
    /* 中绿色 */
    --feishu-text-bg-medium-blue: rgba(78, 131, 253, 0.55);
    /* 中蓝色 */
    --feishu-text-bg-medium-purple: rgba(147, 90, 246, 0.55);
    /* 中紫色 */
    --feishu-text-bg-gray: #bbbfc4;
    /* 灰色 */
    --feishu-text-bg-light-gray: #f2f3f5;
    /* 浅灰色 */

    /* Feishu 文本链接颜色 */
    --feishu-text-normal-color: rgb(20, 86, 240);
    /* 默认蓝色 */

    /* Feishu 文本颜色 */
    --feishu-text-color-gray: #646a73;
    /* 灰色 */
    --feishu-text-color-red: #d83931;
    /* 红色 */
    --feishu-text-color-orange: #de7802;
    /* 橙色 */
    --feishu-text-color-yellow: #dc9b04;
    /* 黄色 */
    --feishu-text-color-green: #2ea121;
    /* 绿色 */
    --feishu-text-color-blue: #245bdb;
    /* 蓝色 */
    --feishu-text-color-purple: #6425d0;
    /* 紫色 */

    /* Feishu Callout 文本/边框颜色 (通常用于 Callout 的主要颜色) */
    --feishu-callout-color-red: #f98e8b;
    /* 红色 */
    --feishu-callout-color-orange: #ffba6b;
    /* 橙色 */
    --feishu-callout-color-yellow: #fff258;
    /* 黄色 */
    --feishu-callout-color-green: #8ee085;
    /* 绿色 */
    --feishu-callout-color-blue: #82a7fc;
    /* 蓝色 */
    --feishu-callout-color-purple: #ad82f7;
    /* 紫色 */
    --feishu-callout-color-gray: #dee0e3;
    /* 灰色 */
}

.feishu-block-text-bg-color-light-gray {
    background-color: var(--feishu-text-bg-light-gray);
}

.feishu-block-text-bg-color-light-red {
    background-color: var(--feishu-text-bg-light-red);
}

.feishu-block-text-bg-color-light-orange {
    background-color: var(--feishu-text-bg-light-orange);
}

.feishu-block-text-bg-color-light-yellow {
    background-color: var(--feishu-text-bg-light-yellow);
}

.feishu-block-text-bg-color-light-green {
    background-color: var(--feishu-text-bg-light-green);
}

.feishu-block-text-bg-color-light-blue {
    background-color: var(--feishu-text-bg-light-blue);
}

.feishu-block-text-bg-color-light-purple {
    background-color: var(--feishu-text-bg-light-purple);
}

.feishu-block-text-bg-color-medium-gray {
    background-color: var(--feishu-text-bg-medium-gray);
}

.feishu-block-text-bg-color-medium-red {
    background-color: var(--feishu-text-bg-medium-red);
}

.feishu-block-text-bg-color-medium-orange {
    background-color: var(--feishu-text-bg-medium-orange);
}

.feishu-block-text-bg-color-medium-yellow {
    background-color: var(--feishu-text-bg-medium-yellow);
}

.feishu-block-text-bg-color-medium-green {
    background-color: var(--feishu-text-bg-medium-green);
}

.feishu-block-text-bg-color-medium-blue {
    background-color: var(--feishu-text-bg-medium-blue);
}

.feishu-block-text-bg-color-medium-purple {
    background-color: var(--feishu-text-bg-medium-purple);
}


/* block elements default styles */
.feishu-block-page-elements-default-style {
    /* 将 .your-element-class 替换为你实际的元素类名或 ID */
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    /* 默认值，对应 JavaScript 中的 flex-start */
    text-align: left;
    /* 默认值，对应 JavaScript 中的 left */
    font-size: 34px;
    min-height: 55.25px;
    line-height: 1.625;
    font-weight: 500;
}

.window .feishu-block-page-elements-default-style {
    font-weight: 600;
}

.feishu-block-heading1-elements-default-style {
    /* 请替换为你的实际类名或ID */
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    text-align: left;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 500;
}

.window .feishu-block-heading1-elements-default-style {
    font-weight: 600;
}

.feishu-block-heading2-elements-default-style {
    /* 请替换为你的实际类名或ID */
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    text-align: left;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 500;
}

.window .feishu-block-heading2-elements-default-style {
    font-weight: 600;
}

.feishu-block-heading3-elements-default-style {
    /* 请替换为你的实际类名或ID */
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    text-align: left;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
}

.window .feishu-block-heading3-elements-default-style {
    font-weight: 600;
}

.feishu-block-heading4-elements-default-style {
    /* 请替换为你的实际类名或ID */
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    text-align: left;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 500;
}

.window .feishu-block-heading4-elements-default-style {
    font-weight: 600;
}

.feishu-block-heading5-elements-default-style {
    /* 请替换为你的实际类名或ID */
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    text-align: left;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
}

.window .feishu-block-heading5-elements-default-style {
    font-weight: 600;
}

.feishu-block-heading6-elements-default-style {
    /* 请替换为你的实际类名或ID */
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    text-align: left;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
}

.window .feishu-block-heading6-elements-default-style {
    font-weight: 600;
}


.feishu-block-heading7-elements-default-style {
    /* 请替换为你的实际类名或ID */
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    text-align: left;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
}

.window .feishu-block-heading7-elements-default-style {
    font-weight: 600;
}

.feishu-block-heading8-elements-default-style {
    /* 请替换为你的实际类名或ID */
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    text-align: left;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
}

.window .feishu-block-heading8-elements-default-style {
    font-weight: 600;
}

.feishu-block-heading9-elements-default-style {
    /* 请替换为你的实际类名或ID */
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    text-align: left;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
}

.window .feishu-block-heading9-elements-default-style {
    font-weight: 600;
}

.feishu-block-text-elements-default-style {
    /* 请替换为你的实际类名或ID */
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: flex-start;
    text-align: left; */
    /* font-size: 16px; */
    line-height: 26px;
    white-space: break-spaces;
}

/* block children defatult styles */
.feishu-block-grid-children-default-style {
    display: flex;
    margin-top: -16px;
    margin-bottom: -16px;
    justify-content: space-between;
}

.feishu-block-bullet-children-default-style {
    padding-left: 16px;
}

.feishu-block-ordered-children-default-style {
    padding-left: 16px;
}

.feishu-block-table-children-default-style {
    padding: 0;
    margin: 0;
    display: grid;
    /* 定义四列：第一列固定宽度，其余三列等宽 */
    grid-template-columns: 100px repeat(3, 1fr);
    gap: 1px;
    background-color: #ccc;
    border: 1px solid #ccc;
    /* 填充间隙的背景色 (灰色) */
}

.feishu-block-table-cell-children-default-style {
    padding: 1px;
    background-color: #ffffff;
}

/* block default style  */
.feishu-block-default-style {
    padding-left: 2px;
    padding-right: 2px;
    margin-left: -2px;
    margin-right: -2px;
    margin-top: 16px;
    margin-bottom: 16px;
    font-family: -apple-system, BlinkMacSystemFont, Tahoma, PingFang SC, Microsoft Yahei, Arial, Hiragino Sans GB, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

.feishu-block-default-style video {
    border-radius: 8px;
}

.feishu-block-default-style img {
    border-radius: 8px;
}

.feishu-block-heading1-default-style {
    margin-top: 26px;
    margin-bottom: 10px;
    min-height: 26px;
}

.feishu-block-heading2-default-style {
    margin-top: 22px;
    margin-bottom: 8px;
    min-height: 26px;
}

.feishu-block-heading3-default-style {
    margin-top: 20px;
    margin-bottom: 8px;
    min-height: 26px;
}

.feishu-block-heading4-default-style {
    margin-top: 18px;
    margin-bottom: 6px;
    min-height: 26px;
}

.feishu-block-heading5-default-style {
    margin-top: 18px;
    margin-bottom: 8px;
    min-height: 26px;
}

.feishu-block-heading6-default-style {
    margin-top: 16px;
    margin-bottom: 8px;
    min-height: 26px;
}

.feishu-block-heading7-default-style {
    margin-top: 16px;
    margin-bottom: 8px;
    min-height: 26px;
}

.feishu-block-heading8-default-style {
    margin-top: 16px;
    margin-bottom: 8px;
    min-height: 26px;
}

.feishu-block-heading9-default-style {
    margin-top: 16px;
    margin-bottom: 8px;
    min-height: 26px;
}

.feishu-block-text-default-style {
    margin-top: 8px;
    margin-bottom: 8px;
    min-height: 26px;
}

.feishu-block-quote-container-default-style {
    border-left: 2px solid #E6E6E6;
    color: #6A6A6A;
    padding-left: 12px;
    padding-right: 12px;
}

.feishu-block-grid-column-container-default-style {
    margin: 0px;
}

.feishu-block-code-default-style {
    background-color: #f5f6f7;
    border: 1px solid #dee0e3;
    border-radius: 8px;
    margin-top: 16px;
    margin-bottom: 8px;
    padding: 16px 32px;
    color: #2b2f36;
    font-family: "SourceCodeProMac", monospace;
    font-size: 14px;
}

.feishu-block-callout-emojis-default-style {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 16px;
    height: 26px;
}

.feishu-block-callout-default-style {
    border-radius: 8px;
    /* 设置圆角 */
    margin-top: 16px;
    margin-bottom: 8px;
    padding: 16px;
    /* 保持空格和换行 */
    color: #2b2f36;
    font-family: "SourceCodeProMac", monospace;
    position: relative;
}


.feishu-block-callout-children-default-style .feishu-block-text-default-style:first-of-type {
    margin-top: 0px;
}

.feishu-block-callout-children-default-style .feishu-block-text-default-style:last-of-type {
    margin-bottom: 0px;
}

.feishu-block-callout-children-default-style {
    margin-left: 32px;
}

.feishu-block-divider-default-style {
    margin: 24px 0;
    height: 1px;
    width: 100%;
    background-color: rgba(31, 35, 41, 0.15);
}

.feishu-block-table-default-style {
    padding-bottom: 2px;
    margin-top: 29.5px;
    margin-bottom: 24px;
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
    font-size: 14px;
}

.feishu-block-table-default-style table {
    border-collapse: collapse;
    border: 1px solid #ccc;
}

.feishu-block-table-default-style table tr {
    border-collapse: collapse;
    border: 1px solid #ccc;
}

.feishu-block-table-default-style table td {
    border-collapse: collapse;
    border: 1px solid #ccc;
}


.feishu-block-table-cell-default-style {
    font-size: 14px;
    margin: 0px;
    padding: 8px;
    background-color: #ffffff;
}




/* layout */
.feishu-flex-align-left {
    justify-content: flex-start;
}

.feishu-text-align-left {
    text-align: left;
}

.feishu-flex-align-center {
    justify-content: center;
}

.feishu-text-align-center {
    text-align: center;
}

.feishu-flex-align-right {
    justify-content: flex-end;
}

/* text */
.feishu-text-align-right {
    text-align: right;
}

.feishu-text-bold {
    font-weight: bold;
}

.window .feishu-text-bold {
    font-weight: bold;
}

.feishu-text-italic {
    font-style: italic;
}

.feishu-text-strike {
    text-decoration: line-through;
}

.feishu-text-underline {
    text-decoration: underline;
}

.feishu-inline-code {
    font-family: "SourceCodeProMac", monospace;
    font-size: 14px;
    background-color: #f5f6f7;
    border: 1px solid #dee0e3;
    border-radius: 8px;
}

.feishu-link {
    color: #2b2f36;
    text-decoration: underline;
    cursor: pointer;
}

.feishu-text-color-1 {
    color: var(--feishu-text-color-red);
}

.feishu-text-color-2 {
    color: var(--feishu-text-color-orange);
}

.feishu-text-color-3 {
    color: var(--feishu-text-color-yellow);
}

.feishu-text-color-4 {
    color: var(--feishu-text-color-green);
}

.feishu-text-color-5 {
    color: var(--feishu-text-color-blue);
}

.feishu-text-color-6 {
    color: var(--feishu-text-color-purple);
}

.feishu-text-color-7 {
    color: var(--feishu-text-color-gray);
}

.feishu-callout-border-1 {
    border-color: var(--feishu-callout-color-red);
    border-width: 1px;
    border-style: solid;
}

.feishu-callout-border-2 {
    border-color: var(--feishu-callout-color-orange);
    border-width: 1px;
    border-style: solid;
}

.feishu-callout-border-3 {
    border-color: var(--feishu-callout-color-yellow);
    border-width: 1px;
    border-style: solid;
}

.feishu-callout-border-4 {
    border-color: var(--feishu-callout-color-green);
    border-width: 1px;
    border-style: solid;
}

.feishu-callout-border-5 {
    border-color: var(--feishu-callout-color-blue);
    border-width: 1px;
    border-style: solid;
}

.feishu-callout-border-6 {
    border-color: var(--feishu-callout-color-purple);
    border-width: 1px;
    border-style: solid;
}

.feishu-callout-border-7 {
    border-color: var(--feishu-callout-color-gray);
    border-width: 1px;
    border-style: solid;
}

.feishu-callout-bg-color-1 {
    background-color: var(--feishu-callout-bg-light-red);
}

.feishu-callout-bg-color-2 {
    background-color: var(--feishu-callout-bg-light-orange);
}

.feishu-callout-bg-color-3 {
    background-color: var(--feishu-callout-bg-light-yellow);
}

.feishu-callout-bg-color-4 {
    background-color: var(--feishu-callout-bg-light-green);
}

.feishu-callout-bg-color-5 {
    background-color: var(--feishu-callout-bg-light-blue);
}

.feishu-callout-bg-color-6 {
    background-color: var(--feishu-callout-bg-light-purple);
}

.feishu-callout-bg-color-7 {
    background-color: var(--feishu-callout-bg-medium-gray);
}

.feishu-callout-bg-color-8 {
    background-color: var(--feishu-callout-bg-medium-red);
}

.feishu-callout-bg-color-9 {
    background-color: var(--feishu-callout-bg-medium-orange);
}

.feishu-callout-bg-color-10 {
    background-color: var(--feishu-callout-bg-medium-yellow);
}

.feishu-callout-bg-color-11 {
    background-color: var(--feishu-callout-bg-medium-green);
}

.feishu-callout-bg-color-12 {
    background-color: var(--feishu-callout-bg-medium-blue);
}

.feishu-callout-bg-color-13 {
    background-color: var(--feishu-callout-bg-medium-purple);
}

.feishu-callout-bg-color-14 {
    background-color: var(--feishu-callout-bg-gray);
}

.feishu-callout-bg-color-15 {
    background-color: var(--feishu-callout-bg-pale-gray);
}

.feishu-text-bg-color-1 {
    background-color: var(--feishu-text-bg-light-red);
}

.feishu-text-bg-color-2 {
    background-color: var(--feishu-text-bg-light-orange);
}

.feishu-text-bg-color-3 {
    background-color: var(--feishu-text-bg-light-yellow);
}

.feishu-text-bg-color-4 {
    background-color: var(--feishu-text-bg-light-green);
}

.feishu-text-bg-color-5 {
    background-color: var(--feishu-text-bg-light-blue);
}

.feishu-text-bg-color-6 {
    background-color: var(--feishu-text-bg-light-purple);
}

.feishu-text-bg-color-7 {
    background-color: var(--feishu-text-bg-medium-gray);
}

.feishu-text-bg-color-8 {
    background-color: var(--feishu-text-bg-medium-red);
}

.feishu-text-bg-color-9 {
    background-color: var(--feishu-text-bg-medium-orange);
}

.feishu-text-bg-color-10 {
    background-color: var(--feishu-text-bg-medium-yellow);
}

.feishu-text-bg-color-11 {
    background-color: var(--feishu-text-bg-medium-green);
}

.feishu-text-bg-color-12 {
    background-color: var(--feishu-text-bg-medium-blue);
}

.feishu-text-bg-color-13 {
    background-color: var(--feishu-text-bg-medium-purple);
}

.feishu-text-bg-color-14 {
    background-color: var(--feishu-text-bg-gray);
}

.feishu-text-bg-color-15 {
    background-color: var(--feishu-text-bg-light-gray);
}




.feishu-normal-color {
    color: var(--feishu-text-normal-color);
}

.feishu-bullet-col {
    /* display: flex; */
    margin: 12px 0;
    line-height: 24px;
}

.feishu-bullet-col-icon {
    padding-left: 4px;
    margin-right: 8px;
    font-size: 16px;
    /* font-family: Arial, Helvetica, sans-serif; */
    line-height: 22px;
}

.feishu-ordered-col {
    /* display: flex; */
    margin: 12px 0;
    line-height: 24px;
}

.feishu-ordered-col-icon {
    padding-left: 4px;
    margin-right: 8px;
    font-size: 16px;
    /* font-family: Arial, Helvetica, sans-serif; */
    line-height: 24px;
    color: var(--feishu-text-normal-color);
}

.feishu-text-link-normal-color {
    color: var(--feishu-text-normal-color)
}

.feishu-image-caption {
    color: var(--feishu-text-color-gray);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    margin-top: 6px;
}

.feishu-text-indent {
    text-indent: 2em;
}

.feishu-block-bullet-default-style {
    margin: 8px 0;
    padding: 0 24px;
}

.feishu-block-ordered-default-style {
    margin: 8px 0;
    padding: 0 24px;
}

.feishu-block-code-text-default-style {
    white-space: pre-wrap;
}

.feishu-text-common {
    font-size: 15px;
}

.feishu-text-heading1 {
    font-size: 26px;
}

.feishu-text-heading2 {
    font-size: 22px;
}

.feishu-text-heading3 {
    font-size: 20px;
}

.feishu-text-heading4 {
    font-size: 18px;
}

.feishu-text-heading5 {
    font-size: 16px;
}

.feishu-text-heading6 {
    font-size: 16px;
}

.feishu-text-heading7 {
    font-size: 15px;
}

.feishu-text-heading8 {
    font-size: 15px;
}

.feishu-text-heading9 {
    font-size: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: inherit;
}



li::marker {
    color: var(--feishu-text-normal-color)
}


.feishu-block-default-style img {
   display: inline-block;
}

.feishu-block-default-style video {
   display: inline-block;
}

.feishu-block-default-style audio {
   display: inline-block;
}