/**
 * 单一磨砂：半透黑罩 rgba(12,10,28,0.06) + blur 5px。
 * 不依赖黑白切换。选择器尽量压过各页自己的紫底 / 黑底 !important。
 */
:root {
	--mdh-chrome-bg: rgba(12, 10, 28, 0.02);
	--mdh-chrome-text: #7c00ff;
	--mdh-chrome-muted: #7c00ff;
	--mdh-chrome-border: rgba(124, 0, 255, 0.28);
	--mdh-chrome-hover: rgba(124, 0, 255, 0.12);
	--mdh-selected-bg: rgba(255, 255, 255, 0.72);
	--mdh-selected-text: #111111;
	--mdh-hub-tab: #3b9eff;
	--mdh-hub-tab-text: #111111;
	--mdh-link: #3b9eff;
	--mdh-menu: #7c00ff;
	--mdh-menu-on: #111111;
	--mdh-c1: #ff2d6a;
	--mdh-c2: #ff5722;
	--mdh-c3: #22c55e;
	--mdh-c4: #ffb020;
	--mdh-c5: #7c00ff;
	--mdh-c6: #00e5ff;
	--mdh-radius: 16px;
	--mdh-blur: 8px;
	--mdh-btn-bg: #ffffff;
	--mdh-btn-text: #111111;
	--mdh-row: rgba(255, 255, 255, 0.40);
	--mdh-row-blur: 1.5px;
	--mdh-row-alt: rgba(200, 206, 212, 0.50);
	--mdh-row-alt-blur: 1.5px;
	--mdh-row-hover: rgba(0, 255, 246, 0.58);
	--mdh-row-hover-blur: 2px;
	--mdh-row-click: rgba(255, 215, 0, 0.58);
	--mdh-row-click-blur: 0px;
	--mdh-field-bg: #ffffff;
	--mdh-combo-bg: rgba(255, 255, 255, 0.10);
	--mdh-field-text: #111111;
	/* 工具栏竖线分隔：改这四个即可 */
	--mdh-sep-ml: 5px;
	--mdh-sep-mr: 5px;
	--mdh-sep-h: 22px;
	--mdh-sep-color: #22d3ee;
	--mdh-tb-gap: 6px;
}

html, body {
	background: transparent !important;
	background-image: none !important;
}

iframe,
iframe.hub-frame {
	background: transparent !important;
}

/* 统一磨砂块 */
html body .top-header,
html body .layout-panel-south .footer,
html body .layout-panel-west,
html body .layout-expand,
html body .layout-expand-west,
html body .layout-expand-east,
html body .layout-expand-over,
html body #tabs .tabs-header,
html body #tabs .tabs-scroller-left,
html body #tabs .tabs-scroller-right,
html body #tabs .tabs-header .tabs-wrap,
html body #hubTabs .tabs-header,
html body #hubTabs .tabs-scroller-left,
html body #hubTabs .tabs-scroller-right,
html body #hubTabs .tabs-header .tabs-wrap,
html body #tb,
html body .fw-head,
html body .datagrid-toolbar,
html body .datagrid-header,
html body .datagrid-header-inner,
html body .datagrid-view .datagrid-header,
html body .datagrid-view1 .datagrid-header,
html body .datagrid-view2 .datagrid-header,
html body .datagrid .panel-header,
html body .datagrid-wrap > .panel-header,
html body .datagrid-pager,
html body .pagination,
html body .layout-panel-south div.footer {
	background: var(--mdh-chrome-bg) !important;
	background-image: none !important;
	color: var(--mdh-chrome-text) !important;
	backdrop-filter: blur(var(--mdh-blur)) saturate(140%);
	-webkit-backdrop-filter: blur(var(--mdh-blur)) saturate(140%);
	filter: none !important;
	box-shadow: none !important;
	border-color: var(--mdh-chrome-border) !important;
}

