diff --git a/base/cli/qrcode.go b/base/cli/qrcode.go
index 6b4dc0b8..31d11c0a 100644
--- a/base/cli/qrcode.go
+++ b/base/cli/qrcode.go
@@ -65,8 +65,8 @@ func init() {
 				}
 			}},
 			"view": {Name: "view text icon link", Hand: func(m *ice.Message, arg ...string) {
-				m.Echo("<div class='code qrcode'>")
-				defer m.Echo("</div>")
+				defer m.Echo("<div class='code qrcode'>").Echo("</div>")
+				// m.Cmdy("", kit.MergeURL2(m.Option(ice.MSG_USERWEB), arg[2]))
 				m.Cmdy("", arg[2])
 				m.Echo("<img class='avatar' src='%s'></img>", arg[1])
 				m.Echo(arg[0])
diff --git a/core/wiki/portal.css b/core/wiki/portal.css
index 8ecc58ab..ba41c4b9 100644
--- a/core/wiki/portal.css
+++ b/core/wiki/portal.css
@@ -29,23 +29,26 @@ $output>div.layout>div.aside div.item { padding:var(--input-padding); }
 $output>div.layout>div.aside div.item.select { border-left:var(--box-notice); }
 $output>div.layout>div.aside div.item.section { padding-left:var(--legend-padding); }
 $output>div.layout>div.main { padding:var(--portal-main-padding); height:600px; min-width:390px; max-width:var(--portal-max-width); overflow:auto; overflow-x:hidden; }
+$output>div.layout>div.main img[data-name="qrcode"] { margin-top:20px; width:240px !important; }
+body.width1 $output>div.layout>div.main>div.story.flex { flex-direction:column; }
+body.width1 $output>div.layout>div.main div.story.column fieldset.inner { width:100%; }
+body.width1 $output>div.layout>div.main div.story.column { flex:unset !important; }
 $output>div.layout>div.main div.story.column { display:flex; flex-direction:column; justify-content:center; }
 $output>div.layout>div.main div.story.column fieldset.inner>div.output>div.layout>div.layout div.content div.tips { top:5px; right:10px; }
 $output>div.layout>div.main div.story.column fieldset.inner { box-shadow:none; border:var(--box-border); border-radius:0; }
 $output>div.layout>div.main div.story.column h1 { font-size:24px; font-style:italic; margin-top:0; }
 $output>div.layout>div.main div.story.column h2 { margin:0 !important; }
-$output>div.layout>div.main img[data-name="qrcode"] { margin-top:20px; width:240px !important; }
 $output>div.layout>div.main div.story.column li { margin:10px 0; }
 $output>div.layout>div.main div.story.column ul { margin:10px; }
 $output>div.layout>div.main div.story.column b { font-size:22px; }
 $output>div.layout>div.main div.story.column input[type=button] { box-shadow:var(--th-box-shadow); border:0; background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
 $output>div.layout>div.main div.story.column input[type=button]:hover { box-shadow:var(--notice-box-shadow); }
-$output>div.layout>div.main fieldset.desktop>legend { display:none; }
-$output>div.layout>div.main fieldset.inner.output div.content { padding:var(--input-padding) 0; }
 $output>div.layout>div.main div.story[data-type=spark][data-name=shell] { border:var(--box-border); border-left:var(--box-notice3); }
 $output>div.layout>div.main div.story[data-type=spark][data-name=shell]:hover { box-shadow:var(--notice-box-shadow); }
 $output>div.layout>div.main div.story[data-type=spark][data-name=shell] { padding:var(--button-padding); margin-top:var(--button-margin); }
 $output>div.layout>div.main table.content div.story[data-type=spark][data-name=shell] { margin-top:unset; }
+$output>div.layout>div.main fieldset.inner.output div.content { padding:var(--input-padding) 0; }
+$output>div.layout>div.main fieldset.desktop>legend { display:none; }
 $fieldset.home>div.output>div.layout>div.main p { white-space:pre-wrap; }
 $fieldset.home>div.output>div.layout>div.main p:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); }
 div.story[data-type=qrcode] { text-align:center; }