| 1 |
- .app-layout[data-v-f6d6aa0c]{flex-direction:row;min-height:100vh;display:flex}.app-sider[data-v-f6d6aa0c]{border-right:1px solid var(--theme-border);z-index:100;flex-shrink:0;height:100vh;position:sticky;top:0;overflow:hidden}.app-sider[data-v-f6d6aa0c] .ant-layout-sider-children,.sider-inner[data-v-f6d6aa0c]{flex-direction:column;height:100%;display:flex;overflow:hidden}.sider-logo[data-v-f6d6aa0c]{border-bottom:1px solid var(--theme-border);flex-shrink:0;align-items:center;gap:10px;height:56px;padding:0 16px;transition:padding .2s cubic-bezier(.645,.045,.355,1);display:flex;overflow:hidden}.sider-logo-collapsed[data-v-f6d6aa0c]{justify-content:center;padding:0}.logo-icon-wrapper[data-v-f6d6aa0c]{background:linear-gradient(135deg, var(--theme-primary), var(--theme-accent));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:flex}.logo-text[data-v-f6d6aa0c]{color:var(--theme-text);white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.logo-text-fade-enter-active[data-v-f6d6aa0c]{transition:opacity .15s 50ms}.logo-text-fade-leave-active[data-v-f6d6aa0c]{transition:opacity .1s}.logo-text-fade-enter-from[data-v-f6d6aa0c],.logo-text-fade-leave-to[data-v-f6d6aa0c]{opacity:0}.sider-menu-wrapper[data-v-f6d6aa0c]{flex:1;padding:4px 0;overflow:hidden auto}.sider-menu-wrapper[data-v-f6d6aa0c]::-webkit-scrollbar{width:4px}.sider-menu-wrapper[data-v-f6d6aa0c]::-webkit-scrollbar-thumb{background:#00000014;border-radius:2px}.sider-menu[data-v-f6d6aa0c]{border-right:none!important}.sider-footer[data-v-f6d6aa0c]{border-top:1px solid var(--theme-border);cursor:pointer;flex-shrink:0;transition:background .2s}.sider-footer[data-v-f6d6aa0c]:hover{background:#0000000a}.sider-footer-inner[data-v-f6d6aa0c]{align-items:center;gap:10px;height:48px;padding:0 20px;display:flex;overflow:hidden}.sider-logo-collapsed .sider-footer-inner[data-v-f6d6aa0c]{justify-content:center;padding:0}.footer-icon[data-v-f6d6aa0c]{color:var(--theme-text-secondary);min-width:16px;font-size:16px}.footer-text[data-v-f6d6aa0c]{color:var(--theme-text-secondary);white-space:nowrap;font-size:13px}.app-main[data-v-f6d6aa0c]{background:var(--theme-surface);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.app-main-mobile[data-v-f6d6aa0c]{margin-left:0!important}.app-header[data-v-f6d6aa0c]{background:var(--theme-header-background);border-bottom:1px solid var(--theme-border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.header-left[data-v-f6d6aa0c]{align-items:center;gap:8px;min-width:0;display:flex}.trigger-btn[data-v-f6d6aa0c]{border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.breadcrumb-wrapper[data-v-f6d6aa0c]{align-items:center;min-width:0;display:flex}.page-title[data-v-f6d6aa0c]{color:var(--theme-text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.header-right[data-v-f6d6aa0c]{flex-shrink:0}.theme-toggle-btn[data-v-f6d6aa0c]{justify-content:center;align-items:center;transition:transform .2s;display:flex}.theme-toggle-btn[data-v-f6d6aa0c]:hover{transform:rotate(15deg)}.user-info[data-v-f6d6aa0c]{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;transition:background .2s;display:flex}.user-info[data-v-f6d6aa0c]:hover{background:#0000000a}.user-name[data-v-f6d6aa0c]{color:var(--theme-text);font-size:14px;font-weight:500}.app-content[data-v-f6d6aa0c]{flex:1;min-height:0;padding:20px;overflow:auto}.drawer-header[data-v-f6d6aa0c]{border-bottom:1px solid var(--theme-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.drawer-logo[data-v-f6d6aa0c]{align-items:center;gap:10px;display:flex}.drawer-close[data-v-f6d6aa0c]{color:var(--theme-text-secondary)}.drawer-menu[data-v-f6d6aa0c]{border-right:none!important}.mobile-drawer[data-v-f6d6aa0c] .ant-drawer-body{padding:0!important}.mobile-drawer[data-v-f6d6aa0c] .ant-drawer-header{border-bottom:none!important;padding:0!important}@media (width<=768px){.app-header[data-v-f6d6aa0c]{height:48px;padding:0 12px}.page-title[data-v-f6d6aa0c]{font-size:14px}.app-content[data-v-f6d6aa0c]{padding:12px}}
|