html body .layout-panel-north,
html body .layout-panel-north .panel-body,
html body .layout-panel-south,
html body .layout-panel-south .panel-body,
html body .layout-panel-west .panel-body,
html body .layout-panel-west > .panel-header,
html body .layout-split-west > .panel-header,
html body .layout-expand .panel-header,
html body .layout-expand .panel-body,
html body .layout-panel-center,
html body .layout-panel-center .panel-body,
html body .table-wrapper,
html body .tabs-panels,
html body .tabs-panels > .panel,
html body .tabs-panels > .panel > .panel-body,
html body .datagrid,
html body .datagrid-wrap,
html body .datagrid-view,
html body .datagrid-view1,
html body .datagrid-view2,
html body .datagrid-body,
html body .datagrid-btable,
html body .easyui-accordion,
html body .easyui-accordion .accordion-body {
	background: transparent !important;
	background-image: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

html body .datagrid-btable tr.datagrid-row:nth-child(odd):not(:hover):not(.my-hover):not(.my-highlight),
html body .datagrid-btable tr.datagrid-row:nth-child(odd):not(:hover):not(.my-hover):not(.my-highlight) td,
html body .datagrid-row:not(.datagrid-row-alt):not(:hover):not(.my-hover):not(.my-highlight),
html body .datagrid-row:not(.datagrid-row-alt):not(:hover):not(.my-hover):not(.my-highlight) td {
	background: var(--mdh-row) !important;
	background-color: var(--mdh-row) !important;
	background-image: none !important;
	backdrop-filter: blur(var(--mdh-row-blur));
	-webkit-backdrop-filter: blur(var(--mdh-row-blur));
}
html body .datagrid-btable tr.datagrid-row:nth-child(even):not(:hover):not(.my-hover):not(.my-highlight),
html body .datagrid-btable tr.datagrid-row:nth-child(even):not(:hover):not(.my-hover):not(.my-highlight) td,
html body .datagrid-row-alt:not(:hover):not(.my-hover):not(.my-highlight),
html body .datagrid-row-alt:not(:hover):not(.my-hover):not(.my-highlight) td {
	background: var(--mdh-row-alt) !important;
	background-color: var(--mdh-row-alt) !important;
	background-image: none !important;
	backdrop-filter: blur(var(--mdh-row-alt-blur));
	-webkit-backdrop-filter: blur(var(--mdh-row-alt-blur));
}
html body .datagrid-row:not(:hover):not(.my-hover):not(.my-highlight) .datagrid-cell,
html body .datagrid-row:not(:hover):not(.my-hover):not(.my-highlight) .datagrid-cell-rownumber {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}
html body .datagrid-view1,
html body .datagrid-view1 .datagrid-body,
html body .datagrid-view1 .datagrid-header {
	overflow: hidden !important;
}
html body .datagrid-header-rownumber,
html body .datagrid-cell-rownumber,
html body .datagrid-td-rownumber {
	overflow: hidden !important;
	user-select: none !important;
	-webkit-user-select: none !important;
}
html body .datagrid-header-check,
html body .datagrid-cell-check {
	overflow: visible !important;
	pointer-events: auto !important;
}
html body .datagrid-header-check input[type="checkbox"],
html body .datagrid-cell-check input[type="checkbox"] {
	pointer-events: auto !important;
	opacity: 1 !important;
	visibility: visible !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0 !important;
	accent-color: #111111;
}
html body .datagrid-body td,
html body .datagrid-header td {
	vertical-align: middle !important;
}
html body .datagrid-body .datagrid-cell,
html body .datagrid-body .datagrid-cell-rownumber {
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
}
html body .datagrid-body .datagrid-cell a.dep-link {
	color: #4f46e5 !important;
	-webkit-text-fill-color: #4f46e5 !important;
}
html body .datagrid-row:hover:not(.my-highlight),
html body .datagrid-row:hover:not(.my-highlight) td,
html body .datagrid-row.my-hover:not(.my-highlight),
html body .datagrid-row.my-hover:not(.my-highlight) td,
html body .datagrid-view1 .datagrid-row:hover:not(.my-highlight),
html body .datagrid-view1 .datagrid-row:hover:not(.my-highlight) td,
html body .datagrid-view2 .datagrid-row:hover:not(.my-highlight),
html body .datagrid-view2 .datagrid-row:hover:not(.my-highlight) td,
html body .datagrid-view1 .datagrid-row.my-hover:not(.my-highlight),
html body .datagrid-view1 .datagrid-row.my-hover:not(.my-highlight) td,
html body .datagrid-view2 .datagrid-row.my-hover:not(.my-highlight),
html body .datagrid-view2 .datagrid-row.my-hover:not(.my-highlight) td {
	background: var(--mdh-row-hover) !important;
	background-color: var(--mdh-row-hover) !important;
	backdrop-filter: blur(var(--mdh-row-hover-blur));
	-webkit-backdrop-filter: blur(var(--mdh-row-hover-blur));
	cursor: pointer;
}
html body .datagrid-row-over:not(.my-highlight),
html body .datagrid-row-over:not(.my-highlight) td,
html body .datagrid-view1 .datagrid-row-over:not(.my-highlight),
html body .datagrid-view1 .datagrid-row-over:not(.my-highlight) td,
html body .datagrid-view2 .datagrid-row-over:not(.my-highlight),
html body .datagrid-view2 .datagrid-row-over:not(.my-highlight) td {
	background: var(--mdh-row-hover) !important;
	background-color: var(--mdh-row-hover) !important;
	backdrop-filter: blur(var(--mdh-row-hover-blur));
	-webkit-backdrop-filter: blur(var(--mdh-row-hover-blur));
}
html body .datagrid-row-selected:not(.my-highlight),
html body .datagrid-row-selected:not(.my-highlight) td {
	background: transparent !important;
	background-color: transparent !important;
}
html body .datagrid-row.my-highlight,
html body .datagrid-row.my-highlight td,
html body .datagrid-row.my-highlight:hover,
html body .datagrid-row.my-highlight:hover td,
html body .datagrid-row.my-highlight.my-hover,
html body .datagrid-row.my-highlight.my-hover td,
html body .datagrid-row.my-highlight.datagrid-row-over,
html body .datagrid-row.my-highlight.datagrid-row-over td,
html body .datagrid-row.my-highlight.datagrid-row-selected,
html body .datagrid-row.my-highlight.datagrid-row-selected td,
html body .datagrid-row.my-highlight.datagrid-row-editing,
html body .datagrid-row.my-highlight.datagrid-row-editing td,
html body .datagrid-view1 .datagrid-row.my-highlight,
html body .datagrid-view1 .datagrid-row.my-highlight td,
html body .datagrid-view1 .datagrid-row.my-highlight:hover,
html body .datagrid-view1 .datagrid-row.my-highlight:hover td,
html body .datagrid-view2 .datagrid-row.my-highlight,
html body .datagrid-view2 .datagrid-row.my-highlight td,
html body .datagrid-view2 .datagrid-row.my-highlight:hover,
html body .datagrid-view2 .datagrid-row.my-highlight:hover td,
html body .datagrid-row.my-highlight .datagrid-cell-rownumber {
	background: var(--mdh-row-click) !important;
	background-color: var(--mdh-row-click) !important;
	backdrop-filter: blur(var(--mdh-row-click-blur));
	-webkit-backdrop-filter: blur(var(--mdh-row-click-blur));
	color: #000000 !important;
}

html body .layout-panel-north {
	overflow: visible !important;
	border-radius: 0 0 var(--mdh-radius) var(--mdh-radius) !important;
}
html body .layout-panel-north .panel-body,
html body .top-header {
	overflow: visible !important;
	border-radius: 0 0 var(--mdh-radius) var(--mdh-radius);
}
html body .layout-panel-west,
html body .layout-split-west,
html body .layout-expand-west {
	overflow: hidden !important;
	border-radius: 0 var(--mdh-radius) var(--mdh-radius) 0 !important;
	z-index: 30 !important;
}
html body .layout-panel-south,
html body .layout-panel-south .panel-body {
	overflow: hidden !important;
	border-radius: var(--mdh-radius) var(--mdh-radius) 0 0 !important;
	z-index: 1 !important;
}
html body .layout-panel-south .footer {
	border-radius: var(--mdh-radius) var(--mdh-radius) 0 0;
	border-top: 1px solid var(--mdh-chrome-border) !important;
}
html body .layout-split-west {
	border-right-color: var(--mdh-chrome-border) !important;
}

html body .layout-panel-west > .panel-header,
html body .layout-split-west > .panel-header {
	padding-left: 22px !important;
}
html body .layout-panel-west > .panel-header .panel-title,
html body .layout-split-west > .panel-header .panel-title,
html body .layout-expand-title,
html body .layout-expand .panel-title {
	color: #111111 !important;
	padding-left: 6px !important;
	margin-left: 0 !important;
	text-align: left !important;
}

html body .welcome-text { color: var(--mdh-c5) !important; }
html body .welcome-text strong { color: var(--mdh-c2) !important; }
html body .home-button {
	background: var(--mdh-chrome-hover) !important;
	border: 1px solid var(--mdh-chrome-border) !important;
	color: var(--mdh-c2) !important;
	border-radius: 22px !important;
	transform: none !important;
	box-shadow: none !important;
}
html body .time-display {
	background: var(--mdh-chrome-hover) !important;
	border: 1px solid var(--mdh-chrome-border) !important;
	color: #7c00ff !important;
	border-radius: 22px !important;
	transform: none !important;
	box-shadow: none !important;
}
html body .home-button:hover { color: #111111 !important; }
html body .layout-panel-south .footer a { color: var(--mdh-c2) !important; }

html body .menu-link {
	color: var(--mdh-menu) !important;
	border-radius: 10px !important;
	font-weight: 700 !important;
}
html body .menu-link:hover {
	background: var(--mdh-chrome-hover) !important;
	color: var(--mdh-menu-on) !important;
	font-weight: 700 !important;
}

html body .easyui-accordion .accordion-header {
	background: var(--mdh-chrome-hover) !important;
	background-image: none !important;
	border-radius: 10px !important;
	margin: 0px -8px 0 !important;
	border: none !important;
}
html body .easyui-accordion > .panel:last-child > .accordion-header,
html body .easyui-accordion .panel-last > .accordion-header {
	margin-bottom: 10px !important;
}
html body .easyui-accordion .accordion-header .panel-title,
html body .easyui-accordion .accordion-header .panel-tool a:before {
	color: var(--mdh-menu) !important;
}
html body .easyui-accordion .accordion-header-selected {
	background: var(--mdh-selected-bg) !important;
}
html body .easyui-accordion .accordion-header-selected .panel-title,
html body .easyui-accordion .accordion-header-selected .panel-tool a:before {
	color: var(--mdh-menu-on) !important;
}

html body #tabs .tabs li a.tabs-inner {
	background: var(--mdh-chrome-hover) !important;
	background-image: none !important;
	color: var(--mdh-c2) !important;
	border: 1px solid var(--mdh-chrome-border) !important;
	border-radius: 12px 12px 0 0 !important;
}
html body #tabs .tabs-title { color: var(--mdh-c2) !important; }
html body #tabs .tabs li a.tabs-inner:hover {
	background: rgba(59, 158, 255, 0.22) !important;
	color: #111111 !important;
}
html body #tabs .tabs li a.tabs-inner:hover .tabs-title { color: #111111 !important; }
html body #tabs .tabs,
html body #tabs .tabs li,
html body #tabs .tabs li.tabs-selected {
	background: transparent !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
}
html body #tabs .tabs li.tabs-selected a.tabs-inner,
html body #tabs .tabs li.tabs-selected a.tabs-inner:hover {
	background: var(--mdh-chrome-hover) !important;
	background-image: none !important;
	filter: none !important;
	border: 1px solid var(--mdh-chrome-border) !important;
	color: #111111 !important;
	font-weight: 700 !important;
}
html body #tabs .tabs-selected .tabs-title,
html body #tabs .tabs li.tabs-selected a.tabs-inner .tabs-title {
	background: transparent !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
	font-weight: 700 !important;
}

