/* 前端显示样式 - 遵循 WordPress 标准区块样式 */
.custom-block-wrapper {
    margin: 28px 0;
    position: relative;
    clear: both;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    display: block;
    padding: 0;
}

/* 添加标准 wp-block 样式支持 */
.wp-block-block-call-itwuyu {
    margin: 28px 0;
}

.wp-block.wp-block-block-call-itwuyu {
    margin: 28px 0;
}

.custom-block-wrapper img {
    max-width: 100%;
    height: auto;
    display: block;
}

.custom-block-wrapper a {
    text-decoration: none;
    transition: all 0.3s ease;
}

.custom-block-wrapper a:hover {
    opacity: 0.8;
}

.custom-block-wrapper h1,
.custom-block-wrapper h2,
.custom-block-wrapper h3,
.custom-block-wrapper h4,
.custom-block-wrapper h5,
.custom-block-wrapper h6 {
    margin-top: 0;
}

.custom-block-wrapper p {
    margin-bottom: 1em;
}

.custom-block-wrapper ul,
.custom-block-wrapper ol {
    padding-left: 2em;
}

.custom-block-wrapper blockquote {
    border-left: 4px solid #0073aa;
    padding-left: 1em;
    margin-left: 0;
    font-style: italic;
}

/* 确保内部元素也符合标准样式 */
.custom-block-wrapper > div {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    text-align: inherit;
}

/* 只在必要时居中显示 */
.custom-block-wrapper.has-text-align-center,
.custom-block-wrapper.has-text-align-center * {
    text-align: center;
}

/* 响应式设计 - 遵循 WordPress 标准 */
@media (max-width: 768px) {
    .custom-block-wrapper {
        margin: 20px 0;
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .custom-block-wrapper {
        margin: 16px 0;
        width: 100%;
        max-width: 100%;
    }
}

/* 对齐样式支持 */
.custom-block-wrapper.alignwide {
    max-width: var(--wp--style--global--wide-size, 1200px);
    margin-left: auto;
    margin-right: auto;
}

.custom-block-wrapper.alignfull {
    max-width: none;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.custom-block-wrapper.aligncenter {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.custom-block-wrapper.alignleft {
    float: left;
    margin-right: 1em;
    text-align: left;
}

.custom-block-wrapper.alignright {
    float: right;
    margin-left: 1em;
    text-align: right;
}