zentao/lib/zin/wg/thinkswot/css/v1.css

.model-swot .block-0, .model-swot .block-1 {border-bottom: none;}
.model-swot .model-block:nth-child(odd) {border-right: none;}
.model-swot .model-block::after {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 9rem; font-weight: 600; pointer-events: none;}
.model-swot .model-block.block-0::after {content: 'S';}
.model-swot .model-block.block-1::after {content: 'W';}
.model-swot .model-block.block-2::after {content: 'O';}
.model-swot .model-block.block-3::after {content: 'T';}
.model-swot .model-block.block-0 {background-color: #cfe7fe;}
.model-swot .model-block.block-1 {background-color: var(--color-success-100);}
.model-swot .model-block.block-2 {background-color: var(--color-special-100);}
.model-swot .model-block.block-3 {background-color: var(--color-warning-100);}
.model-swot .model-block.block-0 .item-step-title {color: #2294FB;}
.model-swot .model-block.block-1 .item-step-title {color: var(--color-success-400);}
.model-swot .model-block.block-2 .item-step-title {color: var(--color-special-400);}
.model-swot .model-block.block-3 .item-step-title {color: var(--color-warning-400);}