body {
	--danger-bg-color:red; --danger-fg-color:white;
	--notice-bg-color:blue; --notice-fg-color:white;
	--create-bg-color:blue; --create-fg-color:white;
	--progress-bg-color:red; --disable-fg-color:gray;
	--hover-bg-color:#5066b945; --hover-fg-color:white;
	--body-bg-color:black; --body-fg-color:silver;
	--box-border:#404141 solid 1px;
	--box-notice:var(--notice-bg-color) solid 1px;
	--box-shadow:var(--body-fg-color) 2px 2px 8px;

	--legend-bg-color:var(--body-bg-color);
	--input-fg-color: var(--body-fg-color);
	--input-border:var(--box-border); --input-radius:5px;
	--output-bg-color: var(--input-bg-color);
	--status-border:var(--box-border);
	--panel-bg-color:var(--panel-output-bg-color);
	--panel-fg-color:var(--panel-output-fg-color);
	--panel-output-fg-color: var(--body-fg-color);
	--panel-hover-bg-color:var(--hover-bg-color);
	--panel-hover-fg-color:var(--hover-fg-color);
	--plugin-border-color:var(--box-border); --plugin-radius:10px;
	--plugin-bg-color:var(--legend-bg-color);
	--panel-output-bg-color:var(--input-bg-color);
   	--plugin-fg-color:var(--body-fg-color);
	--th-bg-color:var(--plugin-bg-color);
	--td-hover-bg-color:var(--hover-bg-color);
	--tr-hover-bg-color:var(--hover-bg-color);
	--float-bg-color:var(--plugin-bg-color);
	--float-fg-color:var(--plugin-fg-color);
	--carte-bg-color:var(--plugin-bg-color);

	--desktop-icon-size:80px;
	--code-font-size:14px; --code-font-family:monospace;
	--code-bg-color:black; --code-fg-color:silver; --code-border-color:var(--notice-bg-color);
	--code-comment:green; --code-keyword:royalblue; --code-package:blue;
	--code-datatype:lavender; --code-function:lightgreen;
   	--code-constant:gray; --code-string:orange; --code-object:silver;
	--svg-stroke-width:1;
}
body.windows { --code-font-family:courier new; }
/* element */
* { tab-size:4; box-sizing:border-box; padding:0; border:0; margin:0; }
legend { padding:0 20px; }
select { padding:0 10px; }
input:not([type=file]) { padding:0 10px; }
input:not([type=button]) { border-radius:0; outline:none; width:120px; }
input[name=path] { width:160px; }
input[name=line] { width:60px; }
input[name=limit] { width:60px; }
input[name=offend] { width:80px; }
input[name=id] { width:60px; }
input[name=url] { width:320px; }
input[name=cmd] { background-color:var(--code-bg-color); color:var(--code-fg-color); width:100%; }
table.content.full { width:100%; }
table.content thead { position:sticky; top:2px; }
table.content tr.offline { color:var(--disable-fg-color); }
table.content tr.offline a { color:var(--disable-fg-color); }
table.content th { padding:5px; box-shadow: var(--box-shadow); }
table.content td { padding:5px; }
table.content.action th:last-child { position:sticky; right:2px; box-shadow: var(--box-shadow); }
table.content.action td:last-child { position:sticky; right:2px; box-shadow: var(--box-shadow); }
table.content.action td:last-child input { margin-right:10px; box-shadow:var(--box-shadow); }
table.content col.time { width:180px; }
table.content col.action { width:180px; }
table.content:hover col.option { background-color:var(--hover-bg-color); }
fieldset.panel.Action.tabs table.content { width:100%; }
h1 { text-align:center; margin:20px 0; } h2 { margin:20px 0; } h3 { margin:20px 0; }
hr, td.hr { border-bottom:var(--plugin-border-color) dashed 1px; margin:5px; }
ol, ul { margin-left:40px; }
a { color:var(--body-fg-color); font-style:italic; }
p { margin:20px 0; }
kbd { padding:0 5px; font-family:var(--code-font-family); }
img, iframe { margin-bottom:-3px; }
iframe { height:420px; width:100%; }
/* fieldset */
fieldset>legend { margin-right:10px; box-shadow:var(--box-shadow); }
fieldset>form.option>div.item:not(.icon) { margin-right:10px; box-shadow:var(--box-shadow); }
fieldset>form.option>div.item.text.cmd { color:var(--code-fg-color); width:100%; }
fieldset>form.option>div.item.textarea { width:100%; }
fieldset>form.option>div.item.select { border-radius:5px; }
fieldset>form.option>div.item.select>input { min-width:80px; }
fieldset>form.option>div.item.button { border-radius:5px; }
fieldset>div.action>div.item { margin-right:10px; box-shadow:var(--box-shadow); }
fieldset>div.action>div.item.select { border-radius:5px; }
fieldset>div.action>div.item.button { border-radius:5px; }
fieldset>div.output { width:100%; }
fieldset>div.status { width:100%; }
fieldset.input>legend { display:none; }
fieldset.input.key div.action { display:none; }
fieldset.input.key div.output table.content { width:100%; }
fieldset.input.key div.status:not(.hide) { display:block; position:sticky; bottom:0; }
fieldset.input.key.simple th { display:none; }
fieldset.input.key.simple td { min-width:40px; }
fieldset.input.date>div.action>div.item.next { margin-right:0; }
fieldset.input.date>div.action>div.item.today { margin-right:0; }
fieldset.input.date>div.output table.content { text-align:center; width:100%; min-width:350px; }
fieldset.input.date>div.output td { padding:2px 10px; }
fieldset.input.date>div.output td.prev { color:var(--disable-fg-color); }
fieldset.input.date>div.output td.next { color:var(--disable-fg-color); }
fieldset.input.date>div.output td.select { background-color:var(--hover-bg-color); }
fieldset.input.date>div.output td:hover { background-color:var(--hover-bg-color); }
fieldset.input.date>div.output td span.lunar { font-size:8px; display:block; clear:both; }
fieldset.input.date>div.output td span.lunar.term { color:green; }
fieldset.input.date>div.output td span.lunar.fest { color:red; }
fieldset.input.date>div.status { text-align:center; }
/* float */
body div.float { padding:5px; box-shadow:var(--box-shadow); }
body>div.toast div.title { color:var(--notice-bg-color); float:left; }
body>div.toast div.duration { color:var(--disable-fg-color); float:right; }
body>div.toast div.content { color:var(--notice-bg-color); text-align:center; }
body>div.toast div.progress { border:var(--box-notice); margin-left:0px; height:20px; clear:both; }
body>div.toast div.progress div.current { background-color:var(--progress-bg-color); height:18px; }
body>div.toast div.action { width:100%; display:block; }
body>div.toast div.action>div.item { float:right; }
body>div.carte { padding:0; }
body>div.carte input[name=filter] { margin:5px; width:calc(100% - 10px); position:sticky; top:5px; }
body>div.carte div.item { white-space:pre; padding:5px 10px; }
body>div.carte div.item span.icon.next { float:right; line-height:22px; height:22px; }
body>div.carte.select.float>div.item { text-align:center; }
body>div.input { padding:20px; }
body>div.input td { padding:10px; }
body>div.input td span.icon { margin-left:-20px; visibility:hidden; }
body>div.input td:hover span.icon { visibility:visible; }
body>div.input select { width:230px; }
body>div.input input { width:240px; }
body>div.input textarea { height:120px; width:240px; }
body>div.input div.action { width:100%; }
body>div.input div.action>div.item { margin:5px; float:right; }
body>div.input div.action>div.item>input[type=button] { width:110px; }
body>div.input.login>div.output { text-align:center; }
body>div.upload div.action input[type=file] { width:320px; }
body>div.upload div.output { border:var(--box-notice); }
body>div.upload div.output div.progress { background-color:var(--progress-bg-color); height:10px; width:0; }
body>div.upload div.status div.cost { float:left; }
body>div.upload div.status div.show { float:right; }
body>div.upload div.status div.size { text-align:center; }
/* font */
body { font-size:16px; }
legend { font-size:1.2rem; line-height:30px; height:32px; }
select, input { font-size:1rem; height:32px; } input::placeholder, textarea::placeholder { font-style:italic; }
textarea { font-size:1rem; tab-size:2; padding:5px; height:96px; width:100%; resize:vertical; }
table.content, div.code, div.story[data-type=spark] { white-space:pre; margin:0; }
div.story[data-type=spark] { padding:0 5px; border-left:var(--notice-bg-color) solid 5px; }
fieldset>div.action>div.tabs { font-style:italic; padding-left:10px; box-shadow:var(--box-shadow); margin-left:5px; }
fieldset>div.output>div.code { font-size:14px; }
fieldset>div.status { font-style:italic; max-height:32px; }
fieldset>div.status>div.item { padding:5px; height:31px; }
fieldset>div.status>div.item>label { font-size:0.6rem; }
fieldset>div.status>legend { font-style:italic; height:31px; }
legend, select, input[type=button], th, table.content td, h1, h2, h3, div.menu, div.item, div.tabs { cursor:pointer; }
div.story[data-type=spark] { cursor:copy; }
body.en fieldset.input.date>div.action>div.item.select select { width:55px; }
body.en fieldset.input.date>div.action>div.item.select.year select { width:100px; }
body.en fieldset.input.date>div.action>div.item.select.month select { width:100px; }
body.zh fieldset.input.date>div.action>div.item.select select { width:58px; }
body.zh fieldset.input.date>div.action>div.item.select.year select { width:81px; }
body.zh fieldset.input.date>div.action>div.item.select.month select { width:81px; }
body:not(.windows) table.content { font-family:monospace; }
body:not(.windows) div.code { font-family:monospace; }
body:not(.windows) div.tabs { font-family:monospace; }
body:not(.windows) div.path { font-family:monospace; }
body:not(.windows) div.carte { font-family:monospace; }
/* icon */
/* legend>i:first-child { margin-right:10px; } */
div.item>i:first-child { margin-right:10px; }
div.project div.item>i:first-child { color:var(--panel-output-fg-color); }
div.project div.item.text:hover>i:first-child { color:var(--plugin-fg-color); }
div.action div.icon, div.action span.icon { font-size:20px; line-height:32px; padding:0 5px; margin:0; height:32px; }
form.option div.icon, form.option span.icon { font-size:20px; line-height:32px; padding:0 5px; margin:0; height:32px; }
form.option div.icon:first-child { margin-left:-5px; }
form.option div.icon.refresh { font-size:28px; line-height:28px; translate:0 -1px; }
form.option div.icon.goback { font-size:28px; line-height:28px; translate:0 -1px; }
form.option div.icon.next { font-size:18px; }
form.option div.icon.prev { font-size:18px; }
div.item.select { position:relative; }
div.item.select>span.icon { position:absolute; right:0; visibility:hidden; }
div.item.select:hover>span.icon { visibility:visible; }
div.item.text { position:relative; }
div.item.text>span.icon { position:absolute; right:0; visibility:hidden; }
div.item.text:hover>span.icon { visibility:visible; }
div.item.button>span.icon.create { font-size:32px; line-height:32px; translate:0px -2px; display:block; }
div.tabs span.icon { padding:0 8px; visibility:hidden; }
div.tabs>div.select span.icon { visibility:visible; }
div.tabs>div:hover span.icon { visibility:visible; }
div.tabs:hover>span.icon { visibility:visible; }
fieldset.plug>form.option>div.icon { margin-left:5px; }
fieldset.panel>div.action>div.button>span.icon { display:none; }
fieldset.plugin:not(.story):not(.float):not(.full):not(.cmd)>form.option>div.icon { display:none; }
fieldset.plugin:not(.story):not(.float):not(.full):not(.cmd)>form.option>div.button>span.icon { display:none; }
fieldset.plugin:not(.story):not(.float):not(.full):not(.cmd)>div.action>div.button>span.icon { display:none; }
fieldset.story>form.option>div.button.icons>input { display:none; }
fieldset.float>form.option>div.button.icons>input { display:none; }
fieldset.full>form.option>div.button.icons>input { display:none; }
fieldset.cmd>form.option>div.button.icons>input { display:none; }
fieldset.story>div.action>div.button.icons>input { display:none; }
fieldset.float>div.action>div.button.icons>input { display:none; }
fieldset.full>div.action>div.button.icons>input { display:none; }
fieldset.cmd>div.action>div.button.icons>input { display:none; }
fieldset:not(.float)>form.option>div.text>span.value { display:none; }
fieldset.float.plug>form.option>div.text>span.value { display:none; }
fieldset.float:not(.plug)>form.option>div.text>input { display:none; }
fieldset.float:not(.plug)>form.option>div.text>span { display:none; }
fieldset.float:not(.plug)>form.option>div.text>span.value { white-space:pre; padding:7px; height:32px; max-width:200px; display:block; overflow:auto; }
fieldset.float div.text:hover>span.icon.delete { visibility:hidden; }
body.mobile:not(.landscape) fieldset.float>form.option>div.text>span.value { display:none; }
body.windows form.option>div.icon { font-size:21px; }
/* svg */
fieldset.web.wiki.draw div.output svg { min-width:100%; min-height:100%; }
svg text { font-size:24px; font-family:monospace; stroke:var(--body-fg-color); fill:var(--body-fg-color); cursor:pointer; }
svg text:hover { stroke:var(--hover-fg-color); fill:var(--hover-fg-color); cursor:pointer; }
svg rect { stroke-width:var(--svg-stroke-width); stroke:var(--body-fg-color); fill:var(--output-bg-color); }
svg rect:hover { stroke:var(--hover-fg-color); fill:var(--hover-bg-color); }
svg line { stroke-width:var(--svg-stroke-width); stroke:var(--body-fg-color); }
svg line:hover { stroke:var(--hover-fg-color); }
svg path { stroke-width:var(--svg-stroke-width); stroke:var(--body-fg-color); }
svg path:hover { stroke:var(--hover-fg-color); }
svg g[stroke] text { stroke:unset; }
svg g[stroke] rect { stroke:unset; }
svg g[stroke] line { stroke:unset; }
svg g[stroke] path { stroke:unset; }
svg g[fill] text { fill:unset; }
svg g[fill] rect { fill:unset; }
/* output */
div.project div.list { margin-left:10px; clear:both; }
div.project div.item { white-space:pre; line-height:24px; padding:0 10px; }
div.project div.item.filter { padding:0; }
div.project div.item.filter>i:first-child { position:absolute; padding:5px; }
div.project div.item.filter>input { width:100% !important; padding-left:25px; }
div.project div.item.filter>span { padding:4px; }
div.project div.item>div.name { padding-left:15px; }
div.project div.expand { float:left; transition:all .3s; }
div.project div.expand.open { rotate:90deg; translate:1px 2px; transition:all .3s; }
div.project div.zone>div.item { text-align:center; padding:3px; }
div.project div.zone>div.item>div.icon { margin-left:3px; float:right; }
div.project div.zone>div.list>div.zone>div.item { text-align:left; padding-left:20px; }
div.project div.zone>div.list>div.zone>div.item:hover { margin-left:10px; transition:all 0.3s;  }
div.content { position:relative; }
div.content>div.toggle { position:absolute; }
div.content>div.toggle:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); cursor:pointer; }
div.content>div.toggle.project { top:20%; left:0; height:80px; width:unset; padding-top:25px; transform:scale(1, 3); border:none; }
div.content>div.toggle.profile { top:20%; right:0; height:80px; padding-top:25px; transform:scale(1, 3); border:none; }
div.content>div.toggle.display { left:20%; bottom:0; width:80px; text-align:center; transform:scale(3, 1); border:none; }
div.project:not(.toggle) { border-right:var(--box-border); width:230px; flex:0 0 230px; }
div.profile:not(.toggle) { border-left:var(--box-border); width:50%; }
div.display:not(.toggle) { border-top:var(--box-border); }
/* table card */
div.output.card>div.item.stop { color:var(--disable-fg-color); }
div.output.card>div.item { padding:10px; border:var(--box-border); margin:10px; width:320px; float:left; box-shadow:var(--box-shadow); }
div.output.card>div.item>div.title { font-size:1.2rem; font-weight:bold; padding:10px; border-bottom:var(--box-border); }
div.output.card>div.item>div.content { padding:10px; height:70px; }
div.output.card>div.item>div.action { text-align:right; width:100%; display:flex; }
div.output.card>div.item:not(:hover)>div.action { visibility:hidden; }
div.output.card>div.item>div.action>input { margin-right:5px; box-shadow:var(--box-shadow); }
/* display */
fieldset.panel>legend { display:none; }
fieldset.panel>div.status { display:none; }
fieldset.output>legend { display:none; }
fieldset.output>form.option { display:none; }
fieldset.output>div.action { display:none; }
fieldset.output>div.status { display:none; }
fieldset.output>div.item { display:none; }
fieldset>form.option, fieldset>div.action { display:contents; } form.option.hide, div.action.hide, .hidden, .hide { display:none; }
div.action, div.output, div.status, div.project, div.content, div.profile, div.display, table.content, table.content td, div.list, div.code, div.story, div.float, fieldset.float { overflow:auto; }
legend, form.option, form.option>div.item, div.action, div.action>div.item, div.action>div.tabs, fieldset>div.status>div.item { float:left; }
fieldset.story, div.output, fieldset>div.status, div.project div.item, div.content:not(.item), div.code, div.story[data-type=spark] { clear:both; }
fieldset.story { position:sticky; left:0; }
fieldset.full { position:fixed; left:0; top:0; }
fieldset.auto, fieldset.full, fieldset.float, div.float { position:fixed; z-index:100; box-shadow:var(--box-shadow); }
fieldset.plug { position:absolute; bottom:0; right:0; }
div.output { position:relative; }
div.layout.flex>* { float:left; clear:none; }
div.output.flex { display:flex; overflow:hidden; }
div.output>div.code { position:sticky; left:0; }
fieldset>div.status>legend {
	border-radius:0; border-bottom-left-radius:10px; border-bottom-right-radius:10px; box-shadow:var(--box-shadow);
	margin-right:5px; float:right; clear:none;
}
fieldset>div.status>legend>span.remove { margin-left:5px; }
fieldset>div.status>legend>span.remove:hover { background-color:var(--hover-bg-color); }
fieldset>div.status>legend:not(:hover)>span.remove { visibility:hidden; }
fieldset>div.status>legend:not(:hover):not(.select) { background-color:unset; border-radius:0; }
/* theme */
body { background-color:var(--panel-bg-color); color:var(--body-fg-color); }
body.cmd { background-color:var(--plugin-bg-color); color:var(--body-fg-color); }
legend { background-color:var(--legend-bg-color); border-radius:var(--input-radius); }
legend:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
select { border-radius:var(--input-radius); }
input { background-color:var(--input-bg-color); color:var(--input-fg-color); border-radius:var(--input-radius); }
input:not([type=button]) { border:var(--input-border); }
input:not([type=button]):hover { border:var(--box-notice); }
input:not([type=button]):focus { border:var(--box-notice); }
input[type=button]:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
textarea { background-color:var(--input-bg-color); color:var(--input-fg-color); }
table.content tr:hover { background-color:var(--tr-hover-bg-color); }
table.content tr.select { background-color:var(--tr-hover-bg-color); }
table.content th { background-color:var(--th-bg-color); color:var(--th-fg-color); }
table.content td:hover { background-color:var(--td-hover-bg-color); }
table.content td.select { background-color:var(--td-hover-bg-color); }
table.content.action td:last-child { background-color:var(--th-bg-color); }
h1:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
h2:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
h3:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
kbd:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
samp:hover { background-color:white; color:black; }
span.keyword { color:var(--code-keyword); } span.function { color:var(--code-function); }
span.item:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
span.item.select { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
span.icon:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
div.item:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
div.item.select { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
div.item.danger input:hover[type=button] { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
div.item.notice input:hover[type=button] { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
div.action div.tabs:hover {
	background-color:var(--output-bg-color); color:var(--hover-fg-color);
	border-top-left-radius:10px; border-top-right-radius:10px;
}
div.action div.tabs.select {
	background-color:var(--output-bg-color); color:var(--hover-fg-color);
	border-top-left-radius:10px; border-top-right-radius:10px;
}
div.zone>div.item { background-color:var(--th-bg-color); }
div.zone>div.list>div.zone>div.item { background-color:var(--th-bg-color); }
div.tabs div { background-color:var(--plugin-bg-color); }
div.tabs div:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
div.tabs div.select { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
div.plug legend { background-color:var(--output-bg-color); border-radius:0; }
div.plug legend:hover { background-color:var(--hover-bg-color); }
div.plug legend.select { background-color:var(--plugin-bg-color); border-bottom:var(--box-notice); }
div.complete>table { background-color:var(--plugin-bg-color); }
fieldset>div.output { background-color:var(--output-bg-color); }
fieldset>div.status { border-top:var(--status-border); }
fieldset.panel:not(.main) { background-color:var(--panel-bg-color); color:var(--panel-fg-color); }
fieldset.panel:not(.main)>div.output { background-color:var(--panel-output-bg-color); color:var(--panel-output-fg-color); }
fieldset.panel:not(.main)>div.output a { color:var(--panel-output-fg-color); }
fieldset.panel:not(.main):not(.auto) div.item:hover { background-color:var(--panel-hover-bg-color); color:var(--panel-hover-fg-color); }
fieldset.panel:not(.main):not(.auto) div.item.select { background-color:var(--panel-hover-bg-color); color:var(--panel-hover-fg-color); }
fieldset:not(.panel) { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); }
fieldset:not(.panel):not(.cmd) { background-color:var(--plugin-bg-color); color:var(--plugin-fg-color); }
fieldset:not(.panel):not(.full):not(.cmd) { border-radius:var(--plugin-radius); box-shadow:var(--box-shadow); }
fieldset.input div.output { background-color:var(--plugin-bg-color); }
fieldset.input tr:hover { background-color:var(--tr-hover-bg-color); }
fieldset.input td:hover { background-color:var(--td-hover-bg-color); }
div.float { background-color:var(--float-bg-color); color:var(--float-fg-color); }
div.carte div.item { background-color:var(--carte-bg-color); }
div.carte div.item:hover { background-color:var(--hover-bg-color); }
div.carte div.item.danger { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
div.carte div.item.notice { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
/* print */
body.print { -webkit-filter: grayscale(100%); }
body.print { background-color:white; color:black; }
body.print legend, body.print select, body.print input, body.print input[type=button], body.print textarea { background-color:snow; color:black; }
body.print div.item { background-color:white; } 
body.print div.carte div.item { background-color:snow; }
body.print div.item.select { background-color:lightgray; }
body.print div.zone>div.item { background-color:lightgray; color:black; }
body.print table.content th { background-color:lightgray; }
body.print table.content.action td:last-child { background-color:lightgray; }
body.print table.content td.select { background-color:lightgray; }
body.print a { color:black; }
body.print div.story[data-type=spark] { background-color:lightgray; }
body.print fieldset.panel { background-color:white; color:black; }
body.print fieldset.panel.Footer>div.output div.toast { background-color:lightgray; }
body.print fieldset.plugin { background-color:white; color:black; }
body.print fieldset.float { background-color:snow; }
body.print div.float { background-color:snow; }
body.print select, body.print input[type=text], body.print textarea { box-shadow:4px 4px 20px 4px lightgray; }
body.print fieldset.draw div.output { background-color:lightgray; }
body.print fieldset.draw div.output div.content svg { background-color:lightgray; }
/* misc */
fieldset.Search div.story[data-type=spark] { margin:0; }
fieldset.Search>div.output>div.profile { border-left:none; }
fieldset.Action>div.output>fieldset.plugin:not(.output):not(.float):not(.full):not(.cmd) { padding:10px; margin:10px; box-shadow:var(--box-shadow); }
fieldset.Action>div.output>fieldset.plugin:not(.float):not(.full):not(.cmd)>legend { float:none; }
fieldset.cmd>div.item.time { line-height:22px; padding:5px 10px; float:right; }
fieldset.cmd>div.item.avatar { padding:0; height:32px; float:right; }
fieldset.cmd>div.item.avatar>img { height:32px; }
fieldset.cmd>div.item.usernick { line-height:22px; padding:5px 10px; float:right; }
fieldset.plug>div.output table.content { width:100%; }
fieldset.location>div.action input[type=text] { width:40px; }
fieldset.config form.option input[name=key] { width:240px; }
fieldset.qrcode>div.output div.code { padding:0; }
fieldset.inner.float>div.status { display:none; }
fieldset.xterm>div.action>div.tabs:only-child { display:none; }
fieldset.xterm>div.layout { clear:both; }
fieldset.xterm div.layout div.output { border-left:var(--box-border); border-top:var(--box-border); }
fieldset.xterm div.layout div.output.select { border:var(--box-border)}
fieldset.plan div.output div.content>table.content { height:100%; width:100%; }
fieldset.draw div.output svg { margin-bottom:-5px; }
fieldset.draw>form.option>div.item.pid>input { width:60px; }
fieldset.draw.trend div.output svg { background-color:#1b5b738c; }
fieldset.draw.trend div.output { overflow:hidden; }
fieldset.draw.spide div.output { overflow-y:hidden; }
fieldset.draw.spide div.output svg text { cursor:pointer; }
fieldset.draw.spide div.output svg path { stroke-width:1; }
fieldset.web.code.docker.studio>div.action>div.item { font-style:italic; height:32px; padding:5px 10px; }
fieldset.web.code.docker.studio>div.output>fieldset { margin:0; }
fieldset.web.code.docker.studio>div.output>fieldset>legend { display:none; }
fieldset.web.code.docker.studio>div.output>fieldset>form.option>div:first-child { margin-left:10px; }
fieldset.web.code.docker.studio>div.output { padding:10px; }
fieldset.web.code.git.status>div.output table.content { width:100%; }
fieldset.inner>div.output>div.project div.item.modify { background-color:#00800036; }
fieldset.cmd>div.action>div.tabs.select { border-bottom:var(--notice-bg-color) solid 2px; height:32px; }
fieldset.cmd>div.status>legend.select { border-top:var(--notice-bg-color) solid 2px; }
fieldset.cmd>div.output>div.project div.item.select { border-right:var(--notice-bg-color) solid 4px; }
/* fieldset.cmd>div.output>div.project div.item { line-height:32px; } */
fieldset.web.code.xterm>div.action>div.tabs:only-child { display:none; }
fieldset.macos.desktop.cmd>div.output>fieldset.macos.dock { z-index:11; }
fieldset.can.view { font-size:14px; }
fieldset.can.data { font-size:14px; }
fieldset.inner>form.option input[name=path] { width:80px; }
fieldset.inner>form.option input[name=file] { width:160px; }
body.zh fieldset.inner>div.output>div.project>div.zone>div.item { letter-spacing:10px; border-top:var(--box-border); }
body.white fieldset.inner.cmd>div.output>div.layout>div.tabs div:not(.select):not(:hover) { background-color:transparent; }
body.mobile fieldset.inner>form.option input[name=file] { width:90px; }
body.mobile fieldset.word fieldset.inner>form.option input[type=text] { display:none; }
body.windows fieldset.inner>div.output { overflow:hidden; }
body.windows fieldset.inner>div.output>div.layout>div.layout>div.profile { overflow:hidden; }
fieldset.vimer>div.output>div.project>div.zone.space div.item.stop { color:gray; }

/* scrollbar */
div.scrollbar { background-color:#0000ff66; border-radius:10px; position:absolute; visibility:hidden; font-size:8px !important; }
div.scrollbar.vertical { writing-mode:tb; width:10px; right:0; top:0; transition:width .3s 1s; }
div.scrollbar.vertical:hover { width:30px; transition:width .1s; font-size:24px !important; }
div.scrollbar.horizon:hover { height:30px; transition:height .1s; font-size:24px !important; }
div.scrollbar.horizon { height:10px; left:0; bottom:0; transition:height .3s 1s; }
fieldset.panel.River>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; }
fieldset.panel.Action>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; }
form.option>div.text>span.value::-webkit-scrollbar { width:0 !important; height:0 !important; }
div.status::-webkit-scrollbar { width:0 !important; height:0 !important; }
div.project::-webkit-scrollbar { width:0 !important; height:0 !important; }
div.content::-webkit-scrollbar { width:0 !important; height:0 !important; }
fieldset.word>div.output::-webkit-scrollbar { width:0 !important; height:0 !important; }
div.toggle::-webkit-scrollbar { width:0 !important; height:0 !important; }
div.story[data-type=spark]::-webkit-scrollbar { width:0 !important; height:0 !important; }
div.carte::-webkit-scrollbar { width:0 !important; height:0 !important; }

body {
	--ui-white: #fff;
	--ui-white-p: 255,255,255;
	--ui-black: #101828;
	--ui-black-p: 16,24,40;
	--ui-red-1: #fff1f0;
	--ui-red-2: #ffccc7;
	--ui-red-3: #ffa39e;
	--ui-red-4: #ff7875;
	--ui-red-5: #ff4d4f;
	--ui-red-5-p: 255,77,79;
	--ui-red-base: #f5222d;
	--ui-red-6: #f5222d;
	--ui-red-7: #cf1322;
	--ui-red-7-p: 207,19,34;
	--ui-red-8: #a8071a;
	--ui-red-9: #820014;
	--ui-red-10: #5c0011;
	--ui-yellow-1: #feffe6;
	--ui-yellow-2: #ffffb8;
	--ui-yellow-3: #fffb8f;
	--ui-yellow-4: #fff566;
	--ui-yellow-5: #ffec3d;
	--ui-yellow-base: #fadb14;
	--ui-yellow-6: #fadb14;
	--ui-yellow-7: #d4b106;
	--ui-yellow-8: #ad8b00;
	--ui-yellow-9: #876800;
	--ui-yellow-10: #614700;
	--ui-green-1: #e8f5e9;
	--ui-green-2: #c8e6c9;
	--ui-green-3: #a5d6a7;
	--ui-green-4: #81c784;
	--ui-green-5: #66bb6a;
	--ui-green-base: #4caf50;
	--ui-green-6: #4caf50;
	--ui-green-6-p: 76,175,80;
	--ui-green-7: #43a047;
	--ui-green-8: #388e3c;
	--ui-green-9: #2e7d32;
	--ui-green-10: #1b5e20;
	--ui-cyan-1: #e6fffb;
	--ui-cyan-2: #b5f5ec;
	--ui-cyan-3: #87e8de;
	--ui-cyan-4: #5cdbd3;
	--ui-cyan-5: #36cfc9;
	--ui-cyan-base: #13c2c2;
	--ui-cyan-6: #13c2c2;
	--ui-cyan-7: #08979c;
	--ui-cyan-8: #006d75;
	--ui-cyan-9: #00474f;
	--ui-cyan-10: #002329;
	--ui-blue-1: #e6f7ff;
	--ui-blue-2: #bae7ff;
	--ui-blue-3: #91d5ff;
	--ui-blue-4: #69c0ff;
	--ui-blue-5: #40a9ff;
	--ui-blue-base: #1890ff;
	--ui-blue-6: #1890ff;
	--ui-blue-6-p: 24,144,255;
	--ui-blue-7: #096dd9;
	--ui-blue-8: #0050b3;
	--ui-blue-9: #003a8c;
	--ui-blue-10: #002766;
	--ui-purple-1: #f4f1fd;
	--ui-purple-1-p: 244,241,253;
	--ui-purple-2: #e5ddfb;
	--ui-purple-3: #d1c3f8;
	--ui-purple-4: #bba7f4;
	--ui-purple-5: #9e81f0;
	--ui-purple-base: #9373ee;
	--ui-purple-6: #9373ee;
	--ui-purple-6-p: 147,115,238;
	--ui-purple-7: #7d62ca;
	--ui-purple-8: #6852a9;
	--ui-purple-9: #544288;
	--ui-purple-10: #42346b;
	--ui-magenta-1: #fff0f6;
	--ui-magenta-2: #ffd6e7;
	--ui-magenta-3: #ffadd2;
	--ui-magenta-4: #ff85c0;
	--ui-magenta-5: #f759ab;
	--ui-magenta-base: #eb2f96;
	--ui-magenta-6: #eb2f96;
	--ui-magenta-7: #c41d7f;
	--ui-magenta-8: #9e1068;
	--ui-magenta-9: #780650;
	--ui-magenta-10: #520339;
	--ui-pink-base: #eb2f96;
	--ui-pink-1: #fff0f6;
	--ui-pink-2: #ffd6e7;
	--ui-pink-3: #ffadd2;
	--ui-pink-4: #ff85c0;
	--ui-pink-5: #f759ab;
	--ui-pink-6: #eb2f96;
	--ui-pink-7: #c41d7f;
	--ui-pink-8: #9e1068;
	--ui-pink-9: #780650;
	--ui-pink-10: #520339;
	--ui-orange-1: #fff7e6;
	--ui-orange-2: #ffe7ba;
	--ui-orange-3: #ffd591;
	--ui-orange-4: #ffc069;
	--ui-orange-5: #ffa940;
	--ui-orange-base: #fa8c16;
	--ui-orange-6: #fa8c16;
	--ui-orange-7: #d46b08;
	--ui-orange-8: #ad4e00;
	--ui-orange-9: #873800;
	--ui-orange-10: #612500;
	--ui-volcano-1: #fff2e8;
	--ui-volcano-2: #ffd8bf;
	--ui-volcano-3: #ffbb96;
	--ui-volcano-4: #ff9c6e;
	--ui-volcano-5: #ff7a45;
	--ui-volcano-base: #fa541c;
	--ui-volcano-6: #fa541c;
	--ui-volcano-7: #d4380d;
	--ui-volcano-8: #ad2102;
	--ui-volcano-9: #871400;
	--ui-volcano-10: #610b00;
	--ui-geekblue-1: #f0f5ff;
	--ui-geekblue-2: #d6e4ff;
	--ui-geekblue-3: #adc6ff;
	--ui-geekblue-4: #85a5ff;
	--ui-geekblue-5: #597ef7;
	--ui-geekblue-base: #2f54eb;
	--ui-geekblue-6: #2f54eb;
	--ui-geekblue-7: #1d39c4;
	--ui-geekblue-8: #10239e;
	--ui-geekblue-9: #061178;
	--ui-geekblue-10: #030852;
	--ui-lime-1: #fcffe6;
	--ui-lime-2: #f4ffb8;
	--ui-lime-3: #eaff8f;
	--ui-lime-4: #d3f261;
	--ui-lime-5: #bae637;
	--ui-lime-base: #a0d911;
	--ui-lime-6: #a0d911;
	--ui-lime-7: #7cb305;
	--ui-lime-8: #5b8c00;
	--ui-lime-9: #3f6600;
	--ui-lime-10: #254000;
	--ui-gold-1: #fffbe6;
	--ui-gold-2: #fff1b8;
	--ui-gold-3: #ffe58f;
	--ui-gold-4: #ffd666;
	--ui-gold-5: #ffc53d;
	--ui-gold-base: #faad14;
	--ui-gold-6: #faad14;
	--ui-gold-6-p: 250,173,20;
	--ui-gold-7: #d48806;
	--ui-gold-8: #ad6800;
	--ui-gold-9: #874d00;
	--ui-gold-10: #613400;
}