:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#codeApp{border:none!important}#app{width:100%;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}.header[data-v-56c0fe0d]{background-color:#fff;height:60px;border-bottom:1px solid #e4e7ed;position:sticky;top:0;z-index:99;padding:0}.header-container[data-v-56c0fe0d]{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1280px;margin:0 auto;padding:0 20px}.logo-section[data-v-56c0fe0d]{display:flex;align-items:center;gap:12px;cursor:pointer}.logo-icon[data-v-56c0fe0d]{width:48px;height:48px}.site-title[data-v-56c0fe0d]{color:#303133;font-size:20px;font-weight:700;margin:0;white-space:nowrap}.header-menu[data-v-56c0fe0d]{flex:1;margin:0 24px;height:59px;display:flex;align-items:stretch;flex-wrap:nowrap;min-width:0}.header-menu-item[data-v-56c0fe0d]{border:none;background:transparent;color:#303133;font-size:14px;padding:0 12px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;flex-shrink:0}.header-menu-item.is-active[data-v-56c0fe0d]{color:#409eff;border-bottom-color:#409eff}.header-menu-item[data-v-56c0fe0d]:hover{color:#409eff}.user-section[data-v-56c0fe0d]{display:flex;align-items:center;gap:16px}.notification-btn[data-v-56c0fe0d]{position:relative;color:#606266;padding:8px;border:none;background:transparent;border-radius:50%;cursor:pointer}.notification-btn[data-v-56c0fe0d]:hover{background-color:#f5f7fa}.notification-count[data-v-56c0fe0d]{position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#f56c6c;color:#fff;font-size:12px;line-height:16px}.user-info[data-v-56c0fe0d]{position:relative}.user-profile[data-v-56c0fe0d]{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:20px;border:none;background:transparent;cursor:pointer}.user-profile[data-v-56c0fe0d]:hover{background-color:#f5f7fa}.user-avatar[data-v-56c0fe0d]{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #409eff}.user-avatar-fallback[data-v-56c0fe0d]{display:inline-flex;align-items:center;justify-content:center;background:#ecf5ff;color:#409eff}.username[data-v-56c0fe0d]{color:#303133;font-size:14px;font-weight:500}.dropdown-icon[data-v-56c0fe0d]{color:#909399;font-size:12px}.user-dropdown[data-v-56c0fe0d]{position:absolute;right:0;top:calc(100% + 8px);min-width:140px;background:#fff;border:1px solid #e4e7ed;border-radius:6px;padding:6px 0;z-index:20}.user-dropdown button[data-v-56c0fe0d]{display:block;width:100%;text-align:left;border:none;background:transparent;padding:8px 14px;font-size:14px;cursor:pointer;color:#303133}.user-dropdown button[data-v-56c0fe0d]:hover{background:#f5f7fa}.user-dropdown button.danger[data-v-56c0fe0d]{color:#f56c6c}.auth-buttons[data-v-56c0fe0d]{display:flex;align-items:center;gap:12px}.header-btn[data-v-56c0fe0d]{font-size:14px;padding:8px 16px;border-radius:4px;cursor:pointer;border:1px solid #dcdfe6;background:#fff;color:#606266}.header-btn-plain[data-v-56c0fe0d]{color:#409eff;border-color:#b3d8ff;background:#ecf5ff}.header-btn-primary[data-v-56c0fe0d]{color:#fff;border-color:#409eff;background:#409eff}.app-dialog-mask[data-v-56c0fe0d]{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.app-dialog[data-v-56c0fe0d]{width:min(420px,100%);background:#fff;border-radius:8px;padding:20px 24px}.app-dialog-wide[data-v-56c0fe0d]{width:min(640px,100%)}.app-dialog h3[data-v-56c0fe0d]{margin:0 0 12px;font-size:18px}.app-dialog-warn[data-v-56c0fe0d]{text-align:center;color:red}.app-dialog-footer[data-v-56c0fe0d]{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.app-field[data-v-56c0fe0d]{display:flex;gap:12px;margin:12px 0;font-size:14px;align-items:flex-start}.app-field span[data-v-56c0fe0d]{width:72px;color:#606266;line-height:32px}.app-field select[data-v-56c0fe0d],.app-field textarea[data-v-56c0fe0d]{flex:1;border:1px solid #dcdfe6;border-radius:4px;padding:6px 8px;font:inherit}.footer[data-v-1e9f84f4]{background-color:#fff;color:#303133;padding:20px 0;margin-top:auto;border-top:1px solid #e4e7ed}.footer-container[data-v-1e9f84f4]{max-width:1280px;margin:0 auto;padding:0 20px;text-align:center}.copyright[data-v-1e9f84f4]{color:#909399;font-size:14px}.socket_chat_content{position:fixed;bottom:20px;right:20px;z-index:9999;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);width:320px;padding:25px;border-radius:12px;box-shadow:0 10px 30px #0000004d;color:#fff;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.socket_chat_content:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0006}.close_socket_chat{position:absolute;right:8px;top:8px;cursor:pointer;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close_socket_chat:hover{background:rgba(255,255,255,.1);color:#fff}.socket_chat_title{font-size:18px;font-weight:600;margin-bottom:8px;color:#fff;line-height:1.4;word-break:break-all;white-space:pre-wrap}.socket_chat_description{font-size:14px;color:#fffc;margin-bottom:20px;line-height:1.5}.socket-btn{width:100%;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);border:none;border-radius:8px;padding:12px 0;font-size:15px;font-weight:500;color:#fff;cursor:pointer;transition:all .3s ease}.socket-btn-success{background:linear-gradient(135deg,#67c23a 0%,#529b2e 100%)}.socket-btn:hover{transform:translateY(-2px)}.socket-btn:active{transform:translateY(0)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;background-color:#f5f7fa}.app-wrapper{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f7fa}.main-container{flex:1;display:flex;flex-direction:column}.main-content{flex:1;padding:0;min-height:calc(100vh - 120px)}.el-header,.el-footer,.el-main{padding:0}@media (max-width: 768px){.main-content{min-height:calc(100vh - 100px)}}.pagination-container{display:flex;justify-content:center;padding:20px 0}.markdown-preview.md-editor{min-height:initial!important;position:initial!important;z-index:initial!important}.markdown-body p,.md-editor-preview p{margin-bottom:0!important}.md-editor-preview-wrapper{background:#fff!important}.el-tooltip__popper,.custom-tooltip{max-width:400px!important}.el-breadcrumb__inner{font-weight:700!important;cursor:pointer;color:#333!important}.markdown-body .highlight pre,.markdown-body pre,.md-editor-preview pre{background:#fff!important}.el-menu--horizontal :hover{background:transparent!important}.el-menu--horizontal :focus{background:transparent!important}.feedback_icon{width:40px;height:40px;position:fixed;bottom:150px;right:10px;cursor:pointer;z-index:10}