/* 域名集市前端样式 */
.ymjs-market {
	max-width: 1000px;
	margin: 0 auto;
	padding: 32px 16px 48px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

.ymjs-title {
	text-align: center;
	font-size: 42px;
	font-weight: 800;
	margin: 16px 0 10px;
	letter-spacing: 3px;
	color: #111827;
}

.ymjs-subtitle {
	text-align: center;
	color: #6b7280;
	font-size: 15px;
	margin: 0 0 28px;
}

.ymjs-table-wrap {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	background: #fff;
}

.ymjs-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	min-width: 720px;
	border: 1px solid #1f2937;
}

.ymjs-table thead th {
	background: #fff;
	color: #111827;
	font-weight: 700;
	text-align: center;
	padding: 13px 14px;
	border: 1px solid #1f2937;
	white-space: nowrap;
}

.ymjs-table tbody td {
	padding: 13px 14px;
	border: 1px solid #1f2937;
	color: #1f2937;
	text-align: center;
	vertical-align: middle;
}

.ymjs-table tbody tr:hover {
	background: #f9fafb;
}

.ymjs-cell-domain strong {
	color: #111827;
	font-size: 15px;
}

.ymjs-cell-price {
	font-weight: 700;
	color: #16a34a;
	white-space: nowrap;
}

.ymjs-buy {
	display: inline-block;
	padding: 7px 18px;
	background: #16a34a;
	color: #fff !important;
	border-radius: 999px;
	text-decoration: none;
	font-weight: 600;
	font-size: 13px;
	transition: background .2s;
}

.ymjs-buy:hover {
	background: #15803d;
	color: #fff;
}

.ymjs-empty {
	text-align: center;
	color: #9ca3af;
	padding: 40px 0;
}

.ymjs-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
	margin: 24px 0 8px;
	color: #6b7280;
}

.ymjs-pagination a {
	padding: 6px 16px;
	background: #f3f4f6;
	border-radius: 8px;
	text-decoration: none;
	color: #374151;
}

.ymjs-pagination a:hover {
	background: #e5e7eb;
}

.ymjs-submit-wrap {
	text-align: center;
	margin-top: 32px;
}

.ymjs-submit-btn {
	display: inline-block;
	padding: 12px 36px;
	background: #2563eb;
	color: #fff !important;
	border: none;
	border-radius: 999px;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	transition: background .2s;
}

.ymjs-submit-btn:hover {
	background: #1d4ed8;
	color: #fff;
}

/* 发布表单 */
.ymjs-submit {
	max-width: 720px;
	margin: 0 auto;
	padding: 24px 16px 48px;
}

.ymjs-requirements {
	background: #f7f8fa;
	border-left: 4px solid #2563eb;
	padding: 16px 20px;
	border-radius: 8px;
	margin-bottom: 24px;
	font-size: 14px;
	color: #4b5563;
}

.ymjs-requirements h2 {
	font-size: 17px;
	margin: 0 0 10px;
	color: #1f2937;
}

.ymjs-form label {
	font-weight: 600;
	color: #374151;
	font-size: 14px;
}

.ymjs-form input[type="text"],
.ymjs-form input[type="url"],
.ymjs-form textarea {
	margin-top: 6px;
	padding: 13px 15px;
	border: 1px solid #d1d5db;
	border-radius: 10px;
	font-size: 15px;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
}

.ymjs-form p {
	margin-bottom: 24px;
}

.ymjs-form input:focus,
.ymjs-form textarea:focus {
	border-color: #16a34a;
	outline: none;
	box-shadow: 0 0 0 3px rgba(var(--theme-color-rgb, 22, 163, 74), .12);
}

.ymjs-note {
	background: #fef3c7;
	border: 1px solid #fde68a;
	color: #92400e;
	padding: 12px 16px;
	border-radius: 8px;
	margin-bottom: 16px;
}

.ymjs-success {
	background: #dcfce7;
	border: 1px solid #86efac;
	color: #166534;
	padding: 12px 16px;
	border-radius: 8px;
	margin-bottom: 16px;
}

