/* +----------------------------------------------------------------------
/* | Static Plugin for ThinkAdmin
/* +----------------------------------------------------------------------
/* | 官方网站: https://thinkadmin.top
/* +----------------------------------------------------------------------
/* | 版权所有 2014~2025 ThinkAdmin [ thinkadmin.top ]
/* +----------------------------------------------------------------------
/* | 开源协议 ( https://mit-license.org )
/* | 免责声明 ( https://thinkadmin.top/disclaimer )
/* +----------------------------------------------------------------------
/* | gitee 代码仓库：https://gitee.com/zoujingli/think-plugs-static
/* | github：https://github.com/zoujingli/think-plugs-static
/* +----------------------------------------------------------------------
/* | 自定义后台扩展样式，需要在加载 console.css 后载入
/* | 使用 composer require zoujingli/think-plugs-static 时不会更新此文件
/* +---------------------------------------------------------------------- */

/* 授权订单 / 列表分页（SPA 内嵌页也生效） */
.order-page-wrap .pagination-container,
.think-box-shadow .pagination-container {
	margin-top: 16px;
	padding: 12px 0 8px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	position: relative !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	background: transparent !important;
	border-top: 1px solid #eee;
	border-bottom: none;
}

.order-page-wrap .pagination-container > span,
.think-box-shadow .pagination-container > span {
	color: #666;
	font-size: 12px;
	line-height: 1.6;
}

.order-page-wrap .pagination-container select,
.think-box-shadow .pagination-container select {
	border: 1px solid #e6e6e6;
	height: 28px;
	margin: 0 2px;
}

.order-page-wrap .pagination-container ul,
.think-box-shadow .pagination-container ul {
	float: none !important;
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 4px;
}

.order-page-wrap .pagination-container ul li,
.think-box-shadow .pagination-container ul li {
	float: none !important;
	display: inline-block !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 28px;
}

.order-page-wrap .pagination-container ul li a,
.order-page-wrap .pagination-container ul li span,
.think-box-shadow .pagination-container ul li a,
.think-box-shadow .pagination-container ul li span {
	display: inline-block;
	min-width: 28px;
	height: 28px;
	line-height: 26px;
	padding: 0 8px;
	text-align: center;
	border: 1px solid #e6e6e6;
	border-radius: 2px;
	text-decoration: none;
	color: #333;
	background: #fff;
	box-sizing: border-box;
}

.order-page-wrap .pagination-container ul li.active span,
.think-box-shadow .pagination-container ul li.active span {
	background: #009688;
	border-color: #009688;
	color: #fff;
}

.order-page-wrap .pagination-container ul li.disabled span,
.think-box-shadow .pagination-container ul li.disabled span {
	color: #bbb;
}

.order-page-wrap .order-tab-bar {
	margin-bottom: 12px;
	border-bottom: 1px solid #e6e6e6;
}

.order-page-wrap .order-tab-bar a,
.order-page-wrap .order-tab-bar li {
	display: inline-block;
	padding: 10px 18px;
	margin-right: 4px;
	color: #666;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	font-size: 14px;
	cursor: pointer;
}

.order-page-wrap .order-tab-bar a:hover,
.order-page-wrap .order-tab-bar li:hover {
	color: #009688;
}

.order-page-wrap .order-tab-bar a.active,
.order-page-wrap .order-tab-bar li.layui-this {
	color: #009688;
	font-weight: 600;
	border-bottom-color: #009688;
}

.order-page-wrap .pending-hint {
	font-size: 12px;
	color: #888;
	margin: 8px 0 12px;
	line-height: 1.6;
}

.order-page-wrap .mono {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 11px;
	word-break: break-all;
}