html body #hubTabs .tabs li a.tabs-inner {
	background: var(--mdh-chrome-hover) !important;
	background-image: none !important;
	color: #7c00ff !important;
	border: 1px solid var(--mdh-chrome-border) !important;
	border-radius: 12px 12px 0 0 !important;
}
html body #hubTabs .tabs li a.tabs-inner .tabs-title { color: #7c00ff !important; }
html body #hubTabs .tabs li a.tabs-inner:hover {
	background: rgba(124, 0, 255, 0.18) !important;
	color: #111111 !important;
}
html body #hubTabs .tabs li a.tabs-inner:hover .tabs-title { color: #111111 !important; }
html body #hubTabs .tabs li.tabs-selected a.tabs-inner,
html body #hubTabs .tabs li.tabs-selected a.tabs-inner:hover,
html body #hubTabs .tabs li.tabs-selected a.tabs-inner .tabs-title {
	color: #111111 !important;
	font-weight: 700 !important;
}

html body .datagrid-header td,
html body .datagrid-header .datagrid-cell,
html body .datagrid-header .datagrid-header-row,
html body .datagrid-header .datagrid-header-row td,
html body .datagrid-header table,
html body .datagrid-header-rownumber,
html body .datagrid-header td.datagrid-header-over,
html body .datagrid-header .datagrid-header-row td:hover,
html body .datagrid-header .datagrid-header-row .datagrid-cell:hover,
html body .datagrid-header .datagrid-cell:hover {
	background: transparent !important;
	background-image: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	filter: none !important;
}

html body .datagrid-header,
html body .datagrid-header td,
html body .datagrid-header-row,
html body .datagrid-header-row td,
html body .datagrid-header .datagrid-cell,
html body .datagrid-header .datagrid-cell span,
html body .datagrid-header .datagrid-cell div,
html body .datagrid-header-rownumber,
html body .datagrid .panel-header .panel-title,
html body .datagrid-wrap > .panel-header .panel-title {
	color: var(--mdh-c5) !important;
	-webkit-text-fill-color: var(--mdh-c5) !important;
}

html body #tb,
html body .fw-head,
html body .datagrid-toolbar {
	border-bottom: 1px solid var(--mdh-chrome-border) !important;
}
html body #tb .back-count-badge,
html body #tb .back-count-badge b {
	color: #ef4444 !important;
	-webkit-text-fill-color: #ef4444 !important;
	font-weight: 700 !important;
}
html body #tb .back-count-badge b {
	color: #16a34a !important;
	-webkit-text-fill-color: #16a34a !important;
	font-size: 18px !important;
}
html body #tb label,
html body .datagrid-toolbar label,
html body .fw-head label {
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
}

