Web 端数据交互与 design2 布局修复

统一门户 JSON 契约：新增 GET /templates/{id}，模板/云文件/保存/打开走虚拟 key；
layer 保存弹层替代 prompt，本地 .soon 已登录后台 POST 登记；修复保存静默失败与 design2 全宽布局。

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend-web/assets/css/design.css

@@ -13,10 +13,10 @@ img {
     padding: 0 !important;
     height: 100%;
 }
-.col-left{
+body:not(.soon-design-page) .col-left{
     margin-right: 320px;
 }
-.col-right{
+body:not(.soon-design-page) .col-right{
     float: right;
     height: 100%;
     width: 320px;
@@ -419,6 +419,13 @@ textarea:hover{
 }
 
 /* ── Web 设计页：design1 / design2 统一视口布局（无页面滚动） ── */
+html:has(body.soon-design-page),
+body.soon-design-page,
+body.soon-design-page .layui-fluid.main,
+body.soon-design-page .layui-row {
+    width: 100%;
+}
+
 html:has(body.soon-design-page) {
     height: 100%;
     overflow: hidden;
@@ -437,8 +444,9 @@ body.soon-design-page {
     -webkit-font-smoothing: antialiased;
 }
 
+body.soon-design-page .soon-design-portal-bar,
 body.soon-design-page .soon-portal-topbar {
-    position: static;
+    position: static !important;
     width: 100%;
     flex-shrink: 0;
 }
@@ -453,7 +461,7 @@ body.soon-design-page .layui-fluid.main {
     height: auto !important;
     overflow: hidden;
     padding: 0 !important;
-    display: flex;
+    display: flex !important;
     flex-direction: column;
 }
 
@@ -706,10 +714,19 @@ body.soon-design-page .guide-line-drag {
     opacity: 0.9;
 }
 
-body.soon-design-page #source_front,
-body.soon-design-page #source_front2,
-body.soon-design-page #source_back {
+body.soon-design-page.soon-design--type1 #source_front,
+body.soon-design-page.soon-design--type1 #source_front2,
+body.soon-design-page.soon-design--type1 #source_back {
     width: 2787px;
     height: 2787px;
     border-radius: 50%;
+}
+
+body.soon-design-page.soon-design--type2 #source_front,
+body.soon-design-page.soon-design--type2 #source_front2,
+body.soon-design-page.soon-design--type2 #source_back {
+    width: auto;
+    height: auto;
+    max-width: none;
+    border-radius: 0;
 }