/* 列表地址截断（SPA 内嵌页直接可见，不依赖 JS） */
.think-box-shadow .addr-toggle {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 11px;
	cursor: pointer;
	color: #333;
}
.think-box-shadow .addr-toggle:hover { color: #009688; }
.think-box-shadow .addr-toggle.is-full {
	white-space: normal;
	word-break: break-all;
	max-width: 280px;
}
.think-box-shadow .amount-red {
	color: #D24D57;
	font-weight: 700;
}

/* 左侧菜单：展开显示二级文字（仪表盘、客户地址、授权订单…） */
.layui-layout-admin > .layui-side {
	display: block !important;
}
.layui-layout-admin > .layui-body {
	left: 260px !important;
}
.layui-layout-admin > .layui-header {
	left: 260px !important;
}
.layui-side-scroll .layui-side-icon a span {
	display: inline-block !important;
	max-width: none !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
	vertical-align: middle;
}
.layui-side-scroll .layui-side-tree {
	display: block !important;
	flex: 1 1 auto !important;
}
.layui-side-scroll .layui-side-tree .nav-text {
	display: inline !important;
}
.think-page-body .layui-card-html {
	min-height: 280px;
}
.think-page-body .layui-card-header {
	left: 261px !important;
}

/* LayUI 数据表格：多行单元格 + 固定操作列对齐（全后台通用） */
.layui-table-view .layui-table-main .layui-table-cell {
	height: auto !important;
	line-height: 1.45;
	white-space: normal;
	padding: 8px 10px;
}
.layui-table-view .layui-table-fixed .layui-table-cell {
	height: auto !important;
	line-height: 1.45;
	white-space: normal;
	padding: 8px 6px;
	overflow: visible;
}
.layui-table-view .layui-table-fixed-r {
	box-shadow: -2px 0 8px rgba(0, 0, 0, 0.06);
}
.layui-table-view .layui-table-fixed-r .layui-table-cell {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	justify-content: center;
	align-items: center;
}
.layui-table-view .layui-table-fixed .layui-table-cell .layui-btn {
	margin: 0 !important;
	flex: 0 0 auto;
}
.layui-table-view .layui-table-fixed .layui-table-cell .layui-btn-xs {
	padding: 0 8px;
}
@media (max-width: 1400px) {
	.layui-table-view .layui-table-fixed .layui-table-cell .layui-btn-xs {
		padding: 0 6px;
		font-size: 11px;
	}
}
.layui-card-table,
.layui-card-html {
	max-width: 100%;
	overflow-x: auto;
}
/* 传统 HTML 列表（订单/收割记录等）：横向滚动，小屏不挤爆 */
.admin-table-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
	margin-top: 10px;
}
.admin-table-scroll > .layui-table {
	margin-top: 0 !important;
	min-width: 960px;
}
.admin-table-scroll .layui-table th,
.admin-table-scroll .layui-table td {
	white-space: nowrap;
	vertical-align: middle;
}
.admin-table-scroll .addr-cell,
.admin-table-scroll .addr-toggle.is-full {
	white-space: normal;
	word-break: break-all;
}

/* 通用地址复制弹窗 */
.copy-dialog {
	padding: 14px 16px 12px;
}
.copy-dialog-text {
	max-height: 120px;
	overflow: auto;
	padding: 0;
	border: none;
	border-radius: 0;
	background: transparent;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 12px;
	line-height: 1.7;
	color: #222;
	word-break: break-all;
}
.copy-dialog-actions {
	margin-top: 14px;
	text-align: right;
}

/* 后台统一画框：给各页面补足卡片、搜索区、表格的层次感 */
body.layui-layout-body,
.layui-body,
.think-page-body {
	background: #edf2f8 !important;
}

.layui-card {
	margin: 12px;
	border: 1px solid #b9c7d8 !important;
	border-radius: 10px !important;
	background: #fff !important;
	box-shadow: 0 8px 24px rgba(31, 45, 61, 0.14) !important;
	overflow: hidden;
}

