@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&family=Noto+Sans+SC:wght@400;500;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{--dst-bg: #06080f;--dst-bg-elevated: rgba(13, 17, 23, .58);--dst-border: rgba(56, 68, 100, .38);--dst-border-glow: rgba(0, 212, 255, .22);--dst-text: #e2e8f0;--dst-text-muted: #8b9cc0;--dst-text-dim: #5a6a8a;--dst-cyan: #00d4ff;--dst-purple: #7c3aed;--dst-blue: #3b82f6;--dst-amber: #f59e0b;--dst-gradient: linear-gradient(135deg, #00d4ff 0%, #7c3aed 100%);--dst-glass-bg: rgba(13, 17, 23, .58);--dst-glass-border: 1px solid rgba(56, 68, 100, .38);--dst-glass-blur: blur(18px);--dst-glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);--dst-ease: cubic-bezier(.16, 1, .3, 1);--dst-ff-display: "Outfit", "Noto Sans SC", sans-serif;--dst-ff-body: "Noto Sans SC", "Outfit", sans-serif;--dst-ff-mono: "JetBrains Mono", "Consolas", monospace;--el-bg-color: var(--dst-bg);--el-bg-color-overlay: var(--dst-bg-elevated);--el-text-color-primary: var(--dst-text);--el-text-color-regular: var(--dst-text-muted);--el-text-color-secondary: var(--dst-text-dim);--el-border-color: var(--dst-border);--el-border-color-light: rgba(56, 68, 100, .2);--el-border-color-lighter: rgba(56, 68, 100, .1);--el-fill-color-blank: transparent;--el-table-bg-color: transparent;--el-table-tr-bg-color: transparent;--el-table-header-bg-color: rgba(13, 17, 23, .7);--el-table-header-text-color: var(--dst-cyan);--el-table-text-color: var(--dst-text);--el-table-row-hover-bg-color: rgba(0, 212, 255, .05);--el-table-border-color: var(--dst-border);--el-table-border: 1px solid var(--dst-border);--el-pagination-bg-color: transparent;--el-pagination-button-bg-color: transparent;--el-pagination-button-color: var(--dst-text);--el-pagination-border-color: var(--dst-border);--el-pagination-hover-color: var(--dst-cyan);--el-pagination-hover-bg-color: rgba(0, 212, 255, .1);--el-pagination-button-disabled-bg-color: transparent;--el-pagination-button-disabled-color: var(--dst-text-muted)}html,body{margin:0;padding:0;min-height:100%;background:var(--dst-bg)}#app{min-height:100dvh;display:flex;flex-direction:column;font-family:var(--dst-ff-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--dst-text);background:var(--dst-bg)}.app-header{position:sticky;top:0;z-index:1000;background:#06080fd1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--dst-border);box-shadow:0 1px 24px #0000004d}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1200px;margin:0 auto;padding:0 24px;height:60px}.brand-mark{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--dst-cyan);box-shadow:0 0 10px var(--dst-cyan);animation:pulse-brand 2s ease-in-out infinite}@keyframes pulse-brand{0%,to{opacity:1;box-shadow:0 0 10px var(--dst-cyan)}50%{opacity:.5;box-shadow:0 0 4px var(--dst-cyan)}}.brand-text{font-family:var(--dst-ff-display);font-size:1.05rem;font-weight:800;color:#fff;letter-spacing:-.02em}.brand-accent{background:var(--dst-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}.main-nav{display:flex;align-items:center;gap:4px}.nav-item{position:relative;display:flex;align-items:center;padding:8px 16px;border-radius:10px;font-family:var(--dst-ff-body);font-size:.9rem;font-weight:500;color:var(--dst-text-muted);text-decoration:none;transition:all .25s var(--dst-ease);letter-spacing:.02em}.nav-item:hover{color:var(--dst-text);background:#ffffff0d}.nav-item.is-active{color:#fff;background:#00d4ff14}.nav-item.is-active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:20px;height:2px;border-radius:1px;background:var(--dst-gradient)}.header-right{display:flex;align-items:center;height:100%}.avatar-trigger{position:relative;display:flex;align-items:center;cursor:pointer;outline:none}.avatar-trigger .el-avatar{width:38px;height:38px;border:2px solid var(--dst-border);transition:all .35s var(--dst-ease);box-shadow:0 0 #00d4ff00}.avatar-trigger:hover .el-avatar{border-color:var(--dst-cyan);box-shadow:0 0 16px #00d4ff40;transform:scale(1.05)}.user-dropdown-popper{--el-dropdown-menuItem-hover-fill: rgba(0, 212, 255, .08) !important;--el-dropdown-menuItem-hover-color: #ffffff !important;background:#0d111ceb!important;backdrop-filter:blur(24px) saturate(1.4)!important;-webkit-backdrop-filter:blur(24px) saturate(1.4)!important;border:1px solid rgba(0,212,255,.12)!important;border-radius:14px!important;padding:6px!important;box-shadow:0 12px 40px #00000080,0 0 1px #00d4ff26,inset 0 1px #ffffff0a!important;min-width:180px!important;overflow:hidden}.user-dropdown-popper .el-popper__arrow{display:none!important}.user-dropdown-popper .el-dropdown-menu{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important}.user-dropdown-popper .el-dropdown-menu__item{padding:10px 16px!important;border-radius:10px!important;color:var(--dst-text)!important;font-family:var(--dst-ff-body)!important;font-size:.875rem!important;font-weight:500!important;transition:all .2s var(--dst-ease)!important;display:flex!important;align-items:center!important;gap:10px!important;line-height:1.4!important}.user-dropdown-popper .el-dropdown-menu__item svg{flex-shrink:0;opacity:.7;transition:all .2s var(--dst-ease)}.user-dropdown-popper .el-dropdown-menu__item:hover{background:#00d4ff14!important;color:#fff!important}.user-dropdown-popper .el-dropdown-menu__item:hover svg{opacity:1;color:var(--dst-cyan)}.user-dropdown-popper .el-dropdown-menu__item:active{background:#00d4ff24!important;transform:scale(.98)}.user-dropdown-popper .el-dropdown-menu__item--divided{border-top:1px solid rgba(56,68,100,.3)!important;margin-top:4px!important;padding-top:10px!important}.user-dropdown-popper .el-dropdown-menu__item--divided:before{display:none!important}.dropdown-link{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:inherit!important;width:100%}.dropdown-link:hover{color:inherit!important}.app-main{flex:1;min-height:0;background:var(--dst-bg);overflow:visible}.app-main.auth-main{padding:0}@media (max-width: 768px){.header-inner{height:54px;padding:0 16px}.main-nav{gap:2px}.nav-item{padding:6px 10px;font-size:.85rem}.brand-text{font-size:.95rem}}@media (max-width: 480px){.brand-text{display:none}}