:root {
  --dayu-orange: #ff8029;
  --dayu-deep-orange: #c24d00;
  --dayu-ink: #111827;
	--dayu-primary: var(--dayu-orange);
	--dayu-primary-strong: var(--dayu-deep-orange);
	--dayu-on-primary: var(--dayu-ink);
	--dayu-background: #f8fafc;
	--dayu-success: #15803d;
	--dayu-warning: #a15c00;
	--dayu-danger: #b42318;
  --dayu-muted: #64748b;
  --dayu-border: #e2e8f0;
  --dayu-surface: #ffffff;
  --dayu-focus: rgba(194, 77, 0, .28);
}

html,
body {
  color: var(--dayu-ink);
}

a {
  color: var(--dayu-deep-orange);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--dayu-focus);
  outline-offset: 2px;
}

.layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-normal) {
  background-color: var(--dayu-orange);
  color: var(--dayu-ink);
}

.layui-btn-normal,
.layui-bg-blue,
.layui-bg-cyan {
  background-color: var(--dayu-orange) !important;
  color: var(--dayu-ink) !important;
}

.layui-btn-primary {
  border-color: var(--dayu-border);
  color: var(--dayu-deep-orange);
}

.layui-this,
.layui-nav .layui-nav-item a:hover,
.layui-nav-tree .layui-nav-bar {
  color: var(--dayu-deep-orange) !important;
}

.layui-tab-brief > .layui-tab-title .layui-this,
.layui-tab-brief > .layui-tab-more li.layui-this:after,
.layui-tab-brief > .layui-tab-title .layui-this:after {
  color: var(--dayu-deep-orange);
  border-color: var(--dayu-orange);
}

.layui-form-onswitch {
  border-color: var(--dayu-orange);
  background-color: var(--dayu-orange);
}

.layui-form-radio:hover > *,
.layui-form-radioed > i,
.layui-form-checked[lay-skin="primary"] > i,
.layui-form-select dl dd.layui-this {
	color: var(--dayu-deep-orange) !important;
}

.layui-form-checked[lay-skin="primary"] > i,
.layui-form-onswitch {
	border-color: var(--dayu-orange) !important;
}

.layui-input:focus,
.layui-textarea:focus,
.layui-select:focus {
	border-color: var(--dayu-deep-orange) !important;
	box-shadow: 0 0 0 3px var(--dayu-focus);
}

.layui-side-white .layui-nav-item a:hover,
.layui-side-white .layui-nav-item a.layui-this,
.layui-side-white .layui-nav-child dd a:hover {
	color: var(--dayu-deep-orange) !important;
}

.layout-menu-classical .layui-side-white .layui-nav-item a.layui-this {
	border-right-color: var(--dayu-orange) !important;
}

.layui-side-white .layui-this,
.layui-side-white .layui-this > a,
.layui-side-white .layui-this > a:hover {
	background-color: #fff3e8 !important;
}

.dayu-logo-dark {
	display: none !important;
}

.layui-side-black .dayu-logo-light,
.layui-side-blue .dayu-logo-light {
	display: none !important;
}

.layui-side-black .dayu-logo-dark,
.layui-side-blue .dayu-logo-dark {
	display: inline-block !important;
}

.dayu-error-page {
	min-height: 100vh;
	margin: 0;
	background: radial-gradient(circle at top, #fff4ea 0, var(--dayu-background) 48%, #f1f5f9 100%);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
}

.dayu-error-shell {
	min-height: 100vh;
	display: grid;
	place-items: center;
	box-sizing: border-box;
	padding: 24px;
}

.dayu-error-card {
	width: min(100%, 560px);
	box-sizing: border-box;
	padding: 40px 36px 32px;
	border: 1px solid #fed7bd;
	border-radius: 20px;
	background: var(--dayu-surface);
	box-shadow: 0 24px 64px rgba(17, 24, 39, .12);
	text-align: center;
}

.dayu-error-brand,
.dayu-error-footer {
	color: var(--dayu-muted);
	font-weight: 600;
}

.dayu-error-code {
	margin: 12px 0 0;
	color: var(--dayu-orange);
	font-size: clamp(42px, 10vw, 72px);
	font-weight: 800;
	line-height: 1;
}

.dayu-error-title {
	margin: 20px 0 12px;
	font-size: clamp(24px, 5vw, 32px);
}

.dayu-error-detail {
	margin: 0 auto;
	max-width: 44em;
	color: #475569;
	line-height: 1.75;
}

.dayu-error-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin: 28px 0;
}

.dayu-error-action,
.dayu-error-button {
	box-sizing: border-box;
	min-width: 126px;
	min-height: 44px;
	padding: 11px 20px;
	border: 1px solid var(--dayu-orange);
	border-radius: 8px;
	background: var(--dayu-orange);
	color: var(--dayu-ink);
	font: inherit;
	font-weight: 700;
	line-height: 20px;
	text-decoration: none;
	cursor: pointer;
}

.dayu-error-button-secondary {
	border-color: #fdba8c;
	background: var(--dayu-surface);
	color: var(--dayu-deep-orange);
}

.copyright {
  color: var(--dayu-muted);
}

@media print {
	body[data-dayu-watermark]::after {
		content: attr(data-dayu-watermark);
	}

	.dayu-print-watermark[data-watermark]::before {
		content: attr(data-watermark);
	}

	body[data-dayu-watermark]::after,
	.dayu-print-watermark[data-watermark]::before {
		position: fixed;
		inset: 45% 10%;
    color: rgba(17, 24, 39, .14);
    font-size: 24px;
    transform: rotate(-18deg);
		pointer-events: none;
	}

	.dayu-error-actions {
		display: none;
	}
}