.layui-card-header {
	height: auto;
	min-height: 44px;
	line-height: 44px;
	padding: 0 16px !important;
	border-bottom: 1px solid #c7d3e2 !important;
	background: linear-gradient(180deg, #ffffff 0%, #eef3f9 100%) !important;
	font-weight: 600;
	color: #243447;
}

.layui-card-line {
	display: none;
}

.layui-card-body {
	padding: 14px !important;
	background: #fff !important;
}

.layui-card-table,
.layui-card-html,
.think-box-shadow {
	border: 1px solid #bfcada !important;
	border-radius: 8px !important;
	background: #fff !important;
	box-shadow: 0 4px 14px rgba(31, 45, 61, 0.1) !important;
}

.layui-card-table,
.layui-card-html {
	padding: 12px !important;
}

.layui-card-html > .layui-card,
.layui-card-body > .layui-card,
.layui-card.padding-20.shadow {
	margin: 0 0 14px !important;
	border: 1px solid #aebccc !important;
	border-radius: 10px !important;
	box-shadow: 0 5px 16px rgba(31, 45, 61, 0.12) !important;
}

.layui-card-html > .layui-card:last-child,
.layui-card-body > .layui-card:last-child {
	margin-bottom: 0 !important;
}

.think-box-shadow {
	padding: 12px !important;
}

.layui-form.form-search,
.form-search {
	margin-bottom: 12px !important;
	padding: 12px !important;
	border: 1px solid #bdc8d8 !important;
	border-radius: 8px !important;
	background: #f1f5fa !important;
}

.layui-tab-card {
	border: 1px solid #bfcada !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	overflow: hidden;
}

.layui-tab-card > .layui-tab-title {
	background: #eef3f9 !important;
	border-bottom: 1px solid #c7d3e2 !important;
}

.layui-tab-card > .layui-tab-content {
	padding: 12px !important;
	background: #fff !important;
}

.layui-table-view,
.admin-table-scroll > .layui-table,
.think-box-shadow > .layui-table,
.think-box-shadow .admin-table-scroll > .layui-table,
.layui-card-body > .layui-table {
	border: 1px solid #aebccc !important;
	border-radius: 8px !important;
	overflow: hidden;
	background: #fff;
}

.layui-table-view .layui-table-header th,
.layui-table thead tr {
	background: #eef3f9 !important;
	color: #34465c;
	font-weight: 600;
}

.layui-table-view .layui-table td,
.layui-table-view .layui-table th,
.admin-table-scroll .layui-table td,
.admin-table-scroll .layui-table th,
.think-box-shadow .layui-table td,
.think-box-shadow .layui-table th,
.layui-card-body > .layui-table td,
.layui-card-body > .layui-table th {
	border-color: #d4dde9 !important;
}

.layui-table-view .layui-table tbody tr:hover,
.admin-table-scroll .layui-table tbody tr:hover,
.think-box-shadow .layui-table tbody tr:hover,
.layui-card-body > .layui-table tbody tr:hover {
	background: #fbfdff !important;
}

.layui-input,
.layui-select,
.layui-textarea {
	border-color: #b8c4d4 !important;
}

.layui-input:hover,
.layui-select:hover,
.layui-textarea:hover,
.layui-input:focus,
.layui-textarea:focus {
	border-color: #7f92aa !important;
}

.layui-form.layui-card {
	border: 1px solid #aebccc !important;
	border-radius: 10px !important;
	box-shadow: 0 8px 24px rgba(31, 45, 61, 0.14) !important;
}

.help-block {
	color: #607086;
}

.layui-btn {
	border-radius: 4px;
}

/* 自适应：32 寸保留舒展效果，24/27 寸自动压缩侧栏、卡片和表格密度 */
@media (max-width: 1920px) {
	.layui-layout-admin > .layui-side {
		width: 230px !important;
	}
	.layui-layout-admin > .layui-body,
	.layui-layout-admin > .layui-header {
		left: 230px !important;
	}
	.think-page-body .layui-card-header {
		left: 231px !important;
	}
	.layui-side-scroll {
		display: flex !important;
	}
	.layui-side-scroll .layui-side-icon {
		flex: 0 0 66px !important;
	}
	.layui-side-scroll .layui-side-tree {
		min-width: 0 !important;
	}
	.layui-side-scroll .layui-side-icon a span,
	.layui-side-scroll .layui-side-tree .nav-text {
		font-size: 11px !important;
	}
	.layui-card {
		margin: 10px !important;
		border-radius: 8px !important;
	}
	.layui-card-header {
		min-height: 40px;
		line-height: 40px;
		padding: 0 12px !important;
	}
	.layui-card-body,
	.layui-card-table,
	.layui-card-html,
	body .think-box-shadow {
		padding: 10px !important;
	}
	body .form-search,
	body .layui-form.form-search,
	body .fish-search-bar {
		gap: 8px !important;
		padding: 10px !important;
	}
	.layui-table-view .layui-table-main .layui-table-cell,
	.layui-table-view .layui-table-fixed .layui-table-cell {
		padding: 6px 7px !important;
		font-size: 11px !important;
		line-height: 1.35 !important;
	}
	.admin-table-scroll .layui-table th,
	.admin-table-scroll .layui-table td,
	.think-box-shadow .layui-table th,
	.think-box-shadow .layui-table td {
		padding: 7px 8px !important;
		font-size: 11px !important;
		line-height: 1.35 !important;
	}
	.layui-btn-sm,
	.layui-btn-xs {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
}

@media (max-width: 1600px) {
	.layui-layout-admin > .layui-side {
		width: 210px !important;
	}
	.layui-layout-admin > .layui-body,
	.layui-layout-admin > .layui-header {
		left: 210px !important;
	}
	.think-page-body .layui-card-header {
		left: 211px !important;
	}
	.layui-side-scroll .layui-side-icon {
		flex-basis: 58px !important;
	}
	.layui-card {
		margin: 8px !important;
	}
	.layui-card-body,
	.layui-card-table,
	.layui-card-html,
	body .think-box-shadow {
		padding: 8px !important;
	}
	body .form-search,
	body .layui-form.form-search,
	body .fish-search-bar {
		padding: 8px !important;
	}
	.layui-input,
	.layui-select {
		height: 32px !important;
		line-height: 32px !important;
	}
	.layui-form-label {
		height: 32px !important;
		line-height: 32px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.layui-table-view .layui-table-main .layui-table-cell,
	.layui-table-view .layui-table-fixed .layui-table-cell {
		padding: 5px 6px !important;
	}
	.admin-table-scroll .layui-table th,
	.admin-table-scroll .layui-table td,
	.think-box-shadow .layui-table th,
	.think-box-shadow .layui-table td {
		padding: 6px 7px !important;
	}
}

@media (max-width: 1366px) {
	.layui-layout-admin > .layui-side {
		width: 190px !important;
	}
	.layui-layout-admin > .layui-body,
	.layui-layout-admin > .layui-header {
		left: 190px !important;
	}
	.think-page-body .layui-card-header {
		left: 191px !important;
	}
	.layui-side-scroll .layui-side-icon {
		flex-basis: 52px !important;
	}
	.layui-side-scroll .layui-side-icon a span,
	.layui-side-scroll .layui-side-tree .nav-text {
		font-size: 10px !important;
	}
	.layui-card {
		margin: 6px !important;
	}
	.layui-card-header {
		min-height: 36px;
		line-height: 36px;
	}
	.admin-table-scroll > .layui-table {
		min-width: 900px;
	}
}
