.toast-container[data-v-b0e37d0b]{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-index-toast);display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast[data-v-b0e37d0b]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-dark);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:240px;max-width:360px;animation:slideUp var(--transition-slow) ease}.toast.success[data-v-b0e37d0b]{background-color:var(--color-success)}.toast.error[data-v-b0e37d0b]{background-color:var(--color-error)}.toast.warning[data-v-b0e37d0b]{background-color:var(--color-warning)}.toast.info[data-v-b0e37d0b]{background-color:var(--color-info)}.toast-icon[data-v-b0e37d0b]{font-size:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message[data-v-b0e37d0b]{flex:1;font-size:14px;line-height:1.5;word-break:break-word}.toast-close[data-v-b0e37d0b]{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:0;width:28px;height:28px;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-normal);flex-shrink:0}.toast-close[data-v-b0e37d0b]:hover{background-color:#fff3}.toast-close[data-v-b0e37d0b]:focus-visible{outline:2px solid white;outline-offset:2px}.toast-list-enter-active[data-v-b0e37d0b],.toast-list-leave-active[data-v-b0e37d0b]{transition:all var(--transition-slow) ease}.toast-list-enter-from[data-v-b0e37d0b],.toast-list-leave-to[data-v-b0e37d0b]{opacity:0;transform:translate(100%)}.fade-enter-active,.fade-leave-active{transition:all .4s ease}.fade-enter-from{opacity:0;transform:translateY(20px)}.fade-leave-to{opacity:0;transform:translateY(-20px)}.dialog-overlay[data-v-de966b2d]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9998;padding:20px}.dialog-overlay-enter-active[data-v-de966b2d],.dialog-overlay-leave-active[data-v-de966b2d]{transition:opacity var(--transition-slow) ease}.dialog-overlay-enter-from[data-v-de966b2d],.dialog-overlay-leave-to[data-v-de966b2d]{opacity:0}.dialog[data-v-de966b2d]{background-color:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:90vh;display:flex;flex-direction:column;animation:scaleIn var(--transition-slow) ease}.dialog-content-enter-active[data-v-de966b2d],.dialog-content-leave-active[data-v-de966b2d]{transition:all var(--transition-slow) ease}.dialog-content-enter-from[data-v-de966b2d],.dialog-content-leave-to[data-v-de966b2d]{opacity:0;transform:scale(.9) translateY(20px)}.dialog-header[data-v-de966b2d]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);flex-shrink:0}.dialog-title[data-v-de966b2d]{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary)}.dialog-close[data-v-de966b2d]{background:none;border:none;font-size:18px;color:var(--color-text-secondary);cursor:pointer;width:36px;height:36px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-normal);padding:0;line-height:1}.dialog-close[data-v-de966b2d]:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.dialog-close[data-v-de966b2d]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dialog-body[data-v-de966b2d]{padding:var(--spacing-xl);overflow-y:auto;flex:1}.dialog-footer[data-v-de966b2d]{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);flex-shrink:0}.dialog-btn[data-v-de966b2d]{padding:10px 20px;border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);min-height:40px;min-width:80px}.dialog-btn[data-v-de966b2d]:active{transform:scale(.98)}.dialog-btn[data-v-de966b2d]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dialog-btn-cancel[data-v-de966b2d]{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.dialog-btn-cancel[data-v-de966b2d]:hover{background-color:var(--color-border)}.dialog-btn-confirm[data-v-de966b2d]{background-color:var(--color-primary);color:#fff}.dialog-btn-confirm[data-v-de966b2d]:hover{background-color:var(--color-primary-hover)}.wechat-login[data-v-84203664]{padding:2rem;max-width:400px;margin:0 auto}.login-header[data-v-84203664],.qr-container[data-v-84203664]{text-align:center}.qr-header[data-v-84203664]{margin-bottom:2rem}.qr-code[data-v-84203664]{width:200px;height:200px;margin:0 auto 2rem;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-primary)}.qr-code img[data-v-84203664]{width:180px;height:180px;object-fit:contain}.qr-error[data-v-84203664]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.qr-footer[data-v-84203664]{display:flex;justify-content:center;margin-top:2rem}@media (max-width: 768px){.wechat-login[data-v-84203664]{padding:1rem}.qr-code[data-v-84203664]{width:180px;height:180px}.qr-code img[data-v-84203664]{width:160px;height:160px}}.login-methods[data-v-52d7297c]{display:flex;flex-direction:column;gap:2rem}.login-method[data-v-52d7297c]{padding:1.5rem;border-radius:var(--radius-lg);background-color:var(--color-bg-secondary)}@media (max-width: 768px){.login-method[data-v-52d7297c]{padding:1rem}}.user-profile-form[data-v-ab99ee01]{padding:.5rem 0}.avatar-section[data-v-ab99ee01]{display:flex;justify-content:center;margin-bottom:2rem}.avatar-wrapper[data-v-ab99ee01]{position:relative;cursor:pointer;width:80px;height:80px;border-radius:50%;overflow:hidden}.avatar-placeholder[data-v-ab99ee01]{width:80px;height:80px}.avatar-input-hidden[data-v-ab99ee01]{display:none}.avatar-img[data-v-ab99ee01]{width:100%;height:100%;object-fit:cover}.avatar-overlay[data-v-ab99ee01]{position:absolute;inset:0;background-color:#00000080;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity var(--transition-normal) ease}.avatar-wrapper:hover .avatar-overlay[data-v-ab99ee01]{opacity:1}.avatar-overlay span[data-v-ab99ee01]{font-size:.8rem;margin-top:4px}.form-group[data-v-ab99ee01]{margin-bottom:1.5rem}.form-label[data-v-ab99ee01]{font-size:.9rem;color:var(--color-text-primary);margin-bottom:8px;display:block}.button-group[data-v-ab99ee01]{display:flex;justify-content:flex-end;gap:1rem}.main-layout[data-v-e1e011ed]{position:relative;min-height:100vh;width:100%;background-color:var(--color-bg-tertiary);display:flex;overflow:hidden}.drawer[data-v-e1e011ed]{position:fixed;top:0;height:100vh;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);transition:transform .3s ease;z-index:var(--z-index-drawer);overflow-y:auto}.drawer-content[data-v-22686b16][data-v-22686b16][data-v-e1e011ed]{padding:1rem .5rem 0rem}.drawer-left[data-v-e1e011ed]{left:0;width:var(--sidebar-width);transform:translate(0)}.drawer-left[data-v-e1e011ed]:not(.open){transform:translate(-100%)}.drawer-right[data-v-e1e011ed]{right:0;width:var(--sidebar-width);border-right:none;border-left:1px solid var(--color-border);transform:translate(0)}.drawer-right[data-v-e1e011ed]:not(.open){transform:translate(100%)}.drawer h3[data-v-e1e011ed]{font-size:1.1rem;color:var(--color-text-primary);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-primary)}.drawer h4[data-v-e1e011ed]{font-size:1rem;color:var(--color-text-secondary);margin:2rem 0 1rem}.nav-links[data-v-e1e011ed]{list-style:none;padding-left:0}.nav-links li[data-v-e1e011ed]{margin-bottom:.8rem}.nav-links a[data-v-e1e011ed]{color:var(--color-text-tertiary);text-decoration:none;display:flex;align-items:center;padding:.6rem 1rem;border-radius:12px}.nav-links a i[data-v-e1e011ed]{margin-right:.5rem;font-size:1.1rem}.nav-links a[data-v-e1e011ed]:hover,.nav-links a.router-link-active[data-v-e1e011ed]:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-links a.router-link-active[data-v-e1e011ed]{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-weight:700;box-shadow:0 2px 4px #0000001a}.tags[data-v-e1e011ed]{display:flex;flex-wrap:wrap;gap:.5rem}.tag[data-v-e1e011ed]{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);padding:.3rem .8rem;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.tag[data-v-e1e011ed]:hover{background-color:var(--color-primary);color:#fff}.user-info-section[data-v-e1e011ed]{position:absolute;bottom:0;left:0;right:0;padding:1rem;border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.user-info[data-v-e1e011ed]{display:flex;align-items:center;gap:.8rem}.user-details[data-v-e1e011ed]{flex:1;min-width:0}.user-details n-text[data-v-e1e011ed]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.login-prompt[data-v-e1e011ed]{cursor:pointer;transition:all .3s ease}.login-prompt[data-v-e1e011ed]:hover{background-color:var(--color-bg-tertiary);border-radius:12px}.login-prompt:hover .user-details n-text[data-v-e1e011ed]{color:var(--color-primary)}.login-prompt-item[data-v-e1e011ed]:hover,.about-link-item[data-v-e1e011ed]:hover{background-color:var(--color-bg-tertiary)}.news-list[data-v-e1e011ed]{margin-bottom:1rem}.news-item[data-v-e1e011ed]{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.news-item[data-v-e1e011ed]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.news-item h4[data-v-e1e011ed]{font-size:.95rem;color:var(--color-text-primary);margin:0 0 .3rem;cursor:pointer;transition:color .3s ease}.news-item h4[data-v-e1e011ed]:hover{color:var(--color-primary)}.news-item p[data-v-e1e011ed]{font-size:.8rem;color:var(--color-text-muted);margin:0}.designers[data-v-e1e011ed]{display:flex;flex-direction:column;gap:1rem}.designer-item[data-v-e1e011ed]{display:flex;align-items:center;gap:.8rem;padding:.8rem;border-radius:6px;transition:background-color .3s ease}.designer-item[data-v-e1e011ed]:hover{background-color:var(--color-bg-tertiary)}.designer-avatar[data-v-e1e011ed]{width:40px;height:40px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.designer-item span[data-v-e1e011ed]{font-size:.9rem;color:var(--color-text-secondary)}.main-content[data-v-e1e011ed]{flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease,margin-right .3s ease;margin-left:var(--sidebar-width);margin-right:var(--sidebar-width);background-color:var(--color-bg-primary);box-shadow:0 0 10px #0000001a;min-height:0;overflow:hidden}.main-content.drawer-open-left[data-v-e1e011ed]{margin-left:var(--sidebar-width)}.main-content[data-v-e1e011ed]:not(.drawer-open-left){margin-left:0}.main-content.drawer-open-right[data-v-e1e011ed]{margin-right:var(--sidebar-width)}.main-content[data-v-e1e011ed]:not(.drawer-open-right){margin-right:0}.top-controls[data-v-e1e011ed]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#fff;gap:1rem;position:fixed;top:0;height:var(--top-controls-height);z-index:var(--z-index-top-controls);box-sizing:border-box}.top-controls-left[data-v-e1e011ed],.top-controls-right[data-v-e1e011ed]{flex-shrink:0}.top-controls-center[data-v-e1e011ed]{flex:1;display:flex;justify-content:center;align-items:center}.top-toggle[data-v-e1e011ed]{width:36px;height:36px;padding:0;background-color:transparent;color:#666;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:color .3s ease;display:flex;align-items:center;justify-content:center}.toggle-icon[data-v-e1e011ed]{font-size:1.2rem;line-height:1}.top-toggle[data-v-e1e011ed]:hover,.top-toggle.active[data-v-e1e011ed]{color:#333}.login-button[data-v-e1e011ed]{margin-right:8px;transition:all .3s ease}.login-button[data-v-e1e011ed]:hover{background-color:#007bff1a;color:#007bff}.content-area[data-v-e1e011ed]{flex:1;padding:calc(0rem + var(--top-controls-height)) 1rem 0rem;overflow-y:auto;min-height:0}.fade-enter-active[data-v-e1e011ed],.fade-leave-active[data-v-e1e011ed]{transition:all .25s ease}.fade-enter-from[data-v-e1e011ed]{opacity:0;transform:translate(20px)}.fade-leave-to[data-v-e1e011ed]{opacity:0;transform:translate(-20px)}@media (max-width: 1024px){[data-v-e1e011ed]:root{--sidebar-width: 240px}.main-content[data-v-e1e011ed]{margin-left:0;margin-right:0}.top-controls[data-v-e1e011ed]{left:0!important;right:0!important;padding:1rem}.top-toggle[data-v-e1e011ed]{padding:.5rem 1rem;font-size:.85rem}}@media (max-width: 768px){[data-v-e1e011ed]:root{--sidebar-width: 280px}.drawer[data-v-e1e011ed]{width:100%;max-width:var(--sidebar-width)}.content-area[data-v-e1e011ed]{padding:calc(2rem + var(--top-controls-height)) 1.5rem 2rem}.top-controls[data-v-e1e011ed]{flex-wrap:wrap;gap:.5rem}.top-controls-center[data-v-e1e011ed]{width:100%;order:3}.top-toggle[data-v-e1e011ed]{justify-content:center}}@media (max-width: 480px){.content-area[data-v-e1e011ed]{padding:calc(1.5rem + var(--top-controls-height)) 1rem 1.5rem}.drawer-content[data-v-e1e011ed]{padding:1.5rem}.top-controls[data-v-e1e011ed]{padding:.6rem}.top-toggle[data-v-e1e011ed]{padding:.4rem .8rem;font-size:.8rem}.ql-toolbar.ql-snow[data-v-e1e011ed]{font-size:.85rem}.ql-toolbar.ql-snow button[data-v-e1e011ed],.ql-toolbar.ql-snow .ql-picker[data-v-e1e011ed]{padding:4px 6px}}.confirm-content[data-v-f9dcc88c]{text-align:center;padding:10px 0}.confirm-icon-wrapper[data-v-f9dcc88c]{margin-bottom:var(--spacing-lg)}.confirm-icon[data-v-f9dcc88c]{font-size:48px;display:inline-block}.type-warning .confirm-icon[data-v-f9dcc88c]{color:var(--color-warning)}.type-danger .confirm-icon[data-v-f9dcc88c]{color:var(--color-error)}.type-info .confirm-icon[data-v-f9dcc88c]{color:var(--color-info)}.type-success .confirm-icon[data-v-f9dcc88c]{color:var(--color-success)}.confirm-message[data-v-f9dcc88c]{margin:0;font-size:15px;color:var(--color-text-primary);line-height:1.6;word-break:break-word}.note-right-sidebar[data-v-47ff1761]{display:flex;flex-direction:column;height:100%;background-color:var(--color-bg-secondary)}.sidebar-header[data-v-47ff1761]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md)}.tabs-container[data-v-47ff1761]{display:flex;padding:0 var(--spacing-md) var(--spacing-sm);gap:var(--spacing-xs)}.tab-btn[data-v-47ff1761]{flex:1;padding:6px 12px;border:none;border-radius:8px;background-color:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:13px;transition:all var(--transition-normal)}.tab-btn[data-v-47ff1761]:hover{background-color:var(--color-bg-tertiary)}.tab-btn.active[data-v-47ff1761]{background-color:var(--color-primary);color:#fff}.login-prompt[data-v-47ff1761]{padding:var(--spacing-md)}.title-container[data-v-47ff1761]{display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-title[data-v-47ff1761]{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0}.save-status[data-v-47ff1761]{font-size:12px;color:var(--color-text-secondary);display:flex;align-items:center;gap:4px}.save-status.saving[data-v-47ff1761]{color:var(--color-warning)}.save-status.saved[data-v-47ff1761]{color:var(--color-success)}.header-actions[data-v-47ff1761]{display:flex;gap:var(--spacing-xs)}.action-btn[data-v-47ff1761]{width:32px;height:32px;min-width:32px;min-height:32px;border:none;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all var(--transition-normal)}.action-btn[data-v-47ff1761]:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.action-btn.share-btn.shared[data-v-47ff1761]{color:var(--color-primary)}.sidebar-content[data-v-47ff1761]{flex:1;overflow-y:auto}.empty-shared[data-v-47ff1761]{padding:var(--spacing-md);text-align:center}.folder-item[data-v-47ff1761],.note-item[data-v-47ff1761]{margin-bottom:4px;border:2px solid transparent;border-radius:12px;user-select:none}.folder-header[data-v-47ff1761]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:12px;cursor:pointer;transition:background-color var(--transition-normal);min-height:36px}.folder-header[data-v-47ff1761]:hover{background-color:#f0f0f0;color:#333}.folder-toggle-btn[data-v-47ff1761]{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);min-width:28px;min-height:28px;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-normal)}.folder-toggle-btn[data-v-47ff1761]:hover{background-color:var(--color-bg-tertiary)}.folder-icon[data-v-47ff1761]{color:#f59e0b;font-size:16px;transition:transform var(--transition-normal),opacity var(--transition-normal)}.folder-icon.empty[data-v-47ff1761]{opacity:.5;color:#9ca3af}.folder-icon.expanded[data-v-47ff1761]{transform:rotate(90deg)}.folder-name[data-v-47ff1761]{flex:1;font-size:14px;font-weight:500;color:var(--color-text-primary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-name[data-v-47ff1761]{flex:1;font-size:13px;color:var(--color-text-primary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-name-input[data-v-47ff1761],.note-name-input[data-v-47ff1761]{flex:1;font-size:13px;color:var(--color-text-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:2px 4px;outline:none;background-color:var(--color-bg-primary)}.folder-children[data-v-47ff1761]{padding-left:var(--spacing-xl)}.note-item[data-v-47ff1761]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:12px;cursor:pointer;transition:background-color var(--transition-normal),color var(--transition-normal);min-height:36px}.note-item[data-v-47ff1761]:hover{background-color:#f0f0f0;color:#333}.note-item.active[data-v-47ff1761]{background-color:#fff;color:#333;font-weight:700;box-shadow:0 2px 4px #0000001a}.note-icon[data-v-47ff1761]{color:var(--color-text-secondary);font-size:13px}.shared-note-item[data-v-47ff1761]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:12px;cursor:pointer;transition:background-color var(--transition-normal);min-height:36px;margin-bottom:4px}.shared-note-item[data-v-47ff1761]:hover{background-color:#f0f0f0}.shared-note-content[data-v-47ff1761]{flex:1;display:flex;flex-direction:column;gap:2px}.shared-note-title[data-v-47ff1761]{font-size:13px;color:var(--color-text-primary)}.shared-note-author[data-v-47ff1761]{display:flex;align-items:center;gap:4px}.author-name[data-v-47ff1761]{font-size:11px;color:var(--color-text-muted)}.shared-folder-item[data-v-47ff1761]{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;margin-bottom:4px}.shared-folder-header[data-v-47ff1761]{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:12px;cursor:pointer;transition:background-color var(--transition-normal);min-height:36px;gap:var(--spacing-sm)}.shared-folder-header[data-v-47ff1761]:hover{background-color:#f0f0f0}.shared-folder-icon[data-v-47ff1761]{width:16px;height:16px;color:var(--color-text-secondary);transition:transform .2s ease;flex-shrink:0}.shared-folder-icon.expanded[data-v-47ff1761]{transform:rotate(90deg)}.shared-folder-name[data-v-47ff1761]{flex:1;font-size:13px;color:var(--color-text-primary);font-weight:500}.shared-folder-children[data-v-47ff1761]{padding-left:28px;border-left:2px solid #e5e7eb;margin-left:12px;margin-top:4px;margin-bottom:4px}.empty-shared-folder[data-v-47ff1761]{padding:var(--spacing-sm) var(--spacing-md);text-align:center}.item-actions[data-v-47ff1761]{display:flex;gap:var(--spacing-xs);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.folder-header:hover .item-actions[data-v-47ff1761],.note-item:hover .item-actions[data-v-47ff1761],.folder-item:hover .folder-header .item-actions[data-v-47ff1761]{opacity:1;visibility:visible}.item-actions .action-btn[data-v-47ff1761]{width:28px;height:28px;min-width:28px;min-height:28px}.item-actions .action-btn[data-v-47ff1761]:hover{background-color:var(--color-error);color:#fff}.item-actions .action-btn.share-btn[data-v-47ff1761]:hover{background-color:var(--color-primary)}.drag-ghost[data-v-47ff1761]{position:fixed;z-index:9999;display:none;pointer-events:none;background:white;border:none;border-radius:8px;padding:8px 12px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:8px}.ghost-icon[data-v-47ff1761]{color:#6b7280}.ghost-name[data-v-47ff1761]{font-size:13px;color:#111827}.work-right-sidebar[data-v-1ed689f1]{display:flex;flex-direction:column;height:100%;background-color:var(--color-bg-secondary)}.sidebar-header[data-v-1ed689f1]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md)}.title-container[data-v-1ed689f1]{display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-title[data-v-1ed689f1]{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0}.header-actions[data-v-1ed689f1]{display:flex;gap:var(--spacing-xs)}.action-btn[data-v-1ed689f1]{width:32px;height:32px;min-width:32px;min-height:32px;border:none;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all var(--transition-normal)}.action-btn[data-v-1ed689f1]:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.action-btn.delete-btn[data-v-1ed689f1]:hover{background-color:#fca5a533;color:var(--color-error-pressed)}.class-list[data-v-1ed689f1]{display:flex;flex-direction:column;gap:.5rem;padding:0 var(--spacing-md)}.class-item[data-v-1ed689f1]{padding:.8rem 1rem;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-slow);background-color:var(--color-bg-primary);border:1px solid var(--color-border-hover);display:flex;align-items:center;justify-content:space-between}.class-item-content[data-v-1ed689f1]{flex:1}.class-item-actions[data-v-1ed689f1]{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-normal)}.class-item:hover .class-item-actions[data-v-1ed689f1],.class-item.active .class-item-actions[data-v-1ed689f1]{opacity:1}.class-item.active .action-btn[data-v-1ed689f1]{color:#fff}.class-item.active .action-btn[data-v-1ed689f1]:hover{background-color:#fff3;color:#fff}.class-item[data-v-1ed689f1]:hover{background-color:var(--color-bg-tertiary)}.class-item.active[data-v-1ed689f1]{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.class-item.active[data-v-1ed689f1] .n-text{color:#fff}.modal-footer[data-v-1ed689f1]{display:flex;justify-content:flex-end;gap:12px}.modal-footer-right[data-v-1ed689f1]{display:flex;justify-content:flex-end}.modal-content-center[data-v-1ed689f1]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.modal-content-left[data-v-1ed689f1]{text-align:left}.qr-container[data-v-1ed689f1]{display:flex;align-items:center;justify-content:center;margin:1.5rem 0}.qr-image[data-v-1ed689f1]{width:200px;height:200px;border-radius:var(--radius-lg)}.qr-error-container[data-v-1ed689f1]{display:flex;align-items:center;justify-content:center;margin:1.5rem 0;width:200px;height:200px;background-color:#fca5a533;border-radius:var(--radius-lg);flex-direction:column}.qr-error-text[data-v-1ed689f1]{margin-top:.5rem;font-size:.85rem}.qr-retry-btn[data-v-1ed689f1]{margin-top:.5rem}.qr-loading-container[data-v-1ed689f1]{display:flex;align-items:center;justify-content:center;margin:1.5rem 0;width:200px;height:200px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.qr-status-container[data-v-1ed689f1],.qr-expiry-container[data-v-1ed689f1]{margin-top:1rem}.qr-expiry-text[data-v-1ed689f1]{font-size:.85rem}.select-container[data-v-1ed689f1]{margin-top:1rem}.full-width-select[data-v-1ed689f1]{width:100%}.warning-container[data-v-1ed689f1]{margin-top:1.5rem;padding:1rem;background-color:var(--color-warning-bg);border-radius:var(--radius-lg)}.warning-text[data-v-1ed689f1]{color:var(--color-warning-text)}.work-left-sidebar[data-v-fd9a4de6]{padding:1rem .5rem 0rem}.nav-links[data-v-fd9a4de6]{list-style:none;padding-left:0}.nav-links li[data-v-fd9a4de6]{margin-bottom:.8rem}.nav-links a[data-v-fd9a4de6]{color:var(--color-text-tertiary);text-decoration:none;display:flex;align-items:center;padding:.6rem 1rem;border-radius:var(--radius-xl);transition:all var(--transition-normal)}.nav-links a i[data-v-fd9a4de6]{margin-right:.5rem;font-size:1.1rem}.nav-links a[data-v-fd9a4de6]:hover,.nav-links a.router-link-active[data-v-fd9a4de6]:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-links a.router-link-active[data-v-fd9a4de6]{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-weight:700;box-shadow:var(--shadow-sm)}:root{--sidebar-width: 280px;--top-controls-height: 52px;--z-index-drawer: 999;--z-index-top-controls: 100;--z-index-toast: 9999;--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-pressed: #2563eb;--color-primary-suppl: #93c5fd;--color-success: #34d399;--color-success-hover: #10b981;--color-success-pressed: #059669;--color-success-suppl: #6ee7b7;--color-warning: #fcd34d;--color-warning-hover: #fbbf24;--color-warning-pressed: #f59e0b;--color-warning-suppl: #fde68a;--color-error: #fca5a5;--color-error-hover: #f87171;--color-error-pressed: #ef4444;--color-error-suppl: #fecaca;--color-info: #60a5fa;--color-info-hover: #3b82f6;--color-info-pressed: #2563eb;--color-info-suppl: #93c5fd;--color-text-primary: #111827;--color-text-secondary: #374151;--color-text-tertiary: #6b7280;--color-text-muted: #9ca3af;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #f3f4f6;--color-border: #e5e7eb;--color-border-hover: #d1d5db;--color-warning-bg: #fffbeb;--color-warning-text: #92400e;--color-bg-dark: #1f2937;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:14px;font-weight:500;line-height:1;transition:all var(--transition-normal);user-select:none;white-space:nowrap;min-width:44px;min-height:44px}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-primary:active{background-color:var(--color-primary-pressed)}.btn-secondary{background-color:var(--color-bg-primary);color:var(--color-text-primary);border:none}.btn-secondary:hover{background-color:var(--color-bg-tertiary)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover{background-color:var(--color-error-hover)}.btn-danger:active{background-color:var(--color-error-pressed)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover{background-color:var(--color-success-hover)}.btn-success:active{background-color:var(--color-success-pressed)}.btn-warning{background-color:var(--color-warning);color:#fff}.btn-warning:hover{background-color:var(--color-warning-hover)}.btn-warning:active{background-color:var(--color-warning-pressed)}.btn-info{background-color:var(--color-info);color:#fff}.btn-info:hover{background-color:var(--color-info-hover)}.btn-info:active{background-color:var(--color-info-pressed)}.btn-icon{width:36px;height:36px;min-width:36px;min-height:36px;padding:0}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px;min-width:36px;min-height:36px}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:16px}.clickable{cursor:pointer;transition:all var(--transition-normal)}.clickable:hover{background-color:var(--color-bg-tertiary)}.interactive-item{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer}.interactive-item:hover{background-color:var(--color-bg-tertiary)}.interactive-item.active{background-color:#60a5fa1a;color:var(--color-primary-pressed)}input[type=text],input[type=password],input[type=email],textarea,select{font-family:inherit;font-size:14px;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-normal);outline:none;width:100%}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #60a5fa1a}input[type=text]::placeholder,textarea::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-sm);transition:background var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease}.animate-slide-up{animation:slideUp var(--transition-slow) ease}.animate-slide-down{animation:slideDown var(--transition-slow) ease}.animate-scale-in{animation:scaleIn var(--transition-slow) ease}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}img{max-width:100%;height:auto;display:block;background-color:var(--color-bg-tertiary);transition:opacity var(--transition-normal) ease}img.loading{opacity:.5}img.loaded{opacity:1}img.error{background-color:#fca5a533}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.item-actions{display:flex;gap:var(--spacing-xs);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.item-container:hover .item-actions{opacity:1;visibility:visible}.action-btn{width:28px;height:28px;min-width:28px;min-height:28px;border:none;border-radius:var(--radius-sm);background-color:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all var(--transition-normal)}.action-btn:hover{background-color:var(--color-error);color:#fff}.item-container{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-normal),color var(--transition-normal);margin-bottom:4px;min-height:36px;border:2px solid transparent}.item-container:hover{background-color:var(--color-bg-tertiary)}.item-container.active{background-color:#3b82f61a;color:#1e40af}.item-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-normal);min-height:36px}.item-header:hover{background-color:var(--color-bg-tertiary)}.item-header:hover .item-actions{opacity:1;visibility:visible}