:root{/*控制变量-默认flat*/
	font-size:4vmin;/*默认适配小屏阅读的文字大小*/
	--xpx-:.06vmin;/*自适应逻辑像素.5px，≈50vmin/833 */
	---xpx-:-.06vmin;/*自适应逻辑像素-.5px，≈50vmin/833 */
	--PX-:.12vmin;/*自适应逻辑像素1px，≈100vmin/833 */
	--PX2-:.24vmin;
	--PX3-:.36vmin;
	--PX4-:.48vmin;
	--scroll-bar-size-:1.484vmin;/*滚动条宽/高度 = 14*--PX- */
	--box-radius-:4px;/*容器圆角[as-box]:not([as-box^="-"]){border-radius}*/
	--box-out-shadow-:0 0 0 rgba(0,0,0,0);/*玻璃，水晶容器的阴影尺寸*/
	--btn-padding-x-:1em;/*按钮水平方向默认内边距*/
	--btn-min-width-:4em;/*按钮最小宽度*/
	--btn-height-:2em;/*按钮默认高度*/
	--btn-radius-:9em;/*按钮圆角半径*/
	--ipt-radius-:var(--PX4-);/*输入框圆角input,select,textarea{border-radius}*/
	--ipt-margin-:.25em;/*表单元件外边距*/
	--ipt-bg-:255,255,255;/*表单元件底色(配合--ipt-alpha-使用)*/
	--ipt-fg-:0,88,204;/*表单元件前景色(文本，选中状态...)*/
	--ipt-fbg-:146,216,255;/*表单操控元件底色(checkbox,radio,range...)*/
	--ipt-alpha-:.65;/*表单元件底色、勾边的alpha*/
	--active-filter-:sepia(.8) saturate(1.5);/*除剪纸外其他按钮的:active|hover.filter*/
}
@media(min-device-aspect-ratio:1/1) and (min-device-height:833px),
	(max-device-aspect-ratio:1/1) and (min-device-width:833px){/*类PC: 屏幕短边的逻辑像素≥833px*/
	:root{
		--xpx-:.5px;
		---xpx-:-.5px;
		--PX-:1px;
		--PX2-:2px;
		--PX3-:3px;
		--PX4-:4px;
		--scroll-bar-size-:14px;
	}
}

