diff --git a/index.css b/index.css
index 0f504b80..a20581b2 100644
--- a/index.css
+++ b/index.css
@@ -225,6 +225,7 @@ body.windows form.option>div.icon { font-size:21px; line-height:32px; }
 /* 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.offline { stroke:var(--disable-fg-color); fill:var(--disable-fg-color); }
 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); }
diff --git a/plugin/story/spide.js b/plugin/story/spide.js
index 9436ec59..8fd48f54 100644
--- a/plugin/story/spide.js
+++ b/plugin/story/spide.js
@@ -33,6 +33,7 @@ Volcanos(chat.ONACTION, {list: [[ice.VIEW, "横向", "纵向"], [html.SIZE, 24,
 	},
 	_draw: function(can, tree, x, y, style) { var color = can.onimport._color(can, tree)
 		tree.view = can.onimport.draw(can, {shape: html.TEXT, points: [{x: x, y: y}], style: can.base.Copy(kit.Dict(html.INNER, tree.name||" "), style)})
+		tree.meta.status && tree.view.Value("class", tree.meta.status)
 		return can.core.ItemCB(can.ondetail, tree.view, can, tree), tree.view
 	},
 	_draw_vertical: function(can, tree, x, y) {