html body #tb span[style*="#e3f2fd"],
html body .datagrid-toolbar span[style*="#e3f2fd"],
html body .fw-head span[style*="#e3f2fd"] {
	background: #e3f2fd !important;
}
html body .top-header .fs-btn,
html body #mainFsBtn.fs-btn {
	background: var(--mdh-chrome-hover) !important;
	border: 1px solid var(--mdh-chrome-border) !important;
	color: var(--mdh-c2) !important;
	-webkit-text-fill-color: var(--mdh-c2) !important;
	border-radius: 22px !important;
	padding: 5px 16px !important;
	transform: none !important;
	box-shadow: none !important;
}
html body .top-header .fs-btn:hover,
html body #mainFsBtn.fs-btn:hover {
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
}
html body .top-header .fs-btn.is-on,
html body #mainFsBtn.fs-btn.is-on {
	background: rgba(74, 222, 128, 0.28) !important;
	border-color: rgba(22, 163, 74, 0.55) !important;
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
}
html body #tb .pm-exit-ip,
html body #myExitIp.pm-exit-ip,
html body #tb a.pm-exit-ip {
	border-radius: 30px !important;
	background: #ffe8d6 !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	color: #ff5722 !important;
	-webkit-text-fill-color: #ff5722 !important;
	font-weight: 700 !important;
	text-align: center;
	text-decoration: none !important;
}
html body #tb span[style*="color: #2196f3"],
html body #tb span[style*="color:#2196f3"] {
	color: #1565c0 !important;
	-webkit-text-fill-color: #1565c0 !important;
}
html body #tb span[style*="color: #d32f2f"],
html body #tb span[style*="color:#d32f2f"] {
	color: #b71c1c !important;
	-webkit-text-fill-color: #b71c1c !important;
}
html body #tb .quark-default-account,
html body .quark-default-account {
	color: #1565c0 !important;
	-webkit-text-fill-color: #1565c0 !important;
	font-weight: 700 !important;
}
html body #tb #currentDefaultAccount,
html body #currentDefaultAccount {
	color: #b71c1c !important;
	-webkit-text-fill-color: #b71c1c !important;
	font-weight: 700 !important;
}
html body #tb #pidBindInfo {
	color: #374151 !important;
	-webkit-text-fill-color: #374151 !important;
}
html body #tb #pidBindInfo .pid-unbind {
	color: #d32f2f !important;
	-webkit-text-fill-color: #d32f2f !important;
	font-weight: 700 !important;
}
html body #dg .pid-set-tag,
html body .datagrid-body .pid-set-tag {
	color: #d32f2f !important;
	-webkit-text-fill-color: #d32f2f !important;
	font-weight: 700 !important;
}
html body #tb #pidBindInfo .pid-bind-ok {
	display: inline-block !important;
	margin-left: 2px !important;
	padding: 1px 10px !important;
	border-radius: 999px !important;
	background: #dcfce7 !important;
	color: #15803d !important;
	-webkit-text-fill-color: #15803d !important;
	font-weight: 700 !important;
	letter-spacing: 0.3px !important;
	box-shadow: 0 0 0 1px #86efac inset !important;
}

/* 原生按钮（搜索/清除/新建/删除/保存等）：色块 + 悬停浮起。分页/刷新不改。 */
html body #tb a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.toolbar-btn):not(.c-btn-success):not(.c-btn-danger):not(.c-btn-warning):not(.c-btn-save):not(.c-btn-indexrecommen):not(.batch-export-btn):not(.batch-sync-btn):not(.manual-sync-btn):not(.export-course-btn):not(.export-private-btn):not(.ban-ip-btn):not(.edit-btn):not(.delete-btn):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down),
html body .datagrid-toolbar a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.toolbar-btn):not(.c-btn-success):not(.c-btn-danger):not(.c-btn-warning):not(.c-btn-save):not(.c-btn-indexrecommen):not(.batch-export-btn):not(.batch-sync-btn):not(.manual-sync-btn):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down),
html body .fw-head a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down),
html body input[type="button"]:not([style*="background"]):not([class*="btn"]),
html body input[type="submit"]:not([style*="background"]):not([class*="btn"]),
html body button:not(.mdh-theme-btn):not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.fs-btn):not(.refresh-btn):not(.qd-btn):not(.dep-btn):not(.quark-upload-cancel):not(.cs-cancel):not(.dialog-btn) {
	background: #3b9eff !important;
	background-image: none !important;
	filter: none !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	border: none !important;
	border-radius: 14px !important;
	height: 28px !important;
	line-height: 28px !important;
	padding: 0 18px !important;
	box-shadow: 0 2px 6px rgba(59, 158, 255, 0.28);
	transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
	vertical-align: middle;
}
html body #tb a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.toolbar-btn):not(.c-btn-success):not(.c-btn-danger):not(.c-btn-warning):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down) .l-btn-left,
html body #tb a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.toolbar-btn):not(.c-btn-success):not(.c-btn-danger):not(.c-btn-warning):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down) .l-btn-text,
html body .datagrid-toolbar a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down) .l-btn-left,
html body .datagrid-toolbar a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down) .l-btn-text,
html body .fw-head a.l-btn:not([style*="background"]) .l-btn-left,
html body .fw-head a.l-btn:not([style*="background"]) .l-btn-text {
	background: transparent !important;
	background-image: none !important;
	filter: none !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}
html body #tb a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.toolbar-btn):not(.c-btn-success):not(.c-btn-danger):not(.c-btn-warning):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down):hover,
html body .datagrid-toolbar a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down):hover,
html body .fw-head a.l-btn:not([style*="background"]):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down):hover,
html body input[type="button"]:not([style*="background"]):not([class*="btn"]):hover,
html body input[type="submit"]:not([style*="background"]):not([class*="btn"]):hover,
html body button:not(.mdh-theme-btn):not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.fs-btn):not(.refresh-btn):not(.qd-btn):not(.dep-btn):not(.quark-upload-cancel):not(.cs-cancel):not(.dialog-btn):hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 14px rgba(59, 158, 255, 0.38);
	filter: brightness(1.08);
}
html body #tb a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down):has(.icon-add),
html body #tb a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down):has(.icon-ok),
html body .datagrid-toolbar a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down):has(.icon-add),
html body .datagrid-toolbar a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down):has(.icon-ok) {
	background: rgb(0, 155, 57) !important;
	box-shadow: 0 2px 6px rgba(34, 197, 94, 0.28);
}
html body #tb a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down):has(.icon-edit),
html body .datagrid-toolbar a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down):has(.icon-edit) {
	background: #ff9800 !important;
	box-shadow: 0 2px 6px rgba(255, 152, 0, 0.28);
}
html body #tb a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down):has(.icon-remove),
html body #tb a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down):has(.icon-cancel),
html body #tb a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down):has(.icon-no),
html body .datagrid-toolbar a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down):has(.icon-remove),
html body .datagrid-toolbar a.l-btn:not([style*="background"]):not(.beauty-btn):not(.action-btn):not(.tb-btn-ok):not(.tb-btn-danger):not(.tb-btn-down):has(.icon-cancel) {
	background: #e53935 !important;
	box-shadow: 0 2px 6px rgba(229, 57, 53, 0.28);
}