@keyframes ele-popup{/*$$Ele的默认弹出动画*/
	from{transform:scale(0);opacity:.2}
	to{transform:scale(1);opacity:1}
}
@keyframes ele-popupx{/*$$Ele的默认水平弹出动画*/
	from{transform:scaleX(0);opacity:.2}
	to{transform:scaleX(1);opacity:1}
}
@keyframes ele-popupy{/*$$Ele的默认垂直项弹出动画*/
	from{transform:scaleY(0);opacity:.2}
	to{transform:scaleY(1);opacity:1}
}
@font-face{/*图标字库:xe601～xe612: √,×,+,-,^,>,v,<,find,set,reset,list,more,play,pause,stop,circle,power*/
	font-family:eleIco;src:url(data:application/font-woff2;base64,d09GMgABAAAAAAV0AAsAAAAADCgAAAUmAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGVgCEXgqJSIdVATYCJANMCygABCAFg34HgSYbRgozEcLGASImB5D9Vwn0GFdbOU4hQxsB2uuWn7gEjRaEj5CWOd3GdIlwjYPl1iAgvf5nNzkleSa/oQ6q5KYiWjgB4JtTPxsXQAOUBXt80f7BXftlyuNkpSMRweER2IYM3y2WHp0217hbgmrvSbx6VyWk5/qHBBXq5nXuP7+fqxONQxLJZg3pZWL3vPsw2zwhovWHttKoYprEknhqUBuxAwHm2Ss0hYNT6TdeBwFopFKMrKxu7MR56qi50/FHRaQLuAwUUydNGIU9qUItsQjsZVbHYbPFzswCNNIJuB4obz3vYJBYFMSlWsdXjaX0vXjvzkRzjYm49hcG4jYFSJxPjZjvDM9EOVHiQWiusEpl+doqAt67mybvhfXOdjUQSBRULMnuNuw40NAxcMIZl/U/nhvuIKwIYaD/2OYO74UGB5YAWAHAKgC2AGArALYBYDsAdgBgDQDrANgAwE4A2BkAuwBgVwDsBoDd0RAGD3tANBAKYgDEUoTcGygJGZaoL1FMQdJsNQzVKgq7Gg5HapiLi6pyVCjG4XSuTk41eNqnEnIfs9eEDEd4PKSTy1Cgo6OhiaC5R0PvcAwfYT5moyG91XEd6bZzQdw+gZNkURT7eZqGQdePo0wnQZjm7KX3Stf4yqtpT/nGlc6GUgYoxJHbhDBurSb11nu4UbMUYowZoocqgAvdVcohDUyUATwNEYAquqszH3E4biB1OEvwZxqqLMXqUA5exdH749WlGRMpRUcDbFqAQzNJOeNRin69vS0COtQNWc+7IX3LASC21LMsd7cNJo/H2v+9+Xyk4tykoQwS7uUET28RUeaGQaGrKF4BRMCfKs2Jq8RGZWNkMOysZg2nbmE1VwizSnVZwgE3wsh8Bm5W6vN8i871Y7pffcZ75+sK/s1tkflHPrOvJ9Y1jN7AXfvNk8xZpnbZH+7q6uhcdYFlzujYMCPMd/aa0AVKTfTqcCN8VUytXJA6d3ZsmB4WO3qN4jp9zGp3fd1QOiKHOd9jRez3uTkzVsvVoeY2N0bGfhvzu6sIaNswd1zK/JjJf12Mh71zNhSWH/D649zRr/X76VrWzaK0/GiI2YUlpSnP2pWy0NJYN9XNFG0nqFfr19L6Evg2V4sZ1RYZLlv1OhQMOU99EvhkaqAt6dSn+5/yPuXvfVVCOmsuLFjY4t+ycMGFnmcXT5wOPX3iYku6ls4KMz88gfpD5iCN2SNokWkubalsLcscpGS1FhrB/DmTkX7r72kM35pn0AuYRCfOk8kG8596IN/sp087Kfx7epuGX7Pwf6N+JPy50THCpfCbXWchwNvQmq+4+9fOCtuRcVjAv4epWcesTUD4vhJ/YaEWojc55h+7pQQ0NMBERF15Mv6UP2x/kNiwXkg5SSfUqt7DakHHj6xSRmLVSCD+cB0PulAQqgOBwUTPKnFmrlXBYLVa1W+3WvDmsNWKwWWrRje3LqATLdyfB+FuwgPzQZojn93oH5zW4NXQ9nfvcYUHa4FVz69Kr3kUmdTEwalL8AKioCKHDUbaRSSeu25ynbo1wWUg3E14YD5W6Zo30y5F/8Fpnd2roe1L1Vfhazhrgd3t+VXpNY8iGyalR3Nw6tKTpyZRQGEtort5gwnC7dKiOZ47qTTVFe2o0r2OyhFev0D+fT2EFERJVlRNN0zLdlzhJtyFh/BEEsPeGO0NqNTWlhZUHLHmdV6ksuHtK8Ik1bR6WyZIzbCPV9GapHKBUUXS3zrqI6FKEmJjVjaEOoY3OMsAAA==);
}
/*全局标签处理*/
option{background-color:rgb(var(--ipt-bg-))}
label{white-space:nowrap;}
input,select,textarea,button,table{/*font-family|-size对齐*/
	font-family:inherit;font-size:inherit;
}
input,select{height:2em}
[as-input],input,select,textarea{
	padding:0 .3em;box-sizing:border-box;outline:none;
	background-color:rgba(var(--ipt-bg-),var(--ipt-alpha-));color:rgb(var(--ipt-fg-));
	border-radius:var(--ipt-radius-);border:none;margin-bottom:-1px;
	box-shadow:inset 0 0 0 var(--PX-) rgba(var(--box-fg-),var(--ipt-alpha-));
	margin:var(--ipt-margin-);
}
[as-input],textarea{line-height:2em;}
input::-webkit-input-placeholder{font-size:.8em;color:rgba(0,0,0,.4);}
input::-moz-placeholder{font-size:.8em;color:rgba(0,0,0,.4);}
input::placeholder{font-size:.8em;color:rgba(0,0,0,.4);}
[disabled]:not(fieldset),[disabled]:not(fieldset):hover,*:not(fieldset):disabled,[disabled] *:enabled,[disabled] [ele-box],[disabled] label,fieldset:disabled>legend{
	-webkit-filter:saturate(0) contrast(.7);
	filter:saturate(0) contrast(.7);
	opacity:.8
}
[disabled],*:disabled{
	pointer-events:none;
}
[as-input][readonly],input[readonly],select[readonly],textarea[readonly]{
	--ipt-fg-:64,64,64;
}
[as-input]:focus,input:focus,select:focus,textarea:focus{
	--ipt-alpha-:1;
}
@supports not (-webkit-touch-callout:none){/*not iOS*/
	input[type="number"]{
		-webkit-appearance:none;-moz-appearance:none;appearance:none;
		padding:0 0 0 .3em;
	}
	input[type="number"]::-webkit-inner-spin-button{
		-webkit-appearance:none;-moz-appearance:none;appearance:none;
		width:1em;height:2em;
		background:rgba(0,0,0,0) no-repeat center center/auto 80% url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiA5NiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLC43KSIgc3Ryb2tlLXdpZHRoPSI1IiBkPSJNMiAyN2wxNC0xNCAxNCAxNE0zMCA2OUwxNiA4MyAyIDY5Ii8+PC9zdmc+)
	}
}
input[type="color"]{vertical-align:top;padding:.5px;width:2em}
input[type="range"]{
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	height:1.2em;margin-top:.6em;margin-bottom:.7em;vertical-align:middle;
	border-radius:1em;padding:0;
	--ipt-bg-:var(--ipt-fbg-);
	--thumb-shadow-:inset 0 0 0 var(--PX-) rgb(var(--box-bg-)),inset 0 0 0 2em rgb(var(--ipt-fg-)),
		0 0 0 var(--PX2-) rgba(var(--box-fg-),.5),0 0 0 var(--PX4-) rgba(var(--box-dim-),.5);
}
input[type="range"]::-webkit-slider-thumb{
	-webkit-appearance:none;appearance:none;
	width:1.2em;height:1.2em;border-radius:1em;
	box-shadow:var(--thumb-shadow-);
}
/*input-number*/
input[type="number"][input-number]{
	background-color:unset;
	text-align:center;padding:0 2.25em;position:relative;cursor:default;
	--bg-del:var(--ipt-fbg-);
	--bg-add:var(--ipt-fbg-);
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZmlsbD0icmdiYSgwLDAsMCwuNykiIGQ9Ik0zMSAyM0gxOHYyaDE0di0yeiIvPjwvc3ZnPg==),
	url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZmlsbD0icmdiYSgwLDAsMCwuNykiIGQ9Ik0yMyAyM1YxN2gydjZoNnYyaC02djZoLTJ2LTZIMTd2LTJoNnoiLz48L3N2Zz4=),
	linear-gradient(90deg,rgba(var(--bg-del),var(--ipt-alpha-)) calc(2em - var(--PX-)),
		rgba(var(--box-fg-),var(--ipt-alpha-)) calc(2em - var(--PX-)),
		rgba(var(--box-fg-),var(--ipt-alpha-)) 2em,
		rgba(var(--ipt-bg-),var(--ipt-alpha-)) 2em,
		rgba(var(--ipt-bg-),var(--ipt-alpha-)) calc(100% - 2em),
		rgba(var(--box-fg-),var(--ipt-alpha-)) calc(100% - 2em),
		rgba(var(--box-fg-),var(--ipt-alpha-)) calc(100% - 2em + var(--PX-)),
		rgba(var(--bg-add),var(--ipt-alpha-)) calc(100% - 2em + var(--PX-))
	);
	background-repeat:no-repeat;
	background-size:2em 2em,2em 2em,100% calc(100% - var(--PX2-));
	background-position:0 0,100% 0,0 var(--PX-);
}
input[type="number"][input-number]::-webkit-inner-spin-button{
	display:none;
}
/*移动端input type=date,time,...*/
@media(min-device-aspect-ratio:1/1) and (max-device-height:833px),
	(max-device-aspect-ratio:1/1) and (max-device-width:833px){/*非PC: 屏幕短边的逻辑像素≤833px*/
	input[type="month"],input[type="week"],input[type="date"]{
		-webkit-appearance:none;-moz-appearance:none;appearance:none;
		padding:0 1.3em 0 .3em;
		background:rgba(var(--ipt-bg-),var(--ipt-alpha-)) no-repeat calc(100% - .3em) center/1em auto url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0icmdiYSgwLDAsMCwuNSkiPjxwYXRoIGQ9Ik0xNyAzaDRjLjYgMCAxIC40IDEgMXYxNmMwIC42LS40IDEtMSAxSDNhMSAxIDAgMDEtMS0xVjRjMC0uNi40LTEgMS0xaDRWMWgydjJoNlYxaDJ2MnpNNCA5djEwaDE2VjlINHptMiAyaDJ2Mkg2di0yem01IDBoMnYyaC0ydi0yem01IDBoMnYyaC0ydi0yeiIvPjwvc3ZnPg==)
	}
	input[type="time"]{
		-webkit-appearance:none;-moz-appearance:none;appearance:none;
		padding:0 1.3em 0 .3em;
		background:rgba(var(--ipt-bg-),var(--ipt-alpha-)) no-repeat calc(100% - .3em) center/1em auto url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0icmdiYSgwLDAsMCwuNSkiPjxwYXRoIGQ9Ik0xMiAyQzYuNSAyIDIgNi41IDIgMTJzNC41IDEwIDEwIDEwIDEwLTQuNSAxMC0xMFMxNy41IDIgMTIgMnptMCAxOGMtNC40IDAtOC0zLjYtOC04czMuNi04IDgtOCA4IDMuNiA4IDgtMy42IDgtOCA4eiIvPjxwYXRoIGQ9Ik0xMyA3djQuNmwzLjIgMy4yLTEuNCAxLjQtMy44LTMuOFY3eiIvPjwvc3ZnPg==)
	}
	input[type="datetime-local"]{
		-webkit-appearance:none;-moz-appearance:none;appearance:none;
		padding:0 1.3em 0 .3em;
		background:rgba(var(--ipt-bg-),var(--ipt-alpha-)) no-repeat calc(100% - .3em) center/1em auto url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0icmdiYSgwLDAsMCwuNSkiPjxwYXRoIGQ9Ik0xNyAxMGMtMy4zIDAtNiAyLjctNiA2czIuNyA2IDYgNiA2LTIuNyA2LTYtMi43LTYtNi02em0wIDEwYy0yLjIgMC00LTEuOC00LTRzMS44LTQgNC00IDQgMS44IDQgNC0xLjggNC00IDR6Ii8+PHBhdGggZD0iTTE2IDEzdjMuNGwyLjMgMi4zIDEuNC0xLjQtMS43LTEuN1YxM3oiLz48cGF0aCBkPSJNMjEgM2gtNFYxaC0ydjJIOVYxSDd2MkgzYy0uNiAwLTEgLjQtMSAxdjE2YzAgLjYuNCAxIDEgMWg3di0ySDRWOWgxOFY0YzAtLjYtLjQtMS0xLTF6Ii8+PC9zdmc+)
	}
}
/*多/单选项*/
input[type="checkbox"],input[type="radio"]{
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	width:1.9em;height:1.2em;margin-top:calc(var(--ipt-margin-) - .15em);vertical-align:middle;
	display:inline-block;position:relative;padding:0;
	background-clip:content-box;
	background-color:rgba(var(--ipt-fbg-),var(--ipt-alpha-));
	transition:background-color .2s;
}
input[type="checkbox"][compact],input[type="radio"][compact]{width:1.2em;}
input[type="checkbox"]:checked,input[type="radio"]:checked{
	background-color:rgb(var(--ipt-fg-));background-image:none;
}
input[type="checkbox"]::before,input[type="radio"]::before{
	content:"";display:inline-block;width:1.2em;height:1.2em;border-radius:var(--ipt-radius-);
	position:absolute;top:0;left:0;
	background-color:rgb(var(--box-bg-));
	box-shadow:inset 0 0 0 var(--PX-) rgba(var(--box-fg-),var(--ipt-alpha-)),
		inset 0 0 0 var(--PX2-) rgb(var(--box-bg-)),
		inset 0 0 0 2em rgba(var(--ipt-bg-),var(--ipt-alpha-));
	transition:margin .2s;
}
input[type="checkbox"]::after,input[type="radio"]::after{
	content:"";display:inline-block;width:.7em;height:.45em;
	background-color:transparent;border-radius:0;
	box-shadow:inset .2em -.2em 0 0 rgb(var(--ipt-fg-));
	position:absolute;top:.3em;left:.25em;
	transform:scale(0) rotate(-45deg);
	transition:margin .2s,transform .2s;
	border-radius:.08em;
}
input[type="radio"],input[type="radio"]::before{border-radius:2em;}
input[type="checkbox"]:checked::before,input[type="radio"]:checked::before{
	margin-left:.7em;--ipt-alpha-:1;
}
input[type="checkbox"]:checked::after,input[type="radio"]:checked::after{
	margin-left:.7em;transform:scale(1) rotate(-45deg)
}
input[type="checkbox"][compact]:checked::before,input[type="radio"][compact]:checked::before,input[type="checkbox"][compact]:checked::after,input[type="radio"][compact]:checked::after{
	margin-left:unset;
}
input[type="checkbox"]:indeterminate::after{
	transform:scale(1) rotate(0);box-shadow:none;background:rgb(var(--ipt-fg-));
	width:.6em;height:.2em;top:.5em;left:.3em;
}
/*select*/
select{
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	padding:0 1em 0 .3em;
	background:rgba(var(--ipt-bg-),var(--ipt-alpha-)) no-repeat 100% center/1em auto url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0icmdiYSgwLDAsMCwuNSkiPjxwYXRoIGQ9Ik0xMiAxMy4ybDUtNSAxLjQgMS40TDEyIDE2IDUuNiA5LjZsMS41LTEuNCA0LjkgNXoiLz48L3N2Zz4=);
	/* padding-inline:.1em; */
}
/*标题分组容器*/
fieldset{
	--fieldset-bd-:1px solid rgba(var(--box-fg-),var(--ipt-alpha-));
	--legend-txt-shadow-:1px 1px 1px rgb(var(--box-bg-)),-1px -1px 1px rgb(var(--box-bg-)),
		1px -1px 1px rgb(var(--box-bg-)),-1px 1px 1px rgb(var(--box-bg-));
	border-radius:var(--ipt-radius-);border:var(--fieldset-bd-);
}
fieldset[as-box]{border-radius:var(--box-radius-);border-style:none}
fieldset[as-box][as-box^="flat"],fieldset[as-box][as-box=""]{
	box-shadow:none;border:var(--fieldset-bd-);
}
fieldset>legend{
	color:rgb(var(--box-fg-));text-shadow:var(--legend-txt-shadow-)
}
/*仅对firefox生效的css设定*/
@supports(-moz-orient:vertical){
	textarea{
		scrollbar-color:rgba(var(--box-fg-),var(--ipt-alpha-)) rgba(var(--box-bg-),.65);
	}
	input[type="range"]::-moz-range-thumb{
		-moz-appearance:none;appearance:none;
		width:1.2em;height:1.2em;border-radius:1em;
		box-shadow:var(--thumb-shadow-);
		border-style:none;
	}
}
/*图标*/
[ico]{
	display:inline-block;min-width:1em;height:1em;
	font:var(--ico-font-,normal 1em/1em eleIco);text-align:center;
	background-size:100% 100%;
	background-repeat:no-repeat;
}
[ico="left"]{float:left}
[ico="right"]{float:right}
[ico][sup],[ico][sub],[ico][child]{position:relative}
[ico][sup]::after,[ico][sub]::before,[ico][child]:not([sup])::after,[ico][child][sup]:not([sub])::before{
	font-size:.5em;position:absolute;right:0;font-weight:bold;
	display:inline-block;min-width:1em;height:1em;line-height:1em;white-space:nowrap;
	text-shadow:-1.5px 0 .5px rgb(var(--box-bg-)),1.5px 0 .5px rgb(var(--box-bg-)),
		0 -1.5px .5px rgb(var(--box-bg-)),0 1.5px .5px rgb(var(--box-bg-));
}
[ico][sub]::before{content:attr(sub);bottom:-.1em}
[ico][sup]::after{content:attr(sup);top:-.1em}
[ico][child]:not([sup])::after,[ico][sup][child]:not([sub])::before{
	content:attr(child);left:0;top:0;right:0;bottom:0;margin:auto;
	font-size:var(--child-size-,.5em);
	transform:var(--child-trans-,none);
	animation:var(--child-ani-,none);
	color:var(--child-color-,inherit);
}
/*滚动条*/
[scroll-xy]{overflow:auto}
[scroll-x]{overflow-x:auto;overflow-y:hidden}
[scroll-y]{overflow-x:hidden;overflow-y:auto}
[scroll-xy]::-webkit-scrollbar,[scroll-x]::-webkit-scrollbar,[scroll-y]::-webkit-scrollbar,textarea::-webkit-scrollbar{
	scrollbar-color:unset;cursor:default;
	background-color:rgba(0,0,0,0);width:var(--scroll-bar-size-);height:var(--scroll-bar-size-);
	background-clip:content-box;border:var(--PX-) solid rgba(0,0,0,0);
	border-radius:var(--ipt-radius-);
}
textarea::-webkit-scrollbar{
	background-color:rgba(var(--box-bg-),.65)
}
[scroll-xy]::-webkit-scrollbar-thumb,[scroll-x]::-webkit-scrollbar-thumb,[scroll-y]::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{
	background-color:rgba(var(--box-fg-),.4);border-radius:var(--ipt-radius-);
	background-clip:content-box;cursor:default;
	border:var(--PX2-) solid rgba(0,0,0,0);
}
textarea::-webkit-scrollbar-thumb{background-color:rgba(var(--box-fg-),.65)}
[scroll-xy]::-webkit-scrollbar-corner,[scroll-x]::-webkit-scrollbar-corner,[scroll-y]::-webkit-scrollbar-corner,textarea::-webkit-scrollbar-corner{
	display:none;
}

