@font-face{font-family:"ico";src:url("data:application/octet-stream;base64,d09GMgABAAAAAATUAAsAAAAACbwAAASGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGVgCEAAqGRIVUATYCJAMoCxYABCAFg2YHaRtuCFGUMEoi2VcFdsP5DVFDu2x1eO3rh74RGh419COdz+dxxSR46vf7nb1vn+03abiEQoJoltSaJdFEFp1OCoRC02iV0Liay31i/6Wbjg/JApEO7YXvMpfNgzAVuuOrdKurfNlydyJxgBpJFLYC7/kk6bCkRe2H9KpZejZHYk5AclD2BL46sZO6L8p3ADSAGbD5n7/fy7+8gKrsO537ft360bFIiwTaxAYaGUANOpCJ+8xsa7bhxFPUUyQDv7PnIIDRvVXtO7p4gOGWQwLGdXitQDFWtqLAgfYphA6MFyKEoOOkV0nAB255AmqSX9/WowccvgffaLhDH3ZeEQsv/zN8EJdLAce2B7RvJyLnnalDtazVXsPuL1FGAUkiHPpDWaylr5pY7qgoK2K4OSMk7T94WSAmJEBweCg+EUgARicB2Kd2DD8SCHcWgpCwetgQwK8QwBwIYB4IYD4CKFgAQpOFmEYEgEXHFIEKkBCkHZj3J8MDFIcaIpnflDZIayqlGlpaDeBB2Z7ZkKlmOtWD40su92KGgqAn4z2w3mCDycpEYpbHI6cBKAmdj0kYuntCnN4j7xzjR7dNyXunxMndodtH+PEdvX4gisbt7WFrNkvKTaZxaIzcF4D5ceKV8wKK9JIUa6AJBx93FEw+DzKBJu6mxtNLezcHK4e3EmZnZ1g+NTV9DYRh3PgpAHC5i5ycncFcUQU8WCAY7yoIyEOoqoRQnKZjX4R7L/O8MbQCrOWL3/UDEnxgrBG+1kUPYCjoCXRZeV5TXrIMusPW4IluBGTE06MZ/gxoC5/CAA7XnQsauWofjx2PPzpGdpuYQ5x5nIO5/xwyzpuyL0iVNsArs5ychdv+uhzpCxrU9Qfe0vt3FhJdYYXSKjIZcgF8KstrNqIr3GyjNzDKOJmoSMkb+Y2NU2xBQVpUlP1rOz37L6O1j3329SKNWT5+rqaNG5stwvnv4NMtHTHzdqoNnUaz+aHNxKBEOugXl2lLc6aLY2n2NNvUYin5k8XoM2yGrGl2VKVjoIHfq1DBV4p4LblXwL6tbYViDSRYqP7/M/mG2cgouSphNDIFvVfGUEqB5ktwA7Vg//PgaAD4v6QZUVe7UVSHMld/I7ceqVJqU/AGH3/Kv+F5uuQzc7Txxe7xB4CvXdP3BGQiUvzJGGLh38ggjPH5cHHGYGBewXYCGG1N+CLXwzDgv5jJvi3N5T9PEWVCtNB7KAmRyjJ6nwQFfYBSibT4KtDgzpdqiMYIEXPQO9Ks6T0i9kQqO9T7lJ9x8JA96o1Jr4cmaPyPPCnuMChTR11RUH9CVUQoMlMzyu9xjAKVQ+gzd86KSWARccaVzNiRFIRpKlmuZIweaSFRvqbrvOsNmicziHgk4Q4KlFIOdXQliScIXBDCeGZqxoDomIpBcwdB/sauOVaYCFhGQTjmj+FShh1NQkKcWizvNO9uxJBHKS2c0Mit6XYlLqWaLs/eKR/JjN6PMXHiiYovgYQSSSwmCYIlTJGwPnWUqOUo6l7oUDN15rKkWoLzeoHCr/MoxUZBpT8HAAAA")}
[app]>[app-msg]>[msg-box]{/*消息框附加css设定*/
	max-width:calc(100vw - 1rem)
}
[app]>[modal]>[close]::before,[ico="close"]::before{content:"\e604"}
[ico="ok"]::before{content:"\e603"}

/*模态对话框*/
[app]>[modal]>[head]{/*标题*/
	display:block;margin:-1em 0 1em 0;line-height:2em;
	text-align:center;color:rgb(var(--box-fg-));
}
[app]>[modal]>[ico]::before{/*logo*/
	display:block;position:absolute;
	height:2em;left:2px;top:2px;padding:0 .7em 0 .3em;
	border-radius:var(--box-radius-);border-top-right-radius:4px;
	border-bottom-left-radius:4px;border-bottom-right-radius:2em;
	background-color:rgba(var(--box-fg-),.5);
	font:normal 1em/1.6em ico;color:rgb(var(--box-bg-));
}
[app]>[modal]>[ico]::before{content:attr(ico)}
[app]>[modal]>[close]{/*关闭按钮*/
	position:absolute;right:0;top:0;width:2em;height:2em;
	font:normal 1em/2em ico;text-align:center;color:rgb(var(--box-fg-));
}

/**应用场景(非模态)*/
[app]>[scene]:not([modal]){
	width:28rem;max-width:100vw;box-sizing:border-box;
	border-radius:var(--box-radius-);margin:0 auto;font:normal 1em/2em Arial;
	top:3em;
}

/*标题栏导航区*/
[app]>.navs>a{
	display:inline-block;margin:.5em 0 0 1em;height:2em;box-sizing:border-box;
	color:rgb(var(--box-txt-));cursor:default;line-height:2em;vertical-align:middle;
}
[app]>.navs>a[focus="yes"]{
	border-bottom: .25em solid rgba(var(--box-txt-),.8);color:rgb(var(--box-txt-));
}
[app]>.navs>a[focus="no"]{opacity:.65}
[app]>.navs>a[op]{font-family:ico;width:2em;text-align:center;margin-left:.25em}