.ymjs-error {
	background: #fee2e2;
	border: 1px solid #fca5a5;
	color: #991b1b;
	padding: 12px 16px;
	border-radius: 8px;
	margin-bottom: 16px;
}

.ymjs-site-field {
	transition: font-weight .2s;
}

/* 支付页 */
.ymjs-pay {
	max-width: 480px;
	margin: 24px auto;
	text-align: center;
	padding: 28px 20px;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

.ymjs-pay h2 {
	margin: 0 0 8px;
	font-size: 22px;
	color: #1f2937;
}

.ymjs-pay-tip {
	color: #6b7280;
	font-size: 14px;
	margin: 0 0 20px;
}

.ymjs-qr {
	display: inline-block;
	padding: 12px;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	background: #fff;
}

.ymjs-qr img {
	display: block;
	width: 220px;
	height: 220px;
}

.ymjs-pay-status {
	font-weight: 700;
	color: #f59e0b;
	margin: 18px 0 4px;
}

/* 支付通道切换按钮 */
.ymjs-channels {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin: 0 0 18px;
}
.ymjs-channel {
	padding: 8px 22px;
	border: 1px solid #d1d5db;
	background: #f9fafb;
	color: #4b5563;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all .2s;
}
.ymjs-channel.active {
	background: #16a34a;
	border-color: #16a34a;
	color: #fff;
}
.ymjs-channel:hover:not(.active) {
	border-color: #16a34a;
	color: #16a34a;
}

/* ===== v1.3.0 ===== */

/* 桌面列宽：域名/价格/联系QQ/购买等宽，介绍占剩余 */
.ymjs-table th:nth-child(1) { width: 17%; }
.ymjs-table th:nth-child(3) { width: 12%; }
.ymjs-table th:nth-child(4) { width: 17%; }
.ymjs-table th:nth-child(5) { width: 12%; }

/* 发布页全屏大卡片 */
.ymjs-fullscreen {
	padding: 40px 20px 80px;
	min-height: 60vh;
}
.ymjs-fullscreen-inner {
	max-width: 960px;
	margin: 0 auto;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 6px 30px rgba(0, 0, 0, .07);
	padding: 44px 52px 52px;
	box-sizing: border-box;
}
.ymjs-fullscreen .ymjs-submit {
	max-width: 100%;
	margin: 0;
	padding: 0;
}
.ymjs-fullscreen .ymjs-title {
	font-size: 36px;
}

/* 单个/批量切换按钮 */
.ymjs-mode-tabs {
	display: flex;
	gap: 10px;
	margin-bottom: 22px;
}
.ymjs-mode-tab {
	padding: 9px 26px;
	border: 1px solid #d1d5db;
	background: #f9fafb;
	color: #4b5563;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all .2s;
}
.ymjs-mode-tab.active {
	background: #16a34a;
	border-color: #16a34a;
	color: #fff;
}
.ymjs-mode-tab:hover:not(.active) {
	border-color: #16a34a;
	color: #16a34a;
}
.ymjs-form textarea[name="ymjs_batch_data"] {
	font-family: Consolas, "Courier New", monospace;
	font-size: 13.5px;
	line-height: 1.7;
}

/* 合作伙伴（复用 OneNav 主题 style-sites-min 小图标卡片） */
.ymjs-partners {
	margin-top: 56px;
}
.ymjs-partners-title {
	font-size: 20px;
	font-weight: 700;
	color: #111827;
	margin: 0 0 18px;
	padding-left: 12px;
	border-left: 4px solid var(--ymjs-main, var(--theme-color, #16a34a));
	line-height: 1.3;
}
.ymjs-partners-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 12px;
}
.ymjs-partner-item {
	margin: 0 !important;
	width: 100%;
}
.ymjs-partner-item .sites-body {
	height: 100%;
}
.ymjs-partner-item .item-media {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	background: var(--muted-bg-a-color, #f2f3f5);
}
.ymjs-partner-item .item-title {
	min-height: 0;
}
.ymjs-partner-item .item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ymjs-partners-tip {
	margin-top: 16px;
	font-size: 12px;
	color: #9ca3af;
	text-align: center;
	line-height: 1.8;
}
.ymjs-partners-tip code {
	background: #f3f4f6;
	padding: 2px 8px;
	border-radius: 4px;
	word-break: break-all;
}

/* ===== 手机端适配 ===== */
@media (max-width: 768px) {
	/* 集市表格：手机端保持与电脑一致的表格布局，超宽横向滑动 */
	.ymjs-table {
		width: 100%;
		min-width: 640px;
		max-width: none;
		table-layout: auto;
		font-size: 13px;
	}
	.ymjs-table-wrap {
		max-width: 100vw;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.ymjs-table thead th {
		padding: 9px 8px;
	}
	.ymjs-table tbody td {
		padding: 9px 8px;
		white-space: nowrap;
	}
	.ymjs-cell-domain strong {
		font-size: 13px;
	}
	.ymjs-table tbody td .ymjs-buy {
		float: none;
	}
	.ymjs-title {
		font-size: 30px;
		letter-spacing: 2px;
	}

	/* 发布页卡片收窄留白 */
	.ymjs-fullscreen {
		padding: 20px 12px 48px;
	}
	.ymjs-fullscreen-inner {
		padding: 26px 18px 32px;
		border-radius: 12px;
	}
	.ymjs-fullscreen .ymjs-title {
		font-size: 28px;
	}

	/* 合作伙伴两列 */
	.ymjs-partners-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}

/* ===== v1.4.0 ===== */

/* 表单控件强制全宽（覆盖主题对 input 的限宽样式） */
.ymjs-form label {
	display: block;
}
.ymjs-form input[type="text"],
.ymjs-form input[type="url"],
.ymjs-form textarea {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

/* 通知弹窗（提交结果 / 支付面板） */
/* ===== 弹窗（克隆一为主题 modal 风格）===== */
.ymjs-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
}
.ymjs-modal.open {
	display: block;
}
.ymjs-modal-mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: .5;
}
.ymjs-modal-box {
	position: relative;
	z-index: 1;
	width: calc(100% - 32px);
	max-width: 420px;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	background: var(--main-bg-color, #fff);
	color: var(--main-color, #333);
	border: none;
	border-radius: var(--theme-border-radius, 12px);
	overflow: hidden;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	animation: ymjsDrop .3s ease-out;
	max-height: calc(100vh - 3.5rem);
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}
@keyframes ymjsDrop {
	from { transform: translateY(calc(-50% - 50px)); opacity: 0; }
	to   { transform: translateY(-50%); opacity: 1; }
}
/* 顶部装饰（仿主题 modal-header-simple 渐变圆斑） */
.ymjs-modal-head {
	position: relative;
	padding: 26px 24px 14px;
	overflow: hidden;
	flex: none;
}
.ymjs-modal-head::before,
.ymjs-modal-head::after {
	content: '';
	position: absolute;
	border-radius: 100%;
	pointer-events: none;
}
.ymjs-modal-head::before {
	width: 340px;
	height: 210px;
	top: -183px;
	left: -114px;
	transform: rotate(10deg);
	opacity: .25;
	background: radial-gradient(closest-side, rgb(75 125 255), rgba(207, 209, 255, 0));
}
.ymjs-modal-head::after {
	width: 15px;
	height: 15px;
	right: 64px;
	bottom: 4px;
	opacity: .4;
	background: radial-gradient(closest-side, rgb(84 211 242), rgba(131, 228, 245, 0));
}
.ymjs-modal-title {
	position: relative;
	z-index: 1;
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: var(--main-color, #282828);
}
.ymjs-modal-body {
	padding: 6px 24px 24px;
	overflow-y: auto;
}
.ymjs-modal-close {
	position: absolute;
	top: 10px;
	right: 12px;
	z-index: 2;
	border: none;
	background: transparent;
	padding: 8px;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	color: var(--main-color, #333);
	opacity: .3;
	transition: opacity .3s;
}
.ymjs-modal-close:hover {
	opacity: 1;
}
/* 弹窗内提示（主题 alert 风格：左图标、浅底、无边框线） */
.ymjs-modal-box .ymjs-success,
.ymjs-modal-box .ymjs-error {
	border: none;
	border-radius: calc(var(--theme-border-radius, 12px) - 4px);
	padding: 13px 16px;
	line-height: 1.7;
	font-size: 14px;
	text-align: left;
	margin: 0 0 12px;
}
.ymjs-modal-box .ymjs-success {
	background: rgba(var(--theme-color-rgb, 22, 163, 74), .09);
	color: #16a34a;
}
.ymjs-modal-box .ymjs-error {
	background: rgba(239, 68, 68, .08);
	color: #dc2626;
}
.ymjs-modal-box .ymjs-success:last-child,
.ymjs-modal-box .ymjs-error:last-child {
	margin-bottom: 0;
}
/* 支付面板在弹窗内自适应 */
.ymjs-pay-inline .ymjs-pay {
	max-width: 100%;
	margin: 0 auto;
	border: none;
	box-shadow: none;
	padding: 0;
}
.ymjs-pay-inline .ymjs-pay h2 {
	font-size: 19px;
	text-align: center;
}
.ymjs-pay-inline .ymjs-pay-tip {
	text-align: center;
}
@media (max-width: 768px) {
	.ymjs-modal-box {
		width: calc(100% - 24px);
	}
	.ymjs-modal-head {
		padding: 20px 18px 10px;
	}
	.ymjs-modal-body {
		padding: 4px 18px 18px;
	}
}

/* ============================================================
   v1.7.5 · OneNav 主题风格美化层
   跟随主题 CSS 变量（--main-bg-color / --theme-border-radius），
   卡片化布局 + 柔和边框，与 OneNav 前台视觉统一。
   ============================================================ */

:root {
	--ymjs-main: var(--theme-color, #16a34a);
	--ymjs-radius: var(--main-radius, 10px);
}

/* —— 集市页 —— */
.ymjs-market {
	max-width: 1080px;
	padding: 20px 16px 56px;
}

.ymjs-title {
	font-size: 38px;
	letter-spacing: 2px;
	position: relative;
	display: table;
	margin: 20px auto 14px;
	padding: 0 6px;
}
.ymjs-title::after {
	content: "";
	display: block;
	height: 6px;
	margin-top: 2px;
	border-radius: 6px;
	background: linear-gradient(90deg, var(--ymjs-main), rgba(var(--theme-color-rgb, 22, 163, 74), 0));
	opacity: .85;
}

.ymjs-subtitle {
	margin: 0 0 30px;
	font-size: 15px;
	color: #86909c;
}

.ymjs-cell-domain strong {
	font-size: 15px;
	letter-spacing: .3px;
}

.ymjs-buy {
	background: var(--ymjs-main);
	border-radius: var(--ymjs-radius);
	padding: 7px 20px;
	font-size: 13px;
	box-shadow: 0 2px 8px rgba(var(--theme-color-rgb, 22, 163, 74), .25);
}
.ymjs-buy:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(var(--theme-color-rgb, 22, 163, 74), .32);
	background: var(--ymjs-main);
	filter: brightness(1.06);
}

/* 发布入口大按钮 */
.ymjs-submit-btn {
	background: linear-gradient(135deg, var(--ymjs-main) 0%, rgba(var(--theme-color-rgb, 22, 163, 74), .82) 100%);
	border-radius: var(--ymjs-radius);
	padding: 13px 46px;
	box-shadow: 0 6px 18px rgba(var(--theme-color-rgb, 22, 163, 74), .28);
}
.ymjs-submit-btn:hover {
	transform: translateY(-1px);
	background: linear-gradient(135deg, var(--ymjs-main) 0%, rgba(var(--theme-color-rgb, 22, 163, 74), .82) 100%);
	filter: brightness(1.06);
	box-shadow: 0 8px 22px rgba(var(--theme-color-rgb, 22, 163, 74), .34);
}

/* —— 发布页（全屏大卡片） —— */
.ymjs-fullscreen {
	padding: 28px 20px 72px;
	background:
		radial-gradient(600px 240px at 12% 0%, rgba(var(--theme-color-rgb, 22, 163, 74), .07), transparent 60%),
		radial-gradient(520px 220px at 88% 8%, rgba(37, 99, 235, .05), transparent 60%);
	min-height: 70vh;
}
.ymjs-fullscreen-inner {
	background: #fff;
	border: 1px solid #e8eaed;
	border-radius: calc(var(--ymjs-radius) + 4px);
	box-shadow: 0 4px 24px rgba(0, 0, 0, .05);
	padding: 44px 56px 52px;
}
.ymjs-fullscreen .ymjs-title {
	font-size: 34px;
}

/* 发布要求卡片 */
.ymjs-requirements {
	background: #f7fbf8;
	border: 1px solid #d6ebdc;
	border-left: 4px solid var(--ymjs-main);
	border-radius: var(--ymjs-radius);
	font-size: 14px;
	line-height: 1.9;
}
.ymjs-requirements h2 {
	font-size: 16px;
	color: #1d2129;
}

/* 表单控件 */
.ymjs-form label {
	display: block;
	margin-bottom: 2px;
	color: #4e5969;
}
.ymjs-form input[type="text"],
.ymjs-form input[type="url"],
.ymjs-form textarea {
	border: 1px solid #e0e3e8;
	border-radius: var(--ymjs-radius);
	background: #fafbfc;
	transition: border-color .2s, box-shadow .2s, background .2s;
}
.ymjs-form input[type="text"]:hover,
.ymjs-form input[type="url"]:hover,
.ymjs-form textarea:hover {
	background: #fff;
	border-color: #c9cdd4;
}
.ymjs-form input:focus,
.ymjs-form textarea:focus {
	background: #fff;
	border-color: var(--ymjs-main);
	box-shadow: 0 0 0 3px rgba(var(--theme-color-rgb, 22, 163, 74), .12);
}

/* 单个/批量 tab、支付通道按钮 */
.ymjs-mode-tab,
.ymjs-channel {
	border-radius: var(--ymjs-radius);
	border-color: #e0e3e8;
}
.ymjs-mode-tab.active,
.ymjs-channel.active {
	background: var(--ymjs-main);
	border-color: var(--ymjs-main);
	box-shadow: 0 2px 10px rgba(var(--theme-color-rgb, 22, 163, 74), .25);
}

/* 提交按钮（表单内） */
.ymjs-submit .ymjs-btn,
.ymjs-form button[type="submit"],
.ymjs-form input[type="submit"] {
	background: var(--ymjs-main);
	border: none;
	border-radius: var(--ymjs-radius);
	color: #fff;
	font-weight: 600;
	padding: 12px 40px;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(var(--theme-color-rgb, 22, 163, 74), .25);
	transition: filter .2s, transform .2s;
}
.ymjs-submit .ymjs-btn:hover,
.ymjs-form button[type="submit"]:hover,
.ymjs-form input[type="submit"]:hover {
	filter: brightness(1.06);
	transform: translateY(-1px);
}

/* 合作伙伴卡片 */
.ymjs-partner {
	border-radius: var(--ymjs-radius);
	border-color: #e8eaed;
}
.ymjs-partner:hover {
	border-color: var(--ymjs-main);
	box-shadow: 0 4px 14px rgba(0, 0, 0, .06);
	transform: translateY(-2px);
}

/* 移动端微调 */
@media (max-width: 768px) {
	.ymjs-title { font-size: 28px; letter-spacing: 1px; }
	.ymjs-fullscreen-inner { padding: 26px 18px 34px; }
	.ymjs-fullscreen { padding: 12px 12px 48px; }
	.ymjs-market { padding: 8px 12px 40px; }
}

/* ============================================================
   v1.8.0 · 我的域名（用户中心板块）+ 置顶
   ============================================================ */
.ymjs-user-panel {
	max-width: 960px;
	margin: 0 auto;
}
.ymjs-pin-badge {
	display: inline-block;
	margin-left: 6px;
	padding: 1px 8px;
	font-size: 11.5px;
	font-weight: 700;
	color: #fff;
	background: linear-gradient(135deg, #f59e0b, #f97316);
	border-radius: 999px;
	vertical-align: 1px;
}
.ymjs-row-pin td {
	background: #fffaf0;
}
.ymjs-st {
	display: inline-block;
	padding: 2px 10px;
	font-size: 12.5px;
	border-radius: 999px;
	background: #f2f3f5;
	color: #86909c;
}
.ymjs-st-ok { background: #e8f7ee; color: #16a34a; }
.ymjs-st-pending { background: #fff7e6; color: #d46b08; }
.ymjs-st-pin { background: #fff1e6; color: #d4380d; font-weight: 600; }
.ymjs-st-none { color: #c9cdd4; }
.ymjs-ops { white-space: nowrap; }
.ymjs-del {
	padding: 6px 14px;
	background: #fff;
	border: 1px solid #e0e3e8;
	border-radius: 8px;
	color: #86909c;
	font-size: 13px;
	cursor: pointer;
	transition: all .2s;
}
.ymjs-del:hover {
	border-color: #fca5a5;
	color: #dc2626;
	background: #fef2f2;
}
.ymjs-user-msg { max-width: 960px; margin: 14px auto 0; }

/* 置顶弹层（OneNav 风格居中卡片） */
.ymjs-pin-modal {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 99999;
	align-items: center;
	justify-content: center;
}
.ymjs-pin-modal.open { display: flex; }
.ymjs-pin-modal-box {
	position: relative;
	width: min(420px, 92vw);
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, .18);
	padding: 26px 24px;
	text-align: center;
	max-height: 86vh;
	overflow: auto;
	box-sizing: border-box;
}
.ymjs-pin-close {
	position: absolute;
	top: 10px;
	right: 14px;
	background: none;
	border: none;
	font-size: 22px;
	line-height: 1;
	color: #c9cdd4;
	cursor: pointer;
}
.ymjs-pin-close:hover { color: #4e5969; }
.ymjs-pin-modal-box h3 { margin: 4px 0 8px; font-size: 18px; color: #1d2129; }
.ymjs-pin-tip { font-size: 13px; color: #86909c; margin: 0 0 18px; }
.ymjs-pin-plan { margin: 0 6px 10px; }
.ymjs-pin-wait { font-size: 13px; color: #86909c; margin-top: 12px; }

/* ============================================================
   v1.9.0 · 支付方式选择页 + 支付成功视图
   ============================================================ */
.ymjs-pay-price {
	font-size: 34px;
	font-weight: 700;
	color: #d4380d;
	margin: 6px 0 20px;
}
.ymjs-channels-big {
	display: flex;
	gap: 12px;
	justify-content: center;
	margin-bottom: 20px;
}
.ymjs-channel-big {
	flex: 1;
	max-width: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 10px;
	font-size: 15px;
	background: #fff;
	border: 2px solid #e0e3e8;
	border-radius: 10px;
	cursor: pointer;
	transition: all .2s;
}
.ymjs-channel-big:hover { border-color: #c9cdd4; }
.ymjs-channel-big.active {
	border-color: var(--theme-color, #f1404b);
	background: #fff5f6;
	font-weight: 600;
}
.ymjs-chan-ico {
	width: 20px;
	height: 20px;
	border-radius: 5px;
	display: inline-block;
	flex: none;
}
.ymjs-chan-wxpay, .ymjs-chan-wx { background: #09bb07; position: relative; }
.ymjs-chan-alipay, .ymjs-chan-zhifubao { background: #1677ff; position: relative; }
.ymjs-chan-wxpay::after, .ymjs-chan-wx::after {
	content: "微";
	color: #fff;
	font-size: 12px;
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ymjs-chan-alipay::after, .ymjs-chan-zhifubao::after {
	content: "支";
	color: #fff;
	font-size: 12px;
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ymjs-pay-go {
	width: 100%;
	max-width: 320px;
	font-size: 16px;
	padding: 13px 0;
}
.ymjs-pay-warn {
	font-size: 12.5px;
	color: #c9cdd4;
	margin-top: 12px;
}
.ymjs-qr-loading {
	width: 220px;
	height: 220px;
	line-height: 220px;
	margin: 0 auto;
	background: #f7f8fa;
	border-radius: 8px;
	color: #86909c;
	font-size: 13px;
}
.ymjs-pay-ok { text-align: center; padding: 10px 0 4px; }
.ymjs-ok-icon {
	width: 64px;
	height: 64px;
	line-height: 64px;
	margin: 0 auto 14px;
	border-radius: 50%;
	background: #e8f7ee;
	color: #16a34a;
	font-size: 34px;
	font-weight: 700;
}
.ymjs-pay-ok h2, .ymjs-pay-ok h3 { color: #16a34a; margin: 4px 0 8px; }
.ymjs-pay-ok p { color: #4e5969; margin: 0 0 18px; }
.ymjs-ok-jump { font-size: 12.5px; color: #c9cdd4; margin-top: 12px !important; }
/* 修复：通道按钮文字颜色（active 浅底不配白字） */
.ymjs-channel-big { color: #4e5969; }
.ymjs-channel-big.active { color: var(--theme-color, #f1404b); }

/* ============================================================
   v1.9.1 · 置顶按钮（删除同款样式红底）+ 内嵌发布
   ============================================================ */
.ymjs-pin-buy {
	padding: 6px 16px;
	background: #f1404b;
	border: 1px solid #f1404b;
	border-radius: 8px;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	transition: all .2s;
}
.ymjs-pin-buy:hover {
	background: #d93a44;
	border-color: #d93a44;
	box-shadow: 0 2px 8px rgba(241, 64, 75, .3);
}
#ymjs-inline-pub .ymjs-fullscreen-inner {
	box-shadow: none;
	border: 1px dashed #e0e3e8;
	padding: 30px 34px 36px;
	margin-top: 6px;
}
#ymjs-inline-pub .ymjs-fullscreen {
	background: none;
	padding: 0;
	min-height: 0;
}

/* v1.9.9 · 置顶 SVG 图钉（域名左上角） */
.ymjs-pin-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 17px;
	height: 17px;
	color: #f97316;
	vertical-align: top;
	margin: 1px 3px 0 0;
	cursor: default;
}
/* v1.9.9 · 弹窗通用按钮 */
.ymjs-ui-actions { margin-top: 18px; }
.ymjs-btn-plain {
	display: inline-block;
	padding: 9px 22px;
	border-radius: 9px;
	border: 1px solid #e5e6eb;
	background: #f7f8fa;
	color: #4e5969;
	font-size: 14px;
	cursor: pointer;
}
.ymjs-btn-plain:hover { background: #f2f3f5; }

/* ============================================================
   v1.9.10 · 按钮统一主题方角 + 置顶图钉定位 + 通道图标
   ============================================================ */
.ymjs-buy,
.ymjs-pin-buy,
.ymjs-del,
.ymjs-mode-tab,
.ymjs-channel,
.ymjs-channel-big,
.ymjs-submit-btn,
.ymjs-form button[type="submit"],
.ymjs-form input[type="submit"],
.ymjs-btn-plain,
.ymjs-pay-go {
	border-radius: var(--ymjs-radius) !important;
}

/* 置顶图钉：域名格左上角（放大版） */
td.ymjs-cell-domain {
	position: relative;
}
.ymjs-pin-ico {
	position: absolute;
	top: 5px;
	left: 5px;
	transform: none;
	width: 26px;
	height: 26px;
	margin: 0;
	line-height: 0;
}
.ymjs-cell-domain strong {
	margin-left: 0;
}
.ymjs-pin-ico svg {
	width: 26px;
	height: 26px;
	display: block;
}

/* 支付通道图标 */
.ymjs-chan-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	vertical-align: middle;
}
.ymjs-chan-ico svg {
	width: 20px;
	height: 20px;
	display: block;
}