/*设定色调***************************/
[as-hue|="white"]{/*白色(浅色)*/
	--box-bg-:255,255,255;--box-fit-:255,255,255;--box-alpha-:0.85;
	--box-fg-:99,99,99;--box-txt-:99,99,99;
	--box-lit-:255,255,255;--box-dim-:230,230,230;
}
[as-hue|="black"]{/*黑色(深色)*/
	--box-bg-:0,0,0;--box-fit-:50,50,50;--box-alpha-:0.369;
	--box-fg-:193,193,193;--box-txt-:193,193,193;
	--box-lit-:93,93,93;--box-dim-:0,0,0;
}
[as-hue|="ok"]{
	--box-bg-:var(--ok0-bg-);--box-fit-:var(--ok0-fit-);--box-alpha-:var(--ok0-alpha-);
	--box-fg-:var(--ok0-fg-);--box-txt-:var(--ok0-txt-);
	--box-lit-:var(--ok0-lit-);--box-dim-:var(--ok0-dim-);
}
[as-btn$="-ok"],[as-hue$="-ok"]{
	--btn0-bg-:var(--ok0-bg-);--btn0-fit-:var(--ok0-fit-);--btn0-alpha-:var(--ok0-alpha-);
	--btn0-lit-:var(--ok0-lit-);--btn0-dim-:var(--ok0-dim-);--btn0-fg-:var(--ok1-bg-);
	--btn1-bg-:var(--ok1-bg-);--btn1-fit-:var(--ok1-fit-);--btn1-alpha-:var(--ok1-alpha-);
	--btn1-lit-:var(--ok1-lit-);--btn1-dim-:var(--ok1-dim-);--btn1-fg-:var(--ok0-bg-);
}
[as-hue|="ask"]{
	--box-bg-:var(--ask0-bg-);--box-fit-:var(--ask0-fit-);--box-alpha-:var(--ask0-alpha-);
	--box-fg-:var(--ask0-fg-);--box-txt-:var(--ask0-txt-);
	--box-lit-:var(--ask0-lit-);--box-dim-:var(--ask0-dim-);
}
[as-btn$="-ask"],[as-hue$="-ask"]{
	--btn0-bg-:var(--ask0-bg-);--btn0-fit-:var(--ask0-fit-);--btn0-alpha-:var(--ask0-alpha-);
	--btn0-lit-:var(--ask0-lit-);--btn0-dim-:var(--ask0-dim-);--btn0-fg-:var(--ask1-bg-);
	--btn1-bg-:var(--ask1-bg-);--btn1-fit-:var(--ask1-fit-);--btn1-alpha-:var(--ask1-alpha-);
	--btn1-lit-:var(--ask1-lit-);--btn1-dim-:var(--ask1-dim-);--btn1-fg-:var(--ask0-bg-);
}
[as-hue|="warn"]{
	--box-bg-:var(--warn0-bg-);--box-fit-:var(--warn0-fit-);--box-alpha-:var(--warn0-alpha-);
	--box-fg-:var(--warn0-fg-);--box-txt-:var(--warn0-txt-);
	--box-lit-:var(--warn0-lit-);--box-dim-:var(--warn0-dim-);
}
[as-btn$="-warn"],[as-hue$="-warn"]{
	--btn0-bg-:var(--warn0-bg-);--btn0-fit-:var(--warn0-fit-);--btn0-alpha-:var(--warn0-alpha-);
	--btn0-lit-:var(--warn0-lit-);--btn0-dim-:var(--warn0-dim-);--btn0-fg-:var(--warn1-bg-);
	--btn1-bg-:var(--warn1-bg-);--btn1-fit-:var(--warn1-fit-);--btn1-alpha-:var(--warn1-alpha-);
	--btn1-lit-:var(--warn1-lit-);--btn1-dim-:var(--warn1-dim-);--btn1-fg-:var(--warn0-bg-);
}
[as-hue|="err"]{
	--box-bg-:var(--err0-bg-);--box-fit-:var(--err0-fit-);--box-alpha-:var(--err0-alpha-);
	--box-fg-:var(--err0-fg-);--box-txt-:var(--err0-txt-);
	--box-lit-:var(--err0-lit-);--box-dim-:var(--err0-dim-);
}
[as-btn$="-err"],[as-hue$="-err"]{
	--btn0-bg-:var(--err0-bg-);--btn0-fit-:var(--err0-fit-);--btn0-alpha-:var(--err0-alpha-);
	--btn0-lit-:var(--err0-lit-);--btn0-dim-:var(--err0-dim-);--btn0-fg-:var(--err1-bg-);
	--btn1-bg-:var(--err1-bg-);--btn1-fit-:var(--err1-fit-);--btn1-alpha-:var(--err1-alpha-);
	--btn1-lit-:var(--err1-lit-);--btn1-dim-:var(--err1-dim-);--btn1-fg-:var(--err0-bg-);
}
/*高对比色调*/
[as-hue|="OK"]{
	--box-bg-:var(--ok1-bg-);--box-fit-:var(--ok1-fit-);--box-alpha-:var(--ok1-alpha-);
	--box-fg-:var(--ok1-fg-);--box-txt-:var(--ok1-txt-);
	--box-lit-:var(--ok1-lit-);--box-dim-:var(--ok1-dim-);
}
[as-btn$="-OK"],[as-hue$="-OK"]{
	--btn0-bg-:var(--ok1-bg-);--btn0-fit-:var(--ok1-fit-);--btn0-alpha-:var(--ok1-alpha-);
	--btn0-lit-:var(--ok1-lit-);--btn0-dim-:var(--ok1-dim-);--btn0-fg-:var(--ok0-bg-);
	--btn1-bg-:var(--ok0-bg-);--btn1-fit-:var(--ok0-fit-);--btn1-alpha-:var(--ok0-alpha-);
	--btn1-lit-:var(--ok0-lit-);--btn1-dim-:var(--ok0-dim-);--btn1-fg-:var(--ok1-bg-);
}
[as-hue|="ASK"]{
	--box-bg-:var(--ask1-bg-);--box-fit-:var(--ask1-fit-);--box-alpha-:var(--ask1-alpha-);
	--box-fg-:var(--ask1-fg-);--box-txt-:var(--ask1-txt-);
	--box-lit-:var(--ask1-lit-);--box-dim-:var(--ask1-dim-);
}
[as-btn$="-ASK"],[as-hue$="-ASK"]{
	--btn0-bg-:var(--ask1-bg-);--btn0-fit-:var(--ask1-fit-);--btn0-alpha-:var(--ask1-alpha-);
	--btn0-lit-:var(--ask1-lit-);--btn0-dim-:var(--ask1-dim-);--btn0-fg-:var(--ask0-bg-);
	--btn1-bg-:var(--ask0-bg-);--btn1-fit-:var(--ask0-fit-);--btn1-alpha-:var(--ask0-alpha-);
	--btn1-lit-:var(--ask0-lit-);--btn1-dim-:var(--ask0-dim-);--btn1-fg-:var(--ask1-bg-);
}
[as-hue|="WARN"]{
	--box-bg-:var(--warn1-bg-);--box-fit-:var(--warn1-fit-);--box-alpha-:var(--warn1-alpha-);
	--box-fg-:var(--warn1-fg-);--box-txt-:var(--warn1-txt-);
	--box-lit-:var(--warn1-lit-);--box-dim-:var(--warn1-dim-);
}
[as-btn$="-WARN"],[as-hue$="-WARN"]{
	--btn0-bg-:var(--warn1-bg-);--btn0-fit-:var(--warn1-fit-);--btn0-alpha-:var(--warn1-alpha-);
	--btn0-lit-:var(--warn1-lit-);--btn0-dim-:var(--warn1-dim-);--btn0-fg-:var(--warn0-bg-);
	--btn1-bg-:var(--warn0-bg-);--btn1-fit-:var(--warn0-fit-);--btn1-alpha-:var(--warn0-alpha-);
	--btn1-lit-:var(--warn0-lit-);--btn1-dim-:var(--warn0-dim-);--btn1-fg-:var(--warn1-bg-);
}
[as-hue|="ERR"]{
	--box-bg-:var(--err1-bg-);--box-fit-:var(--err1-fit-);--box-alpha-:var(--err1-alpha-);
	--box-fg-:var(--err1-fg-);--box-txt-:var(--err1-txt-);
	--box-lit-:var(--err1-lit-);--box-dim-:var(--err1-dim-);
}
[as-btn$="-ERR"],[as-hue$="-ERR"]{
	--btn0-bg-:var(--err1-bg-);--btn0-fit-:var(--err1-fit-);--btn0-alpha-:var(--err1-alpha-);
	--btn0-lit-:var(--err1-lit-);--btn0-dim-:var(--err1-dim-);--btn0-fg-:var(--err0-bg-);
	--btn1-bg-:var(--err0-bg-);--btn1-fit-:var(--err0-fit-);--btn1-alpha-:var(--err0-alpha-);
	--btn1-lit-:var(--err0-lit-);--btn1-dim-:var(--err0-dim-);--btn1-fg-:var(--err1-bg-);
}

