/**
 * 文章页常规版式（single）
 *
 * 2026-10-16 改版：文章页从论坛帖形态改为常规 WordPress 文章页。
 * 之前的正文套在 Discuz 的 .t_f 表格里，吃 body 的 16px/2 Tahoma，
 * 显小且密。这里给标题 / 头图 / 正文 / 评论区一套独立样式。
 *
 * 配套模板：single.php、inc/comments-render.php、comments.php。
 * 只在 is_singular('post') 时加载（functions.php）。
 */

/* ------------------------------------------------------------------
 * 标题与元信息
 * ------------------------------------------------------------------ */

.ldx-article-head {
	margin-bottom: 22px;
}

.ldx-article-title {
	font-size: 30px;
	line-height: 1.4;
	color: #001f89;
	font-weight: 400;
	margin: 0 0 14px;
	text-align: center;
}

.ldx-article-meta {
	font-size: 14px;
	line-height: 20px;
	color: #999999;
	text-align: center;
}

.ldx-article-meta a {
	color: #999999;
}

.ldx-article-meta a:hover {
	color: #185fa5;
	text-decoration: none;
}

.ldx-article-meta .pipe {
	margin: 0 10px;
	color: #dddddd;
}

/* ------------------------------------------------------------------
 * 头图（特色图 / 正文首图，1200x 缩略）
 * ------------------------------------------------------------------ */

.ldx-article-cover {
	margin: 0 0 26px;
}

.ldx-article-cover img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
}

/* ------------------------------------------------------------------
 * 正文排版（17px / 1.9，图片、表格、列表常规化）
 * ------------------------------------------------------------------ */

.ldx-article-content {
	font-size: 18px;
	line-height: 2;
	color: #333333;
	word-wrap: break-word;
	overflow-x: auto;      /* 宽参数表格防撑破：超宽时横向滚动 */
}

.ldx-article-content p {
	margin: 0 0 20px;
}

.ldx-article-content img {
	max-width: 100%;
	height: auto;
	border-radius: 6px;
}

.ldx-article-content h2 {
	font-size: 21px;
	line-height: 1.5;
	color: #001f89;
	font-weight: 500;
	margin: 30px 0 14px;
}

.ldx-article-content h3 {
	font-size: 18px;
	line-height: 1.6;
	font-weight: 500;
	margin: 26px 0 12px;
}

.ldx-article-content ul,
.ldx-article-content ol {
	margin: 0 0 18px;
	padding-left: 2em;
}

.ldx-article-content li {
	margin-bottom: 6px;
}

.ldx-article-content a {
	color: #185fa5;
}

.ldx-article-content table {
	border-collapse: collapse;
	margin: 16px 0;
	max-width: 100%;
}

.ldx-article-content td,
.ldx-article-content th {
	border: 1px solid #e5e5e5;
	padding: 8px 12px;
	font-size: 16px;
	line-height: 1.7;
	color: #333333;
}

.ldx-article-content blockquote {
	margin: 0 0 18px;
	padding: 10px 18px;
	border-left: 3px solid #d9e4ef;
	background: #f7fafc;
	color: #666666;
}

/* ------------------------------------------------------------------
 * 代码块（正文与回复共用）
 *
 * 迁移过来的技术帖大量是 <pre class="dz-code"><code>…</code></pre>。
 * 浏览器对 pre 默认 white-space: pre —— 不折行，长代码直接顶出容器
 * 右边界；回复区尤其明显，因为 .ldx-comment-body 自己没有 overflow。
 * 这里改成 pre-wrap，让代码跟着容器宽度折行；极长的无空格串
 * （URL、base64、压缩过的 JS）再用 overflow-wrap 强制断开。
 * ------------------------------------------------------------------ */

.ldx-article-content pre,
.ldx-comment-body pre {
	box-sizing: border-box;
	max-width: 100%;
	margin: 0 0 18px;
	padding: 16px 18px;
	background: #f6f8fa;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	font-family: Menlo, Consolas, "Courier New", monospace;
	font-size: 13px;
	line-height: 1.7;
	color: #24292f;
	white-space: pre-wrap;      /* 关键：长行自动折行 */
	overflow-wrap: break-word;  /* 超长无空格串强制断开 */
	word-break: break-word;
	tab-size: 4;
	overflow-x: auto;           /* 万一还是断开不了，横向滚动兜底 */
}