html body .textbox,
html body .combo,
html body span.textbox,
html body span.combo,
html body .textbox .textbox-text,
html body .combo .textbox-text,
html body input.textbox-text,
html body textarea.textbox-text,
html body input.validatebox-text,
html body .combo-p,
html body .combo-p > .panel-body,
html body .combo-panel,
html body .combobox-item,
html body .combobox-group,
html body .combobox-item-hover,
html body .combobox-item-selected,
html body select,
html body select option,
html body .pagination-page-list,
html body #tb input,
html body #tb textarea,
html body #tb select,
html body #tb option,
html body #tb .textbox,
html body #tb .combo,
html body #tb .textbox-text,
html body .datagrid-toolbar input,
html body .datagrid-toolbar select,
html body .datagrid-toolbar option,
html body .datagrid-toolbar .textbox-text,
html body .datagrid-pager select,
html body .pagination select,
html body .fw-head input,
html body .fw-head select,
html body .fw-head option,
html body .fw-head .textbox-text {
	color: var(--mdh-field-text) !important;
	-webkit-text-fill-color: var(--mdh-field-text) !important;
}
/* EasyUI 列表弹窗（课程列表等）是浅底：下拉必须深色字 */
html body .window .textbox,
html body .window .combo,
html body .window span.textbox,
html body .window span.combo,
html body .window .textbox .textbox-text,
html body .window .combo .textbox-text,
html body .window input.textbox-text,
html body .window textarea.textbox-text,
html body .window input.validatebox-text,
html body .window select,
html body .window select option,
html body .window .datagrid-toolbar .textbox-text,
html body .window .datagrid-toolbar label,
html body .messager-window .textbox,
html body .messager-window .combo,
html body .messager-window .textbox-text,
html body .messager-window select {
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
}
/* 深色 Quark 弹窗：黑底下拉、白字（和原来设为账号目录一样） */
html body .qd-body input,
html body .qd-body select,
html body .qd-body textarea,
html body .qd-body option,
html body .qd-body select option,
html body .qd-body .textbox,
html body .qd-body .combo,
html body .qd-body .textbox-text,
html body .qd-card input,
html body .qd-card select,
html body .qd-card textarea,
html body .qd-card option,
html body .qd-card select option,
html body .qd-card .textbox-text,
html body .window .qd-body select,
html body .window .qd-body option,
html body .window .qd-body select option,
html body .window .qd-body input,
html body .window .qd-body textarea {
	color: #e2e8f0 !important;
	-webkit-text-fill-color: #e2e8f0 !important;
	background: #17132e !important;
	color-scheme: dark;
}
html body .qd-body option,
html body .qd-card option,
html body .qd-body select option,
html body .qd-card select option,
html body .window .qd-body option,
html body .window .qd-body select option {
	background: #17132e !important;
	color: #e2e8f0 !important;
	-webkit-text-fill-color: #e2e8f0 !important;
}
html body .qd-body option.qk-acc-full,
html body .qd-card option.qk-acc-full,
html body .window .qd-body option.qk-acc-full {
	background: #ff0033 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}
/* 更新课管理数字框：保持页面亮蓝，不被主题黑字盖住 */
html body .lm-card .textbox,
html body .lm-card .textbox .textbox-text,
html body .lm-card input.textbox-text,
html body .lm-card .spinner,
html body #tb .lm-card .textbox,
html body #tb .lm-card .textbox-text,
html body #tb .lm-card input:not([type="checkbox"]):not([type="radio"]) {
	color: #67e8f9 !important;
	-webkit-text-fill-color: #67e8f9 !important;
	background: transparent !important;
}
html body .lm-card .textbox:not(.combo),
html body .lm-card span.textbox:not(.combo) {
	background: rgba(18, 12, 40, 0.38) !important;
	background-image: none !important;
}
html body #tb input:not([type="checkbox"]):not([type="radio"]):not(.textbox-text):not(.pagination-num),
html body #tb textarea,
html body .datagrid-toolbar input:not([type="checkbox"]):not([type="radio"]):not(.textbox-text):not(.pagination-num),
html body .fw-head input:not([type="checkbox"]):not([type="radio"]):not(.textbox-text),
html body input.search-input,
html body input.sync-input {
	height: 30px !important;
	line-height: 28px !important;
	box-sizing: border-box !important;
	border: 1px solid #95B8E7 !important;
	border-radius: 5px !important;
	padding: 0 5px !important;
	font-size: 14px !important;
	background: rgba(255, 255, 255, 0.18) !important;
	background-image: none !important;
	outline: none !important;
}
html body #tb .textbox:not(.combo),
html body #tb span.textbox:not(.combo),
html body .datagrid-toolbar .textbox:not(.combo),
html body .fw-head .textbox:not(.combo) {
	height: 30px !important;
	line-height: 28px !important;
	box-sizing: border-box !important;
	border: 1px solid #95B8E7 !important;
	border-radius: 5px !important;
	padding: 0 !important;
	background: rgba(255, 255, 255, 0.18) !important;
	background-image: none !important;
}
html body #tb .textbox:not(.combo) .textbox-text,
html body .datagrid-toolbar .textbox:not(.combo) .textbox-text,
html body .fw-head .textbox:not(.combo) .textbox-text {
	height: 28px !important;
	line-height: 28px !important;
	border: none !important;
	background: transparent !important;
	padding: 0 5px !important;
	font-size: 14px !important;
}
html body #tb textarea,
html body .fw-head textarea {
	height: auto !important;
	line-height: 1.4 !important;
	padding: 6px 8px !important;
}
html body .lm-card .textbox,
html body .lm-card .textbox .textbox-text,
html body .lm-card input.textbox-text,
html body .lm-card .spinner,
html body #tb .lm-card .textbox,
html body #tb .lm-card .textbox-text,
html body #tb .lm-card input:not([type="checkbox"]):not([type="radio"]) {
	color: #67e8f9 !important;
	-webkit-text-fill-color: #67e8f9 !important;
	background: transparent !important;
}
html body .lm-card .textbox:not(.combo),
html body .lm-card span.textbox:not(.combo),
html body #tb .lm-card .textbox:not(.combo) {
	background: rgba(18, 12, 40, 0.38) !important;
	background-image: none !important;
}
html body .combo,
html body span.combo,
html body select,
html body .pagination-page-list,
html body #tb select,
html body .datagrid-toolbar select,
html body .fw-head select,
html body .datagrid-pager select,
html body .pagination select {
	background: var(--mdh-combo-bg) !important;
	background-image: none !important;
}
html body .combo-p,
html body .combo-p > .panel-body,
html body .combo-panel {
	background: rgba(255, 255, 255, 0.94) !important;
	background-image: none !important;
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
html body .combo-p .combobox-item,
html body .combo-p .combobox-group,
html body .combo-panel .combobox-item,
html body .combo-panel .combobox-group,
html body .combobox-item {
	background: transparent !important;
	background-image: none !important;
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
}
html body .combo-panel .combobox-item:has(.qk-acc-full),
html body .combo-p .combobox-item:has(.qk-acc-full) {
	background: #ff0033 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}
html body .combo-p .combobox-item-hover,
html body .combo-p .combobox-item-selected,
html body .combo-panel .combobox-item-hover,
html body .combo-panel .combobox-item-selected,
html body .combobox-item-hover,
html body .combobox-item-selected {
	background: rgba(59, 158, 255, 0.20) !important;
	background-image: none !important;
	color: #111111 !important;
	-webkit-text-fill-color: #111111 !important;
}
html body .combo-panel .combobox-item-hover:has(.qk-acc-full),
html body .combo-p .combobox-item-hover:has(.qk-acc-full),
html body .combo-panel .combobox-item-selected:has(.qk-acc-full),
html body .combo-p .combobox-item-selected:has(.qk-acc-full) {
	background: #dc2626 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}
html body .textbox-prompt,
html body input.textbox-prompt,
html body textarea.textbox-prompt,
html body input::placeholder,
html body textarea::placeholder,
html body .textbox-text::placeholder,
html body input.textbox-text::placeholder,
html body textarea.textbox-text::placeholder,
html body #tb input::placeholder,
html body #tb .search-input::placeholder,
html body #tb .sync-input::placeholder,
html body input.search-input::placeholder,
html body input.sync-input::placeholder,
html body .datagrid-toolbar input::placeholder,
html body .fw-head input::placeholder {
	color: #9aa0a6 !important;
	-webkit-text-fill-color: #9aa0a6 !important;
	font-size: 14px !important;
	opacity: 1 !important;
	font-weight: 400 !important;
}
html body input::-webkit-input-placeholder,
html body textarea::-webkit-input-placeholder,
html body #tb input::-webkit-input-placeholder,
html body #tb .search-input::-webkit-input-placeholder,
html body #tb .sync-input::-webkit-input-placeholder,
html body input.search-input::-webkit-input-placeholder,
html body input.sync-input::-webkit-input-placeholder {
	color: #9aa0a6 !important;
	-webkit-text-fill-color: #9aa0a6 !important;
	font-size: 14px !important;
	opacity: 1 !important;
	font-weight: 400 !important;
}
html body #tb input:placeholder-shown,
html body #tb textarea:placeholder-shown,
html body input.search-input:placeholder-shown,
html body input.sync-input:placeholder-shown,
html body .datagrid-toolbar input:placeholder-shown,
html body .fw-head input:placeholder-shown,
html body input:placeholder-shown,
html body textarea:placeholder-shown,
html body #tb input.textbox-prompt,
html body #tb textarea.textbox-prompt,
html body .datagrid-toolbar input.textbox-prompt,
html body input.textbox-prompt,
html body textarea.textbox-prompt {
	color: #9aa0a6 !important;
	-webkit-text-fill-color: #9aa0a6 !important;
	opacity: 1 !important;
	font-weight: 400 !important;
}
html body .lm-card input,
html body .lm-card input:placeholder-shown,
html body .lm-card input.textbox-prompt,
html body #tb .lm-card input,
html body #tb .lm-card input:placeholder-shown,
html body #tb .lm-card input.textbox-prompt {
	color: #67e8f9 !important;
	-webkit-text-fill-color: #67e8f9 !important;
}

.mdh-theme-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-right: 8px;
	z-index: 100000;
}
.mdh-theme-btn {
	width: 34px;
	height: 34px;
	border: 1px solid var(--mdh-chrome-border);
	border-radius: 50%;
	background: var(--mdh-chrome-hover);
	color: var(--mdh-c5);
	cursor: pointer;
	font-size: 16px;
	line-height: 1;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.mdh-theme-pop {
	display: none;
	position: fixed;
	z-index: 2147483000;
	padding: 10px;
	border-radius: 14px;
	background: rgba(12, 10, 28, 0.35);
	border: 1px solid rgba(236, 63, 255, 0.35);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	gap: 10px;
}
.mdh-theme-pop.show { display: flex; }
.mdh-theme-swatch {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.7);
	cursor: pointer;
	padding: 0;
}
.mdh-theme-swatch.is-dark { background: #111; }
.mdh-theme-swatch.is-light { background: #fff; border-color: rgba(0, 0, 0, 0.25); }
.mdh-theme-swatch.is-on { box-shadow: 0 0 0 2px #3b9eff; }

/* ===== 工具栏按钮：跟 EasyUI 同一套，字行高=钮高，禁止再垫上下 padding ===== */
html body #tb a.l-btn:not(.beauty-btn),
html body #tb a.easyui-linkbutton:not(.beauty-btn),
html body #tb a.toolbar-btn,
html body #tb a.tb-btn-square,
html body #tb a.tb-btn-ok,
html body #tb a.tb-btn-danger,
html body #tb a.tb-btn-down,
html body #tb a.tb-btn-success,
html body .datagrid-toolbar a.l-btn,
html body .fw-head a.l-btn,
html body #tb button:not(.mdh-theme-btn):not(.qd-btn) {
	display: inline-block !important;
	width: auto !important;
	height: 28px !important;
	line-height: 28px !important;
	padding: 0 18px !important;
	margin: 0 var(--mdh-tb-gap) !important;
	border-radius: 14px !important;
	border: none !important;
	box-sizing: border-box !important;
	vertical-align: middle !important;
	overflow: hidden !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	font-size: 12px !important;
	text-align: center !important;
	box-shadow: none !important;
	filter: none !important;
	background: #3b9eff !important;
}
html body #tb a.tb-btn-ok,
html body #tb a.l-btn.tb-btn-ok {
	background: rgb(0, 155, 57) !important;
}
html body #tb a.tb-btn-down,
html body #tb a.l-btn.tb-btn-down {
	background: #6b7280 !important;
}
html body #tb a.tb-btn-danger,
html body #tb a.l-btn.tb-btn-danger {
	background: #ef4444 !important;
}
html body #tb .textbox,
html body #tb span.textbox,
html body #tb .combo,
html body #tb span.combo,
html body #tb input.search-input,
html body #tb input.sync-input,
html body #tb input:not([type="checkbox"]):not([type="radio"]):not(.textbox-text):not(.pagination-num):not([type="file"]),
html body .datagrid-toolbar .textbox,
html body .datagrid-toolbar .combo,
html body .fw-head .textbox,
html body .fw-head .combo,
html body .fw-head input.search-input {
	margin-left: var(--mdh-tb-gap) !important;
	margin-right: var(--mdh-tb-gap) !important;
}
html body #tb a.l-btn.l-btn-icon-left .l-btn-text,
html body #tb a.l-btn.l-btn-icon-right .l-btn-text,
html body #tb a.toolbar-btn.l-btn-icon-left .l-btn-text,
html body #tb a.l-btn .l-btn-left.l-btn-icon-left,
html body #tb a.l-btn span.l-btn-icon-left {
	padding: 0 !important;
	margin: 0 !important;
}
html body #tb a.l-btn:not(.beauty-btn) .l-btn-left,
html body #tb a.toolbar-btn .l-btn-left,
html body .datagrid-toolbar a.l-btn .l-btn-left,
html body .fw-head a.l-btn .l-btn-left {
	display: inline-block !important;
	position: relative !important;
	width: auto !important;
	height: 28px !important;
	line-height: 28px !important;
	padding: 0 !important;
	margin: 0 !important;
	top: 0 !important;
	vertical-align: top !important;
	overflow: hidden !important;
	background: transparent !important;
	background-image: none !important;
}
html body #tb a.l-btn:not(.beauty-btn) .l-btn-text,
html body #tb a.toolbar-btn .l-btn-text,
html body .datagrid-toolbar a.l-btn .l-btn-text,
html body .fw-head a.l-btn .l-btn-text,
html body #ipsetTb a.l-btn .l-btn-text {
	display: inline-block !important;
	font-size: 12px !important;
	line-height: 28px !important;
	height: 28px !important;
	padding: 0 !important;
	margin: 0 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	background: transparent !important;
	text-align: center !important;
	transform: none !important;
	vertical-align: top !important;
}
html body #tb a.l-btn:not(.beauty-btn):not(.action-btn):not(.share-op-btn) .l-btn-icon,
html body #tb a.toolbar-btn .l-btn-icon,
html body .datagrid-toolbar a.l-btn:not(.beauty-btn):not(.action-btn) .l-btn-icon,
html body .fw-head a.l-btn .l-btn-icon,
html body #ipsetTb a.l-btn .l-btn-icon {
	display: none !important;
}
html body #tb a.l-btn:hover,
html body #tb a.toolbar-btn:hover,
html body #tb a.tb-btn-ok:hover,
html body #tb a.tb-btn-danger:hover,
html body #tb a.tb-btn-down:hover,
html body #tb a.tb-btn-square:hover,
html body .datagrid-toolbar a.l-btn:hover,
html body .fw-head a.l-btn:hover,
html body #tb button:not(.mdh-theme-btn):not(.qd-btn):hover {
	transform: scale(1.05) !important;
	filter: none !important;
}