/*各种容器*******************************/
[as-box]:not([as-box^="-"]){/*通用容器=默认flat*/
	border-radius:var(--box-radius-);
	background-color:rgb(var(--box-bg-));color:rgb(var(--box-txt-));
	box-shadow:inset 0 0 0 var(--xpx-) rgb(var(--box-txt-)),var(--box-out-shadow-);/*勾边*/
}
[as-box|="flat"] *:not([as-box])>[as-btn],
[as-box$="-flat"] *:not([as-box])>[as-btn][as-btn],
[as-box|="flat"]>[as-btn],
[as-box][as-box$="-flat"]>[s-btn],
[as-box][as-box$="-flat"]>[as-btn],
[as-btn][as-btn][as-btn][as-btn][as-btn|="flat"]{/*平面-条目*/
	/*按钮根*/
	--btn-el-bg-:transparent;--btn-el-shadow-:none;--btn-el-hover-filter-:var(--active-filter-);
	/*按钮before*/--btn-before-:none;
	/*按钮主体*/
	--btn-bgColor-:rgb(var(--btn-bg-));--btn-bgImg-:none;
	--btn-shadow-:inset 0 0 0 var(--PX-) rgba(var(--btn-fg-),.7);/*按钮主体阴影*/
	--btn-trans-:none;--btn-hover-trans-:none;--btn-hover-filter-:none;
}
[as-box|="paper"]{
	position:relative;--paper-bg-top-:0px;
}
fieldset[as-box|="paper"]{
	--paper-bg-top-:-.75em;
}
[as-box][as-box|="paper"]{/*纸张容器*/
	isolation:isolate;box-shadow:none;
	--paper-shadow:calc(4.5 * var(--PX-)) calc(4.5 * var(--PX-)) calc(1.5 * var(--PX-)) rgba(0,0,0,.5);
	--paper-s-d:calc(.5 * var(--PX-));
}
[as-box|="paper"]::before{/*纸张容器-背景*/
	content:"";display:block;position:absolute;border-radius:var(--box-radius-);
	left:0;right:0;top:var(--paper-bg-top-);bottom:0;
	background-color:rgb(var(--box-bg-));z-index:-1;
	box-shadow:inset var(--xpx-) var(--xpx-) var(--xpx-) rgba(255,255,255,.5),
		inset var(---xpx-) var(---xpx-) var(--xpx-) rgba(0,0,0,.4),var(--box-out-shadow-);
}
[as-box|="paper"]::after{/*纸张容器-阴影*/
	content:"";display:block;position:absolute;
	right:var(--paper-s-d);top:calc(var(--paper-bg-top-) + 1.5px);bottom:var(--paper-s-d);
	width:80%;max-width:calc(280 * var(--PX-));z-index:-2;
	background:no-repeat url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzYwIDMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIDBoMzYwbC0xIDE2IDEgMTZIMHoiLz48L3N2Zz4=) right top/auto 100%;
	filter:drop-shadow(var(--paper-shadow));
	transform:skewY(2.5deg);transform-origin:right bottom;
	border-radius:var(--box-radius-);
	border-top-left-radius:100%;border-bottom-left-radius:0;
}
[as-box][as-box|="glass"]{/*玻璃容器*/
	box-shadow:inset 0 0 0 var(--PX-) rgba(var(--box-lit-).85),0px 0px 3px #000000;
	background-color:transparent;
	background-image:linear-gradient(145deg,
		rgba(var(--box-fit-),.85),rgba(var(--box-bg-),.85),rgba(var(--box-dim-),.85));
	box-shadow:inset 0 0 0 var(--PX-) rgba(var(--box-lit-),.85),
		0 0 var(--PX2-) rgba(0,0,0,.6),var(--box-out-shadow-);
}
[as-box|="glass"] *:not([as-box])>[as-btn],
[as-box$="-glass"] *:not([as-box])>[as-btn][as-btn],
[as-box|="glass"]>[as-btn],
[as-box][as-box$="-glass"]>[as-btn],
[as-box][as-box$="-glass"]>[s-btn],
[as-btn][as-btn][as-btn][as-btn][as-btn|="glass"]{/*玻璃风-条目*/
	/*按钮根*/
	--btn-el-bg-:transparent;--btn-el-shadow-:none;--btn-el-hover-filter-:var(--active-filter-);
	/*按钮before*/--btn-before-:none;
	/*按钮主体*/
	--btn-bgColor-:transparent;
	--btn-bgImg-:linear-gradient(145deg,
		rgba(var(--btn-fit-),.85),rgba(var(--btn-bg-),.85),rgba(var(--btn-dim-),.85)
	);
	--btn-shadow-:inset 0 0 0 var(--PX-) rgba(255,255,255,calc(.5*var(--box-alpha-) + .5*var(--btn-alpha-))),0 0 var(--PX2-) rgba(0,0,0,.6);
	--btn-trans-:none;--btn-hover-trans-:none;--btn-hover-filter-:none;
}
[as-box][as-box|="crystal"]{/*水晶容器*/
	box-shadow:inset 0 0 0 var(--PX-) rgba(var(--box-lit-),.85),0px 0px 3px #000000;
	background-color:rgba(var(--box-fit-),.75);
	background-image:radial-gradient(ellipse 1000% 1000% at -300% -300%,
		rgba(var(--box-lit-),.4),rgba(var(--box-fit-),.4) 49.9%,
		rgba(var(--box-dim-),.4) calc(49.9% + 1px),rgba(var(--box-fit-),.4)
	);
	box-shadow:inset 0 0 0 var(--PX-) rgba(255,255,255,.5),
		0 0 var(--PX2-) rgba(0,0,0,.6),var(--box-out-shadow-);
}
[as-box|="crystal"] *:not([as-box])>[as-btn],
[as-box$="-crystal"] *:not([as-box])>[as-btn][as-btn],
[as-box|="crystal"]>[as-btn],
[as-box][as-box$="-crystal"]>[as-btn],
[as-box][as-box$="-crystal"]>[s-btn],
[as-btn][as-btn][as-btn][as-btn][as-btn|="crystal"]{/*水晶风-条目*/
	/*容器只负责hover效果*/
	--btn-el-bg-:transparent;--btn-el-shadow-:none;--btn-el-hover-filter-:var(--active-filter-);
	/*无before*/--btn-before-:none;
	/*按钮主体*/
	--btn-bgColor-:transparent;--btn-trans-:none;--btn-hover-trans-:none;--btn-hover-filter-:none;
	--btn-bgImg-:radial-gradient(ellipse 200% 100% at 0 0,
		rgba(var(--btn-lit-),.85),rgba(var(--btn-fit-),.85) 50%,
		rgba(var(--btn-dim-),.85) calc(50% + 2px),rgba(var(--btn-fit-),.85)
	);
	--btn-shadow-:inset 0 0 0 var(--PX-) rgba(255,255,255,calc(.5*var(--box-alpha-) + .5*var(--btn-alpha-))),0 0 var(--PX2-) rgba(0,0,0,.75);
}
[as-box][as-box|="metal"]{/*金属容器*/
	box-shadow:inset var(--xpx-) var(--xpx-) 0 var(--xpx-) rgba(var(--box-lit-),.5),var(---xpx-) var(---xpx-) 0 var(--xpx-) rgb(var(--box-lit-)),
		inset var(---xpx-) var(---xpx-) 0 var(--xpx-) rgba(0,0,0,.2),var(--xpx-) var(--xpx-) 0 var(--xpx-) rgba(0,0,0,.35),var(--xpx-) var(--xpx-) 0 var(--xpx-) rgb(var(--box-dim-)),
		var(--box-out-shadow-);
	background-color:transparent;
	background-image:linear-gradient(160deg,
		rgba(0,0,0,0) 30%,rgba(255,255,255,var(--box-alpha-)),rgba(0,0,0,0) 70%
	),repeating-radial-gradient(circle at -25% 125%,
		rgba(var(--box-dim-),.5),rgb(var(--box-fit-),.5) 5.3px
	),repeating-radial-gradient(circle at -25% 125%,
		rgb(var(--box-fit-)),rgb(var(--box-dim-)) 2.9px
	);
}
[as-box|="metal"] *:not([as-box])>[as-btn],
[as-box$="-metal"] *:not([as-box])>[as-btn][as-btn],
[as-box|="metal"]>[as-btn],
[as-box][as-box$="-metal"]>[as-btn],
[as-box][as-box$="-metal"]>[s-btn],
[as-btn][as-btn][as-btn][as-btn][as-btn|="metal"]{/*金属风-条目*/
	/*容器只负责hover效果*/
	--btn-el-bg-:transparent;--btn-el-shadow-:none;--btn-el-hover-filter-:var(--active-filter-);
	/*无before*/--btn-before-:none;
	/*按钮主体*/
	--btn-shadow-:inset var(--xpx-) var(--xpx-) 0 var(--xpx-) rgba(255,255,255,var(--btn-alpha-)),var(---xpx-) var(---xpx-) 0 var(--xpx-) rgba(0,0,0,var(--btn-alphax-)),var(--xpx-) var(--xpx-) 0 var(--xpx-) rgba(255,255,255,var(--btn-alpha-)),inset var(---xpx-) var(---xpx-) 0 var(--xpx-) rgba(0,0,0,var(--btn-alphax-));
	--btn-bgColor-:transparent;--btn-trans-:none;--btn-hover-trans-:none;--btn-hover-filter-:none;
	--btn-bgImg-:linear-gradient(135deg,
		rgba(0,0,0,0) 1em,rgba(255,255,255,var(--btn-alpha-)) 1.41em,rgba(0,0,0,0) 1.82em
	),/*repeating-radial-gradient(circle at 1em 1em,
		rgba(var(--btn-fit-),0),rgba(var(--btn-fit-),.5) 11.5px,rgb(var(--btn-dim-),.5) 12.65px
	),*/repeating-radial-gradient(circle at 1em 1em,
		rgb(var(--btn-dim-)),rgb(var(--btn-fit-)) 2.3px
	);
}
[as-box][as-box|="wood"]{/*木纹容器*/
	box-shadow:inset var(--xpx-) var(--xpx-) 0 var(--xpx-) rgba(var(--box-lit-),.5),var(---xpx-) var(---xpx-) 0 var(--xpx-) rgb(var(--box-lit-)),
		inset var(---xpx-) var(---xpx-) 0 var(--xpx-) rgba(0,0,0,.2),var(--xpx-) var(--xpx-) 0 var(--xpx-) rgba(0,0,0,.35),var(--xpx-) var(--xpx-) 0 var(--xpx-) rgb(var(--box-dim-)),
		var(--box-out-shadow-);
	background-color:rgb(var(--box-fit-));
	background-image:repeating-radial-gradient(ellipse 100vmax 50vmax at 30% 20%,
		rgba(var(--box-dim-),calc(.5*var(--box-alpha-))),
		rgba(var(--box-fit-),calc(.5*var(--box-alpha-))) 30px,
		rgba(var(--box-dim-),calc(.5*var(--box-alpha-))) 32px
	);
}
[as-box|="wood"] *:not([as-box])>[as-btn],
[as-box$="-wood"] *:not([as-box])>[as-btn][as-btn],
[as-box$="-wood"]>[s-btn],
[as-box|="wood"]>[as-btn],
[as-box][as-box$="-wood"]>[as-btn],
[as-box][as-box$="-wood"]>[s-btn],
[as-btn][as-btn][as-btn][as-btn][as-btn|="wood"]{/*木纹风-条目*/
	/*容器只负责hover效果*/
	--btn-el-bg-:transparent;--btn-el-shadow-:none;--btn-el-hover-filter-:var(--active-filter-);
	/*无before*/--btn-before-:none;
	/*按钮主体*/
	--btn-shadow-:inset var(--xpx-) var(--xpx-) 0 var(--xpx-) rgba(255,255,255,var(--btn-alpha-)),var(---xpx-) var(---xpx-) 0 var(--xpx-) rgba(0,0,0,var(--btn-alphax-)),var(--xpx-) var(--xpx-) 0 var(--xpx-) rgba(255,255,255,var(--btn-alpha-)),inset var(---xpx-) var(---xpx-) 0 var(--xpx-) rgba(0,0,0,var(--btn-alphax-));
	--btn-bgColor-:transparent;--btn-trans-:none;--btn-hover-trans-:none;--btn-hover-filter-:none;
	--btn-bgImg-:repeating-radial-gradient(ellipse 100em 80em at 1.5em .2em,
		rgb(var(--btn-dim-)),rgb(var(--btn-fit-)) 7px,rgb(var(--btn-dim-)) 7.5px
	);
}