.ldx-article-content pre code,
.ldx-comment-body pre code {
	display: block;
	padding: 0;
	background: none;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	white-space: inherit;
}

.ldx-article-pages {
	margin: 20px 0;
}

/* ------------------------------------------------------------------
 * 评论区（原论坛回帖楼层，常规化）
 *
 * 2026-10-16 美化：卡片化评论条目 + 左竖线标题 + WordPress 标准
 * 评论表单（comment-respond）样式，去 Discuz 的 attach_tips/pn pnc 风格。
 * ------------------------------------------------------------------ */

.ldx-comments-title {
	font-size: 20px;
	line-height: 1.5;
	color: #001f89;
	font-weight: 500;
	margin: 36px 0 20px;
	padding-left: 12px;
	border-left: 4px solid #185fa5;
}

.ldx-comments-title em {
	font-style: normal;
	font-size: 14px;
	color: #999999;
	margin-left: 6px;
}

/* 评论条目卡片化 */
.ldx-comment {
	padding: 18px 20px;
	margin-bottom: 14px;
	background: #f9fafb;
	border: 1px solid #eef2f7;
	border-radius: 8px;
	transition: border-color 0.2s;
}

.ldx-comment:hover {
	border-color: #d9e4ef;
}

#comment_area .ldx-comment:first-of-type {
	margin-top: 14px;
}

.ldx-comment-child {
	margin-left: 32px;
}

.ldx-comment-head {
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #999999;
}

.ldx-comment-author {
	color: #185fa5;
	font-weight: 500;
	margin-right: 12px;
}

.ldx-comment-body {
	font-size: 15px;
	line-height: 1.8;
	color: #333333;
	word-wrap: break-word;
}

.ldx-comment-body img {
	max-width: 100%;
	height: auto;
}

/* 未登录提示框（替代原 Discuz attach_nopermission attach_tips） */
.ldx-comment-login {
	margin: 30px 0;
	padding: 24px 26px;
	background: #f7fafc;
	border: 1px solid #d9e4ef;
	border-radius: 8px;
	text-align: center;
}

.ldx-comment-login h3 {
	font-size: 16px;
	color: #001f89;
	margin: 0 0 10px;
	font-weight: 500;
}

.ldx-comment-login p {
	margin: 0;
	font-size: 14px;
	color: #666666;
	line-height: 1.7;
}

.ldx-comment-login a {
	color: #185fa5;
}

.ldx-comment-login a:hover {
	text-decoration: underline;
}

/* 评论已关闭提示 */
.comments-area .locked {
	margin: 24px 0;
	padding: 16px 22px;
	background: #f7fafc;
	border: 1px solid #d9e4ef;
	border-radius: 8px;
	color: #666666;
	text-align: center;
	font-size: 14px;
}

/* ------------------------------------------------------------------
 * WordPress 标准评论表单（comment-respond / comment-form）
 * ------------------------------------------------------------------ */

.comment-respond {
	margin: 30px 0;
	padding: 26px 28px;
	background: #f9fafb;
	border: 1px solid #eef2f7;
	border-radius: 8px;
}

.comment-reply-title {
	font-size: 18px;
	color: #001f89;
	font-weight: 500;
	margin: 0 0 18px;
	padding-left: 10px;
	border-left: 3px solid #185fa5;
	line-height: 1.4;
}

.comment-reply-title small {
	font-size: 12px;
	margin-left: 10px;
}

.comment-form {
	margin: 0;
}

.comment-form p {
	margin: 0 0 14px;
}

.comment-form label {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	color: #555555;
	font-weight: 500;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #d9e0e8;
	border-radius: 6px;
	background: #ffffff;
	font-size: 14px;
	line-height: 1.6;
	color: #333333;
	box-sizing: border-box;
	transition: border-color 0.2s, box-shadow 0.2s;
	font-family: inherit;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
	border-color: #185fa5;
	outline: none;
	box-shadow: 0 0 0 2px rgba(24, 95, 165, 0.12);
}

