deepsky 2.41.12 → 2.42.3

package/dist/index.css

@@ -534,7 +534,7 @@ img[data-v-680e3ae6] {
 
 
 .cube-postil {
-&[data-v-ed20cfda] {
+&[data-v-53e28524] {
     padding: 5px;
     position: fixed;
     display: flex;
@@ -550,61 +550,62 @@ img[data-v-680e3ae6] {
     transition: 0.2s;
 }
 .iconbox {
-&[data-v-ed20cfda] {
+&[data-v-53e28524] {
         width: 100%;
         display: flex;
         justify-content: right;
         align-items: center;
         gap: 5px;
 }
-.close[data-v-ed20cfda] {
+.close[data-v-53e28524] {
             background: var(--postil-text-icon-close-bg);
 }
-.delete[data-v-ed20cfda] {
+.delete[data-v-53e28524] {
             background: var(--postil-text-icon-delete-bg);
 }
 .pointer {
-&[data-v-ed20cfda] {
+&[data-v-53e28524] {
             background: var(--postil-text-icon-close-bg);
 }
-&[data-v-ed20cfda]::before {
+&[data-v-53e28524]::before {
                 opacity: 1 !important;
                 scale: 1 !important;
 }
 }
 .iconfont {
-&[data-v-ed20cfda] {
+&[data-v-53e28524] {
             font-size: 20px;
             border-radius: 50%;
             padding: 4px;
             cursor: pointer;
 }
-&[data-v-ed20cfda]::before {
+&[data-v-53e28524]::before {
                 transition: 1s;
                 opacity: 0;
                 scale: 0;
 }
-&[data-v-ed20cfda]:hover::before {
+&[data-v-53e28524]:hover::before {
                 opacity: 1;
                 scale: 1;
 }
 }
 }
 .mark-contents {
-&[data-v-ed20cfda] {
+&[data-v-53e28524] {
+        width: 100%;
         max-height: 600px;
         overflow-y: scroll;
         display: flex;
         flex-flow: column nowrap;
         gap: 5px;
 }
-[data-v-ed20cfda] {
+[data-v-53e28524] {
             flex-shrink: 0;
 }
 }
 }
 .ui-text-link {
-&[data-v-ed20cfda] {
+&[data-v-53e28524] {
     display: flex;
     z-index: 5;
     position: fixed;
@@ -618,7 +619,7 @@ img[data-v-680e3ae6] {
     flex-flow: row nowrap;
     gap: 5px;
 }
-& > div[data-v-ed20cfda] {
+& > div[data-v-53e28524] {
         font-size: 14px;
         padding: 5px 10px;
         border-radius: 20px;
@@ -627,17 +628,17 @@ img[data-v-680e3ae6] {
         color: var(--text-link-color);
 }
 .iconbox {
-&[data-v-ed20cfda] {
+&[data-v-53e28524] {
         display: flex;
         flex-flow: row nowrap;
         align-items: center;
 }
-.iconfont[data-v-ed20cfda] {
+.iconfont[data-v-53e28524] {
             cursor: pointer;
             padding: 3px 6px;
             border-radius: 20px;
 }
-.iconfont[data-v-ed20cfda]:hover {
+.iconfont[data-v-53e28524]:hover {
             background: var(--text-link-icon-hover-bg);
             color: var(--text-link-icon-hover-color);
 }
@@ -1684,9 +1685,10 @@ to {
     filter: drop-shadow(0 0 8px color-mix(in srgb, var(--selection-bg, #0891b2) 30%, transparent)) drop-shadow(0 2px 4px color-mix(in srgb, var(--selection-bg, #0891b2) 15%, transparent));
 }
 .close-corner {
-    flex: 0 0 30px;
-    width: 30px;
-    height: 30px;
+    --size: 30px;
+    flex: 0 0 var(--size);
+    width: var(--size);
+    height: var(--size);
 
     border-radius: 50%;
     margin: 0px 10px;
@@ -1703,8 +1705,8 @@ to {
         transition: 0.5s;
         position: absolute;
         content: "";
-        width: 30px;
-        height: 30px;
+        width: var(--size);
+        height: var(--size);
         border-radius: 50%;
         /* background-color: var(--ui-close-corner-bg); */
         background: currentColor;
@@ -1715,8 +1717,8 @@ to {
         transition: 0.5s;
         position: absolute;
         content: "";
-        width: 30px;
-        height: 30px;
+        width: var(--size);
+        height: var(--size);
         border-radius: 50%;
         /* background-color: var(--ui-close-corner-bg); */
         background: currentColor;
@@ -1726,7 +1728,7 @@ to {
     &:hover::before {
         position: absolute;
         content: "";
-        width: 25px;
+        width: calc(var(--size) - 5px);
         height: 3px;
         /* background-color: var(--ui-close-corner-bg); */
         background: currentColor;
@@ -1737,7 +1739,7 @@ to {
         position: absolute;
         content: "";
         width: 3px;
-        height: 25px;
+        height: calc(var(--size) - 5px);
         /* background-color: var(--ui-close-corner-bg); */
         background: currentColor;
         transform: rotate(45deg);
@@ -1745,12 +1747,12 @@ to {
 }
 
 
-.cube-doc[data-v-5dc6f251] {
+.cube-doc[data-v-02e5ab40] {
     position: relative;
     font-family: var(--text-family);
     padding: 2px;
 }
-.cube-doc-footer[data-v-5dc6f251] {
+.cube-doc-footer[data-v-02e5ab40] {
     user-select: none;
     width: 100%;
     height: 50vh;
@@ -5343,31 +5345,42 @@ div[data-v-de9c6e02]::before {
 
 
 .ui-sideitem-search {
-&[data-v-b1b3f1a4] {
+&[data-v-604a11b5] {
     height: 100%;
     overflow-y: scroll;
     padding-bottom: 6px;
 }
 .search-bar {
-&[data-v-b1b3f1a4] {
+&[data-v-604a11b5] {
         padding: 0 4px 6px;
 }
 .search-input-box {
-&[data-v-b1b3f1a4] {
+&[data-v-604a11b5] {
+            /* 搜索框统一基于菜单语义色，避免暗色主题继承亮色输入框渐变。 */
+            --ui-base-input-bg: var(--menu-bg, var(--page-bg));
+            --ui-base-input-text: var(--menu-item-color, var(--color));
+            --ui-base-input-border-color: color-mix(in srgb, var(--selection-bg, #0891b2) 32%, var(--menu-item-color, var(--color)));
+            --ui-base-input-border-focus: var(--selection-bg, #0891b2);
+            --ui-base-input-container-gradient: var(--menu-bg, var(--page-bg));
+            --ui-base-input-border-gradient: linear-gradient(135deg, color-mix(in srgb, var(--selection-bg, #0891b2) 58%, transparent), color-mix(in srgb, var(--selection-bg, #0891b2) 30%, transparent));
+            --ui-base-input-overlay-shadow: 0 3px 10px color-mix(in srgb, var(--selection-bg, #0891b2) 16%, transparent);
+            --ui-base-input-text-shadow: none;
             display: flex;
             align-items: center;
             flex-flow: row nowrap;
             gap: 8px;
-            background: var(--ui-search-bar-bg);
+            background: color-mix(in srgb, var(--menu-bg, var(--page-bg)) 82%, transparent);
+            border: var(--ui-search-bar-border, 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 32%, transparent));
+            box-shadow: var(--ui-search-bar-shadow, none);
             border-radius: 8px;
             padding: 6px 8px;
 }
-.box-input[data-v-b1b3f1a4] {
+.box-input[data-v-604a11b5] {
                 flex: 1;
                 margin: 0;
 }
 .iconfont {
-&[data-v-b1b3f1a4] {
+&[data-v-604a11b5] {
                 background: var(--ui-search-icon-bg);
                 color: var(--ui-search-icon-color);
                 font-size: 22px;
@@ -5381,7 +5394,7 @@ div[data-v-de9c6e02]::before {
                     transform 0.15s ease,
                     box-shadow 0.2s ease;
 }
-&[data-v-b1b3f1a4]:hover {
+&[data-v-604a11b5]:hover {
                     background: var(--ui-search-icon-hover-bg);
                     color: var(--ui-search-icon-hover-color);
                     transform: scale(1.08);
@@ -5391,11 +5404,11 @@ div[data-v-de9c6e02]::before {
 }
 }
 .search-result {
-&[data-v-b1b3f1a4] {
+&[data-v-604a11b5] {
         padding: 0 4px;
 }
 .search-result-item {
-&[data-v-b1b3f1a4] {
+&[data-v-604a11b5] {
             padding: 7px 10px 7px 14px;
             cursor: pointer;
             border-radius: 6px;
@@ -5409,7 +5422,7 @@ div[data-v-de9c6e02]::before {
                 transform 0.15s ease,
                 box-shadow 0.18s ease;
 }
-&[data-v-b1b3f1a4]::before {
+&[data-v-604a11b5]::before {
                 content: "";
                 position: absolute;
                 left: 0;
@@ -5421,19 +5434,19 @@ div[data-v-de9c6e02]::before {
                 opacity: 0;
                 transition: opacity 0.18s ease;
 }
-&[data-v-b1b3f1a4]:nth-child(even) {
+&[data-v-604a11b5]:nth-child(even) {
                 background: var(--ui-search-item-even-bg);
 }
-&[data-v-b1b3f1a4]:nth-child(odd) {
+&[data-v-604a11b5]:nth-child(odd) {
                 background: var(--ui-search-item-odd-bg);
 }
 &:hover {
-&[data-v-b1b3f1a4] {
+&[data-v-604a11b5] {
                 background: var(--ui-search-item-hover-bg);
                 transform: translateX(2px);
                 box-shadow: var(--ui-search-item-hover-shadow);
 }
-&[data-v-b1b3f1a4]::before {
+&[data-v-604a11b5]::before {
                     opacity: 1;
 }
 }
@@ -6005,12 +6018,12 @@ img[data-v-f3cd29a4] {
 
 
 .sidebar-config {
-&[data-v-669c7020] {
+&[data-v-6dae3168] {
     user-select: none;
     padding-bottom: 6px;
 }
 .config-box {
-&[data-v-669c7020] {
+&[data-v-6dae3168] {
         /* display: grid;
         grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); */
         column-width: 300px;
@@ -6018,7 +6031,7 @@ img[data-v-f3cd29a4] {
         padding: 4px;
 }
 .config-group {
-&[data-v-669c7020] {
+&[data-v-6dae3168] {
             display: flex;
             flex-flow: column nowrap;
             gap: 4px;
@@ -6031,11 +6044,11 @@ img[data-v-f3cd29a4] {
             min-width: 0;
             margin-bottom: 8px;
 }
-.active[data-v-669c7020] {
+.active[data-v-6dae3168] {
                 color: var(--ui-config-active-icon-color);
                 text-shadow: 0px 0px 4px var(--ui-config-active-icon-color);
 }
-.config-title[data-v-669c7020] {
+.config-title[data-v-6dae3168] {
                 display: flex;
                 justify-content: center;
                 align-items: center;
@@ -6048,7 +6061,7 @@ img[data-v-f3cd29a4] {
                 margin-bottom: 2px;
 }
 .config-item {
-&[data-v-669c7020] {
+&[data-v-6dae3168] {
                 display: flex;
                 gap: 10px;
                 align-items: center;
@@ -6058,37 +6071,37 @@ img[data-v-f3cd29a4] {
                 margin: 0 4px;
                 transition: background 0.18s ease;
 }
-&[data-v-669c7020]:hover {
+&[data-v-6dae3168]:hover {
                     background: var(--ui-config-item-hover-bg);
 }
-.color-cube[data-v-669c7020] {
+.color-cube[data-v-6dae3168] {
                     border-radius: 4px;
                     padding: 10px;
 }
 .flexbox {
-&[data-v-669c7020] {
+&[data-v-6dae3168] {
                     display: flex;
                     flex-flow: row nowrap;
                     gap: 6px;
                     padding: 6px 10px;
 }
-.iconfont[data-v-669c7020] {
+.iconfont[data-v-6dae3168] {
                         font-size: 24px;
 }
-.iconfont[data-v-669c7020]:hover {
+.iconfont[data-v-6dae3168]:hover {
                         color: var(--ui-config-active-icon-color);
                         text-shadow: 0px 0px 4px var(--ui-config-active-icon-color);
 }
 }
-.iconfont[data-v-669c7020]::before {
+.iconfont[data-v-6dae3168]::before {
                     margin-right: 5px;
 }
-.el-slider[data-v-669c7020] {
+.el-slider[data-v-6dae3168] {
                     width: 100%;
                     min-width: 120px;
                     max-width: 250px;
 }
-.config-item-name[data-v-669c7020] {
+.config-item-name[data-v-6dae3168] {
                     padding: 2px 7px;
                     background: var(--ui-config-item-name-bg);
                     color: var(--ui-config-item-name-color);
@@ -6214,53 +6227,231 @@ img[data-v-f3cd29a4] {
 
 
 .ui-sidebar {
-&[data-v-6806ce1d] {
+&[data-v-02243058] {
     display: flex;
     flex-flow: row nowrap;
+    min-width: 0;
+    flex: 0 0 auto;
 }
-.sidebar-icons[data-v-6806ce1d] {
+.sidebar-icons[data-v-02243058] {
         box-sizing: border-box;
-        padding: 20px 6px;
+        padding: 16px 8px;
         display: flex;
         flex-flow: column nowrap;
         align-items: center;
-        gap: 12px;
-        backdrop-filter: var(--menubar-backdrop, blur(4px) saturate(160%));
+        gap: 10px;
         width: var(--sidebar-width);
         user-select: none;
         z-index: calc(var(--ui-z-index) + 1);
         flex-shrink: 0;
 }
-.active-sideitem[data-v-6806ce1d] {
+.sidebar-icon-group {
+&[data-v-02243058] {
+        display: flex;
+        flex-flow: column nowrap;
+        align-items: center;
+        gap: 4px;
+        padding: 5px 3px;
+        border-radius: 6px;
+        background: color-mix(in srgb, var(--menu-bg, var(--page-bg)) 44%, transparent);
+        transition:
+            border-color var(--transition-base, 0.24s),
+            background var(--transition-base, 0.24s);
+}
+&[data-v-02243058]:hover {
+            border-color: color-mix(in srgb, var(--selection-bg, #0891b2) 38%, transparent);
+}
+}
+.active-sideitem[data-v-02243058] {
         color: var(--sidebar-icon-active-color);
-        background: var(--sidebar-icon-active-gradient);
-        text-shadow: var(--sidebar-icon-active-shadow);
+        background: transparent !important;
+        text-shadow: none;
+        box-shadow: none;
         position: relative;
 }
-.iconfont {
-&[data-v-6806ce1d] {
-        font-size: 22px;
+.sidebar-icon-group .iconfont {
+&[data-v-02243058] {
+        appearance: none;
+        border: 0;
+        font-size: 21px;
         cursor: pointer;
-        background: var(--sidebar-icon-bg);
-        border: var(--sidebar-icon-border);
-        border-radius: 6px;
-        padding: var(--sidebar-icon-padding, 6px);
+        background: transparent;
+        border-radius: 4px;
+        width: 34px;
+        height: 34px;
+        padding: 0;
+        color: inherit;
+        line-height: 1;
+        display: grid;
+        place-items: center;
         transition:
             background var(--transition-base, 0.24s),
             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));
-        will-change: transform;
+            box-shadow var(--transition-base, 0.24s);
 }
-&[data-v-6806ce1d]:hover {
-            background: var(--sidebar-icon-hover-bg);
+&[data-v-02243058]:hover {
             color: var(--sidebar-icon-hover-color);
-            transform: scale(1.15);
-            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }
+&.sidebar-panel-trigger {
+&[data-v-02243058] {
+            color: color-mix(in srgb, var(--selection-bg, #0891b2) 62%, #22c55e);
+}
+&[data-v-02243058]:hover {
+                color: color-mix(in srgb, var(--selection-bg, #0891b2) 62%, #22c55e);
+}
+&.active-sideitem[data-v-02243058] {
+                color: color-mix(in srgb, var(--selection-bg, #0891b2) 62%, #22c55e);
+}
+}
+}
+}
+.sidebar-docked-panel {
+&[data-v-02243058] {
+    position: relative;
+    width: 0;
+    min-width: 0;
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    margin: 4px 0;
+    border: 0;
+    border-radius: 4px;
+    background: var(--menu-bg, var(--page-bg));
+    backdrop-filter: var(--sidebar-panel-backdrop, blur(14px) saturate(140%));
+    -webkit-backdrop-filter: var(--sidebar-panel-backdrop, blur(14px) saturate(140%));
+    box-shadow: none;
+    color: var(--dialog-cubelist-input-color);
+    transition:
+        width var(--transition-base, 0.24s),
+        opacity var(--transition-fast, 0.15s),
+        margin var(--transition-base, 0.24s),
+        box-shadow var(--transition-base, 0.24s);
+}
+&.open[data-v-02243058] {
+        width: 360px;
+        opacity: 1;
+        visibility: visible;
+        pointer-events: auto;
+        margin: 4px;
+        border: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 24%, transparent);
+        box-shadow: 2px 2px 8px color-mix(in srgb, var(--selection-bg, #0891b2) 10%, transparent);
+}
+&.resizing[data-v-02243058] {
+        transition: none;
+        user-select: none;
+}
+.sidebar-docked-header[data-v-02243058] {
+        height: 38px;
+        padding: 0 6px 0 10px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        flex-shrink: 0;
+        border-bottom: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 18%, transparent);
+        background: color-mix(in srgb, var(--selection-bg, #0891b2) 7%, transparent);
+}
+.sidebar-docked-title {
+&[data-v-02243058] {
+        display: flex;
+        align-items: center;
+        gap: 7px;
+        font-size: 13px;
+        font-weight: 600;
+        letter-spacing: 0.8px;
+}
+&[data-v-02243058]::before {
+            content: "";
+            display: block;
+            width: 3px;
+            height: 15px;
+            background: var(--selection-bg, #0891b2);
+            box-shadow: 0 0 6px color-mix(in srgb, var(--selection-bg, #0891b2) 35%, transparent);
+}
+}
+.close-docked.close-corner[data-v-02243058] {
+        --size: 20px;
+        margin: 0;
+        padding: 0;
+        border: 0;
+        color: var(--ui-close-corner-bg, var(--selection-bg, #0891b2));
+        background: transparent;
+}
+.sidebar-docked-content {
+&[data-v-02243058] {
+        position: relative;
+        flex: 1;
+        min-height: 0;
+        margin: 4px 6px 6px;
+        overflow: hidden;
+}
+.sidebar-module-pane {
+&[data-v-02243058] {
+            position: absolute;
+            inset: 0;
+            overflow: hidden;
+            opacity: 0;
+            visibility: hidden;
+            pointer-events: none;
+            transition: opacity var(--transition-fast, 0.15s);
+}
+&.active[data-v-02243058] {
+                opacity: 1;
+                visibility: visible;
+                pointer-events: auto;
+                z-index: 1;
 }
+& > * {
+&[data-v-02243058] {
+                height: 100%;
+                overflow: scroll;
+                padding-right: 4px;
 }
-.sidebar-dialog-overlay[data-v-6806ce1d] {
+&[data-v-02243058]::-webkit-scrollbar {
+                    display: none;
+}
+}
+}
+}
+.sidebar-docked-resizer {
+&[data-v-02243058] {
+        position: absolute;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        z-index: 3;
+        width: 8px;
+        height: 100px;
+        margin: auto;
+        cursor: w-resize;
+        touch-action: none;
+}
+&[data-v-02243058]::after {
+            content: "";
+            position: absolute;
+            top: 0;
+            right: 2px;
+            width: 4px;
+            height: 100%;
+            border-radius: 999px;
+            background: var(--sidebar-dragger-hover-bg, var(--selection-bg, #0891b2));
+            opacity: 0.45;
+            transition:
+                height var(--transition-base, 0.24s),
+                opacity var(--transition-fast, 0.15s),
+                transform var(--transition-base, 0.24s);
+}
+&[data-v-02243058]:hover::after,
+        .resizing &[data-v-02243058]::after {
+            height: 140px;
+            opacity: 1;
+            transform: translateY(-20px);
+}
+}
+}
+.sidebar-dialog-overlay[data-v-02243058] {
     position: fixed;
     inset: 0;
     z-index: var(--float-zindex);
@@ -6270,7 +6461,7 @@ img[data-v-f3cd29a4] {
     align-items: center;
 }
 .sidebar-dialog-panel {
-&[data-v-6806ce1d] {
+&[data-v-02243058] {
     position: relative;
     width: min(1080px, calc(100vw - 40px));
     height: min(760px, calc(100vh - 14vh));
@@ -6288,7 +6479,7 @@ img[data-v-f3cd29a4] {
     color: var(--dialog-cubelist-input-color);
 }
 .close-corner {
-&[data-v-6806ce1d] {
+&[data-v-02243058] {
         position: absolute;
         right: 0px;
         top: 8px;
@@ -6307,12 +6498,12 @@ img[data-v-f3cd29a4] {
         z-index: 2;
         will-change: transform;
 }
-&[data-v-6806ce1d]:hover {
+&[data-v-02243058]:hover {
             opacity: 1;
             transform: scale(1.08);
 }
 }
-.sidebar-dialog-header[data-v-6806ce1d] {
+.sidebar-dialog-header[data-v-02243058] {
         display: flex;
         align-items: center;
         justify-content: center;
@@ -6321,7 +6512,7 @@ img[data-v-f3cd29a4] {
         flex-shrink: 0;
 }
 .sidebar-tabs {
-&[data-v-6806ce1d] {
+&[data-v-02243058] {
         display: flex;
         align-items: center;
         justify-content: center;
@@ -6332,7 +6523,7 @@ img[data-v-f3cd29a4] {
         flex-shrink: 0;
 }
 .sidebar-tab {
-&[data-v-6806ce1d] {
+&[data-v-02243058] {
             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);
@@ -6357,30 +6548,30 @@ img[data-v-f3cd29a4] {
                 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-6806ce1d] {
+.iconfont[data-v-02243058] {
                 font-size: 17px;
                 line-height: 1;
 }
-&[data-v-6806ce1d]:hover {
+&[data-v-02243058]: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-6806ce1d] {
+&[data-v-02243058] {
                 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-6806ce1d] {
+.iconfont[data-v-02243058] {
                     color: var(--dialog-cubelist-active-icon-color);
 }
 }
 }
 }
 .sideitem-component {
-&[data-v-6806ce1d] {
+&[data-v-02243058] {
         overflow: hidden;
         flex: 1;
         min-height: 0;
@@ -6388,7 +6579,7 @@ img[data-v-f3cd29a4] {
         position: relative;
 }
 .sidebar-module-pane {
-&[data-v-6806ce1d] {
+&[data-v-02243058] {
             position: absolute;
             inset: 12px;
             overflow: hidden;
@@ -6402,24 +6593,24 @@ img[data-v-f3cd29a4] {
             transition: opacity var(--transition-fast, 0.15s);
             contain: layout paint style;
 }
-&.active[data-v-6806ce1d] {
+&.active[data-v-02243058] {
                 opacity: 1;
                 visibility: visible;
                 pointer-events: auto;
                 z-index: 1;
 }
 & > * {
-&[data-v-6806ce1d] {
+&[data-v-02243058] {
                 height: 100%;
                 overflow: scroll;
                 padding-right: 4px;
 }
-&[data-v-6806ce1d]::-webkit-scrollbar {
+&[data-v-02243058]::-webkit-scrollbar {
                     display: none;
 }
 }
 }
-&[data-v-6806ce1d] .sidebar-panel-toolbox {
+&[data-v-02243058] .sidebar-panel-toolbox {
             position: sticky;
             top: 0px;
             background: var(--sidebar-panel-toolbox-bg);
@@ -6455,29 +6646,49 @@ img[data-v-f3cd29a4] {
 }
 }
 @media (max-width: 720px) {
-.sidebar-dialog-overlay[data-v-6806ce1d] {
+.sidebar-docked-panel {
+&[data-v-02243058] {
+        position: fixed;
+        z-index: var(--float-zindex);
+        left: var(--sidebar-width);
+        top: 8px;
+        bottom: 8px;
+        margin: 0;
+        border-radius: 4px;
+}
+&.open[data-v-02243058] {
+            margin: 0;
+}
+}
+.sidebar-dialog-overlay[data-v-02243058] {
 }
 .sidebar-dialog-panel {
-&[data-v-6806ce1d] {
+&[data-v-02243058] {
         width: calc(100vw - 24px);
         height: calc(100vh - 10vh);
 }
 .sidebar-tabs {
-&[data-v-6806ce1d] {
+&[data-v-02243058] {
             justify-content: flex-start;
 }
-.sidebar-tab[data-v-6806ce1d] {
+.sidebar-tab[data-v-02243058] {
                 min-width: 78px;
                 padding: 8px 10px;
 }
 }
 .sideitem-component {
-.sidebar-module-pane[data-v-6806ce1d] {
+.sidebar-module-pane[data-v-02243058] {
                 inset: 8px;
 }
 }
 }
 }
+@media (min-width: 721px) {
+.sidebar-docked-panel.open[data-v-02243058] {
+        min-width: 360px;
+        max-width: min(1200px, calc(100vw - var(--sidebar-width) - 16px));
+}
+}
 
 
 .note-menubar {
@@ -6939,7 +7150,7 @@ button[data-v-1890cd31] {
    根容器
    ============================================================ */
 .deepsky-note {
-&[data-v-51568d02]{
+&[data-v-5cfc2fb9]{
     display: flex;
     flex-flow: column nowrap;
     width: 100vw;
@@ -6953,7 +7164,7 @@ button[data-v-1890cd31] {
 
     /* 主题环境光层 —— 用 selection-bg 在四角投射极淡的晕光，随主题变色 */
 }
-.deepsky-note-bg[data-v-51568d02] {
+.deepsky-note-bg[data-v-5cfc2fb9] {
         position: absolute;
         inset: 0;
         pointer-events: none;
@@ -6964,7 +7175,7 @@ button[data-v-1890cd31] {
         height: 100%;
         transform: translateZ(0);
 }
-&[data-v-51568d02]::before {
+&[data-v-5cfc2fb9]::before {
         content: "";
         position: absolute;
         inset: 0;
@@ -6978,7 +7189,7 @@ button[data-v-1890cd31] {
    编辑区布局（flex:1 自动消耗剩余高度，不依赖 calc）
    ============================================================ */
 .deepsky-ui-box {
-&[data-v-51568d02]{
+&[data-v-5cfc2fb9]{
     box-sizing: border-box;
     display: flex;
     flex-flow: row nowrap;
@@ -6988,7 +7199,7 @@ button[data-v-1890cd31] {
     z-index: 1;
 }
 .note-box {
-&[data-v-51568d02]{
+&[data-v-5cfc2fb9]{
         display: flex;
         flex-flow: column nowrap;
         box-sizing: border-box;
@@ -6996,7 +7207,7 @@ button[data-v-1890cd31] {
         min-width: 0;
         overflow: scroll;
 }
-.note[data-v-51568d02] {
+.note[data-v-5cfc2fb9] {
             flex: 1;
 }
 }
@@ -7007,7 +7218,7 @@ button[data-v-1890cd31] {
    ============================================================ */
 @media (prefers-color-scheme: dark) {
 .deepsky-note {
-.deepsky-note-bg[data-v-51568d02] {
+.deepsky-note-bg[data-v-5cfc2fb9] {
             background: var(--background);
 }
 }