/* 工具栏输入框 / 下拉：半透明 + 文字居中 */
html body #tb input:not([type="checkbox"]):not([type="radio"]):not(.textbox-text):not(.pagination-num),
html body #tb textarea,
html body #tb .search-input,
html body #tb .sync-input,
html body #tb .filter-select,
html body #tb select,
html body .datagrid-toolbar input:not([type="checkbox"]):not([type="radio"]):not(.textbox-text):not(.pagination-num),
html body .datagrid-toolbar select,
html body .fw-head input:not([type="checkbox"]):not([type="radio"]):not(.textbox-text),
html body input.search-input,
html body input.sync-input {
	background: rgba(255, 255, 255, 0.18) !important;
	background-image: none !important;
	text-align: center !important;
	text-align-last: center !important;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}
html body #tb .textbox,
html body #tb span.textbox,
html body #tb .combo,
html body #tb span.combo,
html body #tb .easyui-combobox,
html body #tb .datebox,
html body #capFullBar .combo,
html body #capFullBar span.combo,
html body .datagrid-toolbar .textbox,
html body .datagrid-toolbar .combo,
html body .fw-head .textbox,
html body .fw-head .combo {
	background: rgba(255, 255, 255, 0.18) !important;
	background-image: none !important;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}
html body #tb .textbox .textbox-text,
html body #tb .combo .textbox-text,
html body #tb input.textbox-text,
html body #tb .combobox-text,
html body #tb .combo-text,
html body #tb .datebox .textbox-text,
html body #capFullBar .combo .textbox-text,
html body #capFullBar .combo .combo-text,
html body .datagrid-toolbar .textbox-text,
html body .fw-head .textbox-text {
	text-align: center !important;
	text-align-last: center !important;
	background: transparent !important;
	background-image: none !important;
}

