/**
 * 区块编辑器内容样式。
 *
 * 只作用于编辑器画布（.editor-styles-wrapper），让「编辑时看到的」与
 * 「前台发布后的」保持一致：行高、标题层级、图片、引用、代码、表格。
 */

.editor-styles-wrapper {
	color: #1f2329;
	font-size: 16px;
	line-height: 1.8;
}

.editor-styles-wrapper p {
	margin: 0 0 1.1em;
	line-height: 1.8;
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4 {
	color: #1f2329;
	font-weight: 700;
	line-height: 1.4;
	margin: 1.6em 0 .7em;
}

.editor-styles-wrapper h2 {
	font-size: 26px;
	padding-left: 12px;
	border-left: 4px solid #ff4d2d;
}

.editor-styles-wrapper h3 {
	font-size: 21px;
}

.editor-styles-wrapper h4 {
	font-size: 18px;
	color: #4a5058;
}

.editor-styles-wrapper a {
	color: #ff4d2d;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 77, 45, .35);
}

.editor-styles-wrapper img,
.editor-styles-wrapper .wp-block-image img {
	border-radius: 10px;
	height: auto;
}

.editor-styles-wrapper figure.wp-block-image {
	margin: 1.4em 0;
}

.editor-styles-wrapper figcaption,
.editor-styles-wrapper .wp-element-caption {
	color: #8a9099;
	font-size: 13px;
	text-align: center;
	margin-top: .5em;
}

.editor-styles-wrapper blockquote,
.editor-styles-wrapper .wp-block-quote {
	margin: 1.5em 0;
	padding: 14px 18px;
	background: #fff1ec;
	border-left: 4px solid #ff4d2d;
	border-radius: 0 8px 8px 0;
	color: #5a3a30;
}

.editor-styles-wrapper blockquote p:last-child,
.editor-styles-wrapper .wp-block-quote p:last-child {
	margin-bottom: 0;
}

.editor-styles-wrapper code {
	background: #f6f7f9;
	border: 1px solid #eceef1;
	border-radius: 4px;
	padding: 2px 6px;
	font-family: ui-monospace, Menlo, Consolas, "Courier New", monospace;
	font-size: 90%;
	color: #c0392b;
}

.editor-styles-wrapper pre.wp-block-code {
	background: #1f2329;
	color: #f2f4f7;
	border-radius: 8px;
	padding: 16px;
	overflow: auto;
}

.editor-styles-wrapper pre.wp-block-code code {
	background: none;
	border: 0;
	color: inherit;
	padding: 0;
}

.editor-styles-wrapper ul,
.editor-styles-wrapper ol {
	padding-left: 1.6em;
	margin: 0 0 1.1em;
}

.editor-styles-wrapper li {
	margin-bottom: .4em;
}

.editor-styles-wrapper table {
	border-collapse: collapse;
	width: 100%;
	margin: 1.4em 0;
}

.editor-styles-wrapper th,
.editor-styles-wrapper td {
	border: 1px solid #eceef1;
	padding: 10px 12px;
}

.editor-styles-wrapper th {
	background: #f6f7f9;
	text-align: left;
}

.editor-styles-wrapper hr,
.editor-styles-wrapper .wp-block-separator {
	border: 0;
	border-top: 1px solid #eceef1;
	margin: 2em 0;
}

/* 本插件注册的快捷格式：编辑与前台共用同一套类名 */
.editor-styles-wrapper .hp-hl,
.hp-article__body .hp-hl {
	background: #fff1b8;
	padding: 1px 4px;
	border-radius: 3px;
}

.editor-styles-wrapper .hp-red,
.hp-article__body .hp-red {
	color: #e63c1c;
	font-weight: 600;
}

.editor-styles-wrapper .hp-big,
.hp-article__body .hp-big {
	font-size: 20px;
}

.editor-styles-wrapper .hp-small,
.hp-article__body .hp-small {
	font-size: 13px;
	color: #8a9099;
}

.editor-styles-wrapper .hp-kai,
.hp-article__body .hp-kai {
	font-family: "Kaiti SC", KaiTi, "楷体", STKaiti, serif;
}

.editor-styles-wrapper .hp-mono,
.hp-article__body .hp-mono {
	font-family: ui-monospace, Menlo, Consolas, "Courier New", monospace;
}