[as-btn]:not([s-btn]){/*类按钮主体*/
	--btn-lit-:var(--btn0-lit-);--btn-dim-:var(--btn0-dim-);
	--btn-fit-:var(--btn0-fit-);--btn-alpha-:var(--btn0-alpha-);
	--btn-fg-:var(--btn1-bg-);--btn-bg-:var(--btn0-bg-);--btn-alphax-:var(--btn1-alpha-);
	color:rgb(var(--btn-fg-));background-color:var(--btn-bgColor-);
	background-image:var(--btn-bgImg-);
	box-shadow:var(--btn-shadow-);
}

/*<s-btn>(默认flat)********************/
[s-btn]{/*按钮根*/
	--btn-lit-:var(--btn0-lit-);--btn-dim-:var(--btn0-dim-);
	--btn-fit-:var(--btn0-fit-);--btn-alpha-:var(--btn0-alpha-);
	--btn-fg-:var(--btn1-bg-);--btn-bg-:var(--btn0-bg-);--btn-alphax-:var(--btn1-alpha-);
	/*按钮根*/
	--btn-el-bg-:transparent;--btn-el-shadow-:none;--btn-el-hover-filter-:var(--active-filter-);
	/*按钮before*/--btn-before-:none;
	/*按钮主体*/
	--btn-bgColor-:rgb(var(--btn-bg-));--btn-bgImg-:none;
	--btn-trans-:none;--btn-hover-trans-:none;--btn-hover-filter-:none;
	--btn-shadow-:inset 0 0 0 var(--PX-) rgba(var(--btn-fg-),.7);
	/* transition:filter .2s; */
	-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;
	outline:none;
	display:inline-block;margin:var(--ipt-margin-);text-align:center;
	line-height:var(--btn-height-);height:var(--btn-height-);
	position:relative;padding:.5px;box-sizing:content-box;
	cursor:default;user-select:none;
	border-radius:var(--btn-radius-);
	background-color:var(--btn-el-bg-);
	box-shadow:var(--btn-el-shadow-);
	color:rgb(var(--btn-fg-));
}
[s-btn][compact]{
	--btn-padding-x-:calc(.5*var(--btn-height-) - .5em);
	--btn-min-width-:var(--btn-height-)
}
[s-btn][s-btn][s-btn][s-btn][quiet]:not(:hover),
[s-btn][s-btn][s-btn][s-btn][s-btn][quiet="always"],
[s-btn][s-btn][s-btn][s-btn][quiet]:disabled{
	/*容器做凹陷*/
	--btn-el-bg-:transparent;--btn-el-shadow-:none;
	/*按钮before*/--btn-before-:none;
	/*按钮主体*/
	--btn-bgColor-:transparent;--btn-bgImg-:none;--btn-trans-:none;--btn-shadow-:none;
	--btn-hover-trans-:none;
}
[s-btn][s-btn][s-btn][s-btn][s-btn][quiet]{
	--active-filter-:none;--btn-el-hover-filter-:none;
}
[s-btn][s-btn][s-btn][s-btn][noborder]{--btn-shadow-:none}
[s-btn][rect]{--btn-radius-:var(var(--PX4-))}
[s-btn][default]{
	--btn-lit-:var(--btn1-lit-);--btn-dim-:var(--btn1-dim-);
	--btn-fit-:var(--btn1-fit-);
	--btn-alpha-:var(--btn1-alpha-);--btn-alphax-:var(--btn0-alpha-);
	--btn-fg-:var(--btn0-bg-);--btn-bg-:var(--btn1-bg-);
}
[s-btn]::before{/*用于:剪纸阴影,墨迹+粉笔底色*/
	content:var(--btn-before-);display:block;
	position:absolute;left:0;right:0;top:0;bottom:var(--btn-before-bottom-);
	border-radius:var(--btn-radius-);
	background-color:var(--btn-before-bg-);
	transform-origin:top;transform:var(--btn-before-trans-);
	border:var(--btn-before-border-);
	-webkit-filter:var(--btn-before-filter-);filter:var(--btn-before-filter-);
	transition:transform 0.2s
}
[s-btn]:disabled{
	-webkit-filter:saturate(0) contrast(.3);filter:saturate(0) contrast(.3);
}
[s-btn]:not(:disabled):hover:not(:active){
	-webkit-filter:var(--btn-el-hover-filter-);filter:var(--btn-el-hover-filter-);
}
[s-btn]:not(:disabled):hover:not(:active)::before{
	transform:var(--btn-hover-before-trans-);background-color:var(--btn-hover-before-bg-);
}