/* 当前目录 / 根目录：靠左 */
html body #tb #currentPath .textbox-text,
html body #tb #currentPath input.textbox-text,
html body #tb #fathorFolder + .textbox,
html body #tb #fathorFolder + .textbox .textbox-text,
html body #tb .mdh-combo-left .textbox-text,
html body #tb .mdh-combo-left input.textbox-text,
html body #tb .mdh-combo-left .combo-text {
	text-align: left !important;
	text-align-last: left !important;
}
html body #tb #fathorFolder + .textbox {
	width: 520px !important;
}

/* 工具栏竖线分隔：<span class="mdh-sep"></span>
   配置在文件顶部 :root 的 --mdh-sep-ml / --mdh-sep-mr / --mdh-sep-h / --mdh-sep-color */
.mdh-sep,
span.mdh-sep,
span.tb-sep {
	display: inline-block !important;
	width: 2px !important;
	height: var(--mdh-sep-h) !important;
	margin-left: var(--mdh-sep-ml) !important;
	margin-right: var(--mdh-sep-mr) !important;
	border: none !important;
	background: var(--mdh-sep-color) !important;
	vertical-align: middle !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	overflow: hidden !important;
}

/* 主题注入后再次压过各页灰底/紫渐变，保持磨砂透明 */
html body #tb,
html body .fw-head,
html body .datagrid-toolbar,
html body .datagrid-header,
html body .datagrid-header-inner,
html body .datagrid-view .datagrid-header,
html body .datagrid-view1 .datagrid-header,
html body .datagrid-view2 .datagrid-header {
	background: var(--mdh-chrome-bg) !important;
	background-image: none !important;
	backdrop-filter: blur(var(--mdh-blur)) saturate(140%) !important;
	-webkit-backdrop-filter: blur(var(--mdh-blur)) saturate(140%) !important;
}

