.navbar[data-v-2d912bdb]{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);position:sticky;top:0;z-index:1000}.navbar-container[data-v-2d912bdb]{max-width:1200px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;justify-content:space-between}.navbar-left[data-v-2d912bdb]{display:flex;align-items:center;gap:40px}.navbar-logo{&[data-v-2d912bdb]{display:flex;align-items:center;gap:8px;text-decoration:none;color:#303133;font-size:20px;font-weight:600}.el-icon[data-v-2d912bdb]{font-size:24px;color:#409eff}&[data-v-2d912bdb]:hover{color:#409eff}}.navbar-links[data-v-2d912bdb]{display:flex;align-items:center;gap:24px}.nav-link{&[data-v-2d912bdb]{display:flex;align-items:center;gap:6px;text-decoration:none;color:#606266;font-size:14px;padding:8px 12px;border-radius:6px;transition:all .3s}.el-icon[data-v-2d912bdb]{font-size:16px}&[data-v-2d912bdb]:hover{color:#409eff;background:#f5f7fa}&.router-link-active[data-v-2d912bdb]{color:#409eff;background:#ecf5ff}}.navbar-right[data-v-2d912bdb]{display:flex;align-items:center}.user-info{.user-dropdown{&[data-v-2d912bdb]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background .3s}&[data-v-2d912bdb]:hover{background:#f5f7fa}}.user-avatar[data-v-2d912bdb]{background:#409eff;color:#fff;font-weight:600}.user-name[data-v-2d912bdb]{font-size:14px;color:#303133;font-weight:500}.dropdown-icon[data-v-2d912bdb]{font-size:12px;color:#909399}}.auth-buttons{&[data-v-2d912bdb]{display:flex;align-items:center;gap:12px}.login-btn{&[data-v-2d912bdb]{color:#606266}&[data-v-2d912bdb]:hover{color:#409eff}}}.mobile-menu-btn[data-v-2d912bdb]{display:none;margin-left:8px}.mobile-menu-overlay[data-v-2d912bdb]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:2000}.mobile-menu-drawer[data-v-2d912bdb]{position:fixed;top:0;right:0;width:280px;height:100vh;background:#fff;box-shadow:-4px 0 12px rgba(0,0,0,.15);display:flex;flex-direction:column;overflow-y:auto}.mobile-menu-header[data-v-2d912bdb]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #ebeef5}.mobile-logo[data-v-2d912bdb]{display:flex;align-items:center;gap:8px;text-decoration:none;color:#303133;font-size:18px;font-weight:600}.mobile-logo .el-icon[data-v-2d912bdb]{font-size:22px;color:#409eff}.mobile-menu-items[data-v-2d912bdb]{flex:1;padding:12px 0;display:flex;flex-direction:column}.mobile-nav-item[data-v-2d912bdb]{display:flex;align-items:center;gap:12px;padding:14px 20px;text-decoration:none;color:#303133;font-size:15px;transition:background .2s}.mobile-nav-item[data-v-2d912bdb]:hover{background:#f5f7fa;color:#409eff}.mobile-nav-item .el-icon[data-v-2d912bdb]{font-size:18px;color:#909399}.mobile-nav-item:hover .el-icon[data-v-2d912bdb]{color:#409eff}.mobile-nav-item.mobile-logout[data-v-2d912bdb]{color:#f56c6c;margin-top:auto;border-top:1px solid #f0f0f0;padding-top:16px}.mobile-nav-item.mobile-logout .el-icon[data-v-2d912bdb]{color:#f56c6c}.mobile-menu-divider[data-v-2d912bdb]{height:1px;background:#f0f0f0;margin:8px 16px}.mobile-menu-fade-enter-active[data-v-2d912bdb],.mobile-menu-fade-leave-active[data-v-2d912bdb]{transition:opacity .3s ease}.mobile-menu-fade-enter-active .mobile-menu-drawer[data-v-2d912bdb],.mobile-menu-fade-leave-active .mobile-menu-drawer[data-v-2d912bdb]{transition:transform .3s ease}.mobile-menu-fade-enter-from[data-v-2d912bdb],.mobile-menu-fade-leave-to[data-v-2d912bdb]{opacity:0}.mobile-menu-fade-enter-from .mobile-menu-drawer[data-v-2d912bdb],.mobile-menu-fade-leave-to .mobile-menu-drawer[data-v-2d912bdb]{transform:translateX(100%)}.mobile-menu-fade-enter-to .mobile-menu-drawer[data-v-2d912bdb],.mobile-menu-fade-leave-from .mobile-menu-drawer[data-v-2d912bdb]{transform:translateX(0)}@media (max-width:768px){.navbar-container[data-v-2d912bdb]{padding:0 12px;height:56px}.nav-link[data-v-2d912bdb],.navbar-links[data-v-2d912bdb],.user-name[data-v-2d912bdb]{display:none}.user-info .user-dropdown[data-v-2d912bdb]{padding:4px 8px}.mobile-menu-btn[data-v-2d912bdb]{display:flex}.navbar-logo span[data-v-2d912bdb]{font-size:17px}.auth-buttons[data-v-2d912bdb]{gap:8px}.auth-buttons .login-btn[data-v-2d912bdb]{font-size:13px}}@media (max-width:480px){.navbar-container[data-v-2d912bdb]{padding:0 10px;height:50px}.navbar-logo span[data-v-2d912bdb]{font-size:15px}.mobile-menu-drawer[data-v-2d912bdb]{width:260px}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;min-height:100vh;background-color:#f5f7fa}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.page-header{margin-bottom:24px}.page-header .page-title{font-size:24px;font-weight:600;color:#303133;margin-bottom:8px}.page-header .page-description{font-size:14px;color:#909399}.card{background:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:20px;margin-bottom:20px}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.text-error{color:#f56c6c}.text-success{color:#67c23a}.text-warning{color:#e6a23c}.text-info{color:#909399}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pointer{cursor:pointer}:root{--primary-color:#409eff;--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--info-color:#909399;--text-primary:#303133;--text-regular:#606266;--text-secondary:#909399;--text-placeholder:#c0c4cc;--border-base:#dcdfe6;--border-light:#e4e7ed;--border-lighter:#ebeef5;--border-extra-light:#f2f6fc;--bg-color:#f5f7fa;--bg-white:#fff;--bg-gray:#f0f2f5;--shadow-sm:0 2px 4px rgba(0,0,0,.1);--shadow-md:0 4px 8px rgba(0,0,0,.12);--shadow-lg:0 8px 16px rgba(0,0,0,.14);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-gray);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-base);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.w-full{width:100%}.h-full{height:100%}.m-0{margin:0}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.p-0{padding:0}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-3{padding:var(--space-md)}.p-4{padding:var(--space-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.bg-white{background-color:var(--bg-white)}.bg-gray{background-color:var(--bg-gray)}.text-primary{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.text-info{color:var(--info-color)}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-2xl{font-size:20px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-in-up{animation:slideInUp .3s ease-out}.spin{animation:spin 1s linear infinite}@media(max-width:768px){.hidden-sm{display:none!important}}@media(min-width:769px)and (max-width:1024px){.hidden-md{display:none!important}}@media(min-width:1025px){.hidden-lg{display:none!important}}