deepsky 2.25.6 → 2.28.2

package/dist/index.css

@@ -10,44 +10,44 @@
 }
 
 
-.intention-area[data-v-33fe1bba] {
+.intention-area[data-v-6d140dba] {
     stroke-width: 1.5;
     pointer-events: none;
 }
-.intention-area-child[data-v-33fe1bba] {
+.intention-area-child[data-v-6d140dba] {
     fill: color-mix(in srgb, var(--selection-bg) 12%, transparent);
     stroke: color-mix(in srgb, var(--selection-bg) 45%, transparent);
     stroke-dasharray: 6 4;
 }
-.intention-area-prev[data-v-33fe1bba],
-.intention-area-next[data-v-33fe1bba] {
+.intention-area-prev[data-v-6d140dba],
+.intention-area-next[data-v-6d140dba] {
     fill: color-mix(in srgb, var(--linker-stroke-color) 20%, transparent);
     stroke: color-mix(in srgb, var(--linker-stroke-color) 65%, transparent);
     stroke-dasharray: 4 3;
 }
-.placeholder-intention-linker[data-v-33fe1bba] {
+.placeholder-intention-linker[data-v-6d140dba] {
     fill: none;
     stroke: color-mix(in srgb, var(--placeholder-linker-stroke) 70%, transparent);
     stroke-width: 1.5;
     stroke-dasharray: 5 4;
     pointer-events: none;
 }
-.placeholder-intention-node[data-v-33fe1bba] {
+.placeholder-intention-node[data-v-6d140dba] {
     fill: var(--placeholder-box-selector-fill);
     stroke: color-mix(in srgb, var(--placeholder-box-selector-stroke) 60%, transparent);
     stroke-width: 1.5;
     pointer-events: none;
 }
 .drag-counter {
-&[data-v-33fe1bba] {
+&[data-v-6d140dba] {
     pointer-events: none;
     }
-.drag-counter-circle[data-v-33fe1bba] {
+.drag-counter-circle[data-v-6d140dba] {
         fill: var(--menu-bg, #fff);
         stroke: color-mix(in srgb, var(--selection-bg) 80%, transparent);
         stroke-width: 1.5;
 }
-.drag-counter-text[data-v-33fe1bba] {
+.drag-counter-text[data-v-6d140dba] {
         font-size: 10px;
         font-weight: 600;
         fill: var(--selection-bg);
@@ -183,20 +183,20 @@ canvas {
 
 
 .menu-node-fill {
-&[data-v-ab778236] {
+&[data-v-5ca4e826] {
     background-color: var(--fill-color);
     border: 1px solid var(--border-color);
     border-radius: 2px;
     padding: 8px;
 }
 .box-items {
-&[data-v-ab778236] {
+&[data-v-5ca4e826] {
         display: grid;
         grid-template-columns: repeat(12, 1fr);
         gap: 2px;
         margin-top: 4px;
 }
-.alpha-item[data-v-ab778236] {
+.alpha-item[data-v-5ca4e826] {
             display: flex;
             justify-content: center;
             align-items: center;
@@ -205,10 +205,10 @@ canvas {
             cursor: pointer;
             border-radius: 4px;
 }
-.active[data-v-ab778236] {
+.active[data-v-5ca4e826] {
             background: deepskyblue;
 }
-.background-item[data-v-ab778236] {
+.background-item[data-v-5ca4e826] {
             display: flex;
             justify-content: center;
             align-items: center;
@@ -228,7 +228,7 @@ canvas {
 
 
 .menu-node-layout {
-&[data-v-7d066162] {
+&[data-v-cfe7e042] {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     padding: 10px;
@@ -240,7 +240,7 @@ canvas {
     background-color: var(--float-node-layout-bg);
 }
 .layout-item {
-&[data-v-7d066162] {
+&[data-v-cfe7e042] {
         cursor: not-allowed;
         display: flex;
         flex-flow: row nowrap;
@@ -252,15 +252,15 @@ canvas {
         box-shadow: var(--float-node-layout-shadow);
         background: var(--float-node-layout-item-bg);
 }
-&[data-v-7d066162]:hover {
+&[data-v-cfe7e042]:hover {
             box-shadow: var(--float-node-layout-shadow-hover);
             background: var(--float-node-layout-item-bg-hover);
 }
-.iconfont[data-v-7d066162] {
+.iconfont[data-v-cfe7e042] {
             font-size: 24px;
 }
 }
-.usable[data-v-7d066162] {
+.usable[data-v-cfe7e042] {
         color: var(--float-node-layout-usable-color);
         cursor: pointer;
 }
@@ -269,7 +269,7 @@ canvas {
 
 .menu-node-linker {
 .box-items {
-&[data-v-0894defd] {
+&[data-v-f7576ea2] {
         --col-count: 9;
         --col: repeat(var(--col-count), max-content);
         --gap: 4px;
@@ -278,21 +278,21 @@ canvas {
         gap: var(--gap);
         padding: 4px;
 }
-.iconfont[data-v-0894defd] {
+.iconfont[data-v-f7576ea2] {
             font-size: 24px;
 }
-.active[data-v-0894defd] {
+.active[data-v-f7576ea2] {
             background: var(--submenu-node-line-active-bg);
             border-radius: 4px;
             color: var(--submenu-node-line-active-color);
 }
-.header[data-v-0894defd] {
+.header[data-v-f7576ea2] {
             background: var(--submenu-node-line-header-bg);
             color: var(--submenu-node-line-header-color);
             border-radius: 4px;
 }
 .item {
-&[data-v-0894defd] {
+&[data-v-f7576ea2] {
             display: flex;
             flex-flow: row nowrap;
             justify-content: center;
@@ -302,42 +302,42 @@ canvas {
             cursor: pointer;
             transition: 0.5s;
 }
-&[data-v-0894defd]:not(.header):hover {
+&[data-v-f7576ea2]:not(.header):hover {
                 text-shadow: 0px 0px 5px currentColor;
                 transform: scale(1.5);
 }
 }
-.line-1[data-v-0894defd]::before {
+.line-1[data-v-f7576ea2]::before {
             content: "";
             width: 100%;
             background: currentColor;
             height: 1px;
 }
-.line-2[data-v-0894defd]::before {
+.line-2[data-v-f7576ea2]::before {
             content: "";
             width: 100%;
             background: currentColor;
             height: 2px;
 }
-.line-3[data-v-0894defd]::before {
+.line-3[data-v-f7576ea2]::before {
             content: "";
             width: 100%;
             background: currentColor;
             height: 3px;
 }
-.line-4[data-v-0894defd]::before {
+.line-4[data-v-f7576ea2]::before {
             content: "";
             width: 100%;
             background: currentColor;
             height: 4px;
 }
-.line-5[data-v-0894defd]::before {
+.line-5[data-v-f7576ea2]::before {
             content: "";
             width: 100%;
             background: currentColor;
             height: 5px;
 }
-.line-6[data-v-0894defd]::before {
+.line-6[data-v-f7576ea2]::before {
             content: "";
             width: 100%;
             background: currentColor;
@@ -349,7 +349,7 @@ canvas {
 
 .menu-node-gap {
 .box-items {
-&[data-v-b248a780] {
+&[data-v-62dc4e64] {
         --col-count: 9;
         --col: repeat(var(--col-count), max-content);
         --gap: 4px;
@@ -358,18 +358,18 @@ canvas {
         gap: var(--gap);
         padding: 4px;
 }
-.active[data-v-b248a780] {
+.active[data-v-62dc4e64] {
             background: var(--submenu-node-line-active-bg);
             border-radius: 4px;
             color: var(--submenu-node-line-active-color);
 }
-.header[data-v-b248a780] {
+.header[data-v-62dc4e64] {
             background: var(--submenu-node-line-header-bg);
             color: var(--submenu-node-line-header-color);
             border-radius: 4px;
 }
 .item {
-&[data-v-b248a780] {
+&[data-v-62dc4e64] {
             display: flex;
             flex-flow: row nowrap;
             justify-content: center;
@@ -380,13 +380,13 @@ canvas {
             transition: 0.5s;
             min-width: 32px;
 }
-&[data-v-b248a780]:not(.header):hover {
+&[data-v-62dc4e64]:not(.header):hover {
                 text-shadow: 0px 0px 5px currentColor;
                 transform: scale(1.5);
 }
 }
-.gap-h[data-v-b248a780],
-        .gap-v[data-v-b248a780] {
+.gap-h[data-v-62dc4e64],
+        .gap-v[data-v-62dc4e64] {
             font-size: 14px;
 }
 }
@@ -442,29 +442,29 @@ canvas {
 
 
 .menu-node-max-width {
-&[data-v-73c86e1e] {
+&[data-v-6d2bb0ed] {
     padding: 12px;
     width: 300px;
 }
 .menu-title {
-&[data-v-73c86e1e] {
+&[data-v-6d2bb0ed] {
         margin-bottom: 12px;
 }
-.title[data-v-73c86e1e] {
+.title[data-v-6d2bb0ed] {
             font-size: 13px;
             font-weight: 500;
             color: var(--menu-title-color, #555);
 }
 }
 .body {
-&[data-v-73c86e1e] {
+&[data-v-6d2bb0ed] {
         display: flex;
         flex-flow: row nowrap;
         align-items: center;
         gap: 8px;
         padding: 10px;
 }
-.display-val[data-v-73c86e1e] {
+.display-val[data-v-6d2bb0ed] {
             flex-shrink: 0;
             font-size: 12px;
             font-weight: 300;
@@ -474,13 +474,13 @@ canvas {
 }
 }
 .reset-row {
-&[data-v-73c86e1e] {
+&[data-v-6d2bb0ed] {
         display: flex;
         justify-content: flex-end;
         align-items: center;
 }
 .reset-btn {
-&[data-v-73c86e1e] {
+&[data-v-6d2bb0ed] {
             font-size: 12px;
             font-weight: 300;
             padding: 3px 10px;
@@ -490,7 +490,7 @@ canvas {
             border: 1px solid var(--border-color, #ddd);
             transition: 0.2s;
 }
-&[data-v-73c86e1e]:hover {
+&[data-v-6d2bb0ed]:hover {
                 background: var(--menu-reset-hover-bg, #f5f5f5);
 }
 }
@@ -674,12 +674,12 @@ input[data-v-0d581eac] {
 
 
 .freeze {
-&[data-v-28277284] {
+&[data-v-6a8045f3] {
     background: var(--scope-freeze-bg) !important;
     border: var(--scope-freeze-border) !important;
     box-shadow: var(--scope-freeze-shadow) !important;
 }
-.scope-item[data-v-28277284] {
+.scope-item[data-v-6a8045f3] {
         transition: 0.2s;
         background: var(--scope-freeze-item-bg) !important;
         border: var(--scope-freeze-item-border) !important;
@@ -688,7 +688,7 @@ input[data-v-0d581eac] {
 }
 }
 .note-scope {
-&[data-v-28277284] {
+&[data-v-6a8045f3] {
     transition: 0.2s;
     z-index: 7;
     position: fixed;
@@ -698,7 +698,7 @@ input[data-v-0d581eac] {
     box-shadow: var(--scope-shadow);
     box-sizing: border-box;
 }
-.scope-item[data-v-28277284] {
+.scope-item[data-v-6a8045f3] {
         transition: 0.2s;
         position: fixed;
         background: var(--scope-item-bg);
@@ -711,30 +711,30 @@ input[data-v-0d581eac] {
         box-sizing: border-box;
         text-shadow: 0px 0px 2px #ffffff66;
         box-shadow: var(--scope-item-shadow);
-        animation: scope-item-in-28277284 0.2s ease-out both;
+        animation: scope-item-in-6a8045f3 0.2s ease-out both;
 }
 .iconbox {
-&[data-v-28277284] {
+&[data-v-6a8045f3] {
         display: flex;
         justify-content: space-evenly;
         align-items: center;
         width: 100%;
 }
 .iconfont {
-&[data-v-28277284] {
+&[data-v-6a8045f3] {
             transition: 0.3s;
             text-shadow: var(--scope-icon-shadow);
             cursor: pointer;
             color: var(--scope-icon-color);
 }
-&[data-v-28277284]:hover {
+&[data-v-6a8045f3]:hover {
                 color: var(--scope-icon-hover-color);
                 text-shadow: var(--scope-icon-hover-shadow);
 }
 }
 }
 }
-@keyframes scope-item-in-28277284 {
+@keyframes scope-item-in-6a8045f3 {
 from {
         opacity: 0;
         transform: scale(0.5);
@@ -747,9 +747,9 @@ to {
 
 @font-face {
   font-family: "iconfont"; /* Project id 5151872 */
-  src: url(74a02454579003378aae.woff2?t=1775010582088) format('woff2'),
-       url(fonts/iconfont-3f25c53463fc3543196d.woff) format('woff'),
-       url(fonts/iconfont-122f729edaf3fca9a486.ttf) format('truetype');
+  src: url(a182a6cb545f72f36fa4.woff2?t=1783251333562) format('woff2'),
+       url(fonts/iconfont-47f3d6ad7dc7dff10831.woff) format('woff'),
+       url(fonts/iconfont-ec8908f735ed475031f1.ttf) format('truetype');
 }
 
 .iconfont {
@@ -760,6 +760,10 @@ to {
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-shortcut:before {
+  content: "\e6d1";
+}
+
 .icon-Sound-wave:before {
   content: "\e708";
 }
@@ -1140,7 +1144,7 @@ to {
   content: "\e6d0";
 }
 
-.icon-a-Property1formula:before {
+.icon-a-Property1fomula:before {
   content: "\e64b";
 }
 
@@ -1692,53 +1696,53 @@ to {
 }
 
 
-.cube-map[data-v-6e37ea4d] {
+.cube-map[data-v-12327966] {
     position: relative;
     width: 100%;
     height: 100%;
 }
 .group-outbox {
-.node-outbox[data-v-6e37ea4d] {
+.node-outbox[data-v-12327966] {
         fill: var(--node-bg);
         stroke: var(--node-hover-stroke);
         stroke-width: 2;
 }
 }
 /* 硬件加速 */
-.group-nodes[data-v-6e37ea4d] {
+.group-nodes[data-v-12327966] {
     transform: translateZ(1);
 }
 .group-linkers {
-&[data-v-6e37ea4d]{
+&[data-v-12327966]{
     transform: translateZ(1);
     }
-path[data-v-6e37ea4d] {
+path[data-v-12327966] {
         fill: none;
         filter: var(--linker-filter);
 }
 }
 .group-placeholder {
-&[data-v-6e37ea4d]{
+&[data-v-12327966]{
     pointer-events: none;
     }
-.placeholder-linker[data-v-6e37ea4d] {
+.placeholder-linker[data-v-12327966] {
         fill: none;
         filter: var(--linker-filter);
         stroke: var(--placeholder-linker-stroke);
         stroke-width: 2;
 }
-.placeholder-box-selector[data-v-6e37ea4d] {
+.placeholder-box-selector[data-v-12327966] {
         stroke: var(--placeholder-box-selector-stroke);
         fill: var(--placeholder-box-selector-fill);
         stroke-width: 2;
 }
-.placeholder-line-delete[data-v-6e37ea4d] {
+.placeholder-line-delete[data-v-12327966] {
         stroke-width: 2;
         fill: none;
         filter: drop-shadow(0px 0px 6px #ff7f7f);
 }
 }
-svg[data-v-6e37ea4d] {
+svg[data-v-12327966] {
     width: 100%;
     height: 100%;
     position: absolute;
@@ -1747,7 +1751,7 @@ svg[data-v-6e37ea4d] {
 
 
 .cube-img-load-failed {
-&[data-v-346970e5] {
+&[data-v-53b99368] {
     border-radius: 4px;
     display: flex;
     flex-flow: column nowrap;
@@ -1757,22 +1761,22 @@ svg[data-v-6e37ea4d] {
     gap: 10px;
     background: var(--img-load-failed-bg);
 }
-img[data-v-346970e5] {
+img[data-v-53b99368] {
         display: none;
 }
-&[data-v-346970e5]::before {
+&[data-v-53b99368]::before {
         content: "\e628";
         font-family: "iconfont" !important;
         font-size: 40px;
         color: var(--img-load-failed-color);
 }
-&[data-v-346970e5]::after {
+&[data-v-53b99368]::after {
         content: "resource load failed";
         color: var(--img-load-failed-color);
 }
 }
 .cube-img {
-&[data-v-346970e5] {
+&[data-v-53b99368] {
     margin: 2px;
     position: relative;
     overflow: hidden;
@@ -1783,14 +1787,14 @@ img[data-v-346970e5] {
     transition: 0.5s filter;
 }
 &:hover {
-.tools-left[data-v-346970e5],
-        .tools-right[data-v-346970e5],
-        .tools-img[data-v-346970e5] {
+.tools-left[data-v-53b99368],
+        .tools-right[data-v-53b99368],
+        .tools-img[data-v-53b99368] {
             display: flex;
 }
 }
 .tools-img {
-&[data-v-346970e5] {
+&[data-v-53b99368] {
         position: absolute;
         display: none;
         gap: 8px;
@@ -1798,7 +1802,7 @@ img[data-v-346970e5] {
         bottom: 10px;
         right: 10px;
 }
-.iconfont[data-v-346970e5] {
+.iconfont[data-v-53b99368] {
             padding: 4px;
             border-radius: 4px;
             background: #ffffff40;
@@ -1807,7 +1811,7 @@ img[data-v-346970e5] {
             cursor: pointer;
 }
 }
-.tools-left[data-v-346970e5] {
+.tools-left[data-v-53b99368] {
         padding: 10px;
         position: absolute;
         display: none;
@@ -1818,7 +1822,7 @@ img[data-v-346970e5] {
         left: 0px;
         margin: auto;
 }
-.tools-right[data-v-346970e5] {
+.tools-right[data-v-53b99368] {
         padding: 10px;
         position: absolute;
         display: none;
@@ -1829,7 +1833,7 @@ img[data-v-346970e5] {
         right: 0px;
         margin: auto;
 }
-.dragger[data-v-346970e5] {
+.dragger[data-v-53b99368] {
         width: 5px;
         height: 50px;
         border-radius: 15px;
@@ -1837,12 +1841,12 @@ img[data-v-346970e5] {
         cursor: ew-resize;
         box-shadow: 0px 0px 10px snow;
 }
-img[data-v-346970e5] {
+img[data-v-53b99368] {
         max-width: 100%;
         user-select: none;
 }
 }
-.resize-scroll[data-v-346970e5] {
+.resize-scroll[data-v-53b99368] {
     filter: brightness(0.5);
 }
 
@@ -1907,64 +1911,8 @@ img[data-v-346970e5] {
 }
 
 
-.cube-annotation {
-&[data-v-06e2e300] {
-    width: 100%;
-    display: flex;
-    flex-flow: column nowrap;
-    justify-content: flex-start;
-    align-items: center;
-    gap: 5px;
-    padding: 5px;
-    border-radius: 4px;
-    background: var(--annotation-bg);
-    min-width: 160px;
-    max-width: 700px;
-    overflow-y: scroll;
-    overflow-x: hidden;
-}
-.annotation-icon-active[data-v-06e2e300] {
-        background: var(--annotation-icon-hover-bg);
-}
-.annotation-contents[data-v-06e2e300] {
-        width: 100%;
-}
-.annotation-box[data-v-06e2e300] {
-        background-color: var(--annotation-box-bg);
-        border-radius: 4px;
-        width: 100%;
-}
-.annotation-fold {
-&[data-v-06e2e300] > * {
-            display: none;
-}
-}
-.iconbox {
-&[data-v-06e2e300] {
-        width: 100%;
-        display: flex;
-        flex-flow: row nowrap;
-        justify-content: right;
-        align-items: center;
-        gap: 5px;
-}
-.iconfont {
-&[data-v-06e2e300] {
-            cursor: pointer;
-            padding: 5px;
-            border-radius: 4px;
-            border: 1px dashed;
-}
-&[data-v-06e2e300]:hover {
-                background-color: var(--annotation-icon-hover-bg);
-}
-}
-}
-}
-
-
 .cube-link {
-&[data-v-b2f5cf7e] {
+&[data-v-46d5976c] {
     display: flex;
     z-index: 5;
     padding: 5px;
@@ -1973,26 +1921,26 @@ img[data-v-346970e5] {
     flex-flow: row nowrap;
     gap: 5px;
 }
-.title[data-v-b2f5cf7e] {
+.title[data-v-46d5976c] {
         max-width: 150px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
 }
 .link {
-&[data-v-b2f5cf7e] {
+&[data-v-46d5976c] {
         max-width: 400px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         cursor: pointer;
 }
-&[data-v-b2f5cf7e]:hover {
+&[data-v-46d5976c]:hover {
             text-decoration: underline;
             text-decoration-style: wavy;
 }
 }
-& > div[data-v-b2f5cf7e] {
+& > div[data-v-46d5976c] {
         font-size: 14px;
         padding: 5px;
         border-radius: 4px;
@@ -2001,18 +1949,18 @@ img[data-v-346970e5] {
         color: var(--text-link-color);
 }
 .iconbox {
-&[data-v-b2f5cf7e] {
+&[data-v-46d5976c] {
         display: flex;
         flex-flow: row nowrap;
         align-items: center;
         gap: 5px;
 }
-.iconfont[data-v-b2f5cf7e] {
+.iconfont[data-v-46d5976c] {
             cursor: pointer;
             padding: 3px 6px;
             border-radius: 4pxpx;
 }
-.iconfont[data-v-b2f5cf7e]:hover {
+.iconfont[data-v-46d5976c]:hover {
             background: var(--text-link-icon-hover-bg);
             color: var(--text-link-icon-hover-color);
 }
@@ -2021,7 +1969,7 @@ img[data-v-346970e5] {
 
 
 .cube-postil {
-&[data-v-53ae10a8] {
+&[data-v-ed20cfda] {
     padding: 5px;
     position: fixed;
     display: flex;
@@ -2037,61 +1985,61 @@ img[data-v-346970e5] {
     transition: 0.2s;
 }
 .iconbox {
-&[data-v-53ae10a8] {
+&[data-v-ed20cfda] {
         width: 100%;
         display: flex;
         justify-content: right;
         align-items: center;
         gap: 5px;
 }
-.close[data-v-53ae10a8] {
+.close[data-v-ed20cfda] {
             background: var(--postil-text-icon-close-bg);
 }
-.delete[data-v-53ae10a8] {
+.delete[data-v-ed20cfda] {
             background: var(--postil-text-icon-delete-bg);
 }
 .pointer {
-&[data-v-53ae10a8] {
+&[data-v-ed20cfda] {
             background: var(--postil-text-icon-close-bg);
 }
-&[data-v-53ae10a8]::before {
+&[data-v-ed20cfda]::before {
                 opacity: 1 !important;
                 scale: 1 !important;
 }
 }
 .iconfont {
-&[data-v-53ae10a8] {
+&[data-v-ed20cfda] {
             font-size: 20px;
             border-radius: 50%;
             padding: 4px;
             cursor: pointer;
 }
-&[data-v-53ae10a8]::before {
+&[data-v-ed20cfda]::before {
                 transition: 1s;
                 opacity: 0;
                 scale: 0;
 }
-&[data-v-53ae10a8]:hover::before {
+&[data-v-ed20cfda]:hover::before {
                 opacity: 1;
                 scale: 1;
 }
 }
 }
 .mark-contents {
-&[data-v-53ae10a8] {
+&[data-v-ed20cfda] {
         max-height: 600px;
         overflow-y: scroll;
         display: flex;
         flex-flow: column nowrap;
         gap: 5px;
 }
-[data-v-53ae10a8] {
+[data-v-ed20cfda] {
             flex-shrink: 0;
 }
 }
 }
 .ui-text-link {
-&[data-v-53ae10a8] {
+&[data-v-ed20cfda] {
     display: flex;
     z-index: 5;
     position: fixed;
@@ -2105,7 +2053,7 @@ img[data-v-346970e5] {
     flex-flow: row nowrap;
     gap: 5px;
 }
-& > div[data-v-53ae10a8] {
+& > div[data-v-ed20cfda] {
         font-size: 14px;
         padding: 5px 10px;
         border-radius: 20px;
@@ -2114,17 +2062,17 @@ img[data-v-346970e5] {
         color: var(--text-link-color);
 }
 .iconbox {
-&[data-v-53ae10a8] {
+&[data-v-ed20cfda] {
         display: flex;
         flex-flow: row nowrap;
         align-items: center;
 }
-.iconfont[data-v-53ae10a8] {
+.iconfont[data-v-ed20cfda] {
             cursor: pointer;
             padding: 3px 6px;
             border-radius: 20px;
 }
-.iconfont[data-v-53ae10a8]:hover {
+.iconfont[data-v-ed20cfda]:hover {
             background: var(--text-link-icon-hover-bg);
             color: var(--text-link-icon-hover-color);
 }
@@ -2132,44 +2080,8 @@ img[data-v-346970e5] {
 }
 
 
-.cube-line {
-&[data-v-5d19e8f7] {
-    overflow-wrap: anywhere;
-    white-space: pre-wrap;
-
-    border-radius: 4px;
-    padding: var(--line-padding);
-    margin: var(--line-margin);
-}
-&[data-v-5d19e8f7]:focus {
-        background: var(--line-focus-bg);
-}
-&[data-v-5d19e8f7]:hover {
-        background: var(--line-hover-bg);
-}
-}
-.line-first-letter-lower {
-&[data-v-5d19e8f7]::first-letter {
-        initial-letter: 2;
-}
-}
-
-
-.cube-doc[data-v-34a91930] {
-    position: relative;
-    font-family: var(--text-family);
-    padding: 2px;
-}
-.cube-doc-footer[data-v-34a91930] {
-    user-select: none;
-    width: 100%;
-    height: 50vh;
-    cursor: text;
-}
-
-
 .cube-box-root {
-&[data-v-360f32de] {
+&[data-v-77737d89] {
     letter-spacing: var(--line-letter-spacing);
     margin: 2px 0px;
     position: relative;
@@ -2179,13 +2091,13 @@ img[data-v-346970e5] {
     justify-content: flex-start;
     gap: 6px;
 }
-.cube-box-root-content[data-v-360f32de] {
+.cube-box-root-content[data-v-77737d89] {
         background: var(--box-root-content-bg);
         position: relative;
         flex: 1;
 }
 .cube-dragger {
-&[data-v-360f32de] {
+&[data-v-77737d89] {
         transition: 0.5s;
         width: 4px;
         border-radius: 4px;
@@ -2194,33 +2106,69 @@ img[data-v-346970e5] {
         cursor: grab;
         flex-shrink: 0;
 }
-&[data-v-360f32de]:hover {
+&[data-v-77737d89]:hover {
             width: calc(18px + var(--line-padding) * 2 + var(--line-margin) * 2);
 }
 }
-.anchor-root[data-v-360f32de] {
+.anchor-root[data-v-77737d89] {
         background: var(--box-root-anchor-bg);
         opacity: 1 !important;
 }
-.fold-root[data-v-360f32de] {
+.fold-root[data-v-77737d89] {
         background: var(--box-root-fold-bg);
         opacity: 1 !important;
 }
 }
-.cube-box-root[data-v-360f32de]::view-transition-old {
+.cube-box-root[data-v-77737d89]::view-transition-old {
     animation-duration: 1s;
     animation-timing-function: ease;
 }
-.cube-box-root[data-v-360f32de]::view-transition-new {
+.cube-box-root[data-v-77737d89]::view-transition-new {
     animation-duration: 1s;
     animation-timing-function: ease;
 }
-.drag-enter[data-v-360f32de] {
+.drag-enter[data-v-77737d89] {
     background-color: var(--box-root-drag-enter-bg);
 }
 
 
-.cube-box[data-v-09ad6fa4] {
+.cube-line {
+&[data-v-5d19e8f7] {
+    overflow-wrap: anywhere;
+    white-space: pre-wrap;
+
+    border-radius: 4px;
+    padding: var(--line-padding);
+    margin: var(--line-margin);
+}
+&[data-v-5d19e8f7]:focus {
+        background: var(--line-focus-bg);
+}
+&[data-v-5d19e8f7]:hover {
+        background: var(--line-hover-bg);
+}
+}
+.line-first-letter-lower {
+&[data-v-5d19e8f7]::first-letter {
+        initial-letter: 2;
+}
+}
+
+
+.cube-doc[data-v-34a91930] {
+    position: relative;
+    font-family: var(--text-family);
+    padding: 2px;
+}
+.cube-doc-footer[data-v-34a91930] {
+    user-select: none;
+    width: 100%;
+    height: 50vh;
+    cursor: text;
+}
+
+
+.cube-box[data-v-1b811819] {
     letter-spacing: var(--line-letter-spacing);
     margin: 2px;
     padding: 2px;
@@ -2234,12 +2182,12 @@ img[data-v-346970e5] {
 }
 
 
-.cube-box-folder-active[data-v-a35cb97c] {
+.cube-box-folder-active[data-v-1653942d] {
     background: var(--box-folder-active-bg);
     border: var(--box-folder-active-border);
 }
 .cube-box-folder {
-&[data-v-a35cb97c] {
+&[data-v-1653942d] {
     letter-spacing: var(--line-letter-spacing);
     margin: 2px 0px;
     padding: 2px 4px;
@@ -2250,10 +2198,10 @@ img[data-v-346970e5] {
     width: fit-content;
     min-width: 200px;
     }
-&[data-v-a35cb97c] > *:first-child {
+&[data-v-1653942d] > *:first-child {
         margin-right: 30px;
 }
-.folder-tag[data-v-a35cb97c] {
+.folder-tag[data-v-1653942d] {
         z-index: 5;
         user-select: none;
         cursor: pointer;
@@ -2269,7 +2217,7 @@ img[data-v-346970e5] {
         transition: 0.5s;
         box-sizing: border-box;
 }
-.folder-tag-active[data-v-a35cb97c] {
+.folder-tag-active[data-v-1653942d] {
         border: var(--box-folder-tag-active-border);
         background: var(--box-folder-tag-active-bg);
         box-shadow: var(--box-folder-tag-active-shadow);
@@ -2278,7 +2226,7 @@ img[data-v-346970e5] {
 
 
 /* SVG描边动画 */
-@keyframes dash-39c76eae {
+@keyframes dash-63f5dbe5 {
 from {
         stroke-dashoffset: 0px;
         stroke-dasharray: 3% 2%;
@@ -2289,42 +2237,42 @@ to {
 }
 }
 .cube-node {
-foreignObject[data-v-39c76eae] {
+foreignObject[data-v-63f5dbe5] {
         border-radius: 4px;
         contain: layout;
         color: var(--color);
 }
-path[data-v-39c76eae] {
+path[data-v-63f5dbe5] {
         fill: var(--fill, var(--node-bg));
         stroke-dasharray: var(--node-border-dash-array);
         transition: var(--map-transition-duration);
 }
-&:hover > path[data-v-39c76eae] {
+&:hover > path[data-v-63f5dbe5] {
         stroke: var(--node-hover-stroke);
 }
-&[data-editing="true"] > path[data-v-39c76eae] {
+&[data-editing="true"] > path[data-v-63f5dbe5] {
         stroke: black;
         stroke-width: 2;
 }
 }
 .node-selected {
-path[data-v-39c76eae] {
+path[data-v-63f5dbe5] {
         stroke: var(--node-selected-stroke) !important;
         stroke-width: var(--node-selected-stroke-width);
         stroke-dasharray: none;
 }
 }
 .line-delete-selected {
-path[data-v-39c76eae] {
+path[data-v-63f5dbe5] {
         fill: var(--linker-delete-selected-fill) !important;
         filter: var(--linker-delete-selected-filter);
 }
 }
 .node-dragging {
-&[data-v-39c76eae] {
+&[data-v-63f5dbe5] {
     opacity: var(--node-dragging-opacity);
 }
-path[data-v-39c76eae] {
+path[data-v-63f5dbe5] {
         stroke: var(--node-dragging-stroke) !important;
         stroke-width: var(--node-dragging-stroke-width);
         stroke-dasharray: none;
@@ -2332,14 +2280,14 @@ path[data-v-39c76eae] {
 }
 }
 .node-editable {
-path[data-v-39c76eae] {
+path[data-v-63f5dbe5] {
         /* fill: var(--node-editable-bg) !important; */
         filter: drop-shadow(0px 0px 20px var(--fill));
-        animation: dash-39c76eae 24s linear infinite;
+        animation: dash-63f5dbe5 36s linear infinite;
 }
 }
 .cube-node-box {
-&[data-v-39c76eae] {
+&[data-v-63f5dbe5] {
     margin: 0px !important;
     display: inline-block;
     min-width: var(--node-cbox-min-width);
@@ -2348,7 +2296,7 @@ path[data-v-39c76eae] {
     transition: 0.2s;
 }
 .node-status {
-&[data-v-39c76eae] {
+&[data-v-63f5dbe5] {
         display: flex;
         flex-flow: row wrap;
         align-items: center;
@@ -2358,19 +2306,19 @@ path[data-v-39c76eae] {
         border: var(--node-status-border);
         background: var(--node-status-bg);
 }
-&[data-v-39c76eae]:empty {
+&[data-v-63f5dbe5]:empty {
             display: none;
 }
-div[data-v-39c76eae] {
+div[data-v-63f5dbe5] {
             cursor: pointer;
 }
-.status-fold[data-v-39c76eae] {
+.status-fold[data-v-63f5dbe5] {
             border-radius: 4px;
             font-size: 10px;
             border: 1px dashed;
             padding: 1px 4px;
 }
-.iconfont[data-v-39c76eae] {
+.iconfont[data-v-63f5dbe5] {
             cursor: pointer;
 }
 }
@@ -2467,7 +2415,7 @@ div[data-v-39c76eae] {
 
 
 .cube-detail-list {
-&[data-v-f983a640] {
+&[data-v-8046d430] {
     --width-col1: 100px;
     --adjuster-bg: transparent;
     display: grid;
@@ -2479,15 +2427,15 @@ div[data-v-39c76eae] {
     width: fit-content;
     max-width: 100%;
 }
-.cube-box[data-v-f983a640]:nth-child(odd) {
+.cube-box[data-v-8046d430]:nth-child(odd) {
         background: var(--detail-odd-bg);
 }
-.cube-box[data-v-f983a640]:nth-child(even) {
+.cube-box[data-v-8046d430]:nth-child(even) {
         background: var(--detail-even-bg);
         min-width: 100px;
 }
 .adder-wrap {
-&[data-v-f983a640] {
+&[data-v-8046d430] {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -2496,14 +2444,14 @@ div[data-v-39c76eae] {
         border-radius: 4px;
         cursor: pointer;
 }
-& > .adder[data-v-f983a640] {
+& > .adder[data-v-8046d430] {
             display: flex;
 }
-&:hover > .adder[data-v-f983a640] {
+&:hover > .adder[data-v-8046d430] {
             display: flex;
 }
 .adder {
-&[data-v-f983a640] {
+&[data-v-8046d430] {
             justify-content: center;
             align-items: center;
             background-color: var(--detail-adder-bg);
@@ -2512,7 +2460,7 @@ div[data-v-39c76eae] {
             height: 20px;
             border-radius: 4px;
 }
-&[data-v-f983a640]::before {
+&[data-v-8046d430]::before {
                 content: "";
                 position: absolute;
                 border-radius: 10px;
@@ -2520,7 +2468,7 @@ div[data-v-39c76eae] {
                 height: 2px;
                 background-color: #48cae4;
 }
-&[data-v-f983a640]::after {
+&[data-v-8046d430]::after {
                 content: "";
                 position: absolute;
                 border-radius: 10px;
@@ -2532,7 +2480,7 @@ div[data-v-39c76eae] {
 }
 }
 .adjuster {
-&[data-v-f983a640] {
+&[data-v-8046d430] {
 
         position: absolute;
         left: calc(var(--width-col1) - 2px);
@@ -2543,7 +2491,7 @@ div[data-v-39c76eae] {
         cursor: ew-resize;
         border-radius: 8px;
 }
-&[data-v-f983a640]:hover {
+&[data-v-8046d430]:hover {
             background: linear-gradient(0deg, #48cae4, deepskyblue);
 }
 }
@@ -2551,11 +2499,11 @@ div[data-v-39c76eae] {
 
 
 .cube-todo {
-.todoitem[data-v-68bc8c7c] {
+.todoitem[data-v-f39b2ae8] {
         display: flex;
 }
 .todoitem-status {
-&[data-v-68bc8c7c] {
+&[data-v-f39b2ae8] {
         background: var(--todoitem-status-bg);
         flex-shrink: 0;
         border-radius: 4px;
@@ -2572,7 +2520,7 @@ div[data-v-39c76eae] {
         justify-content: center;
         transition: 0.3s;
 }
-&[data-v-68bc8c7c]::before {
+&[data-v-f39b2ae8]::before {
             content: "";
             transition: 0.3s;
             position: absolute;
@@ -2580,7 +2528,7 @@ div[data-v-39c76eae] {
             height: 2px;
             background: var(--color);
 }
-&[data-v-68bc8c7c]::after {
+&[data-v-f39b2ae8]::after {
             content: "";
             transition: 0.3s;
             position: absolute;
@@ -2590,11 +2538,11 @@ div[data-v-39c76eae] {
 }
 }
 .active {
-&[data-v-68bc8c7c] {
+&[data-v-f39b2ae8] {
         background: var(--todoitem-status-active-bg);
         border: none;
 }
-&[data-v-68bc8c7c]::before {
+&[data-v-f39b2ae8]::before {
             content: "";
             position: absolute;
             width: 34%;
@@ -2604,7 +2552,7 @@ div[data-v-39c76eae] {
             left: 14%;
             top: 60%;
 }
-&[data-v-68bc8c7c]::after {
+&[data-v-f39b2ae8]::after {
             content: "";
             position: absolute;
             width: 65%;
@@ -2615,16 +2563,16 @@ div[data-v-39c76eae] {
             top: 50%;
 }
 }
-.active + .todoitem-box[data-v-68bc8c7c] {
+.active + .todoitem-box[data-v-f39b2ae8] {
         color: var(--todoitem-done-color);
 }
 .todoitem-box {
-&[data-v-68bc8c7c] {
+&[data-v-f39b2ae8] {
         flex: 1;
         background-color: transparent;
 }
-&[data-v-68bc8c7c]:focus-within,
-        &[data-v-68bc8c7c]:hover {
+&[data-v-f39b2ae8]:focus-within,
+        &[data-v-f39b2ae8]:hover {
             background: var(--list-item-bg);
 }
 }
@@ -2633,15 +2581,15 @@ div[data-v-39c76eae] {
 
 .cube-list {
 .listitem {
-&[data-v-0758ed04] {
+&[data-v-e66ab536] {
         display: flex;
 }
-&:hover .listitem-symbol[data-v-0758ed04]::before {
+&:hover .listitem-symbol[data-v-e66ab536]::before {
             scale: 1;
 }
 }
 .listitem-symbol {
-&[data-v-0758ed04] {
+&[data-v-e66ab536] {
         background: var(--todoitem-status-bg);
         flex-shrink: 0;
         border-radius: 4px;
@@ -2658,7 +2606,7 @@ div[data-v-39c76eae] {
         transition: 0.3s;
         border-radius: 36px;
 }
-&[data-v-0758ed04]::before {
+&[data-v-e66ab536]::before {
             content: "";
             transition: 0.3s;
             width: 14px;
@@ -2669,10 +2617,10 @@ div[data-v-39c76eae] {
 }
 }
 .active {
-&[data-v-0758ed04] {
+&[data-v-e66ab536] {
         background: var(--todoitem-status-active-bg);
 }
-&[data-v-0758ed04]::before {
+&[data-v-e66ab536]::before {
             content: "";
             position: absolute;
             width: 35%;
@@ -2682,7 +2630,7 @@ div[data-v-39c76eae] {
             left: 10%;
             top: 65%;
 }
-&[data-v-0758ed04]::after {
+&[data-v-e66ab536]::after {
             content: "";
             position: absolute;
             width: 65%;
@@ -2693,16 +2641,16 @@ div[data-v-39c76eae] {
             top: 50%;
 }
 }
-.active + .listitem-box[data-v-0758ed04] {
+.active + .listitem-box[data-v-e66ab536] {
         color: var(--todoitem-done-color);
 }
 .listitem-box {
-&[data-v-0758ed04] {
+&[data-v-e66ab536] {
         flex: 1;
         background-color: transparent;
 }
-&[data-v-0758ed04]:focus-within,
-        &[data-v-0758ed04]:hover {
+&[data-v-e66ab536]:focus-within,
+        &[data-v-e66ab536]:hover {
             background: var(--list-item-bg);
 }
 }
@@ -2710,13 +2658,13 @@ div[data-v-39c76eae] {
 
 
 .cube-list-ordered {
-.listitem[data-v-58cb62e4] {
+.listitem[data-v-2484c299] {
         display: flex;
 }
-.listitem:hover .listitem-symbol[data-v-58cb62e4] {
+.listitem:hover .listitem-symbol[data-v-2484c299] {
         background: var(--list-ordered-symbol-hover-bg);
 }
-.listitem-symbol[data-v-58cb62e4] {
+.listitem-symbol[data-v-2484c299] {
         background: var(--todoitem-status-bg);
         flex-shrink: 0;
         border-radius: 4px;
@@ -2734,10 +2682,10 @@ div[data-v-39c76eae] {
         transition: 0.3s;
 }
 .active {
-&[data-v-58cb62e4] {
+&[data-v-2484c299] {
         background: var(--todoitem-status-active-bg);
 }
-&[data-v-58cb62e4]::before {
+&[data-v-2484c299]::before {
             content: "";
             position: absolute;
             width: 35%;
@@ -2747,7 +2695,7 @@ div[data-v-39c76eae] {
             left: 10%;
             top: 65%;
 }
-&[data-v-58cb62e4]::after {
+&[data-v-2484c299]::after {
             content: "";
             position: absolute;
             width: 65%;
@@ -2758,23 +2706,23 @@ div[data-v-39c76eae] {
             top: 50%;
 }
 }
-.active + .listitem-box[data-v-58cb62e4] {
+.active + .listitem-box[data-v-2484c299] {
         color: var(--todoitem-done-color);
 }
 .listitem-box {
-&[data-v-58cb62e4] {
+&[data-v-2484c299] {
         flex: 1;
         background-color: transparent;
 }
-&[data-v-58cb62e4]:focus-within,
-        &[data-v-58cb62e4]:hover {
+&[data-v-2484c299]:focus-within,
+        &[data-v-2484c299]:hover {
             background: var(--list-item-bg);
 }
 }
 }
 
 
-@keyframes slide-down-454272d5 {
+@keyframes slide-down-5c7ac317 {
 from {
         /* height: 0px ;
         opacity: 0 ; */
@@ -2785,7 +2733,7 @@ to {
 }
 }
 .cube-code {
-&[data-v-454272d5] {
+&[data-v-5c7ac317] {
     margin: 2px;
     text-align: left !important;
     position: relative;
@@ -2797,7 +2745,7 @@ to {
     overflow: hidden;
     break-inside: avoid;
 }
-.code-dragger[data-v-454272d5] {
+.code-dragger[data-v-5c7ac317] {
         border-radius: 20px;
         width: 20px;
         aspect-ratio: 1;
@@ -2810,26 +2758,26 @@ to {
         cursor: nwse-resize;
 }
 .code-tabbar {
-&[data-v-454272d5] {
+&[data-v-5c7ac317] {
         height: var(--code-tabbar-height);
         overflow: hidden;
 }
-.code-tabs-box[data-v-454272d5] {
+.code-tabs-box[data-v-5c7ac317] {
             height: 100%;
 }
-.code-tab[data-v-454272d5]:first-child {
+.code-tab[data-v-5c7ac317]:first-child {
             padding-left: 0px;
 }
 .code-tab {
-&[data-v-454272d5] {
+&[data-v-5c7ac317] {
             transition: 0.5s;
             width: 160px;
             padding: 0px 2px;
 }
-&[data-v-454272d5] > * {
+&[data-v-5c7ac317] > * {
                 pointer-events: var(--drag-item-point-event);
 }
-.code-tab-name[data-v-454272d5] {
+.code-tab-name[data-v-5c7ac317] {
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
@@ -2839,14 +2787,14 @@ to {
                 background: var(--code-tabbar-item-bg);
                 color: var(--code-tabbar-item-color);
 }
-.code-active-tab[data-v-454272d5] {
+.code-active-tab[data-v-5c7ac317] {
                 background: var(--code-tabbar-item-active-bg);
                 color: var(--code-tabbar-item-active-color);
 }
 }
 }
 .code-toolbar {
-&[data-v-454272d5] {
+&[data-v-5c7ac317] {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -2855,16 +2803,16 @@ to {
         background: var(--code-toolbar-bg);
 }
 .code-langs-box {
-&[data-v-454272d5] {
+&[data-v-5c7ac317] {
             cursor: pointer;
             position: relative;
 }
-.code-active-lang[data-v-454272d5] {
+.code-active-lang[data-v-5c7ac317] {
                 color: blueviolet;
                 cursor: pointer;
 }
 .code-langs {
-&[data-v-454272d5] {
+&[data-v-5c7ac317] {
                 transition: 0.3s;
                 opacity: 0;
                 position: absolute;
@@ -2878,10 +2826,10 @@ to {
                 margin-top: 10px;
                 z-index: 2;
                 background: #ffffff59;
-                animation: 0.3s slide-down-454272d5 forwards;
+                animation: 0.3s slide-down-5c7ac317 forwards;
 }
 .code-lang-item {
-&[data-v-454272d5] {
+&[data-v-5c7ac317] {
                     padding: 5px;
                     margin: 2px;
                     cursor: pointer;
@@ -2890,26 +2838,26 @@ to {
                     text-overflow: ellipsis;
                     border-radius: 4px;
 }
-&[data-v-454272d5]:hover {
+&[data-v-5c7ac317]:hover {
                         background: #bdbdbd66;
 }
 }
 }
 }
 .code-theme-box {
-&[data-v-454272d5] {
+&[data-v-5c7ac317] {
             cursor: pointer;
             position: relative;
 }
-.code-active-theme[data-v-454272d5]:hover {
+.code-active-theme[data-v-5c7ac317]:hover {
                 color: var(--code-toolbar-item-hover-color);
 }
-.code-active-theme[data-v-454272d5] {
+.code-active-theme[data-v-5c7ac317] {
                 color: deeppink;
                 cursor: pointer;
 }
 .code-themes {
-&[data-v-454272d5] {
+&[data-v-5c7ac317] {
                 opacity: 0;
                 transition: 0.3s;
                 position: absolute;
@@ -2923,10 +2871,10 @@ to {
                 margin-top: 10px;
                 z-index: 2;
                 background: #ffffff59;
-                animation: 0.3s slide-down-454272d5 forwards;
+                animation: 0.3s slide-down-5c7ac317 forwards;
 }
 .code-theme-item {
-&[data-v-454272d5] {
+&[data-v-5c7ac317] {
                     padding: 5px;
                     margin: 2px;
                     cursor: pointer;
@@ -2935,7 +2883,7 @@ to {
                     text-overflow: ellipsis;
                     border-radius: 4px;
 }
-&[data-v-454272d5]:hover {
+&[data-v-5c7ac317]:hover {
                         background: #bdbdbd66;
 }
 }
@@ -2943,7 +2891,7 @@ to {
 }
 .input_add,
         .input_rename {
-&[data-v-454272d5] {
+&[data-v-5c7ac317] {
             border: none;
             outline: none;
             background: transparent;
@@ -2952,7 +2900,7 @@ to {
             width: 0px;
             letter-spacing: 1px;
 }
-&[data-v-454272d5]:focus {
+&[data-v-5c7ac317]:focus {
                 border: var(--code-input-border);
                 color: var(--code-input-color);
                 padding: 5px;
@@ -2960,7 +2908,7 @@ to {
 }
 }
 .code-tools {
-&[data-v-454272d5] {
+&[data-v-5c7ac317] {
             display: flex;
             justify-content: center;
             align-items: center;
@@ -2968,11 +2916,11 @@ to {
             flex-flow: row nowrap;
 }
 .code-help {
-&:hover .code-tooltip[data-v-454272d5] {
+&:hover .code-tooltip[data-v-5c7ac317] {
                     display: flex;
 }
 .code-tooltip {
-&[data-v-454272d5] {
+&[data-v-5c7ac317] {
                     display: none;
                     padding: 5px 10px;
                     background: var(--code-tooltip-bg);
@@ -2985,7 +2933,7 @@ to {
                     color: var(--code-tooltip-color);
                     z-index: 2;
 }
-&[data-v-454272d5]::before {
+&[data-v-5c7ac317]::before {
                         content: "";
                         border: 10px solid;
                         border-color: transparent;
@@ -2997,18 +2945,18 @@ to {
 }
 }
 .iconfont {
-&[data-v-454272d5] {
+&[data-v-5c7ac317] {
                 cursor: pointer;
                 text-indent: 0px;
 }
-&[data-v-454272d5]:hover {
+&[data-v-5c7ac317]:hover {
                     color: var(--code-toolbar-item-hover-color);
 }
 }
 }
 }
 .code-box {
-&[data-v-454272d5] {
+&[data-v-5c7ac317] {
         position: relative;
         width: 100%;
         height: calc(100% - var(--code-tabbar-height));
@@ -3016,13 +2964,13 @@ to {
         overflow: hidden;
         border-radius: 4px;
 }
-.code-box-inner[data-v-454272d5] {
+.code-box-inner[data-v-5c7ac317] {
             position: relative;
             min-width: 100%;
             min-height: 100%;
             display: inline-block;
 }
-textarea[data-v-454272d5] {
+textarea[data-v-5c7ac317] {
             position: absolute;
             top: 0px;
             left: 0px;
@@ -3042,7 +2990,7 @@ textarea[data-v-454272d5] {
             overflow: hidden;
 }
 .code-highlight {
-&[data-v-454272d5] {
+&[data-v-5c7ac317] {
             pointer-events: none;
             position: relative;
             top: 0px;
@@ -3052,11 +3000,11 @@ textarea[data-v-454272d5] {
             min-height: 100%;
             overflow: hidden;
 }
-&[data-v-454272d5] code {
+&[data-v-5c7ac317] code {
                 font-family: inherit !important;
                 font-size: inherit;
 }
-&[data-v-454272d5] pre {
+&[data-v-5c7ac317] pre {
                 font-family: inherit;
                 display: inline-block;
                 position: relative;
@@ -3089,7 +3037,7 @@ textarea[data-v-454272d5] {
 
 
 .cube-table {
-&[data-v-5cb7df23] {
+&[data-v-786ea239] {
     position: relative;
     min-width: var(--table-min-width);
     max-width: 100%;
@@ -3097,15 +3045,15 @@ textarea[data-v-454272d5] {
     overflow: hidden;
 }
 .cube-table-title {
-&[data-v-5cb7df23] {
+&[data-v-786ea239] {
         background: var(--table-title-bg);
 }
-&[data-v-5cb7df23] .cube-line {
+&[data-v-786ea239] .cube-line {
             text-align: center;
 }
 }
 .cube-table-toolbar {
-&[data-v-5cb7df23] {
+&[data-v-786ea239] {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -3114,15 +3062,15 @@ textarea[data-v-454272d5] {
         background: var(--table-toolbar-bg);
 }
 .iconfont {
-&[data-v-5cb7df23] {
+&[data-v-786ea239] {
             cursor: pointer;
             text-indent: 0px !important;
 }
-&[data-v-5cb7df23]:hover {
+&[data-v-786ea239]:hover {
                 color: var(--table-toolbar-icon-hover-color);
 }
 }
-.table-size[data-v-5cb7df23] {
+.table-size[data-v-786ea239] {
             text-indent: 0px !important;
             border: 1px dashed;
             padding: 2px;
@@ -3131,26 +3079,26 @@ textarea[data-v-454272d5] {
 }
 }
 .cube-table-container {
-&[data-v-5cb7df23] {
+&[data-v-786ea239] {
         --drag-pointer-events: auto;
         display: grid;
         gap: 1px;
 }
 .cube-box {
-&[data-v-5cb7df23] {
+&[data-v-786ea239] {
             background: var(--table-cell-bg);
             border-radius: 4px;
             padding: 4px;
 }
-&[data-v-5cb7df23] > * {
+&[data-v-786ea239] > * {
                 pointer-events: var(--drag-pointer-events);
 }
 }
-.cube-box[data-v-5cb7df23]:focus-within {
+.cube-box[data-v-786ea239]:focus-within {
             background: var(--table-cell-active-bg);
 }
 }
-.cube-table-dragger[data-v-5cb7df23] {
+.cube-table-dragger[data-v-786ea239] {
         position: absolute;
         bottom: 0px;
         right: 0px;
@@ -3161,7 +3109,7 @@ textarea[data-v-454272d5] {
         cursor: w-resize;
         background: var(--table-dragger-bg);
 }
-.cube-cell-selection[data-v-5cb7df23] {
+.cube-cell-selection[data-v-786ea239] {
         user-select: none;
         background: var(--table-cell-selection-bg) !important;
 }
@@ -3215,7 +3163,7 @@ textarea[data-v-454272d5] {
 
 
 .cube-submap {
-&[data-v-2f741e5f] {
+&[data-v-7f0e4d4a] {
     overflow: hidden;
     border-radius: 4px;
     position: relative;
@@ -3225,7 +3173,7 @@ textarea[data-v-454272d5] {
     box-shadow: var(--submap-shadow);
     break-inside: avoid;
 }
-& > svg[data-v-2f741e5f] {
+& > svg[data-v-7f0e4d4a] {
         width: 100%;
         height: 100%;
         position: absolute;
@@ -3233,40 +3181,40 @@ textarea[data-v-454272d5] {
 }
 }
 .group-outbox {
-.node-outbox[data-v-2f741e5f] {
+.node-outbox[data-v-7f0e4d4a] {
         fill: var(--node-bg);
         stroke: var(--node-hover-stroke);
         stroke-width: 2;
 }
 }
 .group-linkers {
-path[data-v-2f741e5f] {
+path[data-v-7f0e4d4a] {
         fill: none;
         filter: var(--linker-filter);
 }
 }
 .group-placeholder {
-&[data-v-2f741e5f] {
+&[data-v-7f0e4d4a] {
     pointer-events: none;
 }
-.placeholder-linker[data-v-2f741e5f] {
+.placeholder-linker[data-v-7f0e4d4a] {
         fill: none;
         filter: var(--linker-filter);
         stroke: var(--placeholder-linker-stroke);
         stroke-width: 2;
 }
-.placeholder-box-selector[data-v-2f741e5f] {
+.placeholder-box-selector[data-v-7f0e4d4a] {
         stroke: var(--placeholder-box-selector-stroke);
         fill: var(--placeholder-box-selector-fill);
         stroke-width: 2;
 }
-.placeholder-line-delete[data-v-2f741e5f] {
+.placeholder-line-delete[data-v-7f0e4d4a] {
         stroke-width: 2;
         fill: none;
         filter: drop-shadow(0px 0px 6px #ff7f7f);
 }
 }
-.submap-dragger[data-v-2f741e5f] {
+.submap-dragger[data-v-7f0e4d4a] {
     position: absolute;
     bottom: 0px;
     right: 0px;
@@ -3279,7 +3227,7 @@ path[data-v-2f741e5f] {
 }
 
 
-@keyframes slide-down-1ce25866 {
+@keyframes slide-down-15b682c2 {
 from {
         opacity: 0;
 }
@@ -3289,14 +3237,14 @@ to {
 }
 }
 .cube-box-columns {
-&[data-v-1ce25866] {
+&[data-v-15b682c2] {
     background: var(--box-columns-bg);
     position: relative;
     border-radius: 4px;
     min-width: var(--box-columns-min-width);
 }
 .box-columns-toolbar {
-&[data-v-1ce25866] {
+&[data-v-15b682c2] {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -3304,17 +3252,17 @@ to {
         height: var(--box-columns-toolbar-height);
         background: var(--box-columns-toolbar-bg);
 }
-.iconfont[data-v-1ce25866] {
+.iconfont[data-v-15b682c2] {
             cursor: pointer;
             text-indent: 0px;
 }
 .box-columns-tool-layout {
-&[data-v-1ce25866] {
+&[data-v-15b682c2] {
             position: relative;
 }
 .box-columns-layout {
-&[data-v-1ce25866] {
-                animation: 0.3s slide-down-1ce25866 forwards;
+&[data-v-15b682c2] {
+                animation: 0.3s slide-down-15b682c2 forwards;
                 z-index: 2;
                 position: absolute;
                 display: flex;
@@ -3330,16 +3278,16 @@ to {
                 background: var(--box-columns-layout-bg);
                 box-shadow: 0px 0px 4px var(--box-columns-layout-bg);
 }
-& > div[data-v-1ce25866] {
+& > div[data-v-15b682c2] {
                     flex: 1;
 }
 & > div > div {
-&[data-v-1ce25866] {
+&[data-v-15b682c2] {
                     font-size: 14px;
                     margin: 6px 0px;
                     cursor: pointer;
 }
-&[data-v-1ce25866]:hover {
+&[data-v-15b682c2]:hover {
                         color: var(--box-columns-layout-item-hover-color);
 }
 }
@@ -3347,18 +3295,18 @@ to {
 }
 }
 .box-columns-content {
-&[data-v-1ce25866] {
+&[data-v-15b682c2] {
         gap: var(--box-columns-gap);
         padding-top: 4px;
 }
-& > div[data-v-1ce25866] {
+& > div[data-v-15b682c2] {
             margin-top: 0px;
             margin-bottom: var(--box-columns-gap);
             break-inside: avoid;
             background: var(--box-columns-block-bg);
 }
 }
-.box-columns-dragger[data-v-1ce25866] {
+.box-columns-dragger[data-v-15b682c2] {
         position: absolute;
         bottom: 0px;
         right: 0px;
@@ -4244,7 +4192,7 @@ kbd[data-v-01e6f1a6] {
 }
 
 
-.dialog-formula-overlay[data-v-39f7c9ce] {
+.dialog-formula-overlay[data-v-5cffc399] {
     position: fixed;
     inset: 0;
     z-index: var(--dialog-zindex, 1000);
@@ -4254,7 +4202,7 @@ kbd[data-v-01e6f1a6] {
     background: rgba(0, 0, 0, 0.35);
     backdrop-filter: blur(4px);
 }
-.dialog-formula[data-v-39f7c9ce] {
+.dialog-formula[data-v-5cffc399] {
     position: relative;
     display: flex;
     flex-flow: column nowrap;
@@ -4273,7 +4221,7 @@ kbd[data-v-01e6f1a6] {
 }
 
 /* ── 右上角关闭按钮 ── */
-.close-corner[data-v-39f7c9ce] {
+.close-corner[data-v-5cffc399] {
     position: absolute;
     right: 0px;
     display: flex;
@@ -4290,7 +4238,7 @@ kbd[data-v-01e6f1a6] {
 }
 
 /* ── 面板标题 ── */
-.formula-header[data-v-39f7c9ce] {
+.formula-header[data-v-5cffc399] {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -4300,7 +4248,7 @@ kbd[data-v-01e6f1a6] {
 
 /* ── 工具栏 ── */
 .formula-toolbar {
-&[data-v-39f7c9ce] {
+&[data-v-5cffc399] {
     display: flex;
     flex-flow: row nowrap;
     gap: 4px;
@@ -4308,7 +4256,7 @@ kbd[data-v-01e6f1a6] {
     padding: 0 12px 10px;
     border-bottom: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 10%, transparent);
     }
-.toolbar-sep[data-v-39f7c9ce] {
+.toolbar-sep[data-v-5cffc399] {
         width: 1px;
         height: 16px;
         background: color-mix(in srgb, var(--selection-bg, #0891b2) 20%, transparent);
@@ -4316,7 +4264,7 @@ kbd[data-v-01e6f1a6] {
         flex-shrink: 0;
 }
 span {
-&[data-v-39f7c9ce] {
+&[data-v-5cffc399] {
         display: flex;
         align-items: center;
         justify-content: center;
@@ -4332,11 +4280,11 @@ span {
             background 0.15s,
             opacity 0.15s;
         }
-&[data-v-39f7c9ce]:hover {
+&[data-v-5cffc399]:hover {
             background: var(--dialog-formula-nav-item-hover-bg);
             opacity: 1;
 }
-&.active[data-v-39f7c9ce] {
+&.active[data-v-5cffc399] {
             background: var(--dialog-formula-nav-item-active-bg) !important;
             color: var(--menu-item-active-color);
             opacity: 1;
@@ -4345,7 +4293,7 @@ span {
 }
 
 /* ── 主编辑区 ── */
-.formula-editor[data-v-39f7c9ce] {
+.formula-editor[data-v-5cffc399] {
     display: flex;
     flex-flow: row nowrap;
     gap: 8px;
@@ -4355,7 +4303,7 @@ span {
 
 /* ── 输入 + 预览 ── */
 .formula-input-area {
-&[data-v-39f7c9ce] {
+&[data-v-5cffc399] {
     display: flex;
     flex-flow: column nowrap;
     gap: 6px;
@@ -4363,7 +4311,7 @@ span {
     min-width: 0;
     }
 .formula-latex-input {
-&[data-v-39f7c9ce] {
+&[data-v-5cffc399] {
         flex: 1;
         color: var(--dialog-formula-input-color);
         background: var(--dialog-formula-part-bg);
@@ -4377,26 +4325,26 @@ span {
         line-height: 1.6;
         transition: border-color 0.2s;
         }
-&[data-v-39f7c9ce]::placeholder {
+&[data-v-5cffc399]::placeholder {
             color: gray;
             opacity: 0.6;
 }
-&[data-v-39f7c9ce]:focus {
+&[data-v-5cffc399]:focus {
             border-color: color-mix(in srgb, var(--selection-bg, #0891b2) 45%, transparent);
 }
-&[data-v-39f7c9ce]::-webkit-scrollbar {
+&[data-v-5cffc399]::-webkit-scrollbar {
             width: 3px;
 }
-&[data-v-39f7c9ce]::-webkit-scrollbar-thumb {
+&[data-v-5cffc399]::-webkit-scrollbar-thumb {
             background: color-mix(in srgb, var(--selection-bg, #0891b2) 25%, transparent);
             border-radius: 3px;
 }
-&[data-v-39f7c9ce]::-webkit-scrollbar-track {
+&[data-v-5cffc399]::-webkit-scrollbar-track {
             background: transparent;
 }
 }
 .formula-mathml-input {
-&[data-v-39f7c9ce] {
+&[data-v-5cffc399] {
         flex: 1;
         background: var(--dialog-formula-part-bg);
         border: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 10%, transparent);
@@ -4408,20 +4356,20 @@ span {
         justify-content: center;
         align-items: center;
         }
-&[data-v-39f7c9ce]:empty::before {
+&[data-v-5cffc399]:empty::before {
             content: "公式预览区域";
             opacity: 0.3;
             font-size: 13px;
             letter-spacing: 0.5px;
 }
-&[data-v-39f7c9ce]::-webkit-scrollbar {
+&[data-v-5cffc399]::-webkit-scrollbar {
             width: 3px;
 }
-&[data-v-39f7c9ce]::-webkit-scrollbar-thumb {
+&[data-v-5cffc399]::-webkit-scrollbar-thumb {
             background: color-mix(in srgb, var(--selection-bg, #0891b2) 25%, transparent);
             border-radius: 3px;
 }
-&[data-v-39f7c9ce]::-webkit-scrollbar-track {
+&[data-v-5cffc399]::-webkit-scrollbar-track {
             background: transparent;
 }
 }
@@ -4429,7 +4377,7 @@ span {
 
 /* ── 候选区 ── */
 .formula-candidate {
-&[data-v-39f7c9ce] {
+&[data-v-5cffc399] {
     display: flex;
     flex-flow: column nowrap;
     gap: 6px;
@@ -4441,7 +4389,7 @@ span {
     flex-shrink: 0;
     }
 .formula-candidate-nav {
-&[data-v-39f7c9ce] {
+&[data-v-5cffc399] {
         display: flex;
         flex-flow: row nowrap;
         align-items: center;
@@ -4451,24 +4399,24 @@ span {
         padding-bottom: 6px;
         }
 .formula-nav-type {
-&[data-v-39f7c9ce] {
+&[data-v-5cffc399] {
             display: flex;
             flex-flow: row nowrap;
             gap: 4px;
             overflow-x: auto;
             }
-&[data-v-39f7c9ce]::-webkit-scrollbar {
+&[data-v-5cffc399]::-webkit-scrollbar {
                 height: 2px;
 }
-&[data-v-39f7c9ce]::-webkit-scrollbar-thumb {
+&[data-v-5cffc399]::-webkit-scrollbar-thumb {
                 background: color-mix(in srgb, var(--selection-bg, #0891b2) 30%, transparent);
                 border-radius: 2px;
 }
-&[data-v-39f7c9ce]::-webkit-scrollbar-track {
+&[data-v-5cffc399]::-webkit-scrollbar-track {
                 background: transparent;
 }
 span {
-&[data-v-39f7c9ce] {
+&[data-v-5cffc399] {
                 padding: 3px 10px;
                 border-radius: 4px;
                 font-size: 12px;
@@ -4481,11 +4429,11 @@ span {
                     background 0.15s,
                     opacity 0.15s;
                 }
-&[data-v-39f7c9ce]:hover {
+&[data-v-5cffc399]:hover {
                     background: var(--dialog-formula-nav-item-hover-bg);
                     opacity: 1;
 }
-&.active[data-v-39f7c9ce] {
+&.active[data-v-5cffc399] {
                     background: var(--dialog-formula-nav-item-active-bg) !important;
                     color: var(--menu-item-active-color);
                     opacity: 1;
@@ -4494,22 +4442,22 @@ span {
 }
 }
 .formula-candidate-values {
-&[data-v-39f7c9ce] {
+&[data-v-5cffc399] {
         overflow: auto;
         flex: 1;
         }
-&[data-v-39f7c9ce]::-webkit-scrollbar {
+&[data-v-5cffc399]::-webkit-scrollbar {
             width: 3px;
 }
-&[data-v-39f7c9ce]::-webkit-scrollbar-thumb {
+&[data-v-5cffc399]::-webkit-scrollbar-thumb {
             background: color-mix(in srgb, var(--selection-bg, #0891b2) 25%, transparent);
             border-radius: 3px;
 }
-&[data-v-39f7c9ce]::-webkit-scrollbar-track {
+&[data-v-5cffc399]::-webkit-scrollbar-track {
             background: transparent;
 }
 .formula-type {
-&[data-v-39f7c9ce] {
+&[data-v-5cffc399] {
             display: flex;
             gap: 6px;
             flex-flow: row wrap;
@@ -4517,7 +4465,7 @@ span {
             padding-top: 4px;
             }
 span {
-&[data-v-39f7c9ce] {
+&[data-v-5cffc399] {
                 padding: 4px 8px;
                 border-radius: 4px;
                 background: var(--dialog-formula-candidate-item-bg);
@@ -4529,7 +4477,7 @@ span {
                     transform 0.1s,
                     box-shadow 0.15s;
                 }
-&[data-v-39f7c9ce]:hover {
+&[data-v-5cffc399]:hover {
                     background: var(--dialog-formula-candidate-item-hover-bg);
                     box-shadow: 0 0 8px color-mix(in srgb, var(--selection-bg, #0891b2) 20%, transparent);
                     transform: translateY(-1px);
@@ -4541,14 +4489,14 @@ span {
 
 /* ── 底部快捷键提示 ── */
 .formula-footer {
-&[data-v-39f7c9ce] {
+&[data-v-5cffc399] {
     display: flex;
     gap: 16px;
     align-items: center;
     padding: 6px 14px 10px;
     border-top: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 10%, transparent);
     }
-.footer-hint[data-v-39f7c9ce] {
+.footer-hint[data-v-5cffc399] {
         display: flex;
         align-items: center;
         gap: 4px;
@@ -4556,12 +4504,12 @@ span {
         color: var(--dialog-formula-input-color);
         opacity: 0.45;
 }
-.footer-hint-right[data-v-39f7c9ce] {
+.footer-hint-right[data-v-5cffc399] {
         margin-left: auto;
         opacity: 0.6;
         color: #f97316;
 }
-kbd[data-v-39f7c9ce] {
+kbd[data-v-5cffc399] {
         font-size: 10px;
         padding: 1px 5px;
         border-radius: 3px;
@@ -4840,7 +4788,7 @@ to {
 }
 
 
-@keyframes goto-33505565 {
+@keyframes goto-7cff101a {
 from {
         opacity: 0;
 }
@@ -4848,7 +4796,7 @@ to {
         opacity: 1;
 }
 }
-.text-link-ask[data-v-33505565] {
+.text-link-ask[data-v-7cff101a] {
     position: fixed;
     display: flex;
     flex-flow: column nowrap;
@@ -4858,13 +4806,13 @@ to {
     box-shadow: var(--float-shadow);
     border-radius: 12px;
     border: var(--float-card-border);
-    animation: 0.5s goto-33505565 ease-in forwards;
+    animation: 0.5s goto-7cff101a ease-in forwards;
     background: var(--float-link-ask-bg);
     backdrop-filter: blur(8px);
     gap: 4px;
     z-index: var(--float-zindex);
 }
-.iconbox[data-v-33505565] {
+.iconbox[data-v-7cff101a] {
     display: flex;
     justify-content: flex-end;
     align-items: center;
@@ -4872,7 +4820,7 @@ to {
     width: 100%;
 }
 .confirm {
-&[data-v-33505565] {
+&[data-v-7cff101a] {
     cursor: pointer;
     padding: 8px 14px;
     border-radius: 8px;
@@ -4887,14 +4835,14 @@ to {
         box-shadow 0.2s ease,
         transform 0.15s ease;
 }
-&[data-v-33505565]:hover {
+&[data-v-7cff101a]:hover {
         box-shadow: var(--float-confirm-hover-shadow);
         transform: translateY(-1px);
 }
 }
 
 
-@keyframes goto-f8c1471a {
+@keyframes goto-7eb504b5 {
 from {
         opacity: 0;
 }
@@ -4902,7 +4850,7 @@ to {
         opacity: 1;
 }
 }
-.text-link-ask[data-v-f8c1471a] {
+.text-link-ask[data-v-7eb504b5] {
     position: fixed;
     display: flex;
     flex-flow: column nowrap;
@@ -4912,13 +4860,13 @@ to {
     box-shadow: var(--float-shadow);
     border-radius: 12px;
     border: var(--float-card-border);
-    animation: 0.5s goto-f8c1471a ease-in forwards;
+    animation: 0.5s goto-7eb504b5 ease-in forwards;
     background: var(--float-link-ask-bg);
     backdrop-filter: blur(8px);
     gap: 4px;
     z-index: var(--float-zindex);
 }
-.iconbox[data-v-f8c1471a] {
+.iconbox[data-v-7eb504b5] {
     display: flex;
     justify-content: flex-end;
     align-items: center;
@@ -4926,7 +4874,7 @@ to {
     width: 100%;
 }
 .confirm {
-&[data-v-f8c1471a] {
+&[data-v-7eb504b5] {
     cursor: pointer;
     padding: 8px 14px;
     border-radius: 8px;
@@ -4941,7 +4889,7 @@ to {
         box-shadow 0.2s ease,
         transform 0.15s ease;
 }
-&[data-v-f8c1471a]:hover {
+&[data-v-7eb504b5]:hover {
         box-shadow: var(--float-confirm-hover-shadow);
         transform: translateY(-1px);
 }
@@ -4949,7 +4897,7 @@ to {
 
 
 .float-rt {
-&[data-v-f9dcaca8] {
+&[data-v-362e80c5] {
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
@@ -4963,13 +4911,13 @@ to {
     backdrop-filter: blur(8px);
     z-index: var(--float-zindex);
 }
-.iconfont[data-v-f9dcaca8] {
+.iconfont[data-v-362e80c5] {
         font-size: 18px;
         color: var(--float-color);
         opacity: 0.8;
 }
 input {
-&[data-v-f9dcaca8] {
+&[data-v-362e80c5] {
         padding: 5px 8px;
         background: transparent;
         border: var(--float-input-border);
@@ -4982,13 +4930,13 @@ input {
             border-color 0.2s ease,
             box-shadow 0.2s ease;
 }
-&[data-v-f9dcaca8]:focus {
+&[data-v-362e80c5]:focus {
             border-color: var(--ui-base-input-border-focus);
             box-shadow: var(--ui-base-input-shadow-focus);
 }
 }
 .submit {
-&[data-v-f9dcaca8] {
+&[data-v-362e80c5] {
         background: var(--float-confirm-gradient);
         color: var(--float-confirm-color);
         padding: 5px 12px;
@@ -5001,12 +4949,12 @@ input {
             box-shadow 0.2s ease,
             transform 0.15s ease;
 }
-&[data-v-f9dcaca8]:hover {
+&[data-v-362e80c5]:hover {
             box-shadow: var(--float-confirm-hover-shadow);
             transform: translateY(-1px);
 }
 }
-.close-corner[data-v-f9dcaca8] {
+.close-corner[data-v-362e80c5] {
         position: static;
         width: 22px;
         height: 22px;
@@ -5076,7 +5024,7 @@ div[data-v-de9c6e02]::before {
 
 
 .float-node-layout {
-&[data-v-6719d133] {
+&[data-v-4a2a864e] {
     position: fixed;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
@@ -5089,7 +5037,7 @@ div[data-v-de9c6e02]::before {
     background-color: var(--float-node-layout-bg);
 }
 .layout-item {
-&[data-v-6719d133] {
+&[data-v-4a2a864e] {
         cursor: not-allowed;
         display: flex;
         flex-flow: row nowrap;
@@ -5101,15 +5049,15 @@ div[data-v-de9c6e02]::before {
         box-shadow: var(--float-node-layout-shadow);
         background: var(--float-node-layout-item-bg);
 }
-&[data-v-6719d133]:hover {
+&[data-v-4a2a864e]:hover {
             box-shadow: var(--float-node-layout-shadow-hover);
             background: var(--float-node-layout-item-bg-hover);
 }
-.iconfont[data-v-6719d133] {
+.iconfont[data-v-4a2a864e] {
             font-size: 24px;
 }
 }
-.usable[data-v-6719d133] {
+.usable[data-v-4a2a864e] {
         color: var(--float-node-layout-usable-color);
         cursor: pointer;
 }
@@ -5123,7 +5071,7 @@ div[data-v-de9c6e02]::before {
 
 .ui-sideitem-toolbar {
 .sidebar-panel-toolbox {
-&[data-v-119f131f] {
+&[data-v-1fbbd59a] {
         background: var(--sidebar-panel-toolbox-bg);
         display: flex;
         align-items: center;
@@ -5134,40 +5082,40 @@ div[data-v-de9c6e02]::before {
         border-radius: 4px;
 }
 .tip {
-&[data-v-119f131f] {
+&[data-v-1fbbd59a] {
             text-shadow: 0px 0px 3px;
             border-radius: 100px;
             padding: 0px 10px;
 }
 .iconfont {
-&[data-v-119f131f] {
+&[data-v-1fbbd59a] {
                 font-size: var(--ui-icon-size-lv2);
 }
-&[data-v-119f131f]:hover {
+&[data-v-1fbbd59a]:hover {
                     color: var(--ui-catalogue-tools-hover-color);
 }
 }
 }
 .iconfont {
-&[data-v-119f131f] {
+&[data-v-1fbbd59a] {
             font-size: var(--ui-icon-size-lv2);
 }
-&[data-v-119f131f]:hover {
+&[data-v-1fbbd59a]:hover {
                 color: var(--ui-catalogue-tools-hover-color);
 }
 }
-.tools-icon[data-v-119f131f] {
+.tools-icon[data-v-1fbbd59a] {
             display: flex;
             align-items: center;
             gap: 10px;
 }
 }
 .tool-items-disable {
-&[data-v-119f131f] {
+&[data-v-1fbbd59a] {
         border: var(--ui-toolbar-border-disable);
         background: var(--ui-toolbar-disable-group-bg);
 }
-&[data-v-119f131f]::before {
+&[data-v-1fbbd59a]::before {
             content: "已禁用";
             display: block;
             padding: 4px;
@@ -5177,16 +5125,16 @@ div[data-v-de9c6e02]::before {
             border-radius: 4px;
             color: var(--ui-toolbar-disable-group-title-color);
 }
-& > div[data-v-119f131f]:hover {
+& > div[data-v-1fbbd59a]:hover {
             background: var(--ui-toolbar-disable-group-title-bg);
 }
 }
 .tool-items-enable {
-&[data-v-119f131f] {
+&[data-v-1fbbd59a] {
         border: var(--ui-toolbar-border-enable);
         background: var(--ui-toolbar-enable-group-bg);
 }
-&[data-v-119f131f]::before {
+&[data-v-1fbbd59a]::before {
             content: "已启用";
             padding: 4px;
             display: block;
@@ -5196,16 +5144,16 @@ div[data-v-de9c6e02]::before {
             border-radius: 4px;
             color: var(--ui-toolbar-enable-group-title-color);
 }
-& > div[data-v-119f131f]:hover {
+& > div[data-v-1fbbd59a]:hover {
             background: var(--ui-toolbar-enable-group-title-bg);
 }
 }
-.tool-map[data-v-119f131f] {
+.tool-map[data-v-1fbbd59a] {
         color: var(--toolbar-toolmap-color);
 }
 .tool-items-enable,
     .tool-items-disable {
-&[data-v-119f131f] {
+&[data-v-1fbbd59a] {
         border-radius: 4px;
         display: flex;
         justify-content: center;
@@ -5214,7 +5162,7 @@ div[data-v-de9c6e02]::before {
         padding: 5px;
         margin-bottom: 4px;
 }
-& > div[data-v-119f131f] {
+& > div[data-v-1fbbd59a] {
             color: var(--toolbar-icon-color);
             background: var(--toolbar-icon-bg);
             border: var(--toolbar-icon-border);
@@ -5222,38 +5170,38 @@ div[data-v-de9c6e02]::before {
             border-radius: 5px;
             cursor: pointer;
 }
-.iconfont[data-v-119f131f] {
+.iconfont[data-v-1fbbd59a] {
             font-size: 24px;
             text-align: center;
 }
-.grid-sub[data-v-119f131f] {
+.grid-sub[data-v-1fbbd59a] {
             justify-items: center;
             display: grid;
             gap: 10px;
 }
-.grid-col-2[data-v-119f131f] {
+.grid-col-2[data-v-1fbbd59a] {
             grid-template-columns: repeat(2, 1fr);
             grid-column: span 2;
 }
-.grid-col-3[data-v-119f131f] {
+.grid-col-3[data-v-1fbbd59a] {
             grid-template-columns: repeat(3, 1fr);
             grid-column: span 3;
 }
-.grid-col-4[data-v-119f131f] {
+.grid-col-4[data-v-1fbbd59a] {
             grid-template-columns: repeat(4, 1fr);
             grid-column: span 4;
 }
-.grid-col-5[data-v-119f131f] {
+.grid-col-5[data-v-1fbbd59a] {
             grid-template-columns: repeat(5, 1fr);
             grid-column: span 5;
 }
-.grid-col-6[data-v-119f131f] {
+.grid-col-6[data-v-1fbbd59a] {
             grid-template-columns: repeat(6, 1fr);
             grid-column: span 6;
 }
 }
 .tool-group {
-&[data-v-119f131f] {
+&[data-v-1fbbd59a] {
         display: flex;
         flex-flow: row nowrap;
         gap: 8px;
@@ -5264,10 +5212,10 @@ div[data-v-de9c6e02]::before {
         border-radius: 5px;
         cursor: pointer;
 }
-&[data-v-119f131f]:hover {
+&[data-v-1fbbd59a]:hover {
             background: var(--toolbar-custom-card-hover-bg);
 }
-& > div[data-v-119f131f] {
+& > div[data-v-1fbbd59a] {
             font-size: 24px;
             text-align: center;
 }
@@ -5275,20 +5223,20 @@ div[data-v-de9c6e02]::before {
 }
 
 
-.box-catalogue[data-v-6acb66ed] {
+.box-catalogue[data-v-185da48a] {
     overflow-y: scroll;
     height: 100%;
 }
 .box-groups {
-&[data-v-6acb66ed] {
+&[data-v-185da48a] {
     column-width: var(--ui-catalogue-item-min-width);
     column-gap: 5px;
     }
-.tip-empty[data-v-6acb66ed] {
+.tip-empty[data-v-185da48a] {
         text-align: center;
 }
 .group {
-&[data-v-6acb66ed] {
+&[data-v-185da48a] {
         padding: 5px;
         break-inside: avoid;
         background: var(--ui-catalogue-group-bg);
@@ -5299,20 +5247,24 @@ div[data-v-de9c6e02]::before {
 .group-title-box,
         .group-item {
 .tools {
-&[data-v-6acb66ed] {
+&[data-v-185da48a] {
                 flex-shrink: 0;
                 display: none;
                 flex-flow: row nowrap;
                 align-items: center;
                 gap: 4px;
                 }
-.colors[data-v-6acb66ed] {
+.colors[data-v-185da48a] {
                     display: none;
 }
 }
 }
+.group-items[data-v-185da48a] {
+            position: relative;
+            width: 100%;
+}
 .group-title-box {
-&[data-v-6acb66ed] {
+&[data-v-185da48a] {
             background: var(--ui-catalogue-title-bg);
             color: var(--ui-catalogue-title-color);
             border-radius: var(--ui-catalogue-title-radius);
@@ -5324,32 +5276,32 @@ div[data-v-de9c6e02]::before {
             font-weight: bold;
             }
 &:hover {
-&[data-v-6acb66ed] {
+&[data-v-185da48a] {
                 background: var(--ui-catalogue-item-hover-bg) !important;
                 }
-.tools[data-v-6acb66ed] {
+.tools[data-v-185da48a] {
                     display: flex;
 }
 }
-&[data-v-6acb66ed] .el-color-picker {
+&[data-v-185da48a] .el-color-picker {
                 height: fit-content !important;
                 width: fit-content !important;
 }
 .group-title {
-&[data-v-6acb66ed] {
+&[data-v-185da48a] {
                 flex: 1;
                 text-align: center;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
                 }
-&[contenteditable="true"][data-v-6acb66ed] {
+&[contenteditable="true"][data-v-185da48a] {
                     border: 1px dashed;
 }
 }
 }
 .group-item {
-&[data-v-6acb66ed] {
+&[data-v-185da48a] {
             cursor: pointer;
             overflow: hidden;
             text-overflow: ellipsis;
@@ -5357,39 +5309,41 @@ div[data-v-de9c6e02]::before {
             padding: 4px;
             border-radius: 6px;
             width: 100%;
+            left: 0;
+            box-sizing: border-box;
             transition: 0.5s;
             display: flex;
             justify-content: space-between;
             align-items: center;
             }
-&[data-v-6acb66ed] > * {
+&[data-v-185da48a] > * {
                 pointer-events: var(--drag-item-point-event);
 }
 &:hover {
-&[data-v-6acb66ed] {
+&[data-v-185da48a] {
                 background: var(--ui-catalogue-item-hover-bg) !important;
                 }
-.tools[data-v-6acb66ed] {
+.tools[data-v-185da48a] {
                     display: flex;
 }
 }
 .name {
-&[data-v-6acb66ed] {
+&[data-v-185da48a] {
                 flex: 1;
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
                 }
-&[contenteditable="true"][data-v-6acb66ed] {
+&[contenteditable="true"][data-v-185da48a] {
                     border: 1px dashed;
 }
 }
 }
-.group-item-drag[data-v-6acb66ed] {
+.group-item-drag[data-v-185da48a] {
             background: var(--ui-catalogue-item-drag-bg) !important;
 }
 }
-.group-over[data-v-6acb66ed] {
+.group-over[data-v-185da48a] {
         background: var(--ui-catalogue-group-drag-over-bg) !important;
 }
 }
@@ -5496,14 +5450,14 @@ div[data-v-de9c6e02]::before {
 
 
 .ui-sideitem-theme {
-&[data-v-14a2722e] {
+&[data-v-2370bfc4] {
     height: 100%;
     overflow-y: scroll;
     user-select: none;
     padding: 0 0 10px;
 }
 .theme-toolbox {
-&[data-v-14a2722e] {
+&[data-v-2370bfc4] {
         background: linear-gradient(135deg, color-mix(in srgb, var(--page-bg, #ffffff) 86%, transparent) 0%, color-mix(in srgb, var(--selection-bg, #cccccc) 16%, transparent) 100%), var(--sidebar-panel-toolbox-bg);
         display: flex;
         align-items: center;
@@ -5512,45 +5466,45 @@ div[data-v-de9c6e02]::before {
         padding: 10px 12px;
         margin: 6px;
 }
-.toolbox-copy[data-v-14a2722e] {
+.toolbox-copy[data-v-2370bfc4] {
             min-width: 0;
 }
-.toolbox-title[data-v-14a2722e] {
+.toolbox-title[data-v-2370bfc4] {
             font-size: 14px;
             font-weight: 700;
             color: var(--color);
             letter-spacing: 0.08em;
 }
-.toolbox-desc[data-v-14a2722e] {
+.toolbox-desc[data-v-2370bfc4] {
             font-size: 12px;
             color: color-mix(in srgb, var(--color, #333333) 64%, transparent);
             margin-top: 2px;
 }
 .iconfont {
-&[data-v-14a2722e] {
+&[data-v-2370bfc4] {
             font-size: var(--ui-icon-size-lv2);
             color: var(--ui-theme-item-color);
             transition:
                 color 0.2s ease,
                 transform 0.2s ease;
 }
-&[data-v-14a2722e]:hover {
+&[data-v-2370bfc4]:hover {
                 color: var(--ui-catalogue-tools-hover-color);
                 transform: translateX(-2px);
 }
 }
-.tools-icon[data-v-14a2722e] {
+.tools-icon[data-v-2370bfc4] {
             display: flex;
             align-items: center;
             gap: 10px;
 }
 }
 .list-box {
-&[data-v-14a2722e] {
+&[data-v-2370bfc4] {
         padding: 0;
 }
 .bg-item-clear {
-&[data-v-14a2722e] {
+&[data-v-2370bfc4] {
             display: flex;
             justify-content: center;
             align-items: center;
@@ -5568,14 +5522,14 @@ div[data-v-de9c6e02]::before {
                 transform 0.2s ease;
 }
 .clear-shape {
-&[data-v-14a2722e] {
+&[data-v-2370bfc4] {
                 width: 44px;
                 height: 44px;
                 clip-path: polygon(20% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 20%);
                 position: relative;
 }
-&[data-v-14a2722e]::before,
-                &[data-v-14a2722e]::after {
+&[data-v-2370bfc4]::before,
+                &[data-v-2370bfc4]::after {
                     content: "";
                     position: absolute;
                     inset: 50% auto auto 50%;
@@ -5584,19 +5538,19 @@ div[data-v-de9c6e02]::before {
                     background: color-mix(in srgb, var(--selection-bg, #bbbbbb) 65%, transparent);
                     transform-origin: center;
 }
-&[data-v-14a2722e]::before {
+&[data-v-2370bfc4]::before {
                     transform: translate(-50%, -50%) rotate(45deg);
 }
-&[data-v-14a2722e]::after {
+&[data-v-2370bfc4]::after {
                     transform: translate(-50%, -50%) rotate(-45deg);
 }
 }
 }
-.active-theme[data-v-14a2722e] {
+.active-theme[data-v-2370bfc4] {
             border: 2px solid black;
 }
 .bg-item {
-&[data-v-14a2722e] {
+&[data-v-2370bfc4] {
             cursor: pointer;
             border-radius: 4px;
             overflow: hidden;
@@ -5607,8 +5561,11 @@ div[data-v-de9c6e02]::before {
                 box-shadow 0.2s ease;
             position: relative;
             min-height: 120px;
+            height: 120px;
+            contain: layout paint style;
+            transform:translateZ(0);
 }
-.extention[data-v-14a2722e] {
+.extention[data-v-2370bfc4] {
                 position: absolute;
                 right: 6px;
                 bottom: 6px;
@@ -5620,35 +5577,35 @@ div[data-v-de9c6e02]::before {
                 border-radius: 4px;
                 z-index: 1;
 }
-.extention-image[data-v-14a2722e] {
+.extention-image[data-v-2370bfc4] {
                 color: var(--color);
                 background: var(--text-hover-bg);
 }
-.extention-video[data-v-14a2722e] {
+.extention-video[data-v-2370bfc4] {
                 color: var(--selection-color);
                 background: var(--selection-bg);
 }
-video[data-v-14a2722e] {
+video[data-v-2370bfc4] {
                 width: 100%;
-                min-height: 120px;
+                height: 100%;
                 object-fit: cover;
                 display: block;
 }
-img[data-v-14a2722e] {
+img[data-v-2370bfc4] {
                 width: 100%;
-                min-height: 120px;
+                height: 100%;
                 object-fit: cover;
                 display: block;
 }
 }
-.bg-item[data-v-14a2722e]:hover,
-        .bg-item-clear[data-v-14a2722e]:hover {
+.bg-item[data-v-2370bfc4]:hover,
+        .bg-item-clear[data-v-2370bfc4]:hover {
             transform: translateY(-3px);
             box-shadow: var(--ui-theme-item-hover-shadow);
 }
 }
 .list-title {
-&[data-v-14a2722e] {
+&[data-v-2370bfc4] {
         color: var(--ui-theme-title-color);
         padding: 8px 10px;
         display: flex;
@@ -5658,39 +5615,39 @@ img[data-v-14a2722e] {
         margin: 0 0 10px;
         border-radius: 4px;
 }
-.section-title[data-v-14a2722e] {
+.section-title[data-v-2370bfc4] {
             font-size: 14px;
             font-weight: 700;
             letter-spacing: 0.04em;
 }
-.section-desc[data-v-14a2722e] {
+.section-desc[data-v-2370bfc4] {
             font-size: 12px;
             color: color-mix(in srgb, currentColor 65%, transparent);
             margin-top: 2px;
 }
 .iconfont {
-&[data-v-14a2722e] {
+&[data-v-2370bfc4] {
             cursor: pointer;
             transition:
                 color 0.2s ease,
                 transform 0.2s ease;
 }
-&[data-v-14a2722e]:hover {
+&[data-v-2370bfc4]:hover {
                 transform: rotate(-20deg);
 }
 }
 }
-.list-background[data-v-14a2722e] {
+.list-background[data-v-2370bfc4] {
         background: var(--ui-background-title-bg);
         color: var(--ui-background-title-color);
 }
-.list-theme[data-v-14a2722e] {
+.list-theme[data-v-2370bfc4] {
         background: var(--ui-theme-title-bg);
 }
-.list-note-theme[data-v-14a2722e] {
+.list-note-theme[data-v-2370bfc4] {
         background: var(--ui-theme-title-bg);
 }
-.theme-list[data-v-14a2722e] {
+.theme-list[data-v-2370bfc4] {
         border: var(--sidebar-cube-border);
         background: var(--ui-theme-list-bg);
         border-radius: 12px;
@@ -5699,7 +5656,7 @@ img[data-v-14a2722e] {
         box-shadow: var(--ui-theme-list-shadow);
 }
 .note-theme-list {
-&[data-v-14a2722e] {
+&[data-v-2370bfc4] {
         border: var(--sidebar-cube-border);
         border-radius: 6px;
         padding: 12px;
@@ -5710,7 +5667,7 @@ img[data-v-14a2722e] {
         position: relative;
         overflow: hidden;
 }
-&[data-v-14a2722e]::before {
+&[data-v-2370bfc4]::before {
             content: "";
             position: absolute;
             inset: 0 auto auto 0;
@@ -5719,13 +5676,13 @@ img[data-v-14a2722e] {
             background: radial-gradient(circle, color-mix(in srgb, var(--selection-bg, #bbbbbb) 10%, transparent) 0%, transparent 72%);
             pointer-events: none;
 }
-.theme-card-grid[data-v-14a2722e] {
+.theme-card-grid[data-v-2370bfc4] {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
             gap: 14px;
 }
 .theme-card {
-&[data-v-14a2722e] {
+&[data-v-2370bfc4] {
             padding: 14px;
             min-height: 216px;
             border: 1px solid color-mix(in srgb, var(--card-primary) 28%, transparent);
@@ -5747,7 +5704,7 @@ img[data-v-14a2722e] {
                 0 12px 24px color-mix(in srgb, var(--card-primary) 10%, transparent),
                 inset 0 1px 0 rgba(255, 255, 255, 0.55);
 }
-&[data-v-14a2722e]::before {
+&[data-v-2370bfc4]::before {
                 content: "";
                 position: absolute;
                 inset: -1px;
@@ -5756,7 +5713,7 @@ img[data-v-14a2722e] {
                 clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
                 pointer-events: none;
 }
-&[data-v-14a2722e]::after {
+&[data-v-2370bfc4]::after {
                 content: "";
                 position: absolute;
                 right: -34px;
@@ -5766,13 +5723,13 @@ img[data-v-14a2722e] {
                 background: radial-gradient(circle, color-mix(in srgb, var(--card-accent) 24%, transparent) 0%, transparent 70%);
                 pointer-events: none;
 }
-.theme-card-head[data-v-14a2722e] {
+.theme-card-head[data-v-2370bfc4] {
                 display: flex;
                 align-items: flex-start;
                 justify-content: space-between;
                 gap: 10px;
 }
-.theme-motif[data-v-14a2722e] {
+.theme-motif[data-v-2370bfc4] {
                 font-size: 12px;
                 color: color-mix(in srgb, var(--card-ink) 78%, transparent);
                 background: color-mix(in srgb, var(--card-primary) 10%, transparent);
@@ -5781,23 +5738,23 @@ img[data-v-14a2722e] {
                 padding: 5px 10px;
                 max-width: 72%;
 }
-.theme-key[data-v-14a2722e] {
+.theme-key[data-v-2370bfc4] {
                 font-size: 11px;
                 font-weight: 700;
                 color: color-mix(in srgb, var(--card-primary) 84%, var(--card-ink) 16%);
                 letter-spacing: 0.08em;
                 text-transform: uppercase;
 }
-.theme-geometry[data-v-14a2722e] {
+.theme-geometry[data-v-2370bfc4] {
                 position: relative;
                 min-height: 96px;
                 margin: 12px 0 10px;
 }
-.geo[data-v-14a2722e] {
+.geo[data-v-2370bfc4] {
                 position: absolute;
                 display: block;
 }
-.geo-diamond[data-v-14a2722e] {
+.geo-diamond[data-v-2370bfc4] {
                 width: 74px;
                 height: 74px;
                 left: 12px;
@@ -5806,7 +5763,7 @@ img[data-v-14a2722e] {
                 clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
                 box-shadow: 0 10px 24px color-mix(in srgb, var(--card-primary) 22%, transparent);
 }
-.geo-band[data-v-14a2722e] {
+.geo-band[data-v-2370bfc4] {
                 width: 88px;
                 height: 18px;
                 right: 8px;
@@ -5816,7 +5773,7 @@ img[data-v-14a2722e] {
                 transform: rotate(-17deg);
 }
 .geo-orbit {
-&[data-v-14a2722e] {
+&[data-v-2370bfc4] {
                 width: 120px;
                 height: 54px;
                 right: 10px;
@@ -5825,7 +5782,7 @@ img[data-v-14a2722e] {
                 border-radius: 999px;
                 transform: rotate(-18deg);
 }
-&[data-v-14a2722e]::before {
+&[data-v-2370bfc4]::before {
                     content: "";
                     position: absolute;
                     top: 50%;
@@ -5838,7 +5795,7 @@ img[data-v-14a2722e] {
                     box-shadow: 0 0 12px color-mix(in srgb, var(--card-accent) 40%, transparent);
 }
 }
-.geo-cut[data-v-14a2722e] {
+.geo-cut[data-v-2370bfc4] {
                 width: 48px;
                 height: 48px;
                 left: 92px;
@@ -5847,43 +5804,43 @@ img[data-v-14a2722e] {
                 border: 1px solid color-mix(in srgb, var(--card-primary) 24%, transparent);
                 clip-path: polygon(0 0, 100% 0, 72% 100%, 0 100%);
 }
-.theme-card-foot[data-v-14a2722e] {
+.theme-card-foot[data-v-2370bfc4] {
                 position: relative;
                 z-index: 1;
 }
-.theme-name[data-v-14a2722e] {
+.theme-name[data-v-2370bfc4] {
                 font-size: 15px;
                 font-weight: 700;
 }
-.theme-palette-text[data-v-14a2722e] {
+.theme-palette-text[data-v-2370bfc4] {
                 margin-top: 4px;
                 font-size: 12px;
                 color: color-mix(in srgb, var(--card-ink) 65%, transparent);
 }
-.theme-swatches[data-v-14a2722e] {
+.theme-swatches[data-v-2370bfc4] {
                 display: flex;
                 align-items: center;
                 gap: 8px;
                 margin-top: 12px;
 }
-.swatch[data-v-14a2722e] {
+.swatch[data-v-2370bfc4] {
                 width: 18px;
                 height: 18px;
                 border-radius: 6px;
                 border: 1px solid rgba(255, 255, 255, 0.5);
                 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
 }
-.swatch-primary[data-v-14a2722e] {
+.swatch-primary[data-v-2370bfc4] {
                 background: var(--card-primary);
 }
-.swatch-accent[data-v-14a2722e] {
+.swatch-accent[data-v-2370bfc4] {
                 background: var(--card-accent);
 }
-.swatch-surface[data-v-14a2722e] {
+.swatch-surface[data-v-2370bfc4] {
                 background: var(--card-surface);
                 border-color: color-mix(in srgb, var(--card-primary) 18%, transparent);
 }
-&[data-v-14a2722e]:hover {
+&[data-v-2370bfc4]:hover {
                 transform: translateY(-4px);
                 border-color: color-mix(in srgb, var(--card-primary) 48%, transparent);
                 box-shadow:
@@ -5891,10 +5848,10 @@ img[data-v-14a2722e] {
                     0 0 18px color-mix(in srgb, var(--card-accent) 14%, transparent),
                     inset 0 1px 0 rgba(255, 255, 255, 0.12);
 }
-&[data-v-14a2722e]:active {
+&[data-v-2370bfc4]:active {
                 transform: translateY(-1px);
 }
-&.active-theme[data-v-14a2722e] {
+&.active-theme[data-v-2370bfc4] {
                 border-color: color-mix(in srgb, var(--card-primary) 68%, transparent) !important;
                 box-shadow:
                     0 0 0 1px color-mix(in srgb, var(--card-primary) 34%, transparent),
@@ -5905,7 +5862,7 @@ img[data-v-14a2722e] {
 }
 }
 .background-list {
-&[data-v-14a2722e] {
+&[data-v-2370bfc4] {
         margin: 6px;
         border: var(--ui-background-list-border);
         background: linear-gradient(155deg, color-mix(in srgb, var(--page-bg, #ffffff) 96%, transparent) 0%, color-mix(in srgb, var(--selection-bg, #cccccc) 6%, transparent) 100%), var(--ui-background-list-bg);
@@ -5913,10 +5870,33 @@ img[data-v-14a2722e] {
         padding: 12px;
         box-shadow: var(--ui-theme-list-shadow);
 }
-.background-grid[data-v-14a2722e] {
+.background-actions {
+&[data-v-2370bfc4] {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+            gap: 10px;
+            margin-bottom: 10px;
+}
+.bg-item-clear[data-v-2370bfc4] {
+                min-height: 96px;
+                height: 96px;
+}
+}
+.background-summary[data-v-2370bfc4] {
+            padding: 0 2px 10px;
+            font-size: 12px;
+            color: color-mix(in srgb, var(--ui-background-title-color, currentColor) 68%, transparent);
+            user-select: none;
+}
+.background-grid {
+&[data-v-2370bfc4] {
             display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(136px, 1fr));
-            gap: 12px;
+            align-items: start;
+}
+.virtual-spacer[data-v-2370bfc4] {
+                grid-column: 1 / -1;
+                pointer-events: none;
+}
 }
 }
 }
@@ -6020,19 +6000,19 @@ img[data-v-14a2722e] {
 
 
 .sidebar-config {
-&[data-v-fce7d420] {
+&[data-v-1746885e] {
     user-select: none;
     padding-bottom: 6px;
 }
 .config-box {
-&[data-v-fce7d420] {
+&[data-v-1746885e] {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
         gap: 8px;
         padding: 4px;
 }
 .config-group {
-&[data-v-fce7d420] {
+&[data-v-1746885e] {
             display: flex;
             flex-flow: column nowrap;
             gap: 4px;
@@ -6044,11 +6024,11 @@ img[data-v-14a2722e] {
             padding: 0 0 6px;
             min-width: 0;
 }
-.active[data-v-fce7d420] {
+.active[data-v-1746885e] {
                 color: var(--ui-config-active-icon-color);
                 text-shadow: 0px 0px 4px var(--ui-config-active-icon-color);
 }
-.config-title[data-v-fce7d420] {
+.config-title[data-v-1746885e] {
                 display: flex;
                 justify-content: center;
                 align-items: center;
@@ -6061,7 +6041,7 @@ img[data-v-14a2722e] {
                 margin-bottom: 2px;
 }
 .config-item {
-&[data-v-fce7d420] {
+&[data-v-1746885e] {
                 display: flex;
                 gap: 10px;
                 align-items: center;
@@ -6071,37 +6051,37 @@ img[data-v-14a2722e] {
                 margin: 0 4px;
                 transition: background 0.18s ease;
 }
-&[data-v-fce7d420]:hover {
+&[data-v-1746885e]:hover {
                     background: var(--ui-config-item-hover-bg);
 }
-.color-cube[data-v-fce7d420] {
+.color-cube[data-v-1746885e] {
                     border-radius: 4px;
                     padding: 10px;
 }
 .flexbox {
-&[data-v-fce7d420] {
+&[data-v-1746885e] {
                     display: flex;
                     flex-flow: row nowrap;
                     gap: 6px;
                     padding: 6px 10px;
 }
-.iconfont[data-v-fce7d420] {
+.iconfont[data-v-1746885e] {
                         font-size: 24px;
 }
-.iconfont[data-v-fce7d420]:hover {
+.iconfont[data-v-1746885e]:hover {
                         color: var(--ui-config-active-icon-color);
                         text-shadow: 0px 0px 4px var(--ui-config-active-icon-color);
 }
 }
-.iconfont[data-v-fce7d420]::before {
+.iconfont[data-v-1746885e]::before {
                     margin-right: 5px;
 }
-.el-slider[data-v-fce7d420] {
+.el-slider[data-v-1746885e] {
                     width: 100%;
                     min-width: 120px;
                     max-width: 250px;
 }
-.config-item-name[data-v-fce7d420] {
+.config-item-name[data-v-1746885e] {
                     padding: 2px 7px;
                     background: var(--ui-config-item-name-bg);
                     color: var(--ui-config-item-name-color);
@@ -6115,248 +6095,143 @@ img[data-v-14a2722e] {
 }
 
 
-.ui-ai {
-&[data-v-79b36308] {
+.sidebar-hotkeys[data-v-4b9fa592] {
     height: 100%;
-    overflow-y: scroll;
-    position: relative;
-    user-select: auto;
-}
-.ai-dialogs-box[data-v-79b36308] {
-        display: flex;
-        flex-flow: column nowrap;
-        justify-content: start;
-        align-items: center;
-        position: relative;
-        height: calc(100% - 45px);
-}
-.dialog-content {
-&[data-v-79b36308] {
-        padding: 8px 10px 8px 8px;
-        overflow-y: scroll;
-        overflow-x: hidden;
-        flex: 1;
-        width: 100%;
-        display: flex;
-        flex-flow: column nowrap;
-        gap: 10px;
-}
-.question,
-        .reply {
-&[data-v-79b36308] {
-            width: 100%;
-            display: flex;
-            gap: 8px;
-            align-items: flex-start;
-}
-.content[data-v-79b36308] {
-                border-radius: 10px;
-                padding: 8px 12px;
-                max-width: 80%;
-                line-height: 1.5;
-                font-size: 14px;
-                word-break: break-all;
-}
-.iconfont[data-v-79b36308] {
-                flex-shrink: 0;
-                width: 32px;
-                height: 32px;
-                border-radius: 50%;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                font-size: 16px;
-                color: #fff;
-}
-}
-.question {
-&[data-v-79b36308] {
-            justify-content: flex-end;
-            flex-direction: row-reverse;
-}
-.content[data-v-79b36308] {
-                background: var(--ui-ai-question-bg);
-                color: var(--ui-ai-question-color);
-                border-bottom-right-radius: 2px;
-}
-.iconfont[data-v-79b36308] {
-                background: var(--ui-ai-avatar-user-bg);
-}
-}
-.reply {
-&[data-v-79b36308] {
-            justify-content: flex-start;
-}
-.content[data-v-79b36308] {
-                background: var(--ui-ai-reply-bg);
-                color: var(--ui-ai-reply-color);
-                border-bottom-left-radius: 2px;
-}
-.iconfont[data-v-79b36308] {
-                background: var(--ui-ai-avatar-ai-bg);
-}
-}
-}
-.send-box {
-&[data-v-79b36308] {
-        position: sticky;
-        bottom: 0px;
-        left: 0px;
-        width: 100%;
-        padding-top: 6px;
-        flex-shrink: 0;
-        background: var(--ui-ai-send-box-bg);
-        backdrop-filter: blur(8px);
-        border-radius: 10px 10px 0 0;
-}
-.input-box {
-&[data-v-79b36308] {
-            display: flex;
-            flex-flow: column nowrap;
-            align-items: center;
-            gap: 4px;
-            padding: 6px;
-}
-.tools[data-v-79b36308] {
-                display: flex;
-                flex-flow: row nowrap;
-                justify-content: flex-end;
-                align-items: center;
-                width: 100%;
-                gap: 4px;
-                background: var(--ui-ai-tools-bg);
-                border: var(--ui-ai-tools-border);
-                border-radius: 6px;
-                padding: 3px 6px;
-}
-textarea {
-&[data-v-79b36308] {
-                font-family: auto;
-                resize: none;
-                flex: 1;
-                color: var(--color);
-                background: var(--ui-ai-input-bg);
-                border: var(--ui-ai-input-border);
-                padding: 8px 10px;
-                font-size: 14px;
-                border-radius: 8px;
-                outline: none;
-                width: 100%;
-                min-height: 100px;
-                letter-spacing: 0.5px;
-                line-height: 1.6;
-                transition:
-                    border-color 0.2s ease,
-                    box-shadow 0.2s ease;
-}
-&[data-v-79b36308]:focus {
-                    border-color: var(--ui-base-input-border-focus);
-                    box-shadow: var(--ui-base-input-shadow-focus);
-}
-}
-.iconfont {
-&[data-v-79b36308] {
-                font-size: 22px;
-                padding: 5px;
-                border-radius: 6px;
-                cursor: pointer;
-                background: transparent;
-                transition:
-                    background 0.18s ease,
-                    color 0.18s ease,
-                    transform 0.15s ease;
-}
-&[data-v-79b36308]:hover {
-                    background: var(--ui-ai-tool-hover-bg);
-                    color: var(--ui-ai-tool-hover-color);
-                    transform: scale(1.1);
+    overflow-y: auto;
+    user-select: none;
+    padding: 4px 4px 12px;
+    color: var(--dialog-cubelist-input-color);
 }
+.hotkey-summary[data-v-4b9fa592] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    margin: 2px 2px 10px;
+    padding: 10px 12px;
+    border: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 20%, transparent);
+    border-radius: 6px;
+    background: linear-gradient(135deg, color-mix(in srgb, var(--page-bg, #ffffff) 90%, transparent) 0%, color-mix(in srgb, var(--selection-bg, #0891b2) 8%, transparent) 100%);
 }
+.summary-title[data-v-4b9fa592] {
+    font-size: 14px;
+    font-weight: 700;
 }
+.summary-count[data-v-4b9fa592] {
+    font-size: 12px;
+    color: color-mix(in srgb, var(--dialog-cubelist-input-color) 68%, transparent);
 }
-.sidebar-panel-toolbox {
-&[data-v-79b36308] {
-        background: var(--sidebar-panel-toolbox-bg);
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        gap: 10px;
-        padding: 5px;
-        margin: 5px;
-        border-radius: 4px;
+.hotkey-groups[data-v-4b9fa592] {
+    column-width: 300px;
+    gap: 10px;
 }
-.iconfont {
-&[data-v-79b36308] {
-            font-size: var(--ui-icon-size-lv2);
-            transition:
-                color 0.2s ease,
-                transform 0.15s ease;
+.hotkey-group[data-v-4b9fa592] {
+    min-width: 0;
+    overflow: hidden;
+    border: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 18%, transparent);
+    border-radius: 6px;
+    background: color-mix(in srgb, var(--page-bg, #ffffff) 78%, transparent);
+    box-shadow: 0 8px 18px color-mix(in srgb, var(--selection-bg, #0891b2) 6%, transparent);
+    margin-bottom: 10px;
 }
-&[data-v-79b36308]:hover {
-                color: var(--ui-catalogue-tools-hover-color);
-                transform: scale(1.1);
+.group-header[data-v-4b9fa592] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 10px;
+    padding: 8px 10px;
+    background: var(--ui-config-group-title-bg);
+    color: var(--ui-config-group-title-color);
 }
+.group-name[data-v-4b9fa592] {
+    font-size: 13px;
+    font-weight: 700;
 }
-.tip {
-&[data-v-79b36308] {
-            border-radius: 100px;
-            padding: 0px 10px;
-            border: 1px dashed;
+.group-count[data-v-4b9fa592] {
+    min-width: 24px;
+    text-align: center;
+    padding: 1px 7px;
+    border-radius: 999px;
+    background: color-mix(in srgb, var(--selection-bg, #0891b2) 16%, transparent);
+    font-size: 12px;
 }
-&[data-v-79b36308]:hover {
-                background: var(--ui-hotkeys-hover-bg);
+.hotkey-table[data-v-4b9fa592] {
+    display: grid;
+    padding: 6px;
 }
+.hotkey-row[data-v-4b9fa592] {
+    display: grid;
+    grid-template-columns: minmax(120px, 1fr) minmax(120px, 1.2fr);
+    align-items: center;
+    gap: 8px;
+    min-height: 34px;
+    padding: 6px 8px;
+    border-radius: 4px;
+    font-size: 13px;
 }
-.tools-icon[data-v-79b36308] {
-            display: flex;
-            align-items: center;
-            gap: 10px;
+.hotkey-row[data-v-4b9fa592]:not(.hotkey-head):hover {
+    background: var(--dialog-cubelist-itembox-hover-bg);
 }
-.mode {
-.iconfont {
-&[data-v-79b36308] {
-                font-size: var(--ui-icon-size-lv2);
+.hotkey-head[data-v-4b9fa592] {
+    min-height: 30px;
+    color: color-mix(in srgb, var(--dialog-cubelist-input-color) 62%, transparent);
+    font-size: 12px;
 }
-&[data-v-79b36308]:hover {
-                    color: var(--ui-catalogue-tools-hover-color);
+.hotkey-name[data-v-4b9fa592] {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
+.hotkey-shortcut[data-v-4b9fa592] {
+    justify-self: start;
+    max-width: 100%;
+    padding: 3px 7px;
+    border-radius: 4px;
+    background: color-mix(in srgb, var(--dialog-cubelist-input-color) 9%, transparent);
+    border: 1px solid color-mix(in srgb, var(--dialog-cubelist-input-color) 14%, transparent);
+    color: var(--dialog-cubelist-input-color);
+    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
+    font-size: 12px;
+    line-height: 1.35;
+    overflow-wrap: anywhere;
 }
+@media (max-width: 720px) {
+.hotkey-groups[data-v-4b9fa592] {
+        grid-template-columns: 1fr;
 }
+.hotkey-row[data-v-4b9fa592] {
+        grid-template-columns: minmax(94px, 0.9fr) minmax(110px, 1fr);
 }
 }
 
 
 .ui-sidebar {
-&[data-v-220422c1] {
+&[data-v-9fc7ee84] {
     display: flex;
     flex-flow: row nowrap;
-    /* 不设 height，依赖父级 flex stretch 拉伸 */
-
-    /* ————— 图标胶囊 ————— */
-
-    /* ————— 激活图标：不用 ::before（会覆盖 iconfont 字形），改用 ::after 做指示条 ————— */
 }
-.sidebar-icons[data-v-220422c1] {
+.sidebar-icons[data-v-9fc7ee84] {
         box-sizing: border-box;
-        padding: 10px 6px;
+        padding: 20px 6px;
         display: flex;
         flex-flow: column nowrap;
         align-items: center;
         gap: 12px;
-        backdrop-filter: var(--sidebar-backdrop, blur(16px) saturate(156%));
+        backdrop-filter: var(--menubar-backdrop, blur(4px) saturate(160%));
         width: var(--sidebar-width);
         user-select: none;
         z-index: calc(var(--ui-z-index) + 1);
         flex-shrink: 0;
 }
-.active-sideitem[data-v-220422c1] {
+.active-sideitem[data-v-9fc7ee84] {
         color: var(--sidebar-icon-active-color);
         background: var(--sidebar-icon-active-gradient);
         text-shadow: var(--sidebar-icon-active-shadow);
         position: relative;
 }
 .iconfont {
-&[data-v-220422c1] {
+&[data-v-9fc7ee84] {
         font-size: 22px;
         cursor: pointer;
         background: var(--sidebar-icon-bg);
@@ -6370,7 +6245,7 @@ textarea {
             transform var(--transition-spring, 0.36s cubic-bezier(0.34, 1.56, 0.64, 1));
         will-change: transform;
 }
-&[data-v-220422c1]:hover {
+&[data-v-9fc7ee84]:hover {
             background: var(--sidebar-icon-hover-bg);
             color: var(--sidebar-icon-hover-color);
             transform: scale(1.15);
@@ -6378,55 +6253,161 @@ textarea {
 }
 }
 }
-
-/* ————— 面板胶囊 ————— */
-.sidebar-panel {
-&[data-v-220422c1] {
-    box-sizing: border-box;
+.sidebar-dialog-overlay[data-v-9fc7ee84] {
+    position: fixed;
+    inset: 0;
+    z-index: var(--float-zindex);
+    background: rgba(0, 0, 0, 0.35);
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+    padding: 9vh 20px 28px;
+}
+.sidebar-dialog-panel {
+&[data-v-9fc7ee84] {
     position: relative;
-    /* 与图标胶囊上下对齐，左侧无间距贴近图标 */
-    margin: 6px 4px 6px 0;
-    z-index: 8;
+    width: min(1080px, calc(100vw - 40px));
+    height: min(760px, calc(100vh - 14vh));
+    background: var(--dialog-cubelist-bg);
+    border-radius: 8px;
+    border: var(--dialog-cubelist-border);
+    box-shadow: var(--dialog-cubelist-box-shadow);
+    user-select: none;
+    display: flex;
+    flex-direction: column;
     overflow: hidden;
-    max-width: 1200px;
+    padding: 12px 0 0;
+    color: var(--dialog-cubelist-input-color);
 }
-.dragger {
-&[data-v-220422c1] {
+.close-corner {
+&[data-v-9fc7ee84] {
         position: absolute;
         right: 0px;
-        top: 0px;
-        bottom: 0px;
-        margin: auto;
-        width: 4px;
-        height: 100px;
-        cursor: w-resize;
-        background: var(--sidebar-dragger-hover-bg);
-        border-radius: 3px;
-        opacity: 0.45;
+        top: 8px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border-radius: 6px;
+        cursor: pointer;
+        font-size: 14px;
+        color: var(--dialog-cubelist-input-color);
+        opacity: 0.5;
         transition:
-            height var(--transition-base, 0.24s),
-            opacity var(--transition-fast, 0.15s);
+            background 0.15s,
+            opacity 0.15s,
+            transform 0.24s cubic-bezier(0.34, 1.56, 0.64, 1);
+        z-index: 2;
+        will-change: transform;
 }
-&[data-v-220422c1]:hover {
-            height: 140px;
+&[data-v-9fc7ee84]:hover {
             opacity: 1;
+            transform: scale(1.08);
+}
+}
+.sidebar-dialog-header[data-v-9fc7ee84] {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 2px 48px 10px;
+        min-height: 44px;
+        flex-shrink: 0;
+}
+.sidebar-tabs {
+&[data-v-9fc7ee84] {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8px;
+        padding: 0 14px 12px;
+        border-bottom: 1px solid color-mix(in srgb, var(--dialog-cubelist-itembox-hover-bg) 25%, transparent);
+        overflow-x: auto;
+        flex-shrink: 0;
+}
+.sidebar-tab {
+&[data-v-9fc7ee84] {
+            appearance: none;
+            border: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 24%, transparent);
+            background: linear-gradient(135deg, color-mix(in srgb, var(--page-bg, #ffffff) 82%, var(--selection-bg, #0891b2) 10%) 0%, color-mix(in srgb, var(--menu-bg, #f2f2f2) 88%, var(--selection-bg, #0891b2) 12%) 100%), color-mix(in srgb, var(--sidebar-bg, transparent) 70%, transparent);
+            color: var(--dialog-cubelist-input-color);
+            border-radius: 6px;
+            padding: 8px 12px;
+            min-width: 92px;
+            height: 38px;
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            gap: 7px;
+            cursor: pointer;
+            font: inherit;
+            font-size: 13px;
+            white-space: nowrap;
+            box-shadow: inset 0 1px 0 color-mix(in srgb, white 32%, transparent);
+            transition:
+                background var(--transition-base, 0.24s),
+                color var(--transition-base, 0.24s),
+                border-color var(--transition-base, 0.24s),
+                box-shadow var(--transition-base, 0.24s),
+                transform var(--transition-spring, 0.36s cubic-bezier(0.34, 1.56, 0.64, 1));
+}
+.iconfont[data-v-9fc7ee84] {
+                font-size: 17px;
+                line-height: 1;
+}
+&[data-v-9fc7ee84]:hover {
+                background: var(--dialog-cubelist-itembox-hover-bg);
+                border-color: color-mix(in srgb, var(--selection-bg, #0891b2) 42%, transparent);
+                transform: translateY(-1px);
+}
+&.active {
+&[data-v-9fc7ee84] {
+                background: var(--dialog-cubelist-active-bg);
+                color: var(--dialog-cubelist-active-color);
+                border-color: color-mix(in srgb, var(--selection-bg, #0891b2) 52%, transparent);
+                box-shadow: var(--dialog-cubelist-active-shadow);
+}
+.iconfont[data-v-9fc7ee84] {
+                    color: var(--dialog-cubelist-active-icon-color);
+}
+}
 }
 }
 .sideitem-component {
-&[data-v-220422c1] {
+&[data-v-9fc7ee84] {
         overflow: hidden;
-        height: 100%;
+        flex: 1;
+        min-height: 0;
         width: 100%;
+        position: relative;
 }
-&[data-v-220422c1] > *::-webkit-scrollbar {
-            display: none;
+.sidebar-module-pane {
+&[data-v-9fc7ee84] {
+            position: absolute;
+            inset: 12px;
+            overflow: hidden;
+            opacity: 0;
+            visibility: hidden;
+            pointer-events: none;
+            transition: opacity var(--transition-fast, 0.15s);
+            contain: layout paint style;
 }
-& > div[data-v-220422c1] {
-            height: 100%;
-            overflow: scroll;
-            padding-right: 4px;
+&.active[data-v-9fc7ee84] {
+                opacity: 1;
+                visibility: visible;
+                pointer-events: auto;
+                z-index: 1;
+}
+& > * {
+&[data-v-9fc7ee84] {
+                height: 100%;
+                overflow: scroll;
+                padding-right: 4px;
 }
-&[data-v-220422c1] .sidebar-panel-toolbox {
+&[data-v-9fc7ee84]::-webkit-scrollbar {
+                    display: none;
+}
+}
+}
+&[data-v-9fc7ee84] .sidebar-panel-toolbox {
             position: sticky;
             top: 0px;
             background: var(--sidebar-panel-toolbox-bg);
@@ -6461,6 +6442,31 @@ textarea {
 }
 }
 }
+@media (max-width: 720px) {
+.sidebar-dialog-overlay[data-v-9fc7ee84] {
+        padding: 7vh 12px 18px;
+}
+.sidebar-dialog-panel {
+&[data-v-9fc7ee84] {
+        width: calc(100vw - 24px);
+        height: calc(100vh - 10vh);
+}
+.sidebar-tabs {
+&[data-v-9fc7ee84] {
+            justify-content: flex-start;
+}
+.sidebar-tab[data-v-9fc7ee84] {
+                min-width: 78px;
+                padding: 8px 10px;
+}
+}
+.sideitem-component {
+.sidebar-module-pane[data-v-9fc7ee84] {
+                inset: 8px;
+}
+}
+}
+}
 
 
 .note-menubar {