[s-btn]>b{/*按钮主体*/
	transition:transform .2s;font:inherit;
	display:inline-block;min-width:var(--btn-min-width-);
	height:var(--btn-height-);width:var(--btn-width-,auto);
	padding:0 var(--btn-padding-x-);box-sizing:border-box;
	color:rgb(var(--btn-fg-));background-color:var(--btn-bgColor-);
	background-image:var(--btn-bgImg-);
	box-shadow:var(--btn-shadow-);border-radius:var(--btn-radius-);
	transform-origin:top;transform:var(--btn-trans-);
}
[s-btn]:not(:disabled):hover:not(:active)>b{
	transform:var(--btn-hover-trans-);
	-webkit-filter:var(--btn-hover-filter-);filter:var(--btn-hover-filter-);
}
[s-btn]>*>[ico]{/*按钮中的图标*/
	width:1em;line-height:1em;
	--b-ico-dy:calc(.5*var(--btn-height-) - .5em);
	--b-ico-dx:calc(var(--b-ico-dy) - var(--btn-padding-x-));
	margin-top:var(--b-ico-dy);
}
[s-btn]>*>img[ico]{vertical-align:top;margin-top:var(--b-ico-dy)}
[s-btn]>*>[ico$="t"]{/*按钮left或right图标*/
	margin:var(--b-ico-dy) calc(.5*var(--b-ico-dy)) 0 var(--b-ico-dx);
}
[s-btn]>*>[ico="right"]{/*按钮默认图标*/
	margin-left:.25em;margin-right:var(--b-ico-dx);
}
[s-btn][compact]>*>[ico="left"]{margin-right:0}
[s-btn][compact]>*>[ico="right"]{margin-left:0}

