deepsky 2.10.10 → 2.11.0

package/dist/index.css

@@ -1726,7 +1726,7 @@ svg[data-v-6e37ea4d] {
 
 
 .cube-img-load-failed {
-&[data-v-dca085a0] {
+&[data-v-4e51e29d] {
     border-radius: 4px;
     display: flex;
     flex-flow: column nowrap;
@@ -1736,22 +1736,22 @@ svg[data-v-6e37ea4d] {
     gap: 10px;
     background: var(--img-load-failed-bg);
 }
-img[data-v-dca085a0] {
+img[data-v-4e51e29d] {
         display: none;
 }
-&[data-v-dca085a0]::before {
+&[data-v-4e51e29d]::before {
         content: "\e628";
         font-family: "iconfont" !important;
         font-size: 40px;
         color: var(--img-load-failed-color);
 }
-&[data-v-dca085a0]::after {
+&[data-v-4e51e29d]::after {
         content: "resource load failed";
         color: var(--img-load-failed-color);
 }
 }
 .cube-img {
-&[data-v-dca085a0] {
+&[data-v-4e51e29d] {
     margin: 2px;
     position: relative;
     overflow: hidden;
@@ -1762,14 +1762,14 @@ img[data-v-dca085a0] {
     transition: 0.5s filter;
 }
 &:hover {
-.tools-left[data-v-dca085a0],
-        .tools-right[data-v-dca085a0],
-        .tools-img[data-v-dca085a0] {
+.tools-left[data-v-4e51e29d],
+        .tools-right[data-v-4e51e29d],
+        .tools-img[data-v-4e51e29d] {
             display: flex;
 }
 }
 .tools-img {
-&[data-v-dca085a0] {
+&[data-v-4e51e29d] {
         position: absolute;
         display: none;
         gap: 8px;
@@ -1777,7 +1777,7 @@ img[data-v-dca085a0] {
         bottom: 10px;
         right: 10px;
 }
-.iconfont[data-v-dca085a0] {
+.iconfont[data-v-4e51e29d] {
             padding: 4px;
             border-radius: 4px;
             background: #ffffff40;
@@ -1786,7 +1786,7 @@ img[data-v-dca085a0] {
             cursor: pointer;
 }
 }
-.tools-left[data-v-dca085a0] {
+.tools-left[data-v-4e51e29d] {
         padding: 10px;
         position: absolute;
         display: none;
@@ -1797,7 +1797,7 @@ img[data-v-dca085a0] {
         left: 0px;
         margin: auto;
 }
-.tools-right[data-v-dca085a0] {
+.tools-right[data-v-4e51e29d] {
         padding: 10px;
         position: absolute;
         display: none;
@@ -1808,7 +1808,7 @@ img[data-v-dca085a0] {
         right: 0px;
         margin: auto;
 }
-.dragger[data-v-dca085a0] {
+.dragger[data-v-4e51e29d] {
         width: 5px;
         height: 50px;
         border-radius: 15px;
@@ -1816,12 +1816,12 @@ img[data-v-dca085a0] {
         cursor: ew-resize;
         box-shadow: 0px 0px 10px snow;
 }
-img[data-v-dca085a0] {
+img[data-v-4e51e29d] {
         max-width: 100%;
         user-select: none;
 }
 }
-.resize-scroll[data-v-dca085a0] {
+.resize-scroll[data-v-4e51e29d] {
     filter: brightness(0.5);
 }
 
@@ -2148,7 +2148,7 @@ img[data-v-dca085a0] {
 
 
 .cube-box-root {
-&[data-v-851b6342] {
+&[data-v-3f71ae72] {
     letter-spacing: var(--line-letter-spacing);
     margin: 2px 0px;
     position: relative;
@@ -2158,13 +2158,13 @@ img[data-v-dca085a0] {
     justify-content: flex-start;
     gap: 6px;
 }
-.cube-box-root-content[data-v-851b6342] {
+.cube-box-root-content[data-v-3f71ae72] {
         background: var(--box-root-content-bg);
         position: relative;
         flex: 1;
 }
 .cube-dragger {
-&[data-v-851b6342] {
+&[data-v-3f71ae72] {
         transition: 0.5s;
         width: 4px;
         border-radius: 4px;
@@ -2173,24 +2173,24 @@ img[data-v-dca085a0] {
         cursor: grab;
         flex-shrink: 0;
 }
-&[data-v-851b6342]:hover {
+&[data-v-3f71ae72]:hover {
             width: calc(18px + var(--line-padding) * 2 + var(--line-margin) * 2);
 }
 }
-.anchor-root[data-v-851b6342] {
+.anchor-root[data-v-3f71ae72] {
         background: var(--box-root-anchor-bg);
         opacity: 1 !important;
 }
-.fold-root[data-v-851b6342] {
+.fold-root[data-v-3f71ae72] {
         background: var(--box-root-fold-bg);
         opacity: 1 !important;
 }
 }
-.cube-box-root[data-v-851b6342] ::view-transition-old {
+.cube-box-root[data-v-3f71ae72] ::view-transition-old {
     transition: 1s;
     transform: translate(var(--x), var(--y));
 }
-.drag-enter[data-v-851b6342] {
+.drag-enter[data-v-3f71ae72] {
     background-color: var(--box-root-drag-enter-bg);
 }
 
@@ -2442,7 +2442,7 @@ div[data-v-39c76eae] {
 
 
 .cube-detail-list {
-&[data-v-ee09c632] {
+&[data-v-5f537f1f] {
     --width-col1: 100px;
     --adjuster-bg: transparent;
     display: grid;
@@ -2454,15 +2454,15 @@ div[data-v-39c76eae] {
     width: fit-content;
     max-width: 100%;
 }
-.cube-box[data-v-ee09c632]:nth-child(odd) {
+.cube-box[data-v-5f537f1f]:nth-child(odd) {
         background: var(--detail-odd-bg);
 }
-.cube-box[data-v-ee09c632]:nth-child(even) {
+.cube-box[data-v-5f537f1f]:nth-child(even) {
         background: var(--detail-even-bg);
         min-width: 100px;
 }
 .adder-wrap {
-&[data-v-ee09c632] {
+&[data-v-5f537f1f] {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -2471,14 +2471,14 @@ div[data-v-39c76eae] {
         border-radius: 4px;
         cursor: pointer;
 }
-& > .adder[data-v-ee09c632] {
+& > .adder[data-v-5f537f1f] {
             display: flex;
 }
-&:hover > .adder[data-v-ee09c632] {
+&:hover > .adder[data-v-5f537f1f] {
             display: flex;
 }
 .adder {
-&[data-v-ee09c632] {
+&[data-v-5f537f1f] {
             justify-content: center;
             align-items: center;
             background-color: var(--detail-adder-bg);
@@ -2487,7 +2487,7 @@ div[data-v-39c76eae] {
             height: 20px;
             border-radius: 4px;
 }
-&[data-v-ee09c632]::before {
+&[data-v-5f537f1f]::before {
                 content: "";
                 position: absolute;
                 border-radius: 10px;
@@ -2495,7 +2495,7 @@ div[data-v-39c76eae] {
                 height: 2px;
                 background-color: #48cae4;
 }
-&[data-v-ee09c632]::after {
+&[data-v-5f537f1f]::after {
                 content: "";
                 position: absolute;
                 border-radius: 10px;
@@ -2507,7 +2507,7 @@ div[data-v-39c76eae] {
 }
 }
 .adjuster {
-&[data-v-ee09c632] {
+&[data-v-5f537f1f] {
 
         position: absolute;
         left: calc(var(--width-col1) - 2px);
@@ -2518,7 +2518,7 @@ div[data-v-39c76eae] {
         cursor: ew-resize;
         border-radius: 8px;
 }
-&[data-v-ee09c632]:hover {
+&[data-v-5f537f1f]:hover {
             background: linear-gradient(0deg, #48cae4, deepskyblue);
 }
 }
@@ -2749,7 +2749,7 @@ div[data-v-39c76eae] {
 }
 
 
-@keyframes slide-down-2e772aa8 {
+@keyframes slide-down-07432cc8 {
 from {
         /* height: 0px ;
         opacity: 0 ; */
@@ -2760,7 +2760,7 @@ to {
 }
 }
 .cube-code {
-&[data-v-2e772aa8] {
+&[data-v-07432cc8] {
     margin: 2px;
     text-align: left !important;
     position: relative;
@@ -2772,7 +2772,7 @@ to {
     overflow: hidden;
     break-inside: avoid;
 }
-.code-dragger[data-v-2e772aa8] {
+.code-dragger[data-v-07432cc8] {
         border-radius: 20px;
         width: 20px;
         aspect-ratio: 1;
@@ -2785,26 +2785,26 @@ to {
         cursor: nwse-resize;
 }
 .code-tabbar {
-&[data-v-2e772aa8] {
+&[data-v-07432cc8] {
         height: var(--code-tabbar-height);
         overflow: hidden;
 }
-.code-tabs-box[data-v-2e772aa8] {
+.code-tabs-box[data-v-07432cc8] {
             height: 100%;
 }
-.code-tab[data-v-2e772aa8]:first-child {
+.code-tab[data-v-07432cc8]:first-child {
             padding-left: 0px;
 }
 .code-tab {
-&[data-v-2e772aa8] {
+&[data-v-07432cc8] {
             transition: 0.5s;
             width: 160px;
             padding: 0px 2px;
 }
-&[data-v-2e772aa8] > * {
+&[data-v-07432cc8] > * {
                 pointer-events: var(--drag-item-point-event);
 }
-.code-tab-name[data-v-2e772aa8] {
+.code-tab-name[data-v-07432cc8] {
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
@@ -2814,14 +2814,14 @@ to {
                 background: var(--code-tabbar-item-bg);
                 color: var(--code-tabbar-item-color);
 }
-.code-active-tab[data-v-2e772aa8] {
+.code-active-tab[data-v-07432cc8] {
                 background: var(--code-tabbar-item-active-bg);
                 color: var(--code-tabbar-item-active-color);
 }
 }
 }
 .code-toolbar {
-&[data-v-2e772aa8] {
+&[data-v-07432cc8] {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -2830,16 +2830,16 @@ to {
         background: var(--code-toolbar-bg);
 }
 .code-langs-box {
-&[data-v-2e772aa8] {
+&[data-v-07432cc8] {
             cursor: pointer;
             position: relative;
 }
-.code-active-lang[data-v-2e772aa8] {
+.code-active-lang[data-v-07432cc8] {
                 color: blueviolet;
                 cursor: pointer;
 }
 .code-langs {
-&[data-v-2e772aa8] {
+&[data-v-07432cc8] {
                 transition: 0.3s;
                 opacity: 0;
                 position: absolute;
@@ -2853,10 +2853,10 @@ to {
                 margin-top: 10px;
                 z-index: 2;
                 background: #ffffff59;
-                animation: 0.3s slide-down-2e772aa8 forwards;
+                animation: 0.3s slide-down-07432cc8 forwards;
 }
 .code-lang-item {
-&[data-v-2e772aa8] {
+&[data-v-07432cc8] {
                     padding: 5px;
                     margin: 2px;
                     cursor: pointer;
@@ -2865,26 +2865,26 @@ to {
                     text-overflow: ellipsis;
                     border-radius: 4px;
 }
-&[data-v-2e772aa8]:hover {
+&[data-v-07432cc8]:hover {
                         background: #bdbdbd66;
 }
 }
 }
 }
 .code-theme-box {
-&[data-v-2e772aa8] {
+&[data-v-07432cc8] {
             cursor: pointer;
             position: relative;
 }
-.code-active-theme[data-v-2e772aa8]:hover {
+.code-active-theme[data-v-07432cc8]:hover {
                 color: var(--code-toolbar-item-hover-color);
 }
-.code-active-theme[data-v-2e772aa8] {
+.code-active-theme[data-v-07432cc8] {
                 color: deeppink;
                 cursor: pointer;
 }
 .code-themes {
-&[data-v-2e772aa8] {
+&[data-v-07432cc8] {
                 opacity: 0;
                 transition: 0.3s;
                 position: absolute;
@@ -2898,10 +2898,10 @@ to {
                 margin-top: 10px;
                 z-index: 2;
                 background: #ffffff59;
-                animation: 0.3s slide-down-2e772aa8 forwards;
+                animation: 0.3s slide-down-07432cc8 forwards;
 }
 .code-theme-item {
-&[data-v-2e772aa8] {
+&[data-v-07432cc8] {
                     padding: 5px;
                     margin: 2px;
                     cursor: pointer;
@@ -2910,7 +2910,7 @@ to {
                     text-overflow: ellipsis;
                     border-radius: 4px;
 }
-&[data-v-2e772aa8]:hover {
+&[data-v-07432cc8]:hover {
                         background: #bdbdbd66;
 }
 }
@@ -2918,7 +2918,7 @@ to {
 }
 .input_add,
         .input_rename {
-&[data-v-2e772aa8] {
+&[data-v-07432cc8] {
             border: none;
             outline: none;
             background: transparent;
@@ -2927,7 +2927,7 @@ to {
             width: 0px;
             letter-spacing: 1px;
 }
-&[data-v-2e772aa8]:focus {
+&[data-v-07432cc8]:focus {
                 border: var(--code-input-border);
                 color: var(--code-input-color);
                 padding: 5px;
@@ -2935,7 +2935,7 @@ to {
 }
 }
 .code-tools {
-&[data-v-2e772aa8] {
+&[data-v-07432cc8] {
             display: flex;
             justify-content: center;
             align-items: center;
@@ -2943,11 +2943,11 @@ to {
             flex-flow: row nowrap;
 }
 .code-help {
-&:hover .code-tooltip[data-v-2e772aa8] {
+&:hover .code-tooltip[data-v-07432cc8] {
                     display: flex;
 }
 .code-tooltip {
-&[data-v-2e772aa8] {
+&[data-v-07432cc8] {
                     display: none;
                     padding: 5px 10px;
                     background: var(--code-tooltip-bg);
@@ -2960,7 +2960,7 @@ to {
                     color: var(--code-tooltip-color);
                     z-index: 2;
 }
-&[data-v-2e772aa8]::before {
+&[data-v-07432cc8]::before {
                         content: "";
                         border: 10px solid;
                         border-color: transparent;
@@ -2972,18 +2972,18 @@ to {
 }
 }
 .iconfont {
-&[data-v-2e772aa8] {
+&[data-v-07432cc8] {
                 cursor: pointer;
                 text-indent: 0px;
 }
-&[data-v-2e772aa8]:hover {
+&[data-v-07432cc8]:hover {
                     color: var(--code-toolbar-item-hover-color);
 }
 }
 }
 }
 .code-box {
-&[data-v-2e772aa8] {
+&[data-v-07432cc8] {
         position: relative;
         width: 100%;
         height: calc(100% - var(--code-tabbar-height));
@@ -2991,13 +2991,13 @@ to {
         overflow: hidden;
         border-radius: 4px;
 }
-.code-box-inner[data-v-2e772aa8] {
+.code-box-inner[data-v-07432cc8] {
             position: relative;
             min-width: 100%;
             min-height: 100%;
             display: inline-block;
 }
-textarea[data-v-2e772aa8] {
+textarea[data-v-07432cc8] {
             position: absolute;
             top: 0px;
             left: 0px;
@@ -3017,7 +3017,7 @@ textarea[data-v-2e772aa8] {
             overflow: hidden;
 }
 .code-highlight {
-&[data-v-2e772aa8] {
+&[data-v-07432cc8] {
             pointer-events: none;
             position: relative;
             top: 0px;
@@ -3027,11 +3027,11 @@ textarea[data-v-2e772aa8] {
             min-height: 100%;
             overflow: hidden;
 }
-&[data-v-2e772aa8] code {
+&[data-v-07432cc8] code {
                 font-family: inherit !important;
                 font-size: inherit;
 }
-&[data-v-2e772aa8] pre {
+&[data-v-07432cc8] pre {
                 font-family: inherit;
                 display: inline-block;
                 position: relative;
@@ -3916,7 +3916,7 @@ input[data-v-16240938] {
 
 
 .ui-toolbar {
-&[data-v-7dfbdcda] {
+&[data-v-5e35db78] {
     user-select: none;
     z-index: var(--ui-z-index);
     display: flex;
@@ -3929,11 +3929,11 @@ input[data-v-16240938] {
     padding: 4px;
     border-radius: 4px;
 }
-.icon-disable[data-v-7dfbdcda] {
+.icon-disable[data-v-5e35db78] {
         color: var(--toolbar-icon-disable-color);
 }
 }
-.box-toolbar[data-v-7dfbdcda] {
+.box-toolbar[data-v-5e35db78] {
     transition: 0.6s;
     max-width: 100%;
     user-select: none;
@@ -3943,11 +3943,11 @@ input[data-v-16240938] {
     flex-flow: column nowrap;
     justify-content: center;
 }
-.icon-active[data-v-7dfbdcda] {
+.icon-active[data-v-5e35db78] {
     background: var(--menu-item-bg-hover, turquoise);
 }
 .tool-group {
-&[data-v-7dfbdcda] {
+&[data-v-5e35db78] {
     display: flex;
     flex-flow: row nowrap;
     gap: 8px;
@@ -3958,15 +3958,15 @@ input[data-v-16240938] {
     border-radius: 5px;
     cursor: pointer;
 }
-&[data-v-7dfbdcda]:hover {
+&[data-v-5e35db78]:hover {
         background: var(--toolbar-custom-card-hover-bg);
 }
-& > div[data-v-7dfbdcda] {
+& > div[data-v-5e35db78] {
         font-size: var(--toolbar-iconsize);
         text-align: center;
 }
 }
-.toolbar-content[data-v-7dfbdcda] {
+.toolbar-content[data-v-5e35db78] {
     display: flex;
     justify-content: center;
     flex-flow: row wrap;
@@ -3974,7 +3974,7 @@ input[data-v-16240938] {
     padding: 4px;
 }
 .toolbar-foot {
-&[data-v-7dfbdcda] {
+&[data-v-5e35db78] {
     user-select: none;
     display: flex;
     align-items: center;
@@ -3983,10 +3983,10 @@ input[data-v-16240938] {
     overflow-y: hidden;
     scrollbar-width: none;
 }
-&[data-v-7dfbdcda]:empty {
+&[data-v-5e35db78]:empty {
         display: none;
 }
-& > div[data-v-7dfbdcda] {
+& > div[data-v-5e35db78] {
         border: 1px dashed;
         padding: 4px;
         border-radius: 5px;
@@ -3995,15 +3995,15 @@ input[data-v-16240938] {
         white-space: nowrap;
         font-size: 14px;
 }
-& > div[data-v-7dfbdcda]:hover {
+& > div[data-v-5e35db78]:hover {
         background-color: var(--toolbar-foot-icon-bg-hover);
 }
 }
 .active-item {
-&[data-v-7dfbdcda] {
+&[data-v-5e35db78] {
     position: relative;
 }
-&[data-v-7dfbdcda]::before {
+&[data-v-5e35db78]::before {
         content: "";
         width: 4px;
         height: 4px;
@@ -4301,7 +4301,7 @@ to {
 
 
 .float-fomula {
-&[data-v-62c32308] {
+&[data-v-16177d1d] {
     display: flex;
     flex-flow: column nowrap;
     gap: 8px;
@@ -4326,12 +4326,12 @@ to {
 
     /* ── 候选区 ── */
 }
-.active[data-v-62c32308] {
+.active[data-v-16177d1d] {
         background: var(--float-fomula-nav-item-active-bg) !important;
         color: var(--menu-item-active-color);
 }
 .fomula-toolbar {
-&[data-v-62c32308] {
+&[data-v-16177d1d] {
         display: flex;
         flex-flow: row nowrap;
         gap: 4px;
@@ -4343,7 +4343,7 @@ to {
         /* 尺寸按钮与主操作按钮之间加分隔 */
 }
 span {
-&[data-v-62c32308] {
+&[data-v-16177d1d] {
             display: flex;
             align-items: center;
             justify-content: center;
@@ -4357,27 +4357,27 @@ span {
             opacity: 0.65;
             transition: background 0.15s, opacity 0.15s;
 }
-&[data-v-62c32308]:hover {
+&[data-v-16177d1d]:hover {
                 background: var(--float-fomula-nav-item-hover-bg);
                 opacity: 1;
 }
-&.active[data-v-62c32308] {
+&.active[data-v-16177d1d] {
                 background: var(--float-fomula-nav-item-active-bg) !important;
                 opacity: 1;
 }
 }
-span[data-v-62c32308]:nth-child(4) {
+span[data-v-16177d1d]:nth-child(4) {
             margin-right: 8px;
 }
 }
-.fomula-editor[data-v-62c32308] {
+.fomula-editor[data-v-16177d1d] {
         display: flex;
         flex-flow: row nowrap;
         gap: 8px;
         height: 380px;
 }
 .fomula-input-area {
-&[data-v-62c32308] {
+&[data-v-16177d1d] {
         display: flex;
         flex-flow: column nowrap;
         gap: 6px;
@@ -4385,7 +4385,7 @@ span[data-v-62c32308]:nth-child(4) {
         min-width: 0;
 }
 .fomula-latex-input {
-&[data-v-62c32308] {
+&[data-v-16177d1d] {
             flex: 1;
             color: var(--float-fomula-input-color);
             background: var(--float-fomula-part-bg);
@@ -4399,12 +4399,12 @@ span[data-v-62c32308]:nth-child(4) {
             line-height: 1.6;
             transition: border-color 0.2s;
 }
-&[data-v-62c32308]:focus {
+&[data-v-16177d1d]:focus {
                 border-color: color-mix(in srgb, var(--selection-bg, #0891b2) 45%, transparent);
 }
 }
 .fomula-mathml-input {
-&[data-v-62c32308] {
+&[data-v-16177d1d] {
             flex: 1;
             background: var(--float-fomula-part-bg);
             border: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 10%, transparent);
@@ -4416,7 +4416,7 @@ span[data-v-62c32308]:nth-child(4) {
             justify-content: center;
             align-items: center;
 }
-&[data-v-62c32308]:empty::before {
+&[data-v-16177d1d]:empty::before {
                 content: '公式预览区域';
                 opacity: 0.3;
                 font-size: 13px;
@@ -4425,7 +4425,7 @@ span[data-v-62c32308]:nth-child(4) {
 }
 }
 .fomula-candidate {
-&[data-v-62c32308] {
+&[data-v-16177d1d] {
         display: flex;
         flex-flow: column nowrap;
         gap: 6px;
@@ -4437,7 +4437,7 @@ span[data-v-62c32308]:nth-child(4) {
         flex-shrink: 0;
 }
 .fomula-candidate-nav {
-&[data-v-62c32308] {
+&[data-v-16177d1d] {
             display: flex;
             flex-flow: row nowrap;
             align-items: center;
@@ -4445,25 +4445,25 @@ span[data-v-62c32308]:nth-child(4) {
             flex-shrink: 0;
 }
 .fomula-nav-type {
-&[data-v-62c32308] {
+&[data-v-16177d1d] {
                 display: flex;
                 flex-flow: row nowrap;
                 gap: 4px;
                 overflow-x: auto;
                 padding-bottom: 2px;
 }
-&[data-v-62c32308]::-webkit-scrollbar {
+&[data-v-16177d1d]::-webkit-scrollbar {
                     height: 2px;
 }
-&[data-v-62c32308]::-webkit-scrollbar-thumb {
+&[data-v-16177d1d]::-webkit-scrollbar-thumb {
                     background: color-mix(in srgb, var(--selection-bg, #0891b2) 30%, transparent);
                     border-radius: 2px;
 }
-&[data-v-62c32308]::-webkit-scrollbar-track {
+&[data-v-16177d1d]::-webkit-scrollbar-track {
                     background: transparent;
 }
 span {
-&[data-v-62c32308] {
+&[data-v-16177d1d] {
                     padding: 3px 10px;
                     border-radius: 4px;
                     font-size: 12px;
@@ -4473,11 +4473,11 @@ span {
                     opacity: 0.6;
                     transition: background 0.15s, opacity 0.15s;
 }
-&[data-v-62c32308]:hover {
+&[data-v-16177d1d]:hover {
                         background: var(--float-fomula-nav-item-hover-bg);
                         opacity: 1;
 }
-&.active[data-v-62c32308] {
+&.active[data-v-16177d1d] {
                         background: var(--float-fomula-nav-item-active-bg) !important;
                         color: var(--menu-item-active-color);
                         opacity: 1;
@@ -4486,29 +4486,29 @@ span {
 }
 }
 .fomula-candidate-values {
-&[data-v-62c32308] {
+&[data-v-16177d1d] {
             overflow: auto;
             flex: 1;
 }
-&[data-v-62c32308]::-webkit-scrollbar {
+&[data-v-16177d1d]::-webkit-scrollbar {
                 width: 3px;
 }
-&[data-v-62c32308]::-webkit-scrollbar-thumb {
+&[data-v-16177d1d]::-webkit-scrollbar-thumb {
                 background: color-mix(in srgb, var(--selection-bg, #0891b2) 25%, transparent);
                 border-radius: 3px;
 }
-&[data-v-62c32308]::-webkit-scrollbar-track {
+&[data-v-16177d1d]::-webkit-scrollbar-track {
                 background: transparent;
 }
 .fomula-type {
-&[data-v-62c32308] {
+&[data-v-16177d1d] {
                 display: flex;
                 gap: 6px;
                 flex-flow: row wrap;
                 align-content: flex-start;
 }
 span {
-&[data-v-62c32308] {
+&[data-v-16177d1d] {
                     padding: 4px 8px;
                     border-radius: 4px;
                     background: var(--float-fomula-candidate-item-bg);
@@ -4517,7 +4517,7 @@ span {
                     height: fit-content;
                     transition: background 0.15s, transform 0.1s;
 }
-&[data-v-62c32308]:hover {
+&[data-v-16177d1d]:hover {
                         background: var(--float-fomula-candidate-item-hover-bg);
                         transform: translateY(-1px);
 }
@@ -4849,7 +4849,7 @@ div[data-v-de9c6e02]::before {
 
 .ui-sideitem-toolbar {
 .sidebar-panel-toolbox {
-&[data-v-e7cccd74] {
+&[data-v-119f131f] {
         background: var(--sidebar-panel-toolbox-bg);
         display: flex;
         align-items: center;
@@ -4860,40 +4860,40 @@ div[data-v-de9c6e02]::before {
         border-radius: 4px;
 }
 .tip {
-&[data-v-e7cccd74] {
+&[data-v-119f131f] {
             text-shadow: 0px 0px 3px;
             border-radius: 100px;
             padding: 0px 10px;
 }
 .iconfont {
-&[data-v-e7cccd74] {
+&[data-v-119f131f] {
                 font-size: var(--ui-icon-size-lv2);
 }
-&[data-v-e7cccd74]:hover {
+&[data-v-119f131f]:hover {
                     color: var(--ui-catalogue-tools-hover-color);
 }
 }
 }
 .iconfont {
-&[data-v-e7cccd74] {
+&[data-v-119f131f] {
             font-size: var(--ui-icon-size-lv2);
 }
-&[data-v-e7cccd74]:hover {
+&[data-v-119f131f]:hover {
                 color: var(--ui-catalogue-tools-hover-color);
 }
 }
-.tools-icon[data-v-e7cccd74] {
+.tools-icon[data-v-119f131f] {
             display: flex;
             align-items: center;
             gap: 10px;
 }
 }
 .tool-items-disable {
-&[data-v-e7cccd74] {
+&[data-v-119f131f] {
         border: var(--ui-toolbar-border-disable);
         background: var(--ui-toolbar-disable-group-bg);
 }
-&[data-v-e7cccd74]::before {
+&[data-v-119f131f]::before {
             content: "已禁用";
             display: block;
             padding: 4px;
@@ -4903,16 +4903,16 @@ div[data-v-de9c6e02]::before {
             border-radius: 4px;
             color: var(--ui-toolbar-disable-group-title-color);
 }
-& > div[data-v-e7cccd74]:hover {
+& > div[data-v-119f131f]:hover {
             background: var(--ui-toolbar-disable-group-title-bg);
 }
 }
 .tool-items-enable {
-&[data-v-e7cccd74] {
+&[data-v-119f131f] {
         border: var(--ui-toolbar-border-enable);
         background: var(--ui-toolbar-enable-group-bg);
 }
-&[data-v-e7cccd74]::before {
+&[data-v-119f131f]::before {
             content: "已启用";
             padding: 4px;
             display: block;
@@ -4922,16 +4922,16 @@ div[data-v-de9c6e02]::before {
             border-radius: 4px;
             color: var(--ui-toolbar-enable-group-title-color);
 }
-& > div[data-v-e7cccd74]:hover {
+& > div[data-v-119f131f]:hover {
             background: var(--ui-toolbar-enable-group-title-bg);
 }
 }
-.tool-map[data-v-e7cccd74] {
+.tool-map[data-v-119f131f] {
         color: var(--toolbar-toolmap-color);
 }
 .tool-items-enable,
     .tool-items-disable {
-&[data-v-e7cccd74] {
+&[data-v-119f131f] {
         border-radius: 4px;
         display: flex;
         justify-content: center;
@@ -4940,7 +4940,7 @@ div[data-v-de9c6e02]::before {
         padding: 5px;
         margin-bottom: 4px;
 }
-& > div[data-v-e7cccd74] {
+& > div[data-v-119f131f] {
             color: var(--toolbar-icon-color);
             background: var(--toolbar-icon-bg);
             border: var(--toolbar-icon-border);
@@ -4948,38 +4948,38 @@ div[data-v-de9c6e02]::before {
             border-radius: 5px;
             cursor: pointer;
 }
-.iconfont[data-v-e7cccd74] {
+.iconfont[data-v-119f131f] {
             font-size: 24px;
             text-align: center;
 }
-.grid-sub[data-v-e7cccd74] {
+.grid-sub[data-v-119f131f] {
             justify-items: center;
             display: grid;
             gap: 10px;
 }
-.grid-col-2[data-v-e7cccd74] {
+.grid-col-2[data-v-119f131f] {
             grid-template-columns: repeat(2, 1fr);
             grid-column: span 2;
 }
-.grid-col-3[data-v-e7cccd74] {
+.grid-col-3[data-v-119f131f] {
             grid-template-columns: repeat(3, 1fr);
             grid-column: span 3;
 }
-.grid-col-4[data-v-e7cccd74] {
+.grid-col-4[data-v-119f131f] {
             grid-template-columns: repeat(4, 1fr);
             grid-column: span 4;
 }
-.grid-col-5[data-v-e7cccd74] {
+.grid-col-5[data-v-119f131f] {
             grid-template-columns: repeat(5, 1fr);
             grid-column: span 5;
 }
-.grid-col-6[data-v-e7cccd74] {
+.grid-col-6[data-v-119f131f] {
             grid-template-columns: repeat(6, 1fr);
             grid-column: span 6;
 }
 }
 .tool-group {
-&[data-v-e7cccd74] {
+&[data-v-119f131f] {
         display: flex;
         flex-flow: row nowrap;
         gap: 8px;
@@ -4990,10 +4990,10 @@ div[data-v-de9c6e02]::before {
         border-radius: 5px;
         cursor: pointer;
 }
-&[data-v-e7cccd74]:hover {
+&[data-v-119f131f]:hover {
             background: var(--toolbar-custom-card-hover-bg);
 }
-& > div[data-v-e7cccd74] {
+& > div[data-v-119f131f] {
             font-size: 24px;
             text-align: center;
 }
@@ -5001,20 +5001,20 @@ div[data-v-de9c6e02]::before {
 }
 
 
-.box-catalogue[data-v-c643fa78] {
+.box-catalogue[data-v-36cee30f] {
     overflow-y: scroll;
     height: 100%;
 }
 .box-groups {
-&[data-v-c643fa78] {
+&[data-v-36cee30f] {
     column-width: var(--ui-catalogue-item-min-width);
     column-gap: 5px;
     }
-.tip-empty[data-v-c643fa78] {
+.tip-empty[data-v-36cee30f] {
         text-align: center;
 }
 .group {
-&[data-v-c643fa78] {
+&[data-v-36cee30f] {
         padding: 5px;
         break-inside: avoid;
         background: var(--ui-catalogue-group-bg);
@@ -5025,20 +5025,20 @@ div[data-v-de9c6e02]::before {
 .group-title-box,
         .group-item {
 .tools {
-&[data-v-c643fa78] {
+&[data-v-36cee30f] {
                 flex-shrink: 0;
                 display: none;
                 flex-flow: row nowrap;
                 align-items: center;
                 gap: 4px;
                 }
-.colors[data-v-c643fa78] {
+.colors[data-v-36cee30f] {
                     display: none;
 }
 }
 }
 .group-title-box {
-&[data-v-c643fa78] {
+&[data-v-36cee30f] {
             background: var(--ui-catalogue-title-bg);
             color: var(--ui-catalogue-title-color);
             border-radius: var(--ui-catalogue-title-radius);
@@ -5050,32 +5050,32 @@ div[data-v-de9c6e02]::before {
             font-weight: bold;
             }
 &:hover {
-&[data-v-c643fa78] {
+&[data-v-36cee30f] {
                 background: var(--ui-catalogue-item-hover-bg) !important;
                 }
-.tools[data-v-c643fa78] {
+.tools[data-v-36cee30f] {
                     display: flex;
 }
 }
-&[data-v-c643fa78] .el-color-picker {
+&[data-v-36cee30f] .el-color-picker {
                 height: fit-content !important;
                 width: fit-content !important;
 }
 .group-title {
-&[data-v-c643fa78] {
+&[data-v-36cee30f] {
                 flex: 1;
                 text-align: center;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
                 }
-&[contenteditable="true"][data-v-c643fa78] {
+&[contenteditable="true"][data-v-36cee30f] {
                     border: 1px dashed;
 }
 }
 }
 .group-item {
-&[data-v-c643fa78] {
+&[data-v-36cee30f] {
             cursor: pointer;
             overflow: hidden;
             text-overflow: ellipsis;
@@ -5088,34 +5088,34 @@ div[data-v-de9c6e02]::before {
             justify-content: space-between;
             align-items: center;
             }
-&[data-v-c643fa78] > * {
+&[data-v-36cee30f] > * {
                 pointer-events: var(--drag-item-point-event);
 }
 &:hover {
-&[data-v-c643fa78] {
+&[data-v-36cee30f] {
                 background: var(--ui-catalogue-item-hover-bg) !important;
                 }
-.tools[data-v-c643fa78] {
+.tools[data-v-36cee30f] {
                     display: flex;
 }
 }
 .name {
-&[data-v-c643fa78] {
+&[data-v-36cee30f] {
                 flex: 1;
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
                 }
-&[contenteditable="true"][data-v-c643fa78] {
+&[contenteditable="true"][data-v-36cee30f] {
                     border: 1px dashed;
 }
 }
 }
-.group-item-drag[data-v-c643fa78] {
+.group-item-drag[data-v-36cee30f] {
             background: var(--ui-catalogue-item-drag-bg) !important;
 }
 }
-.group-over[data-v-c643fa78] {
+.group-over[data-v-36cee30f] {
         background: var(--ui-catalogue-group-drag-over-bg) !important;
 }
 }
@@ -5222,14 +5222,14 @@ div[data-v-de9c6e02]::before {
 
 
 .ui-sideitem-theme {
-&[data-v-2c8dc954] {
+&[data-v-1d9bdcf9] {
     height: 100%;
     overflow-y: scroll;
     user-select: none;
     padding: 0 0 10px;
 }
 .theme-toolbox {
-&[data-v-2c8dc954] {
+&[data-v-1d9bdcf9] {
         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;
@@ -5238,45 +5238,45 @@ div[data-v-de9c6e02]::before {
         padding: 10px 12px;
         margin: 6px;
 }
-.toolbox-copy[data-v-2c8dc954] {
+.toolbox-copy[data-v-1d9bdcf9] {
             min-width: 0;
 }
-.toolbox-title[data-v-2c8dc954] {
+.toolbox-title[data-v-1d9bdcf9] {
             font-size: 14px;
             font-weight: 700;
             color: var(--color);
             letter-spacing: 0.08em;
 }
-.toolbox-desc[data-v-2c8dc954] {
+.toolbox-desc[data-v-1d9bdcf9] {
             font-size: 12px;
             color: color-mix(in srgb, var(--color, #333333) 64%, transparent);
             margin-top: 2px;
 }
 .iconfont {
-&[data-v-2c8dc954] {
+&[data-v-1d9bdcf9] {
             font-size: var(--ui-icon-size-lv2);
             color: var(--ui-theme-item-color);
             transition:
                 color 0.2s ease,
                 transform 0.2s ease;
 }
-&[data-v-2c8dc954]:hover {
+&[data-v-1d9bdcf9]:hover {
                 color: var(--ui-catalogue-tools-hover-color);
                 transform: translateX(-2px);
 }
 }
-.tools-icon[data-v-2c8dc954] {
+.tools-icon[data-v-1d9bdcf9] {
             display: flex;
             align-items: center;
             gap: 10px;
 }
 }
 .list-box {
-&[data-v-2c8dc954] {
+&[data-v-1d9bdcf9] {
         padding: 0;
 }
 .bg-item-clear {
-&[data-v-2c8dc954] {
+&[data-v-1d9bdcf9] {
             display: flex;
             justify-content: center;
             align-items: center;
@@ -5294,7 +5294,7 @@ div[data-v-de9c6e02]::before {
                 transform 0.2s ease;
 }
 .clear-shape {
-&[data-v-2c8dc954] {
+&[data-v-1d9bdcf9] {
                 width: 44px;
                 height: 44px;
                 border-radius: 12px;
@@ -5303,8 +5303,8 @@ div[data-v-de9c6e02]::before {
                 clip-path: polygon(20% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 20%);
                 position: relative;
 }
-&[data-v-2c8dc954]::before,
-                &[data-v-2c8dc954]::after {
+&[data-v-1d9bdcf9]::before,
+                &[data-v-1d9bdcf9]::after {
                     content: "";
                     position: absolute;
                     inset: 50% auto auto 50%;
@@ -5313,16 +5313,16 @@ div[data-v-de9c6e02]::before {
                     background: color-mix(in srgb, var(--selection-bg, #bbbbbb) 65%, transparent);
                     transform-origin: center;
 }
-&[data-v-2c8dc954]::before {
+&[data-v-1d9bdcf9]::before {
                     transform: translate(-50%, -50%) rotate(45deg);
 }
-&[data-v-2c8dc954]::after {
+&[data-v-1d9bdcf9]::after {
                     transform: translate(-50%, -50%) rotate(-45deg);
 }
 }
 }
 .bg-item {
-&[data-v-2c8dc954] {
+&[data-v-1d9bdcf9] {
             cursor: pointer;
             border-radius: 14px;
             overflow: hidden;
@@ -5334,7 +5334,7 @@ div[data-v-de9c6e02]::before {
             position: relative;
             min-height: 120px;
 }
-.bg-frame[data-v-2c8dc954] {
+.bg-frame[data-v-1d9bdcf9] {
                 position: absolute;
                 inset: 10px;
                 border: 1px solid rgba(255, 255, 255, 0.5);
@@ -5343,21 +5343,21 @@ div[data-v-de9c6e02]::before {
                 pointer-events: none;
                 mix-blend-mode: screen;
 }
-img[data-v-2c8dc954] {
+img[data-v-1d9bdcf9] {
                 width: 100%;
                 min-height: 120px;
                 object-fit: cover;
                 display: block;
 }
 }
-.bg-item[data-v-2c8dc954]:hover,
-        .bg-item-clear[data-v-2c8dc954]:hover {
+.bg-item[data-v-1d9bdcf9]:hover,
+        .bg-item-clear[data-v-1d9bdcf9]:hover {
             transform: translateY(-3px);
             box-shadow: var(--ui-theme-item-hover-shadow);
 }
 }
 .list-title {
-&[data-v-2c8dc954] {
+&[data-v-1d9bdcf9] {
         color: var(--ui-theme-title-color);
         padding: 8px 10px;
         display: flex;
@@ -5367,39 +5367,39 @@ img[data-v-2c8dc954] {
         margin: 0 0 10px;
         border-radius: 10px;
 }
-.section-title[data-v-2c8dc954] {
+.section-title[data-v-1d9bdcf9] {
             font-size: 14px;
             font-weight: 700;
             letter-spacing: 0.04em;
 }
-.section-desc[data-v-2c8dc954] {
+.section-desc[data-v-1d9bdcf9] {
             font-size: 12px;
             color: color-mix(in srgb, currentColor 65%, transparent);
             margin-top: 2px;
 }
 .iconfont {
-&[data-v-2c8dc954] {
+&[data-v-1d9bdcf9] {
             cursor: pointer;
             transition:
                 color 0.2s ease,
                 transform 0.2s ease;
 }
-&[data-v-2c8dc954]:hover {
+&[data-v-1d9bdcf9]:hover {
                 transform: rotate(-20deg);
 }
 }
 }
-.list-background[data-v-2c8dc954] {
+.list-background[data-v-1d9bdcf9] {
         background: var(--ui-background-title-bg);
         color: var(--ui-background-title-color);
 }
-.list-theme[data-v-2c8dc954] {
+.list-theme[data-v-1d9bdcf9] {
         background: var(--ui-theme-title-bg);
 }
-.list-note-theme[data-v-2c8dc954] {
+.list-note-theme[data-v-1d9bdcf9] {
         background: var(--ui-theme-title-bg);
 }
-.theme-list[data-v-2c8dc954] {
+.theme-list[data-v-1d9bdcf9] {
         border: var(--sidebar-cube-border);
         background: var(--ui-theme-list-bg);
         border-radius: 12px;
@@ -5408,7 +5408,7 @@ img[data-v-2c8dc954] {
         box-shadow: var(--ui-theme-list-shadow);
 }
 .note-theme-list {
-&[data-v-2c8dc954] {
+&[data-v-1d9bdcf9] {
         border: var(--sidebar-cube-border);
         background: linear-gradient(160deg, color-mix(in srgb, var(--page-bg, #ffffff) 96%, transparent) 0%, color-mix(in srgb, var(--selection-bg, #cccccc) 8%, transparent) 100%), var(--ui-theme-list-bg);
         border-radius: 16px;
@@ -5420,7 +5420,7 @@ img[data-v-2c8dc954] {
         position: relative;
         overflow: hidden;
 }
-&[data-v-2c8dc954]::before {
+&[data-v-1d9bdcf9]::before {
             content: "";
             position: absolute;
             inset: 0 auto auto 0;
@@ -5429,13 +5429,13 @@ img[data-v-2c8dc954] {
             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-2c8dc954] {
+.theme-card-grid[data-v-1d9bdcf9] {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
             gap: 14px;
 }
 .theme-card {
-&[data-v-2c8dc954] {
+&[data-v-1d9bdcf9] {
             padding: 14px;
             min-height: 216px;
             border: 1px solid color-mix(in srgb, var(--card-primary) 28%, transparent);
@@ -5458,7 +5458,7 @@ img[data-v-2c8dc954] {
                 inset 0 1px 0 rgba(255, 255, 255, 0.55);
             clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
 }
-&[data-v-2c8dc954]::before {
+&[data-v-1d9bdcf9]::before {
                 content: "";
                 position: absolute;
                 inset: -1px;
@@ -5467,7 +5467,7 @@ img[data-v-2c8dc954] {
                 clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
                 pointer-events: none;
 }
-&[data-v-2c8dc954]::after {
+&[data-v-1d9bdcf9]::after {
                 content: "";
                 position: absolute;
                 right: -34px;
@@ -5477,13 +5477,13 @@ img[data-v-2c8dc954] {
                 background: radial-gradient(circle, color-mix(in srgb, var(--card-accent) 24%, transparent) 0%, transparent 70%);
                 pointer-events: none;
 }
-.theme-card-head[data-v-2c8dc954] {
+.theme-card-head[data-v-1d9bdcf9] {
                 display: flex;
                 align-items: flex-start;
                 justify-content: space-between;
                 gap: 10px;
 }
-.theme-motif[data-v-2c8dc954] {
+.theme-motif[data-v-1d9bdcf9] {
                 font-size: 12px;
                 color: color-mix(in srgb, var(--card-ink) 78%, transparent);
                 background: color-mix(in srgb, var(--card-primary) 10%, transparent);
@@ -5492,23 +5492,23 @@ img[data-v-2c8dc954] {
                 padding: 5px 10px;
                 max-width: 72%;
 }
-.theme-key[data-v-2c8dc954] {
+.theme-key[data-v-1d9bdcf9] {
                 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-2c8dc954] {
+.theme-geometry[data-v-1d9bdcf9] {
                 position: relative;
                 min-height: 96px;
                 margin: 12px 0 10px;
 }
-.geo[data-v-2c8dc954] {
+.geo[data-v-1d9bdcf9] {
                 position: absolute;
                 display: block;
 }
-.geo-diamond[data-v-2c8dc954] {
+.geo-diamond[data-v-1d9bdcf9] {
                 width: 74px;
                 height: 74px;
                 left: 12px;
@@ -5517,7 +5517,7 @@ img[data-v-2c8dc954] {
                 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-2c8dc954] {
+.geo-band[data-v-1d9bdcf9] {
                 width: 88px;
                 height: 18px;
                 right: 8px;
@@ -5527,7 +5527,7 @@ img[data-v-2c8dc954] {
                 transform: rotate(-17deg);
 }
 .geo-orbit {
-&[data-v-2c8dc954] {
+&[data-v-1d9bdcf9] {
                 width: 120px;
                 height: 54px;
                 right: 10px;
@@ -5536,7 +5536,7 @@ img[data-v-2c8dc954] {
                 border-radius: 999px;
                 transform: rotate(-18deg);
 }
-&[data-v-2c8dc954]::before {
+&[data-v-1d9bdcf9]::before {
                     content: "";
                     position: absolute;
                     top: 50%;
@@ -5549,7 +5549,7 @@ img[data-v-2c8dc954] {
                     box-shadow: 0 0 12px color-mix(in srgb, var(--card-accent) 40%, transparent);
 }
 }
-.geo-cut[data-v-2c8dc954] {
+.geo-cut[data-v-1d9bdcf9] {
                 width: 48px;
                 height: 48px;
                 left: 92px;
@@ -5558,43 +5558,43 @@ img[data-v-2c8dc954] {
                 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-2c8dc954] {
+.theme-card-foot[data-v-1d9bdcf9] {
                 position: relative;
                 z-index: 1;
 }
-.theme-name[data-v-2c8dc954] {
+.theme-name[data-v-1d9bdcf9] {
                 font-size: 15px;
                 font-weight: 700;
 }
-.theme-palette-text[data-v-2c8dc954] {
+.theme-palette-text[data-v-1d9bdcf9] {
                 margin-top: 4px;
                 font-size: 12px;
                 color: color-mix(in srgb, var(--card-ink) 65%, transparent);
 }
-.theme-swatches[data-v-2c8dc954] {
+.theme-swatches[data-v-1d9bdcf9] {
                 display: flex;
                 align-items: center;
                 gap: 8px;
                 margin-top: 12px;
 }
-.swatch[data-v-2c8dc954] {
+.swatch[data-v-1d9bdcf9] {
                 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-2c8dc954] {
+.swatch-primary[data-v-1d9bdcf9] {
                 background: var(--card-primary);
 }
-.swatch-accent[data-v-2c8dc954] {
+.swatch-accent[data-v-1d9bdcf9] {
                 background: var(--card-accent);
 }
-.swatch-surface[data-v-2c8dc954] {
+.swatch-surface[data-v-1d9bdcf9] {
                 background: var(--card-surface);
                 border-color: color-mix(in srgb, var(--card-primary) 18%, transparent);
 }
-&[data-v-2c8dc954]:hover {
+&[data-v-1d9bdcf9]:hover {
                 transform: translateY(-4px);
                 border-color: color-mix(in srgb, var(--card-primary) 48%, transparent);
                 box-shadow:
@@ -5602,10 +5602,10 @@ img[data-v-2c8dc954] {
                     0 0 18px color-mix(in srgb, var(--card-accent) 14%, transparent),
                     inset 0 1px 0 rgba(255, 255, 255, 0.12);
 }
-&[data-v-2c8dc954]:active {
+&[data-v-1d9bdcf9]:active {
                 transform: translateY(-1px);
 }
-&.active-theme[data-v-2c8dc954] {
+&.active-theme[data-v-1d9bdcf9] {
                 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),
@@ -5616,7 +5616,7 @@ img[data-v-2c8dc954] {
 }
 }
 .background-list {
-&[data-v-2c8dc954] {
+&[data-v-1d9bdcf9] {
         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);
@@ -5624,7 +5624,7 @@ img[data-v-2c8dc954] {
         padding: 12px;
         box-shadow: var(--ui-theme-list-shadow);
 }
-.background-grid[data-v-2c8dc954] {
+.background-grid[data-v-1d9bdcf9] {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(136px, 1fr));
             gap: 12px;
@@ -6038,7 +6038,7 @@ textarea {
 
 
 .ui-sidebar {
-&[data-v-16fa0905] {
+&[data-v-70d09d9a] {
     display: flex;
     flex-flow: row nowrap;
     /* 不设 height，依赖父级 flex stretch 拉伸 */
@@ -6047,7 +6047,7 @@ textarea {
 
     /* ————— 激活图标：不用 ::before（会覆盖 iconfont 字形），改用 ::after 做指示条 ————— */
 }
-.sidebar-icons[data-v-16fa0905] {
+.sidebar-icons[data-v-70d09d9a] {
         box-sizing: border-box;
         padding: 10px 6px;
         display: flex;
@@ -6060,14 +6060,14 @@ textarea {
         z-index: calc(var(--ui-z-index) + 1);
         flex-shrink: 0;
 }
-.active-sideitem[data-v-16fa0905] {
+.active-sideitem[data-v-70d09d9a] {
         color: var(--sidebar-icon-active-color);
         background: var(--sidebar-icon-active-gradient);
         text-shadow: var(--sidebar-icon-active-shadow);
         position: relative;
 }
 .iconfont {
-&[data-v-16fa0905] {
+&[data-v-70d09d9a] {
         font-size: 22px;
         cursor: pointer;
         background: var(--sidebar-icon-bg);
@@ -6081,7 +6081,7 @@ textarea {
             transform var(--transition-spring, 0.36s cubic-bezier(0.34, 1.56, 0.64, 1));
         will-change: transform;
 }
-&[data-v-16fa0905]:hover {
+&[data-v-70d09d9a]:hover {
             background: var(--sidebar-icon-hover-bg);
             color: var(--sidebar-icon-hover-color);
             transform: scale(1.15);
@@ -6092,7 +6092,7 @@ textarea {
 
 /* ————— 面板胶囊 ————— */
 .sidebar-panel {
-&[data-v-16fa0905] {
+&[data-v-70d09d9a] {
     box-sizing: border-box;
     position: relative;
     /* 与图标胶囊上下对齐，左侧无间距贴近图标 */
@@ -6102,7 +6102,7 @@ textarea {
     max-width: 1200px;
 }
 .dragger {
-&[data-v-16fa0905] {
+&[data-v-70d09d9a] {
         position: absolute;
         right: 0px;
         top: 0px;
@@ -6118,28 +6118,28 @@ textarea {
             height var(--transition-base, 0.24s),
             opacity var(--transition-fast, 0.15s);
 }
-&[data-v-16fa0905]:hover {
+&[data-v-70d09d9a]:hover {
             height: 140px;
             opacity: 1;
 }
 }
 .sideitem-component {
-&[data-v-16fa0905] {
+&[data-v-70d09d9a] {
         overflow: hidden;
         height: 100%;
         width: 100%;
         backdrop-filter: var(--sidebar-panel-backdrop, blur(14px) saturate(140%));
         -webkit-backdrop-filter: var(--sidebar-panel-backdrop, blur(14px) saturate(140%));
 }
-&[data-v-16fa0905] > *::-webkit-scrollbar {
+&[data-v-70d09d9a] > *::-webkit-scrollbar {
             display: none;
 }
-& > div[data-v-16fa0905] {
+& > div[data-v-70d09d9a] {
             height: 100%;
             overflow: scroll;
             padding-right: 4px;
 }
-&[data-v-16fa0905] .sidebar-panel-toolbox {
+&[data-v-70d09d9a] .sidebar-panel-toolbox {
             position: sticky;
             top: 0px;
             background: var(--sidebar-panel-toolbox-bg);
@@ -6222,7 +6222,7 @@ textarea {
 }
 
 
-.note-statusbar[data-v-48aedb8f] {
+.note-statusbar[data-v-18ebd782] {
     flex-shrink: 0;
     transition:
         transform var(--transition-base, 0.24s),
@@ -6233,7 +6233,7 @@ textarea {
     font-size: var(--statusbar-font-size, 12px);
 }
 .statusbar-shell {
-&[data-v-48aedb8f] {
+&[data-v-18ebd782] {
     min-height: var(--statusbar-height, 32px);
     font-size: var(--statusbar-font-size, 12px);
     display: flex;
@@ -6246,23 +6246,23 @@ textarea {
     overflow: hidden;
     position: relative;
     }
-&[data-v-48aedb8f] > * {
+&[data-v-18ebd782] > * {
         position: relative;
         z-index: 1;
 }
-.notsave[data-v-48aedb8f] {
+.notsave[data-v-18ebd782] {
         background: var(--statusbar-item-not-save-bg);
         color: var(--statusbar-item-not-save-color);
         box-shadow: var(--statusbar-item-not-save-shadow);
 }
-.mode-reading[data-v-48aedb8f] {
+.mode-reading[data-v-18ebd782] {
         background: var(--statusbar-item-reading-mode-bg);
         color: var(--statusbar-item-reading-mode-color);
         box-shadow: var(--statusbar-item-reading-mode-shadow);
 }
 }
 .statusbar-docid {
-&[data-v-48aedb8f] {
+&[data-v-18ebd782] {
     display: inline-flex;
     align-items: center;
     gap: 6px;
@@ -6280,25 +6280,25 @@ textarea {
         background var(--transition-base, 0.24s);
     will-change: transform;
     }
-&[data-v-48aedb8f]:hover {
+&[data-v-18ebd782]:hover {
         transform: translateY(-2px);
         background: var(--statusbar-docid-hover-bg);
         box-shadow: var(--statusbar-docid-hover-shadow);
 }
 }
-.statusbar-docid-label[data-v-48aedb8f] {
+.statusbar-docid-label[data-v-18ebd782] {
     flex-shrink: 0;
     letter-spacing: 0.12em;
     opacity: 0.6;
 }
-.statusbar-docid-value[data-v-48aedb8f] {
+.statusbar-docid-value[data-v-18ebd782] {
     min-width: 0;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }
 .statusbar-items {
-&[data-v-48aedb8f] {
+&[data-v-18ebd782] {
     flex: 1;
     min-width: 0;
     max-width: var(--statusbar-items-max-width);
@@ -6310,7 +6310,7 @@ textarea {
     padding: 1px;
     }
 .statusbar-item {
-&[data-v-48aedb8f] {
+&[data-v-18ebd782] {
         cursor: pointer;
         background: var(--statusbar-item-bg);
         color: var(--statusbar-item-color);
@@ -6329,31 +6329,31 @@ textarea {
             box-shadow var(--transition-base, 0.24s);
         will-change: transform;
         }
-&[data-v-48aedb8f]:hover {
+&[data-v-18ebd782]:hover {
             background: var(--statusbar-item-hover-bg);
             border-color: var(--statusbar-item-hover-border);
             box-shadow: var(--statusbar-item-hover-shadow);
 }
 }
-.statusbar-item-text[data-v-48aedb8f] {
+.statusbar-item-text[data-v-18ebd782] {
         overflow: hidden;
         text-overflow: ellipsis;
 }
-.has-scope[data-v-48aedb8f] {
+.has-scope[data-v-18ebd782] {
         background: var(--statusbar-item-scope-exist-bg);
         color: var(--statusbar-item-scope-exist-color);
         box-shadow: var(--statusbar-item-scope-exist-shadow);
 }
 .statusbar-item.iconfont {
-&[data-v-48aedb8f] {
+&[data-v-18ebd782] {
         font-weight: 300;
         }
-&[data-v-48aedb8f]::before {
+&[data-v-18ebd782]::before {
             margin-right: 4px;
             opacity: 0.8;
 }
 }
-&[data-v-48aedb8f]::-webkit-scrollbar {
+&[data-v-18ebd782]::-webkit-scrollbar {
         display: none;
 }
 }
@@ -6363,7 +6363,7 @@ textarea {
    根容器
    ============================================================ */
 .deepsky-note {
-&[data-v-e7974dcc]{
+&[data-v-e0b96d8e]{
     display: flex;
     flex-flow: column nowrap;
     width: 100vw;
@@ -6377,14 +6377,14 @@ textarea {
 
     /* 主题环境光层 —— 用 selection-bg 在四角投射极淡的晕光，随主题变色 */
 }
-.deepsky-note-bg[data-v-e7974dcc] {
+.deepsky-note-bg[data-v-e0b96d8e] {
         position: absolute;
         inset: 0;
         pointer-events: none;
         z-index: 0;
         background: var(--background);
 }
-&[data-v-e7974dcc]::before {
+&[data-v-e0b96d8e]::before {
         content: "";
         position: absolute;
         inset: 0;
@@ -6398,7 +6398,7 @@ textarea {
    编辑区布局（flex:1 自动消耗剩余高度，不依赖 calc）
    ============================================================ */
 .deepsky-ui-box {
-&[data-v-e7974dcc]{
+&[data-v-e0b96d8e]{
     box-sizing: border-box;
     display: flex;
     flex-flow: row nowrap;
@@ -6408,7 +6408,7 @@ textarea {
     z-index: 1;
 }
 .note-box {
-&[data-v-e7974dcc]{
+&[data-v-e0b96d8e]{
         display: flex;
         flex-flow: column nowrap;
         box-sizing: border-box;
@@ -6416,7 +6416,7 @@ textarea {
         min-width: 0;
         overflow: scroll;
 }
-.note[data-v-e7974dcc] {
+.note[data-v-e0b96d8e] {
             flex: 1;
 }
 }
@@ -6427,7 +6427,7 @@ textarea {
    ============================================================ */
 @media (prefers-color-scheme: dark) {
 .deepsky-note {
-.deepsky-note-bg[data-v-e7974dcc] {
+.deepsky-note-bg[data-v-e0b96d8e] {
             background: var(--background);
 }
 }