:root{--bg: #f7f8fb;--surface: #fff;--line: #e8ebf0;--text: #20242a;--muted: #737b88;--blue: rgb(23, 101, 255);--el-color-primary: rgb(23, 101, 255);--el-color-primary-light-3: color-mix(in srgb, rgb(23, 101, 255), white 30%);--el-color-primary-light-5: color-mix(in srgb, rgb(23, 101, 255), white 50%);--el-color-primary-light-7: color-mix(in srgb, rgb(23, 101, 255), white 70%);--el-color-primary-light-8: color-mix(in srgb, rgb(23, 101, 255), white 80%);--el-color-primary-light-9: color-mix(in srgb, rgb(23, 101, 255), white 90%);--el-color-primary-dark-2: color-mix(in srgb, rgb(23, 101, 255), black 20%);--el-button-bg-color: rgb(23, 101, 255);--el-button-border-color: rgb(23, 101, 255);--el-button-hover-bg-color: color-mix(in srgb, rgb(23, 101, 255), black 20%);--el-button-hover-border-color: color-mix(in srgb, rgb(23, 101, 255), black 20%);--el-button-active-bg-color: color-mix(in srgb, rgb(23, 101, 255), black 35%);--el-button-active-border-color: color-mix(in srgb, rgb(23, 101, 255), black 35%);font-family:Microsoft YaHei,PingFang SC,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--text)}button,input,textarea,select{font:inherit}.el-message{top:50%!important;transform:translate(-50%,-50%)}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;padding:24px 14px;display:flex;flex-direction:column;gap:22px;background:#fff;border-right:1px solid #e7edf5;color:var(--text);overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800;color:var(--text);text-decoration:none;padding:0 8px}.brand img{width:34px;height:34px}.brand small{display:block;margin-top:2px;color:var(--muted);font-size:10px;white-space:nowrap}.nav{display:grid;gap:8px}.nav-item{min-height:44px;padding:0 14px;display:flex;align-items:center;gap:10px;border-radius:8px;color:#4a5260;text-decoration:none;font-size:14px;font-weight:700;transition:background .15s,color .15s}.nav-item .nav-icon{width:20px;display:flex;align-items:center;justify-content:center;font-size:16px}.nav-item.router-link-active,.nav-item:hover{background:color-mix(in srgb,rgb(23,101,255) 8%,white);color:#1765ff}.nav-group{display:grid;gap:4px}.nav-parent{width:100%;border:0;background:transparent;cursor:pointer}.nav-group.active>.nav-parent{color:#1765ff}.nav-chevron{margin-left:auto;color:#8a92a0;font-size:13px;transition:transform .15s}.nav-chevron.open{transform:rotate(180deg)}.nav-sub{display:grid;gap:4px;padding-left:18px}.nav-child{min-height:36px;padding:0 12px;font-size:13px}.nav-child .nav-icon{font-size:13px}.nav-button{width:100%;border:0;background:transparent;text-align:left}.nav-sep{height:1px;margin:4px 12px;background:#e4e7ed}.external-link{color:#4a5260}.external-link:hover{background:color-mix(in srgb,rgb(23,101,255) 8%,white);color:#1765ff}.external-link .nav-ext-icon{margin-left:auto;font-size:12px;opacity:.5}.side-card{display:grid;gap:4px;padding:12px 14px;border:1px solid #e4e7ed;border-radius:8px;background:#f9fafb}.side-card span,.side-card small{color:var(--muted);font-size:12px}.side-card strong{font-size:14px}.provider{color:#1765ff;font-weight:700;font-size:13px}.stats div{display:flex;justify-content:space-between;font-size:13px}.stats b{color:var(--text)}.main{min-width:0;background:#f4f7fb}.topbar{height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;background:#fff;border-bottom:1px solid #e4e7ed;position:sticky;top:0;z-index:10}.topbar nav{display:flex;gap:28px}.topbar a{color:var(--muted);text-decoration:none;font-weight:700}.topbar .router-link-active{color:var(--text)}.panel,.page{padding:20px;border:1px solid var(--line);border-radius:8px;background:#fff}.page{margin:24px}.fade-enter-active,.fade-leave-active{transition:opacity .15s,transform .15s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(-6px)}@media(max-width:960px){.app-shell,.app-shell.canvas-page{grid-template-columns:64px minmax(0,1fr)}.sidebar{position:sticky;top:0;width:64px;height:100vh;box-sizing:border-box;padding:24px 10px;overflow-x:hidden;overflow-y:auto;z-index:30}.sidebar .brand{justify-content:flex-start;gap:0;padding:0 5px}.sidebar .brand img{flex:0 0 34px}.sidebar .brand span,.sidebar .nav-item span,.sidebar .nav-chevron{display:none}.sidebar .nav-item,.sidebar .nav-parent{justify-content:flex-start;min-height:44px;padding:0 12px;gap:10px}.sidebar .nav-icon{flex:0 0 20px}.sidebar .nav-sub{display:none!important}.user-dropdown{width:calc(100vw - 32px);right:-8px}}.app-shell.canvas-page{grid-template-columns:minmax(0,1fr);background:#181715}.app-shell.canvas-page>.main{position:relative;grid-column:1;display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden;min-width:0}.app-shell.canvas-page.canvas-theme-dark>.main{--canvas-shell-bg: #181715;--canvas-shell-grid: rgba(245, 245, 244, .24);--canvas-shell-line: rgba(245, 245, 244, .1);background:var(--canvas-shell-bg)}.app-shell.canvas-page.canvas-theme-light>.main{--canvas-shell-bg: #f4f2ed;--canvas-shell-grid: rgba(68, 64, 60, .28);--canvas-shell-line: rgba(68, 64, 60, .12);background:var(--canvas-shell-bg)}.canvas-route-loading{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background-color:var(--canvas-shell-bg, #181715)}.app-shell.canvas-background-dots .canvas-route-loading{background-image:radial-gradient(circle,var(--canvas-shell-grid, rgba(245, 245, 244, .24)) 1px,transparent 1.2px);background-size:48px 48px}.app-shell.canvas-background-lines .canvas-route-loading{background-image:linear-gradient(var(--canvas-shell-line, rgba(245, 245, 244, .1)) 1px,transparent 1px),linear-gradient(90deg,var(--canvas-shell-line, rgba(245, 245, 244, .1)) 1px,transparent 1px);background-size:48px 48px}.sidebar-collapsed{position:fixed!important;left:0;top:0;width:0!important;height:100vh;box-sizing:border-box;padding:24px 0!important;overflow:hidden!important;visibility:hidden;background:transparent!important;border-right:0!important;transition:none;z-index:30}.sidebar-collapsed>*{visibility:hidden}.canvas-sidebar-open .sidebar:not(.sidebar-collapsed){position:fixed;left:0;top:0;width:244px;height:100vh;z-index:120;background:#fff;color:var(--text);border-right:1px solid #e7edf5;box-shadow:10px 0 28px #0f172a1f}.canvas-sidebar-open .sidebar:not(.sidebar-collapsed) .brand,.canvas-sidebar-open .sidebar:not(.sidebar-collapsed) .nav-item,.canvas-sidebar-open .sidebar:not(.sidebar-collapsed) .external-link{color:#4a5260}.canvas-sidebar-open .sidebar:not(.sidebar-collapsed) .brand small,.canvas-sidebar-open .sidebar:not(.sidebar-collapsed) .nav-chevron{color:#8a92a0}.canvas-sidebar-open .sidebar:not(.sidebar-collapsed) .nav-item.router-link-active,.canvas-sidebar-open .sidebar:not(.sidebar-collapsed) .nav-item:hover{background:color-mix(in srgb,rgb(23,101,255) 8%,white);color:#1765ff}.canvas-sidebar-toggle{position:fixed;left:0;top:50%;z-index:121;width:28px;height:54px;padding:0;border:1px solid #dce5f7;border-left:0;border-radius:0 8px 8px 0;background:#fff;color:#3460e3;font-size:24px;line-height:1;cursor:pointer;transform:translateY(-50%)}.canvas-sidebar-open .canvas-sidebar-toggle{left:244px}.app-shell.canvas-page .topbar{position:absolute;top:10px;right:14px;z-index:80;width:max-content;height:auto;padding:0;border:0;background:transparent;color:#f4f4f5;pointer-events:none}.app-shell.canvas-page .topbar-left{display:none}.app-shell.canvas-page .topbar-right{gap:7px;padding:5px 7px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#18181bd1;box-shadow:0 8px 24px #0000003d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.app-shell.canvas-page .topbar .top-credit-badge,.app-shell.canvas-page .topbar .task-badge{min-height:34px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff14;color:#f4f4f5}.app-shell.canvas-page .topbar .top-credit-badge .el-icon{color:#22d3ee}.app-shell.canvas-page .topbar .avatar-trigger{color:#f4f4f5}.app-shell.canvas-page .topbar .user-arrow{color:#a1a1aa}.app-shell.canvas-page .topbar .user-dropdown{border-color:#ffffff1f;background:#202124;color:#f4f4f5;box-shadow:0 16px 42px #0000006b}.app-shell.canvas-page .topbar .user-card-head{background:#ffffff12}.app-shell.canvas-page .topbar .user-card-head strong,.app-shell.canvas-page .topbar .dropdown-actions button{color:#f4f4f5}.app-shell.canvas-page .topbar .user-card-head small{color:#a1a1aa}.app-shell.canvas-page.canvas-theme-light .topbar{color:#292524}.app-shell.canvas-page.canvas-theme-light .topbar-right{border-color:#44403c24;background:#fbfaf7e6;box-shadow:0 8px 24px #2925241f}.app-shell.canvas-page.canvas-theme-light .topbar .top-credit-badge,.app-shell.canvas-page.canvas-theme-light .topbar .task-badge{border-color:#44403c1f;background:#44403c0e;color:#44403c}.app-shell.canvas-page.canvas-theme-light .topbar .avatar-trigger,.app-shell.canvas-page.canvas-theme-light .topbar .user-card-head strong,.app-shell.canvas-page.canvas-theme-light .topbar .dropdown-actions button{color:#292524}.app-shell.canvas-page.canvas-theme-light .topbar .user-arrow,.app-shell.canvas-page.canvas-theme-light .topbar .user-card-head small{color:#78716c}.app-shell.canvas-page.canvas-theme-light .topbar .user-dropdown{border-color:#44403c24;background:#fbfaf7;color:#292524;box-shadow:0 16px 42px #2925242e}.app-shell.canvas-page.canvas-theme-light .topbar .user-card-head{background:#44403c0e}.app-shell.canvas-page .main{min-height:0;background:#181715}.sidebar-collapsed .brand{justify-content:flex-start!important;gap:0;padding:0 5px!important}.sidebar-collapsed .brand img{flex:0 0 34px}.sidebar-collapsed .brand span{max-width:0;margin-left:0;overflow:hidden;opacity:0;white-space:nowrap;transform:translate(-4px);transition:max-width .16s ease,opacity .08s ease,margin-left .16s ease,transform .16s ease}.sidebar-collapsed .nav-item span{max-width:0;overflow:hidden;opacity:0;white-space:nowrap;transition:max-width .16s ease,opacity .08s ease}.sidebar-collapsed .nav-item{justify-content:flex-start!important;min-height:44px;padding:0 12px!important;gap:10px}.sidebar-collapsed .nav-icon{flex:0 0 20px}.sidebar-collapsed .nav-chevron{max-width:0;margin-left:0;overflow:hidden;opacity:0;transition:max-width .16s ease,opacity .08s ease,margin-left .16s ease}.sidebar-collapsed .nav-sub{display:none}.sidebar-collapsed .nav-parent{justify-content:flex-start!important;padding:0 12px!important;gap:10px}@media(max-width:960px){.sidebar-collapsed:hover{width:0!important;padding:24px 0!important;overflow:hidden!important}.sidebar-collapsed:hover .brand{padding:0 5px!important}.sidebar-collapsed:hover .brand span,.sidebar-collapsed:hover .nav-item span,.sidebar-collapsed:hover .nav-chevron{display:none}.sidebar-collapsed:hover .nav-item,.sidebar-collapsed:hover .nav-parent{padding:0 12px!important}.sidebar-collapsed:hover .nav-sub{display:none}}.reference-sortable[draggable=true],.reference-sortable[draggable=true]>img{cursor:grab}.reference-sortable.reference-sorting{opacity:.45}.reference-sortable.reference-sort-target{outline:2px solid #6366f1;outline-offset:2px}.reference-sortable>.reference-sort-position{position:absolute;left:4px;bottom:4px;z-index:2;min-width:18px;height:18px;padding:0 4px;border-radius:5px;background:#0f172abf;color:#fff;font-size:11px;line-height:18px;text-align:center;pointer-events:none}