.comment-form textarea {
	resize: vertical;
	min-height: 130px;
}

.comment-form .comment-form-comment {
	margin-bottom: 16px;
}

.comment-form .comment-notes,
.comment-form .logged-in-as {
	margin: 0 0 16px;
	font-size: 13px;
	color: #999999;
	line-height: 1.6;
}

.comment-form .logged-in-as a {
	color: #185fa5;
}

.comment-form .form-submit {
	margin: 0;
}

.comment-form .submit {
	display: inline-block;
	padding: 10px 32px;
	background: #185fa5;
	color: #ffffff;
	border: 0;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1.5;
	cursor: pointer;
	transition: background 0.2s;
	font-family: inherit;
}

.comment-form .submit:hover,
.comment-form .submit:focus {
	background: #144a82;
	outline: none;
}

/* 评论列表/表单里的「取消回复」链接 */
.comment-form .cancel-comment-reply-link {
	margin-left: 12px;
	font-size: 13px;
	color: #999999;
}

.comment-form .cancel-comment-reply-link:hover {
	color: #185fa5;
}

/* ------------------------------------------------------------------
 * 附件内嵌预览（PDF / 音视频）
 * 由 inc/attachments.php 的 ldx_attachment_embed() 输出在附件链接下方。
 * ------------------------------------------------------------------ */

.ldx-attach-embed {
	margin: 16px 0 28px;
}

/* PDF 附件的操作条：左边类型图标 + 体积，右边「预览 / 下载」。
   由 inc/attachments.php 的 ldx_attachment_embed_html() 输出。
   注意这里不再有 <iframe> —— PDF 交给 canvas 渲染（js/pdf-preview.js），
   原因见那个文件的头部注释（微信 WebView 不渲染 PDF）。 */
.ldx-pdf-bar {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	border: 1px solid #e3e8ee;
	border-radius: 8px;
	background: #f7fafc;
}

.ldx-pdf-ico {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 6px;
	background: #032974;
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .5px;
}

.ldx-pdf-hint {
	flex: 1 1 auto;
	min-width: 0;
	color: #45535f;
	font-size: 14px;
	line-height: 1.4;
}

.ldx-pdf-size {
	margin-left: 8px;
	color: #8fa3b8;
	font-size: 13px;
	font-style: normal;
}

.ldx-pdf-acts {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

/* 次要按钮：描边。主按钮：深蓝实底。哪个是主由 PHP 按文件体积决定 ——
   > 20 MB 时「预览」在前，小文件时「下载」在前。 */
.ldx-pdf-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 64px;
	padding: 7px 16px;
	border: 1px solid #c9dbf0;
	border-radius: 6px;
	background: #ffffff;
	color: #032974;
	font: inherit;
	font-size: 13px;
	line-height: 1.5;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.ldx-pdf-btn:hover,
.ldx-pdf-btn:focus {
	border-color: #032974;
	outline: none;
}

.ldx-pdf-btn.is-primary {
	border-color: #032974;
	background: #032974;
	color: #ffffff;
}

.ldx-pdf-btn.is-primary:hover,
.ldx-pdf-btn.is-primary:focus {
	background: #063a90;
	border-color: #063a90;
}

.ldx-pdf-stage {
	margin-top: 12px;
}

.ldx-pdf-status {
	padding: 28px 0;
	color: #8fa3b8;
	font-size: 14px;
	text-align: center;
}

/* 每页一张 canvas：白底卡片 + 细描边，跟正文纸张感一致 */
.ldx-pdf-page {
	margin-bottom: 12px;
	border: 1px solid #e3e8ee;
	border-radius: 6px;
	background: #ffffff;
	overflow: hidden;
}

.ldx-pdf-page:last-child {
	margin-bottom: 0;
}

.ldx-pdf-page canvas {
	display: block;
	width: 100%;
	height: auto;
}

/* 截断提示 + 完整文件出口 */
.ldx-pdf-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 12px;
	padding: 10px 16px;
	border: 1px dashed #c9dbf0;
	border-radius: 6px;
	background: #f7fafc;
}