/* 表格数据行按钮：和外层搜索一样 14px 椭圆。只改圆角，底色不动。荔课 Token 页不改。 */
html:not(.page-like-tokens) body:not(.page-like-tokens) .datagrid-view .datagrid-body a.row-pill-btn {
	display: inline-block !important;
	width: 60px !important;
	height: 26px !important;
	line-height: 26px !important;
	padding: 0 !important;
	margin: 2px auto !important;
	border: none !important;
	border-radius: 14px !important;
	text-align: center !important;
	text-decoration: none !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	box-sizing: border-box !important;
	cursor: pointer;
	overflow: hidden !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}
html:not(.page-like-tokens) body:not(.page-like-tokens) .datagrid-view .datagrid-body a.l-btn:not([style*="border-radius:50%"]):not([style*="border-radius: 50%"]):not([style*="width:24px"]),
html:not(.page-like-tokens) body:not(.page-like-tokens) .datagrid-view .datagrid-body a.l-btn:not([style*="width:24px"]) .l-btn-left,
html:not(.page-like-tokens) body:not(.page-like-tokens) .datagrid-view .datagrid-body a.l-btn:not([style*="width:24px"]) .l-btn-text,
html:not(.page-like-tokens) body:not(.page-like-tokens) .datagrid-view .datagrid-body input[type="button"],
html:not(.page-like-tokens) body:not(.page-like-tokens) .datagrid-view .datagrid-body input[type="submit"],
html:not(.page-like-tokens) body:not(.page-like-tokens) .datagrid-view .datagrid-body .share-op-btn,
html:not(.page-like-tokens) body:not(.page-like-tokens) .datagrid-view .datagrid-body .qd-clear-btn {
	border-radius: 14px !important;
	overflow: hidden !important;
}

/* 全站按钮悬浮放大：没浮动的补上，已有的统一成同一套 */
html body a.l-btn,
html body a.easyui-linkbutton,
html body a.toolbar-btn,
html body a.row-pill-btn,
html body a.action-btn,
html body a.action-btn-chakecheng,
html body a.beauty-btn,
html body a.qd-clear-btn,
html body a.idx-del-btn,
html body a.share-op-btn,
html body a.dk-pill-btn,
html body a.ipset-del-btn,
html body a.pic-del-btn,
html body button.dep-btn,
html body button.dep-tb-btn,
html body button.dialog-btn,
html body a.dialog-btn,
html body button:not(.mdh-theme-swatch):not(.mdh-theme-btn),
html body input[type="button"],
html body input[type="submit"] {
	transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
}
/* 去掉页面竖向滚动条；表格仍可用滚轮 */
html, body {
	overflow: hidden !important;
	scrollbar-width: none !important;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
	display: none !important;
}
iframe {
	overflow: hidden !important;
}
html body .layout-panel-west,
html body .layout-panel-center,
html body .layout-panel-north,
html body .layout-panel-south,
html body .layout-body,
html body .tabs-panels,
html body .tabs-panels > .panel,
html body .tabs-panels > .panel > .panel-body,
html body .table-wrapper {
	overflow: hidden !important;
}
html body .datagrid-body,
html body .datagrid-view2 .datagrid-body,
html body .datagrid-view1 .datagrid-body {
	scrollbar-width: none !important;
}
html body .datagrid-body::-webkit-scrollbar,
html body .datagrid-view2 .datagrid-body::-webkit-scrollbar,
html body .datagrid-view1 .datagrid-body::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
	display: none !important;
}

html body a.l-btn:hover:not(.l-btn-disabled),
html body a.easyui-linkbutton:hover:not(.l-btn-disabled),
html body a.toolbar-btn:hover:not(.l-btn-disabled),
html body a.row-pill-btn:hover,
html body a.action-btn:hover,
html body a.action-btn-chakecheng:hover,
html body a.beauty-btn:hover,
html body a.qd-clear-btn:hover,
html body a.idx-del-btn:hover,
html body a.share-op-btn:hover,
html body a.dk-pill-btn:hover,
html body a.ipset-del-btn:hover,
html body a.pic-del-btn:hover,
html body button.dep-btn:hover:not(:disabled):not(.is-disabled),
html body button.dep-tb-btn:hover:not(:disabled),
html body button.dialog-btn:hover,
html body a.dialog-btn:hover,
html body button:not(.mdh-theme-swatch):not(.mdh-theme-btn):hover:not(:disabled),
html body input[type="button"]:hover:not(:disabled),
html body input[type="submit"]:hover:not(:disabled) {
	transform: scale(1.08) !important;
	z-index: 8 !important;
	position: relative !important;
}