/*各种按钮的css变量*/
[as-box$="-cut"] *:not([as-box])>[s-btn],
[as-box][as-box$="-cut"]>[s-btn],
[s-btn][s-btn][s-btn][s-btn][as-btn|="cut"]{/*剪纸风-按钮*/
	/*容器做凹陷*/
	--btn-el-bg-:rgb(var(--btn-fg-));--btn-el-shadow-:inset .5px .5px 3px .5px rgba(0,0,0,.8);
	--btn-el-hover-filter-:none;
	/*before做阴影*/
	--btn-before-:"";--btn-before-bottom-:-1px;--btn-before-border-:none;
	--btn-before-bg-:rgba(0,0,0,.3);--btn-hover-before-bg-:rgba(0,0,0,.3);
	--btn-before-trans-:skewX(4deg);--btn-hover-before-trans-:scaleY(1.1) skewX(12deg);
	--btn-before-filter-:none;
	/*主体做纸片*/
	--btn-bgImg-:none;--btn-bgColor-:rgb(var(--box-bg-));
	--btn-shadow-:inset .5px 0 0 0 rgba(255,255,255,.5),inset -.5px 0 0 0 rgba(255,255,255,.5);
	--btn-trans-:translateY(-1px);--btn-hover-trans-:translateY(-1px) skewX(4deg) rotateX(30deg);
	--btn-hover-filter-:brightness(1.1);
}
[as-box$="-cut"] *:not([as-box])>[s-btn][default],
[as-box$="-cut"]>[s-btn][default],
[s-btn][s-btn][s-btn][default][as-btn|="cut"]{
	--btn-bgColor-:rgb(var(--btn-bg-));
}
[as-box$="-ink"] *:not([as-box])>[s-btn],
[as-box][as-box$="-ink"]>[s-btn],
[s-btn][s-btn][s-btn][as-btn|="ink"],
[as-box$="-chalk"] *:not([as-box])>[s-btn],
[as-box][as-box$="-chalk"]>[s-btn],
[s-btn][s-btn][s-btn][s-btn][as-btn|="chalk"]{/*墨迹,粉笔-按钮*/
	/*容器只负责hover效果*/
	--btn-el-bg-:transparent;--btn-el-shadow-:none;--btn-el-hover-filter-:hue-rotate(95deg);
	/*before做底色*/
	--btn-before-:"";--btn-before-bottom-:0;--btn-before-border-:solid var(--PX2-) rgb(var(--btn-fg-));
	--btn-before-bg-:transparent;--btn-hover-before-bg-:rgba(var(--btn-bg-),.5);
	--btn-before-trans-:none;--btn-hover-before-trans-:none;
	/*主体无特效*/
	--btn-bgImg-:none;--btn-bgColor-:transparent;
	--btn-shadow-:none;--btn-hover-filter-:none;
	--btn-trans-:translateX(0);--btn-hover-trans-:translateX(0);
}
[as-box$="-ink"] *:not([as-box])>[s-btn][default],
[as-box$="-ink"]>[s-btn][default],
[s-btn][s-btn][default][as-btn|="ink"],
[as-box$="-chalk"] *:not([as-box])>[s-btn][default],
[as-box$="-chalk"]>[s-btn][default],
[s-btn][s-btn][s-btn][default][as-btn|="chalk"]{/*墨迹,粉笔-按钮默认*/
	--btn-before-border-:none;
	--btn-before-bg-:rgb(var(--btn-bg-));--btn-hover-before-bg-:rgb(var(--btn-bg-));
}
[as-box$="-ink"] *:not([as-box])>[s-btn],
[as-box][as-box$="-ink"]>[s-btn],
[s-btn][s-btn][s-btn][s-btn][as-btn|="ink"]{/*墨迹风-按钮*/
	--btn-before-filter-:url($$.Ele.svg#svg-filter-ink);
}
[as-box$="-chalk"] *:not([as-box])>[s-btn],
[as-box][as-box$="-chalk"]>[s-btn],
[s-btn][s-btn][s-btn][s-btn][as-btn|="chalk"]{/*粉笔风-按钮*/
	--btn-before-filter-:url($$.Ele.svg#svg-filter-chalk);
}

/*<s-list>*/
[s-list]{position:relative;--item-disp-:inline-block}
[s-list]>p[at]{/*拖动位置指示*/
	position:absolute;margin:0 0 0 -.125em;padding:0;display:none;
	background:rgb(var(--ask0-fg-));
}
[s-list]>p[at="vertical"]{margin:-.125em 0 0 0;}
[s-list]>[item]{
	display:var(--item-disp-);margin:.5em;padding:0 .5em;border-radius:.2em;
	line-height:2em;cursor:default;transition:all .2s;
	writing-mode:initial;direction:initial;
}
[s-list]>[item]:hover{background:rgba(var(--box-fg-),.1);}
[s-list]>[item]>[type="checkbox"]{margin-left:0}/*???后续不用input实现会取消*/
[s-list]>[item][focus]{box-shadow:inset 0 0 0 .1em rgba(var(--box-fg-),.5);}
[s-list]>[item][checked]{background:rgba(var(--box-fg-),.2);}
[s-list]>[item][dragover-at="in"]{/*拖动放置提示*/
	background-color:rgb(var(--ask0-fg-));
	color:rgb(var(--ask0-bg-));
}

/*<s-tree>*/
[s-tree]>div[s-tree]{padding-left:1em}
[s-tree]>[node]{
	list-style:none;height:2em;padding:0 .25em;line-height:2em;
	cursor:default;border-radius:.2em;transition:all .2s;
	margin:0 0 0 2em;display:block;
	white-space:nowrap;text-align:left;
	position:relative;/*作为[toggle]定位的包含块*/
}
[s-tree]>[node]:hover{background:rgba(var(--box-fg-),.1);}
[s-tree]>[node][focus]{box-shadow:inset 0 0 0 .1em rgba(var(--box-fg-),.5);}
[s-tree]>[node][checked]{background-color:rgba(var(--box-fg-),.2);}
[s-tree]>[node][dragover-at="in"]{/*拖动放置提示*/
	background-color:rgb(var(--ask0-fg-));
	color:rgb(var(--ask0-bg-));
}
[s-tree]>[node][dragover-at="before"]{
	background:linear-gradient(rgb(var(--ask0-fg-)) .25em,rgba(0,0,0,0) .25em);
	border-radius:0 0 .2em .2em;
}
[s-tree]>[node][dragover-at="after"]{
	background:linear-gradient(0deg,rgb(var(--ask0-fg-)) .25em,rgba(0,0,0,0) .25em);
	border-radius:.2em .2em 0 0;
}
[s-tree]>[node]>[toggle]{/*节点的收起展开指示*/
	display:inline-block;position:absolute;font-family:eleIco;
	color:rgb(var(--box-fg-));margin:0 0 0 -2.25em;padding:0 .5em;
	transition:transform .2s;user-select:none;
}
[s-tree]>[node][shrink]>[toggle]{
	transform:rotate(-90deg)
}
[s-tree]>[node][shrink]+[s-tree]{
	display:none;
}
[s-tree]>[node]>[type="checkbox"]{/*???后续不用input实现会取消*/
	margin-left:0
}

/*<s-table>*/
[s-table]{
	box-sizing:border-box;isolation:isolate;
	--t-outline-:1px solid var(--t-border-color-);/*组件外框*/
	--t-border-width-:0 1px 1px 0;/*单元格:框线宽度*/
	--t-border-color-:rgba(var(--box-fg-),var(--ipt-alpha-));/*单元格:框线颜色*/
	--t-border-style-:solid;/*单元格:框线样式*/
	--t-padding-:0 .5em;/*单元格:内边距*/
	--th1-border-width-:0 1px 2px 0;/*表头第一行:框线宽度*/
	--th1-border-color-:var(--t-border-color-);/*表头第一行:框线颜色*/
	--th1-border-style-:solid;/*表头第一行:框线类型*/
	--th1-padding-:0 .25em;/*表头第一行:内边距*/
	--t-border-top-:none;/*表格:上框线*/
	--t-border-right-:none;/*表格:右框线*/
	--t-border-bottom-:1px solid var(--t-border-color-);/*表格:下框线*/
	--t-border-left-:none;/*表格:左框线*/
	--t-fixed-bg-:rgb(var(--box-dim-));/*固定行/列背景色*/
	--t-sort-ico-:rgb(var(--box-fg-));/*排序指示图标颜色*/
	--t-odd-bar-x-:transparent;/*奇数行带状填充色*/
	--t-even-bar-x-:rgba(var(--box-fg-),.15);/*偶数行带状填充色*/
	--t-odd-bar-y-:rgba(var(--box-fg-),.15);/*奇数列带状填充色*/
	--t-even-bar-y-:transparent;/*偶数列带状填充色*/
	margin:1px;padding:0;border-radius:var(--ipt-radius-);
	outline:var(--t-outline-);
	isolation:isolate;
}
[s-table][as-box]{--t-outline-:none;}
[s-table][compact]{--t-padding-:0;--th1-padding-:0}
[s-table]>table{/*table*/
	min-width:100%;width:100%;font:inherit;table-layout:inherit;border-collapse:inherit;
	text-overflow:inherit;color:inherit;
}
[s-table]>table>tbody{
	overflow:inherit;text-overflow:inherit;
}
[s-table]>table>*>tr{/*所有行*/
	overflow:inherit;text-overflow:inherit;
}
[s-table]>table>*>tr>td{/*所有单元格*/
	padding:var(--t-padding-);overflow:inherit;text-overflow:inherit;
	border-width:var(--t-border-width-);
	border-color:var(--t-border-color-);
	border-style:var(--t-border-style-);
}
[s-table]>table>thead>tr>th{/*表头单元格(能点击排序)*/
	cursor:default;user-select:none;white-space:nowrap;box-sizing:border-box;
	padding:var(--th1-padding-);
}
[s-table]>table>thead>tr>th[_sort]::after{/*排序指示图标*/
	content:"\e605";display:inline-block;transition:transform .2s;
	font:bold 1em/1em eleIco;color:var(--t-sort-ico-);
}
[s-table]>table>thead>tr>th[_sort^="D"]::after{transform:rotate(180deg)}
[s-table]>table>thead>tr>th[_sort$="0"]::after{opacity:0}
[s-table]>table>thead>tr:first-child>*{/*表头第一行单元格*/
	border-width:var(--th1-border-width-);
	border-color:var(--th1-border-color-);
	border-style:var(--th1-border-style-);
}
[s-table]>table>thead[fixed]{/*固定顶部行*/
	position:sticky;top:0;background-color:var(--t-fixed-bg-);z-index:2
}
[s-table]>table>*>tr>*[fixed]{/*固定左侧列*/
	position:sticky;left:0;background-color:var(--t-fixed-bg-);z-index:1;
}
/*框线*/
[s-table][look-as~="no-outline"]{/*关闭组件外框*/
	--t-outline-:none;
}
[s-table][look-as~="no-border"]{/*关闭表格框线*/
	--t-border-width-:0;--t-border-top-:none;--t-border-right-:none;
	--th1-border-width-:0;--t-border-bottom-:none;--t-border-left-:none;
}
[s-table][look-as~="border-x"]{/*仅显示表内水平框线*/
	--t-border-width-:0 0 1px 0;--th1-border-width-:0 0 2px 0;
	--t-border-top-:none;--t-border-right-:none;
	--t-border-bottom-:none;--t-border-left-:none;
}
[s-table][look-as~="border-xx"]{/*仅显示表内及表上下水平框线*/
	--t-border-width-:0 0 1px 0;--th1-border-width-:0 0 2px 0;
	--t-border-top-:1px solid var(--t-border-color-);--t-border-right-:none;
	--t-border-bottom-:1px solid var(--t-border-color-);--t-border-left-:none;
}
[s-table][look-as~="border-y"]{/*仅显示表内垂直框线*/
	--t-border-width-:0 1px 0 0;--th1-border-width-:0 1px 0 0;
	--t-border-top-:none;--t-border-right-:none;
	--t-border-bottom-:none;--t-border-left-:none;
}
[s-table][look-as~="border-yy"]{/*仅显示表内及表左右垂直框线*/
	--t-border-width-:0 1px 0 0;--th1-border-width-:0 1px 0 0;
	--t-border-top-:none;--t-border-right-:1px solid var(--t-border-color-);
	--t-border-bottom-:none;--t-border-left-:1px solid var(--t-border-color-);
}
/*表格上右下左框线*/
[s-table][s-table]>table>thead>tr:first-of-type>*{border-top:var(--t-border-top-)}
[s-table][s-table]>table>colgroup+tbody>tr:first-of-type>*{border-top:var(--t-border-top-)}
[s-table][s-table]>table>*>tr>*:last-child{border-right:var(--t-border-right-)}
[s-table][s-table]>table>tbody>tr:last-of-type>*{border-bottom:var(--t-border-bottom-)}
[s-table][s-table]>table>*>tr>*:first-child{border-left:var(--t-border-left-)}
/*行带状填充*/
[s-table][look-as~="bar-fill-x"]>table>*:not(colgroup)>*:nth-child(odd){/*奇数行*/
	background-color:var(--t-odd-bar-x-);
}
[s-table][look-as~="bar-fill-x"]>table>*>tr:nth-child(odd)>*[fixed][fixed]{/*固定列奇数行单元格*/
	background:var(--t-fixed-bg-) linear-gradient(var(--t-odd-bar-x-),var(--t-odd-bar-x-));
}
[s-table][look-as~="bar-fill-x"]>table>*:not(colgroup)>*:nth-child(even){/*偶数行*/
	background-color:var(--t-even-bar-x-);
}
[s-table][look-as~="bar-fill-x"]>table>*>tr:nth-child(even)>*[fixed][fixed]{/*固定列偶数行单元格*/
	background:var(--t-fixed-bg-) linear-gradient(var(--t-even-bar-x-),var(--t-even-bar-x-));
}
/*列带状填充*/
[s-table][look-as~="bar-fill-y"]>table>colgroup>col:nth-child(odd),
[s-table][look-as~="bar-fill-y"]>table>thead[fixed]>tr>*:nth-child(odd){
	background-color:var(--t-odd-bar-y-);
}
[s-table][look-as~="bar-fill-y"]>table>*>tr>*[fixed][fixed]:nth-child(odd){
	background:var(--t-fixed-bg-) linear-gradient(var(--t-odd-bar-y-),var(--t-odd-bar-y-));
}
[s-table][look-as~="bar-fill-y"]>table>colgroup>col:nth-child(even),
[s-table][look-as~="bar-fill-y"]>table>thead[fixed]>tr>*:nth-child(even){
	background-color:var(--t-even-bar-y-);
}
[s-table][look-as~="bar-fill-y"]>table>*>tr>*[fixed][fixed]:nth-child(even){
	background:var(--t-fixed-bg-) linear-gradient(var(--t-even-bar-y-),var(--t-even-bar-y-));
}
/*行+列带状填充*/
[s-table][look-as~="bar-fill-x"][look-as~="bar-fill-y"]>table>*>tr:nth-child(odd)>*[fixed][fixed]:nth-child(even){
	background-image:linear-gradient(var(--t-odd-bar-x-),var(--t-odd-bar-x-)),
		linear-gradient(var(--t-even-bar-y-),var(--t-even-bar-y-));
}
[s-table][look-as~="bar-fill-x"][look-as~="bar-fill-y"]>table>*>tr:nth-child(even)>*[fixed][fixed]:nth-child(odd){
	background-image:linear-gradient(var(--t-even-bar-x-),var(--t-even-bar-x-)),
		linear-gradient(var(--t-odd-bar-y-),var(--t-odd-bar-y-));
}
[s-table][look-as~="bar-fill-x"][look-as~="bar-fill-y"]>table>*>tr:nth-child(odd)>*[fixed][fixed]:nth-child(odd){
	background-image:linear-gradient(var(--t-odd-bar-x-),var(--t-odd-bar-x-)),
		linear-gradient(var(--t-odd-bar-y-),var(--t-odd-bar-y-));
}
[s-table][look-as~="bar-fill-x"][look-as~="bar-fill-y"]>table>*>tr:nth-child(even)>*[fixed][fixed]:nth-child(even){
	background-image:linear-gradient(var(--t-even-bar-x-),var(--t-even-bar-x-)),
		linear-gradient(var(--t-even-bar-y-),var(--t-even-bar-y-));
}
/*<s-pages>*/
[s-pages]{
	padding:0;display:flex;flex-direction:column;
}
[s-pages]>[s-list]{border-bottom:1px solid rgba(var(--box-txt-),.6);margin:.25em 1em .5em 1em}
[s-pages]>[s-list]>[item]{
	margin:0 .5em 0 0;padding:.5em .5em .25em .5em;box-sizing:border-box;
	vertical-align:bottom;border-bottom:.25em solid transparent;text-align:center;
	border-radius:0;line-height:1em;color:rgba(var(--box-txt-),.6);
}
[s-pages]>[s-list]>[item]:hover{
	border-bottom:.25em solid rgba(var(--box-txt-),.4);background:none;
}
[s-pages]>[s-list]>[item][focus]{
	box-shadow:none;
	border-bottom:.25em solid rgba(var(--box-txt-),.8);color:rgb(var(--box-txt-))
}
[s-pages]>[s-list] ~ *{flex:auto;margin:0 1em 1em 1em}

/*
grid布局 https://blog.csdn.net/weixin_41192489/article/details/115588135
*/

/*菜单********************************/
[as-menu="pop"]>[item]{
	display:block;margin:0;padding:0 .5em;border-radius:var(--box-radius-);
	color:rgb(var(--box-txt-))
}
[as-menu="pop"]>[item]:hover{background-color:rgba(var(--box-dim-),.5);}

/*常用定位*/
[as-pos|="fixed"]{position:fixed}
[as-pos|="abs"]{position:absolute}
[as-pos|="sticky"]{position:sticky}
[as-pos|="relative"]{position:relative}
[as-pos|="static"]{position:static}
[as-pos$="full"]{top:0;right:0;bottom:0;left:0}
[as-pos$="top"]{top:0;right:0;left:0}
[as-pos$="right"]{top:0;right:0;bottom:0}
[as-pos$="bottom"]{right:0;bottom:0;left:0}
[as-pos$="left"]{top:0;bottom:0;left:0}
[as-pos$="center"]{top:0;right:0;bottom:0;left:0;margin:auto}