.ldx-pdf-foot-txt {
	color: #7b8a99;
	font-size: 13px;
	line-height: 1.6;
}

.ldx-pdf-foot-link {
	color: #032974;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

.ldx-pdf-foot-link:hover {
	text-decoration: underline;
}

/* 渲染失败（极旧的 WebView / worker 被拦）时的兜底 */
.ldx-pdf-fail {
	padding: 20px 16px;
	border: 1px solid #f0c8c8;
	border-radius: 6px;
	background: #fdf3f3;
	text-align: center;
}

.ldx-pdf-fail-txt {
	color: #a12b2b;
	font-size: 14px;
	line-height: 1.7;
}

.ldx-pdf-fail .ldx-pdf-foot-link {
	display: inline-block;
	margin-top: 8px;
}

/* ------------------------------------------------------------------
 * 评论附件上传（字段只在管理员登录时出现）
 * 由 inc/comment-attach-upload.php 输出。
 * ------------------------------------------------------------------ */

.ldx-ca-field {
	margin: 14px 0 4px;
}

.ldx-ca-label {
	display: block;
	margin-bottom: 6px;
	font-weight: 600;
	color: #032974;
}

.ldx-ca-input {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	border: 1px dashed #c9dbf0;
	border-radius: 6px;
	background: #f7fafc;
	color: #45535f;
	font-size: 14px;
	cursor: pointer;
	transition: border-color .18s ease, background-color .18s ease;
}

.ldx-ca-input:hover {
	border-color: #032974;
	background: #ffffff;
}

.ldx-ca-hint {
	display: block;
	margin-top: 6px;
	color: #8fa3b8;
	font-size: 12px;
	line-height: 1.6;
}

/* 选中文件后的即时反馈：正常是绿色摘要，超限是红色警告 */
.ldx-ca-state {
	display: block;
	margin-top: 4px;
	color: #3f7a3f;
	font-size: 12px;
	line-height: 1.6;
}

.ldx-ca-state:empty {
	display: none;
}

.ldx-ca-state.is-error {
	color: #a12b2b;
	font-weight: 600;
}

.ldx-ca-error {
	margin: 0 0 16px;
	padding: 12px 16px;
	border: 1px solid #f0c8c8;
	border-left: 3px solid #cc3333;
	border-radius: 6px;
	background: #fdf3f3;
	color: #a12b2b;
	font-size: 14px;
	line-height: 1.7;
}

/* 视频：黑底 + 圆角，限制最大高度 */
.ldx-attach-video {
	display: block;
	width: 100%;
	max-height: 560px;
	border-radius: 8px;
	background: #000000;
}

.ldx-attach-audio {
	display: block;
	width: 100%;
}

/* ------------------------------------------------------------------
 * 移动端响应式
 * ------------------------------------------------------------------ */

@media (max-width: 768px) {
	.ldx-article-title {
		font-size: 24px;
	}

	.ldx-article-content {
		font-size: 16px;
		line-height: 1.85;
	}

	/* 窄屏代码块：字号再降一档，内边距收紧，尽量一行多放几个字符 */
	.ldx-article-content pre,
	.ldx-comment-body pre {
		padding: 12px 14px;
		font-size: 12px;
		line-height: 1.65;
	}

	.ldx-comment {
		padding: 14px 16px;
	}

	.ldx-comment-child {
		margin-left: 18px;
	}

	.comment-respond {
		padding: 18px 18px;
	}

	.ldx-comment-login {
		padding: 18px 18px;
	}

	.comment-form .submit {
		padding: 10px 24px;
	}

	/* 窄屏：图标缩小、提示语让步，「预览 / 下载」并到第二行右对齐 */
	.ldx-pdf-bar {
		flex-wrap: wrap;
		gap: 10px;
		padding: 10px 12px;
	}

	.ldx-pdf-ico {
		width: 34px;
		height: 34px;
		font-size: 10px;
	}

	.ldx-pdf-hint {
		font-size: 13px;
	}

	.ldx-pdf-acts {
		width: 100%;
		justify-content: flex-end;
	}

	.ldx-pdf-btn {
		padding: 8px 18px;
	}

	.ldx-pdf-foot {
		padding: 10px 12px;
	}
}

/* ------------------------------------------------------------------
 * 附件卡片：exe / docx / zip / rar 等不可预览的类型
 * 由 inc/attachments.php 的 ldx_attachment_file_card() 输出。
 *
 * 原来的形态是正文里一行「附件： xxx.exe (69.56 MB)」纯文本链接，
 * 在长文里很容易被读者滑过去。这里改成带类型色块、文件名、体积、
 * 下载入口的卡片。href 不变 ⇒ 下载地址、登录校验、下载计数都不变。
 * ------------------------------------------------------------------ */

.ldx-file {
	display: flex;
	align-items: center;
	gap: 14px;
	box-sizing: border-box;
	width: 100%;
	max-width: 760px;
	margin: 16px auto;   /* 左右 auto ⇒ 卡片在正文里居中（正文实测 1200px 宽） */
	padding: 14px 18px;
	border: 1px solid #e3e9f2;
	border-radius: 10px;
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	text-decoration: none !important;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ldx-file:hover,
.ldx-file:focus {
	border-color: #032974;
	box-shadow: 0 6px 18px rgba(3, 41, 116, .12);
	transform: translateY(-1px);
	outline: none;
}

/* 类型色块。扩展名由 PHP 输出到 data-ext，这里只按类型上色，
   所以新增一种格式不用改样式表，PHP 那边给出了扩展名就能自动配色。 */
.ldx-file__ico {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 8px;
	background: #64748b;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .3px;
	text-transform: uppercase;
}

.ldx-file__ico[data-ext="PDF"]  { background: #dc2626; }
.ldx-file__ico[data-ext="DOC"],
.ldx-file__ico[data-ext="DOCX"] { background: #2563eb; }
.ldx-file__ico[data-ext="XLS"],
.ldx-file__ico[data-ext="XLSX"],
.ldx-file__ico[data-ext="CSV"]  { background: #059669; }
.ldx-file__ico[data-ext="PPT"],
.ldx-file__ico[data-ext="PPTX"] { background: #ea580c; }
.ldx-file__ico[data-ext="ZIP"],
.ldx-file__ico[data-ext="RAR"],
.ldx-file__ico[data-ext="7Z"],
.ldx-file__ico[data-ext="GZ"]   { background: #7c3aed; }
.ldx-file__ico[data-ext="EXE"],
.ldx-file__ico[data-ext="MSI"],
.ldx-file__ico[data-ext="APK"]  { background: #334155; }

.ldx-file__main {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.ldx-file__name {
	overflow: hidden;
	color: #1e293b;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ldx-file__meta {
	color: #94a3b8;
	font-size: 12.5px;
	line-height: 1.3;
}

/* 右侧：登录用户看到箭头，未登录看到「需登录」胶囊。 */
.ldx-file__go {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	border-radius: 16px;
	background: #eef4ff;
	color: #032974;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	transition: background-color .18s ease, color .18s ease;
}

.ldx-file:hover .ldx-file__go {
	background: #032974;
	color: #ffffff;
}

.ldx-file__go--dl {
	padding: 0 14px;
}

.ldx-file__go--dl::after {
	content: "";
	width: 6px;
	height: 6px;
	margin-left: 7px;
	border-right: 1.6px solid currentColor;
	border-bottom: 1.6px solid currentColor;
	transform: rotate(45deg) translate(-1px, -1px);
}

.ldx-file__go--lock {
	padding: 0 12px;
	background: #fdf3e3;
	color: #a8842f;
}

.ldx-file:hover .ldx-file__go--lock {
	background: #a8842f;
	color: #ffffff;
}

/* 未登录时图标压暗一点，暗示"看得见但拿不到"。 */
.ldx-file[data-lock] .ldx-file__ico {
	opacity: .6;
}

@media (max-width: 640px) {
	.ldx-file {
		gap: 12px;
		margin: 14px auto;
		padding: 12px 14px;
	}

	.ldx-file__ico {
		width: 38px;
		height: 38px;
		border-radius: 7px;
		font-size: 10px;
	}

	.ldx-file__name {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		font-size: 14px;
		white-space: normal;
		/* 用 anywhere 而不是 break-all：break-all 会把 V9.3.2.exe 断成
		   「V9.3.2.ex / e」，anywhere 会优先在版本号或点号前后断。 */
		overflow-wrap: anywhere;
		word-break: normal;
	}

	.ldx-file__go {
		height: 28px;
		font-size: 11.5px;
	}

	.ldx-file__go--dl {
		padding: 0 11px;
	}
}

/* wpautop 会把附件链接包进 <p>（正文里是 .ldx-article-content p，
   评论区是 .dz-attach），而 .ldx-article-content p 自带 20px 下边距。
   不清掉的话，卡片上方会多出双份留白（<p> 的 20px + 卡片自己的 16px），
   看起来像"卡片浮在空地里"。
   :has() 不支持的浏览器会多出这段留白，不影响功能。 */
.ldx-article-content p:has(> .ldx-file),
.comment-text p:has(> .ldx-file),
p.dz-attach:has(> .ldx-file) {
	margin: 0;
}

/* ------------------------------------------------------------------
 * 登录提示条（附件下载 / [hide] 隐藏内容共用）
 * 由 inc/auth-pages.php 的 ldx_login_tip() 输出。
 *
 * 原来的写法是 <h3>附件需要登录后才能下载</h3> 加一行蓝字链接，
 * 在白底正文里就是两行字，读者一眼划过去。这里做成一块有边界、
 * 有图标、有按钮的提示区，和附件卡片同宽居中，视觉上是一组。
 * ------------------------------------------------------------------ */

.ldx-tip {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 14px;
	box-sizing: border-box;
	width: 100%;
	max-width: 760px;
	margin: 20px auto;
	padding: 18px 48px 18px 20px;
	border: 1px solid #cfe0f7;
	border-left: 4px solid #032974;
	border-radius: 8px;
	background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
}

.ldx-tip__ico {
	flex: 0 0 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #dfeafb;
}

.ldx-tip__ico svg {
	width: 21px;
	height: 21px;
}

.ldx-tip__body {
	flex: 1 1 auto;
	min-width: 0;
}

.ldx-tip__title {
	margin: 0 0 5px;
	color: #032974;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.45;
}

.ldx-tip__desc {
	margin: 0 0 13px;
	color: #5b6b80;
	font-size: 14px;
	line-height: 1.65;
}

.ldx-tip__acts {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.ldx-tip__btn {
	display: inline-flex;
	align-items: center;
	height: 34px;
	padding: 0 18px;
	border-radius: 17px;
	background: #032974;
	color: #ffffff !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none !important;
	transition: background-color .18s ease, box-shadow .18s ease;
}

.ldx-tip__btn:hover {
	background: #0a3f8f;
	box-shadow: 0 3px 10px rgba(3, 41, 116, .22);
}

.ldx-tip__btn--ghost {
	border: 1px solid #b9cde8;
	background: #ffffff;
	color: #032974 !important;
}

.ldx-tip__btn--ghost:hover {
	background: #eef4ff;
	box-shadow: none;
}

.ldx-tip__close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #94a3b8;
	font-size: 19px;
	line-height: 1;
	cursor: pointer;
	transition: background-color .16s ease, color .16s ease;
}

.ldx-tip__close:hover {
	background: #dbe7f7;
	color: #032974;
}

@media (max-width: 640px) {
	.ldx-tip {
		gap: 12px;
		margin: 16px auto;
		padding: 16px 42px 16px 16px;
	}

	.ldx-tip__ico {
		flex-basis: 34px;
		width: 34px;
		height: 34px;
	}

	.ldx-tip__ico svg {
		width: 18px;
		height: 18px;
	}

	.ldx-tip__title {
		font-size: 15px;
	}

	.ldx-tip__desc {
		font-size: 13.5px;
	}

	.ldx-tip__btn {
		height: 32px;
		padding: 0 15px;
		font-size: 13.5px;
	}
}