.mobile-view-container { display: none; }

            :root { --sidebar-width: 280px; }

            .desktop-container {
                display: flex;
                height: calc(100vh - env(safe-area-inset-top, 0px));
                height: calc(100dvh - env(safe-area-inset-top, 0px));
                background-color: #fff;
                overflow: hidden;
            }

            /* 侧边栏 */
            .sidebar {
                width: 280px;
                background-color: #f8f9fb;
                height: 100%;
                display: flex;
                flex-direction: column;
                padding: 16px 16px 20px;
                flex-shrink: 0;
                border-right: 1px solid #eeeff1;
                position: relative;
            }

            .logo-area {
                display: flex;
                align-items: center;
                gap: 10px;
                padding-bottom: 20px;
            }

            .logo-icon {
                width: 28px;
                height: 28px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 16px;
            }

            .logo-text {
                font-size: 16px;
                font-weight: 500;
                color: #1f2329;
                letter-spacing: 0.5px;
            }

            .breadcrumb-trail {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
            }

            .breadcrumb-trail .breadcrumb-sep {
                display: flex;
                align-items: center;
                color: #bbc0c5;
                margin: 0 2px;
                font-size: 12px;
                flex-shrink: 0;
            }

            .breadcrumb-trail .breadcrumb-item {
                padding: 2px 4px;
                border-radius: 4px;
                cursor: pointer;
                color: #646a73;
                font-size: 23px;
                white-space: nowrap;
            }
            .breadcrumb-trail .breadcrumb-item:hover {
                background-color: #f2f3f5;
                color: #1f2329;
            }
            .breadcrumb-trail .breadcrumb-item.current:hover {
                background-color: transparent;
            }

            .breadcrumb-trail .breadcrumb-item.current {
                color: #1f2329;
                font-weight: 500;
                cursor: default;
            }

            .search-container {
                position: relative;
                margin: 8px 0 12px;
            }

            .search-container input {
                width: 100%;
                height: 36px;
                padding: 0 12px 0 36px;
                border: none;
                border-radius: 4px;
                background-color: #ffffff;
                font-size: 14px;
                outline: none;
                cursor: text;
            }

            .search-container input::placeholder {
                color: #8f959e;
            }

            .search-container i,
            .search-container .svg-icon {
                position: absolute;
                left: 12px;
                top: 50%;
                transform: translateY(-50%);
                color: #8f959e;
                font-size: 14px;
            }

            /* ===== 搜索框下方快捷入口（回收站/收藏/置顶） ===== */
            .sidebar-shortcuts {
                display: flex;
                margin: 0 0 2px;
                height: 36px;
                border-radius: 6px;
                overflow: hidden;
            }
            .sidebar-shortcut-btn {
                flex: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                color: #646a73;
                border-radius: 6px;
                position: relative;
                transition: background-color 0.15s, color 0.15s;
            }
            .sidebar-shortcut-btn:hover {
                background-color: #ffffff;
                color: #1f2329;
            }
            .sidebar-shortcut-btn.active {
                background-color: #ffffff;
                color: var(--primary);
            }
            .sidebar-shortcut-btn:not(:last-child)::after {
                content: '';
                position: absolute;
                right: 0;
                top: 6px;
                bottom: 6px;
                width: 1px;
                background-color: #e5e6eb;
            }
            .sidebar-shortcut-separator {
                width: 1px;
                background-color: #e5e6eb;
                margin: 6px 0;
                flex-shrink: 0;
            }
            .sidebar-shortcut-btn .svg-icon {
                width: 18px;
                height: 18px;
                fill: none;
                stroke: currentColor;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
            }
            .sidebar-shortcut-btn .svg-icon.svg-icon-fill {
                fill: currentColor;
                stroke: none;
            }

            .folder-tree {
                flex: 1;
                margin-top: 8px;
                overflow-y: auto;
                overflow-x: hidden;
            }

            .folder-item {
                display: flex;
                align-items: center;
                padding: 5px 12px;
                border-radius: 6px;
                cursor: pointer;
                color: #1f2329;
                font-size: 14px;
                margin-bottom: 0;
                user-select: none;
            }

            .folder-item:hover:not(.active) {
                background-color: #f0f1f3;
            }

            .folder-item.active {
                background-color: #e4eeff;
                color: var(--primary);
            }

            .folder-item .icon {
                display: flex;
                justify-content: center;
                margin-right: 8px;
                width: 18px;
                height: 18px;
            }

            .folder-item .arrow {
                width: 18px;
                height: 18px;
                margin-right: 4px;
                color: #646a73;
                transition: transform 0.15s ease;
            }
            .folder-item .arrow.arrow-down {
                transform: rotate(90deg);
            }
            /* 无子文件夹时仍保留占位空间，但隐藏箭头本身 */
            .folder-item .arrow.arrow-empty {
                visibility: hidden;
            }

            .folder-item .icon-main {
                color: #646a73;
            }

            .folder-item.active .icon-main {
                color: var(--primary);
            }

            .tree-children {
                display: none;
            }

            .tree-children.expanded {
                display: block;
            }

            /* ===== 文件夹悬浮操作按钮 ===== */
            .folder-item-hover-btn {
                visibility: hidden;
                align-items: center;
                justify-content: center;
                width: 24px;
                height: 24px;
                margin-left: auto;
                flex-shrink: 0;
                border: none;
                border-radius: 4px;
                background: transparent;
                color: #646a73;
                cursor: pointer;
                font-size: 14px;
                transition: background-color 0.15s;
                padding: 0;
            }
            .folder-item-hover-btn:hover {
                background-color: #e3e5e8;
                color: #1f2329;
            }
            .folder-item-hover-btn svg.svg-icon {
                width: 14px;
                height: 14px;
            }
            /* 一级文件夹 hover 显示 + 按钮，二级文件夹 hover 显示更多按钮 */
            .folder-item:not(.sub-item):hover > .folder-item-hover-btn,
            .sub-item:hover > .folder-item-hover-btn {
                visibility: visible;
            }

            /* ===== 右键上下文菜单（对齐飞书 Universe Design ud__menu） ===== */
            .context-menu {
                position: fixed;
                z-index: 2000;
                background: #ffffff;
                border-radius: 6px;                 /* Radius-S */
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.04); /* shadow-M-down */
                padding: 8px 0;                     /* 上下间距 8px */
                min-width: 160px;
                max-width: 420px;
                display: none;
                opacity: 0;
                transform: scale(0.96);
                transform-origin: top center;
                transition: opacity 0.15s ease, transform 0.15s ease;
            }
            .context-menu.show {
                opacity: 1;
                transform: scale(1);
            }
            .context-menu-item {
                display: flex;
                align-items: center;
                gap: 8px;
                height: 32px;                       /* 单行 24 + padding 4*2 */
                padding: 4px 12px;
                margin: 0 4px;                      /* hover 背景不贴容器边缘 */
                border-radius: 4px;
                font-size: 14px;
                color: #1f2329;
                cursor: pointer;
                transition: background-color 0.1s;
                white-space: nowrap;
                box-sizing: border-box;
            }
            .context-menu-item:hover {
                background-color: #f2f3f5;
            }
            .context-menu-item.danger {
                color: #f54a45;
            }
            .context-menu-item.danger:hover {
                background-color: #fef0ef;
            }
            /* 菜单项图标：16px、Lucide outline 风格 */
            .context-menu-item .menu-item-icon {
                display: inline-flex;
                width: 16px;
                height: 16px;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
            }
            .context-menu-item .menu-item-icon .svg-icon {
                width: 16px;
                height: 16px;
                fill: none;
                stroke: currentColor;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
            }
            /* 实心图标（如已收藏的星）覆盖为 fill 风格 */
            .context-menu-item .menu-item-icon .svg-icon.svg-icon-fill {
                fill: currentColor;
                stroke: none;
            }
            .context-menu-divider {
                height: 1px;
                background-color: #eaebec;
                margin: 4px 8px;
            }

            .create-folder {
                display: flex;
                align-items: center;
                padding: 12px;
                color: #646a73;
                font-size: 14px;
                cursor: pointer;
                margin-top: 8px;
            }

            .create-folder:hover {
                background-color: #f0f1f3;
                border-radius: 6px;
            }

            .create-folder .svg-icon {
                width: 18px;
                height: 18px;
                margin-right: 10px;
            }

            /* ===== 侧边栏拖拽分割线 ===== */
            .wiki-flexible-line-v2 {
                width: 4px;
                cursor: col-resize;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                z-index: 10;
            }
            .wiki-flexible-line-v2::after {
                content: '';
                position: absolute;
                top: 0; bottom: 0;
                left: 50%;
                width: 1px;
                transform: translateX(-50%);
                transition: background-color 0.15s;
            }
            .wiki-flexible-line-v2:hover::after,
            .wiki-flexible-line-v2.dragging::after {
                background-color: var(--primary);
            }
            .wiki-flexible-line-v2.hide-border::after {
                background-color: transparent;
            }
            .wiki-flexible-line-v2.hide-border:hover::after {
                background-color: var(--primary);
            }

            /* 主内容区域 */
            .main-content {
                flex: 1;
                background-color: #ffffff;
                height: 100%;
                display: flex;
                flex-direction: column;
                padding: 0 40px;
                overflow: hidden;
            }

            /* 顶部标题栏 */
            .top-header {
                flex-shrink: 0;
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 20px 0 16px;
            }

            .user-info {
                display: flex;
                align-items: center;
                gap: 12px;
                cursor: pointer;
            }

            .user-text {
                text-align: right;
                line-height: 1.4;
            }

            .user-text .name {
                font-size: 14px;
                font-weight: 500;
            }

            .user-text .role {
                font-size: 12px;
                color: #646a73;
            }

            .user-avatar {
                width: 36px;
                height: 36px;
                border-radius: 50%;
                background: linear-gradient(135deg, #a68bff, #d08aff);
                display: flex;
                align-items: center;
                justify-content: center;
                color: white;
                font-size: 14px;
                font-weight: 500;
            }

            .user-avatar img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
                object-fit: cover;
            }

            /* 操作按钮 */
            .action-bar {
                flex-shrink: 0;
                display: flex;
                gap: 16px;
                margin-bottom: 24px;
            }

            .action-button {
                flex: 1;
                border: 1px solid #eaebec;
                border-radius: 8px;
                padding: 16px 20px;
                display: flex;
                align-items: center;
                gap: 16px;
                cursor: pointer;
                transition: all 0.2s;
                position: relative;
                background: #ffffff;
            }

            .action-button.dropdown-upload.dropdown-open,
            .action-button.dropdown-new.dropdown-open {
                background-color: #f2f3f5;
                box-shadow: 0 2px 8px rgba(0,0,0,0.04);
            }

            .action-button .btn-icon {
                width: 32px;
                height: 32px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 6px;
                font-size: 18px;
                flex-shrink: 0;
            }

            .action-button .btn-icon.blue   { background-color: #e8f0fe; color: var(--primary); }
            .action-button .btn-icon.orange { background-color: #fff3e8; color: #f57c00; }
            .action-button .btn-icon.purple { background-color: #f0eefe; color: #7b5aff; }
            .action-button .btn-icon.green  { background-color: #e8f5e9; color: #16a34a; }

            .action-button .btn-text {
                display: flex;
                flex-direction: column;
            }

            .action-button .btn-text .title {
                font-size: 14px;
                font-weight: 500;
                color: #1f2329;
            }

            .action-button .btn-text .desc {
                font-size: 12px;
                color: #8f959e;
                margin-top: 2px;
            }

            .action-button > svg.svg-icon {
                margin-left: auto;
                color: #8f959e;
                font-size: 12px;
                transition: transform 0.2s;
            }

            .dropdown-open > svg.svg-icon {
                transform: rotate(180deg);
            }

            /* 悬浮下拉菜单 */
            .dropdown-content {
                position: absolute;
                top: 100%;
                left: -1px;
                right: -1px;
                background: #ffffff;
                border-radius: 8px;
                border: 1px solid #eaebec;
                box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
                display: none;
                flex-direction: column;
                padding: 8px 4px;
                z-index: 100;
            }

            .dropdown-upload.dropdown-open .dropdown-content,
            .dropdown-new.dropdown-open .dropdown-content {
                display: flex;
            }

            .dropdown-item {
                display: flex;
                align-items: center;
                padding: 10px 20px;
                border-radius: 6px;
                font-size: 14px;
                color: #1f2329;
                transition: background-color 0.1s;
                cursor: pointer;
                text-decoration: none;
            }

            .dropdown-item:hover {
                background-color: #f2f3f5;
            }

            .dropdown-item i,
            .dropdown-item .dropdown-icon {
                width: 32px;
                height: 32px;
                margin-right: 16px;
                flex-shrink: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 6px;
            }
            .dropdown-item .dropdown-icon svg.svg-icon {
                width: 18px;
                height: 18px;
                margin-right: 0;
            }

            /* 视图控制栏 */
            .view-controls {
                display: flex;
                align-items: center;
                gap: 12px;
                padding: 4px 0;
                margin-bottom: 0;
            }

            .view-icons {
                display: flex;
                gap: 2px;
                background-color: #f2f3f5;
                border-radius: 4px;
                padding: 2px;
            }

            .view-icons .icon-btn {
                width: 28px;
                height: 28px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 4px;
                cursor: pointer;
                color: #646a73;
                font-size: 14px;
            }

            .view-icons .icon-btn.active {
                background-color: #ffffff;
                color: var(--primary);
                box-shadow: 0 1px 2px rgba(0,0,0,0.08);
            }

            .view-settings {
                display: flex;
                align-items: center;
                gap: 4px;
                color: #646a73;
                font-size: 14px;
                cursor: pointer;
            }

            .view-settings i {
                font-size: 12px;
            }

            /* 文件列表 */
            .file-list {
                flex: 1;
                min-height: 0;
                overflow-y: auto;
                display: flex;
                flex-direction: column;
                width: 100%;
            }

            .file-header, .file-row {
                display: flex;
                align-items: center;
                padding: 10px 0;
            }

            .file-header {
                position: sticky;
                top: 0;
                z-index: 5;
                background: #fff;
                border-bottom: 1px solid #eaebec;
                color: #646a73;
                font-size: 12px;
                font-weight: 400;
                margin-bottom: 4px;
                padding: 6px 0;
            }

            .file-row {
                cursor: pointer;
                border-bottom: 1px solid #f3f4f6;
            }

            .file-row:hover {
                background-color: #f8f9fb;
            }

            .col-name {
                flex: 1;
                display: flex;
                align-items: center;
                gap: 12px;
                padding-right: 16px;
            }

            .col-date {
                width: 160px;
                text-align: left;
                color: #646a73;
                font-size: 13px;
            }

            .col-header-date {
                width: 160px;
                text-align: left;
                display: flex;
                align-items: center;
                gap: 4px;
                cursor: pointer;
            }

            .col-header-date svg.svg-icon {
                font-size: 10px;
            }

            .col-actions {
                width: 40px;
                display: flex;
                justify-content: flex-end;
            }

            .col-header-title {
                display: flex;
                align-items: center;
                gap: 4px;
                cursor: pointer;
            }

            .col-header-title svg.svg-icon {
                font-size: 10px;
            }

            .file-icon {
                color: var(--primary);
                font-size: 16px;
            }

            .file-name {
                font-size: 14px;
                color: #1f2329;
            }

            .file-row .col-date {
                font-size: 13px;
            }

            .file-options-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 28px;
                height: 28px;
                padding: 0;
                margin: 0;
                border: 0;
                outline: 0;
                background: transparent;
                box-shadow: none;
                color: var(--text-3);
                cursor: pointer;
                font-size: 18px;
                -webkit-appearance: none;
                appearance: none;
                -webkit-tap-highlight-color: transparent;
            }

            .file-options-btn:hover,
            .file-options-btn:active,
            .file-options-btn:focus,
            .file-options-btn:focus-visible {
                background: transparent;
                outline: 0;
                border: 0;
                box-shadow: none;
            }

            /* 回收站行操作按钮 */
            .trash-restore-btn,
            .trash-delete-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 28px;
                height: 28px;
                padding: 0;
                border: none;
                border-radius: 6px;
                background: transparent;
                color: #646a73;
                cursor: pointer;
                font-size: 16px;
                outline: none;
            }
            .trash-restore-btn:hover {
                background-color: #eaebec;
                color: var(--primary);
            }
            .trash-delete-btn:hover {
                background-color: #eaebec;
                color: #f54a45;
            }

            /* 滚动条 */
            ::-webkit-scrollbar {
                width: 6px;
                height: 6px;
            }
            ::-webkit-scrollbar-thumb {
                background: #d0d2d5;
                border-radius: 3px;
            }
            ::-webkit-scrollbar-track {
                background: transparent;
            }

            /* 桌面端灵感簿卡片行：四列布局（标签|标题|内容|出处）+ 操作 */
            .note-row {
                display: flex; align-items: center; min-height: 60px;
                padding: 10px 0; border-bottom: 1px solid #eaebec;
                cursor: pointer; font-size: 14px; color: #1f2329;
            }
            .note-row:hover { background-color: #f8f9fb; }
            .note-col-tag    { width: 64px; flex-shrink: 0; padding-right: 4px; color: #646a73; font-size: 13px; }
            .note-col-title  { width: 90px; flex-shrink: 0; padding-right: 12px; color: #646a73; font-size: 13px; }
            .note-col-content{ flex: 1; min-width: 0; padding-right: 12px; }
            .note-col-source { width: 120px; flex-shrink: 0; padding-right: 0; color: #646a73; font-size: 13px; }
            .note-col-pin    { width: 36px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
            .note-pin-btn {
                width: 28px; height: 28px;
                border: none; background: transparent;
                color: #bbb; cursor: pointer;
                border-radius: 6px;
                display: flex; align-items: center; justify-content: center;
                padding: 0; transition: color 0.2s, background 0.2s;
            }
            .note-pin-btn:hover { color: var(--primary); background: rgba(51,112,255,0.12); }
            .note-pin-btn.is-active { color: var(--primary); }
            .note-pin-btn .svg-icon { width: 16px; height: 16px; }
            .note-header {
                position: sticky;
                top: 0;
                z-index: 5;
                background: #fff;
                display: flex; align-items: center;
                padding: 6px 0; border-bottom: 1px solid #eaebec;
                color: #646a73; font-size: 12px; font-weight: 400; margin-bottom: 4px;
            }
            .note-header > div { font-size: inherit; color: inherit; font-weight: inherit; }

            /* ===== 日记本表格：四列（记录日 | 标题 | 心情 | 日记） ===== */
            .diary-row {
                display: flex; align-items: center; min-height: 56px;
                padding: 10px 0; border-bottom: 1px solid #eaebec;
                cursor: pointer; font-size: 14px; color: #1f2329;
            }
            .diary-row:hover { background-color: #f8f9fb; }
            .diary-col-date    { width: 110px; flex-shrink: 0; padding-right: 12px; color: #646a73; font-size: 13px; }
            .diary-col-title   { width: 180px; flex-shrink: 0; padding-right: 12px; color: #1f2329; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
            .diary-col-mood    { width: 50px; flex-shrink: 0; padding-right: 12px; }
            .diary-col-content { flex: 1; min-width: 0; padding-right: 0; color: #1f2329; }

            /* 心情标签（列表展示） */
            .mood-tag {
                display: inline-flex; align-items: center; justify-content: center;
                padding: 2px 8px; border-radius: 4px; font-size: 12px; line-height: 18px;
            }

            /* ===== 待办表表格：五列（项目名 | 类别 | 状态 | 开始日 | 结束日） ===== */
            .todo-row {
                display: flex; align-items: center; min-height: 56px;
                padding: 10px 0; border-bottom: 1px solid #eaebec;
                cursor: pointer; font-size: 14px; color: #1f2329;
            }
            .todo-row:hover { background-color: #f8f9fb; }
            .todo-col-check { width: 40px; flex-shrink: 0; padding-right: 8px; display: flex; align-items: center; }
            .todo-col-name   { flex: 1; min-width: 0; padding-right: 12px; color: #1f2329; font-size: 13px; }
            .todo-col-cat    { width: 60px; flex-shrink: 0; padding-right: 12px; font-size: 13px; }
            .todo-col-status { width: 100px; flex-shrink: 0; padding-right: 12px; font-size: 13px; }
            .todo-col-start  { width: 60px; flex-shrink: 0; padding-right: 12px; color: #646a73; font-size: 13px; }
            .todo-col-end    { width: 60px; flex-shrink: 0; padding-right: 0; color: #646a73; font-size: 13px; }
            .music-col-icon   { width: 32px; flex-shrink: 0; display: flex; align-items: center; }
            .music-col-name   { flex: 1; min-width: 0; padding-right: 12px; }
            .music-col-tags   { flex: 1; min-width: 0; padding-right: 12px; color: #646a73; font-size: 13px; }
            .music-col-lyrics { width: 64px; flex-shrink: 0; padding-right: 12px; color: #646a73; font-size: 13px; }
            .music-col-actions { width: 40px; flex-shrink: 0; }
            /* 音乐表行（桌面端，与 diary-row / todo-row 一致） */
            .music-row {
                display: flex; align-items: center; min-height: 44px;
                padding: 8px 0; border-bottom: 1px solid #eaebec;
                cursor: pointer; font-size: 14px; color: #1f2329;
            }
            .music-row:hover { background-color: #f8f9fb; }
            .music-row--active { background-color: #f8f9fb; }
            .music-row--active .music-col-name { color: var(--primary); }
            /* 播放指示声波动画 */
            .music-panel__active-indicator {
              display: none; align-items: flex-end; justify-content: center;
              height: 18px; width: 100%; gap: 2px; flex-shrink: 0;
            }
            .music-row--active .music-col-icon .music-panel__active-indicator { display: flex; }
            .music-row--active .music-col-icon i { display: none; }
            .music-panel__bar {
              width: 3px; background: var(--primary); border-radius: 2px;
              animation: musicSoundWave 1s infinite alternate;
            }
            .music-panel__bar:nth-child(1) { height: 60%; animation-delay: 0s; }
            .music-panel__bar:nth-child(2) { height: 100%; animation-delay: 0.2s; }
            .music-panel__bar:nth-child(3) { height: 80%; animation-delay: 0.4s; }
            .music-panel__bar:nth-child(4) { height: 40%; animation-delay: 0.6s; }
            @keyframes musicSoundWave {
              0% { transform: scaleY(0.4); }
              100% { transform: scaleY(1); }
            }
            /* 音乐分段控制器（Reference / Project Tab 切换） — 桌面端面包屑行内 */
            .music-panel__tabs-wrapper--breadcrumb {
              display: inline-flex;
              align-items: center;
              margin-left: 12px;
              vertical-align: middle;
            }
            .music-panel__tabs-wrapper--breadcrumb .music-panel__tabs {
              display: flex;
              background: #f2f3f5;
              border-radius: 6px;
              padding: 3px;
              gap: 2px;
            }
            .music-panel__tabs-wrapper--breadcrumb .music-panel__tab {
              display: flex;
              align-items: center;
              gap: 4px;
              padding: 5px 12px;
              border-radius: 5px;
              border: none;
              background: transparent;
              font-size: 13px;
              font-weight: 500;
              color: #8f959e;
              cursor: pointer;
              transition: all 0.2s;
            }
            .music-panel__tabs-wrapper--breadcrumb .music-panel__tab:hover { color: #646a73; }
            .music-panel__tabs-wrapper--breadcrumb .music-panel__tab--active {
              background: #fff;
              color: #1f2329;
              box-shadow: 0 1px 3px rgba(0,0,0,0.08);
            }
            .music-panel__tabs-wrapper--breadcrumb .music-panel__tab-count {
              font-size: 11px;
              font-weight: 400;
              color: #bbb;
            }
            .music-panel__tabs-wrapper--breadcrumb .music-panel__tab--active .music-panel__tab-count {
              color: #8f959e;
            }
            .todo-row.is-done .todo-col-name { color: #c9cdd4; }
            .todo-row.is-done .todo-col-start,
            .todo-row.is-done .todo-col-end { color: #c9cdd4; }
            .todo-row.is-done .todo-cat { background: #eff0f2; color: #bbbfc4; }

            /* 拖拽移动文件（桌面端） */
            .file-row.dragging { opacity: 0.4; }
            .folder-item.dragging { opacity: 0.4; }
            .folder-item.drag-over {
                background: #e8f0fe;
                outline: 2px dashed var(--primary);
                outline-offset: -2px;
                border-radius: 6px;
            }

            /* ===== 收藏节点（#navFavBtn，样式复刻 .folder-item） ===== */
            .star-fav-item {
                display: flex;
                align-items: center;
                padding: 8px 12px;
                border-radius: 6px;
                cursor: pointer;
                font-size: 14px;
                user-select: none;
                margin-top: 2px;
                margin-bottom: 2px;
            }
            .star-fav-item:hover:not(.active) { background-color: #f0f1f3; }
            .star-fav-item.active { background-color: #e4eeff; color: var(--primary); }
            .star-fav-item.active .icon-main { color: #FFC60A; }
            .star-fav-item .icon {
                display: flex; justify-content: center; margin-right: 8px;
                width: 18px; height: 18px;
            }
            .star-fav-item .icon-main { color: #646a73; }
            .star-fav-item .svg-icon { width: 18px; height: 18px; }
            .star-fav-item.drag-over {
                background: #fff3cd;
                outline: 2px dashed #FFC60A;
                outline-offset: -2px;
                border-radius: 6px;
            }

            /* ===== 侧边栏快捷按钮 hover 弹出层（JS 创建在 body 上） ===== */
            .sidebar-shortcut-dropdown {
                position: fixed;
                background: #fff;
                border: 1px solid #e5e6eb;
                border-radius: 8px;
                box-shadow: 0 4px 16px rgba(0,0,0,0.1);
                z-index: 9999;
                min-width: 120px;
                padding: 4px;
                display: flex;
                flex-direction: column;
            }
            .sidebar-shortcut-dropdown .dropdown-item {
                padding: 8px 12px;
                border-radius: 6px;
                cursor: pointer;
                font-size: 13px;
                color: #1f2329;
                white-space: nowrap;
            }
            .sidebar-shortcut-dropdown .dropdown-item:hover { background-color: #f2f3f5; }