@import url(https://www.klgeek.com/css/bootstrap.min.css);@import url(https://www.klgeek.com/css/main.css);.logo[data-v-c6683ba8]{width:50px}.el-menu[data-v-c6683ba8]{border-bottom:none}.el-menu .el-menu-item[data-v-c6683ba8]{height:50px;line-height:50px}.el-menu .el-menu-item[data-v-c6683ba8]:hover{background-color:#f5f7fa}.el-menu .el-menu-item.is-active[data-v-c6683ba8]{color:#409eff;border-bottom:2px solid #409eff}.nav-header[data-v-46614c94]{position:sticky;top:0;z-index:100;width:100%;height:60px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.05)}.nav-header .nav-container[data-v-46614c94]{max-width:1200px;height:100%;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.nav-header .nav-container .nav-left[data-v-46614c94]{display:flex;align-items:center;gap:40px}.nav-header .nav-container .nav-left .logo[data-v-46614c94]{height:32px;width:auto;cursor:pointer}.nav-header .nav-container .nav-left .nav-menu[data-v-46614c94]{display:flex;gap:24px}.nav-header .nav-container .nav-left .nav-menu .menu-item[data-v-46614c94]{font-size:15px;color:#666;cursor:pointer;padding:6px 2px;position:relative}.nav-header .nav-container .nav-left .nav-menu .menu-item[data-v-46614c94]:hover{color:#ff6b00}.nav-header .nav-container .nav-left .nav-menu .menu-item.active[data-v-46614c94]{color:#ff6b00;font-weight:500}.nav-header .nav-container .nav-left .nav-menu .menu-item.active[data-v-46614c94]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ff6b00;border-radius:1px}@media screen and (max-width:768px){.nav-header .nav-container[data-v-46614c94]{padding:0 12px}.nav-header .nav-container .nav-left[data-v-46614c94]{gap:20px}.nav-header .nav-container .nav-left .nav-menu[data-v-46614c94]{gap:16px}.nav-header .nav-container .nav-left .nav-menu .menu-item[data-v-46614c94]{font-size:14px}}.share-qrcode-container[data-v-989bbb7e]{position:fixed;left:15%;top:40%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:100;transition:all .3s ease;border:1px solid #f0f0f0}.share-qrcode-container .close-btn[data-v-989bbb7e]{position:absolute;top:0;right:0;width:24px;height:24px;border-radius:50%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.share-qrcode-container .close-btn[data-v-989bbb7e]:hover{background-color:#e0e0e0;transform:rotate(90deg)}.share-qrcode-container .close-btn i[data-v-989bbb7e]{font-size:16px;color:#666}.share-qrcode-container[data-v-989bbb7e]:hover{box-shadow:0 6px 24px rgba(0,0,0,.2)}.share-qrcode-container .qrcode-content[data-v-989bbb7e]{display:flex;flex-direction:column;align-items:center}.share-qrcode-container .qrcode-wrapper[data-v-989bbb7e]{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.share-qrcode-container .qrcode-wrapper .qrcode-tip[data-v-989bbb7e]{margin-top:12px;font-size:14px;color:#666;font-weight:500;position:relative;padding-bottom:4px}.share-qrcode-container .qrcode-wrapper .qrcode-tip[data-v-989bbb7e]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:20px;height:2px;background-color:#409eff;border-radius:2px}.share-qrcode-container .share-link-area .share-link-input[data-v-989bbb7e],.share-qrcode-container .share-link-area[data-v-989bbb7e]{width:100%}.share-qrcode-container .share-link-area .share-link-input[data-v-989bbb7e] .el-input__inner{border-radius:4px 0 0 4px}.share-qrcode-container .share-link-area .share-link-input[data-v-989bbb7e] .el-input-group__append{background-color:#409eff;border-color:#409eff;color:#fff;border-radius:0 4px 4px 0;cursor:pointer;transition:all .3s}.share-qrcode-container .share-link-area .share-link-input[data-v-989bbb7e] .el-input-group__append:hover{background-color:#66b1ff;border-color:#66b1ff}.avatar-uploader .el-upload[data-v-15dbce49]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload[data-v-15dbce49]:hover{border-color:#409eff}.avatar-uploader-icon[data-v-15dbce49]{font-size:28px;color:#8c939d;width:178px;height:178px;line-height:178px;text-align:center}.avatar[data-v-15dbce49]{max-width:100%;display:block}.item-solid[data-v-15dbce49]{border:1px dashed #ff9a9a;font-size:1em;overflow:hidden;padding:2rem!important}.text-muted[data-v-15dbce49]{color:#6c757d!important}.pb-2[data-v-15dbce49],.py-2[data-v-15dbce49]{padding-bottom:.5rem!important}.other-works[data-v-15dbce49]{margin-top:20px;width:100%}.works-scroll-container[data-v-15dbce49]{overflow-x:scroll;width:100%;padding:10px 0;-webkit-overflow-scrolling:touch}.works-scroll-wrapper[data-v-15dbce49]{display:flex;flex-direction:row;flex-wrap:nowrap;width:-moz-max-content;width:max-content;gap:15px}.work-item[data-v-15dbce49]{flex:0 0 auto;width:200px;min-width:200px;display:flex;flex-direction:column;overflow:hidden}.work-image-container[data-v-15dbce49]{width:100%;height:180px;overflow:hidden;position:relative}.work-image[data-v-15dbce49]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.work-info[data-v-15dbce49]{padding:8px 0;flex:1}.works-scroll-container[data-v-15dbce49]::-webkit-scrollbar{height:8px;display:block}.works-scroll-container[data-v-15dbce49]::-webkit-scrollbar-thumb{background-color:silver;border-radius:4px}.works-scroll-container[data-v-15dbce49]::-webkit-scrollbar-track{background-color:#f0f0f0;border-radius:4px}.float-sidebar[data-v-15dbce49]{position:fixed;right:40px;top:40%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;z-index:99}.float-sidebar .sidebar-item[data-v-15dbce49]{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 12px rgba(0,0,0,.08);text-align:center;cursor:pointer;transition:all .3s ease}.float-sidebar .sidebar-item[data-v-15dbce49]:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.12)}.float-sidebar .qrcode-box[data-v-15dbce49]{width:140px}.float-sidebar .qrcode-box .qr-image[data-v-15dbce49]{width:120px;height:120px;margin-bottom:8px}.float-sidebar .qrcode-box .qr-text[data-v-15dbce49]{font-size:14px;color:#333;margin-bottom:4px;font-weight:500}.float-sidebar .qrcode-box .qr-desc[data-v-15dbce49]{font-size:12px;color:#999}.float-sidebar .share-box[data-v-15dbce49]{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;color:#666;font-size:14px}.float-sidebar .share-box i[data-v-15dbce49]{font-size:16px}@media screen and (max-width:768px){.float-sidebar[data-v-15dbce49]{position:fixed;right:16px;bottom:20px;top:auto;transform:none;flex-direction:row;gap:12px}.float-sidebar .qrcode-box[data-v-15dbce49]{width:120px;padding:12px}.float-sidebar .qrcode-box .qr-image[data-v-15dbce49]{width:100px;height:100px}.float-sidebar .share-box[data-v-15dbce49]{padding:8px 16px}}.meta-info[data-v-15dbce49]{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:8px 0}.tags-wrapper[data-v-15dbce49]{display:inline-flex;flex-wrap:wrap;gap:8px}.tags-wrapper .tag-item[data-v-15dbce49]{margin:0;font-size:12px;border-radius:4px;padding:0 8px;height:24px;line-height:22px;background:#f4f4f5;border-color:#e9e9eb;color:#606266}.tags-wrapper .tag-item[data-v-15dbce49]:hover{transform:translateY(-1px);transition:transform .2s ease}@media screen and (max-width:768px){.meta-info[data-v-15dbce49]{flex-direction:column;align-items:flex-start;gap:8px}.tags-wrapper[data-v-15dbce49]{margin-left:0}}.comments-list[data-v-15dbce49]{max-height:600px;overflow-y:auto}.comments-list[data-v-15dbce49]::-webkit-scrollbar{width:0;background:transparent}.image-preview[data-v-15dbce49]{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.image-preview .preview-item[data-v-15dbce49]{position:relative;width:100px;height:100px;border-radius:4px;overflow:hidden}.image-preview .preview-item .el-image[data-v-15dbce49]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-preview .preview-item .delete-btn[data-v-15dbce49]{position:absolute;top:4px;right:4px;width:20px;height:20px;background:rgba(0,0,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.image-preview .preview-item .delete-btn i[data-v-15dbce49]{color:#fff;font-size:12px}.image-preview .preview-item .delete-btn[data-v-15dbce49]:hover{background:rgba(0,0,0,.7)}.comment-item[data-v-15dbce49]{margin-bottom:24px}.comment-item .comment-main[data-v-15dbce49]{margin-bottom:20px}.comment-item .comment-main .comment-header[data-v-15dbce49]{margin-bottom:12px}.comment-item .comment-main .comment-header .comment-user-info .user-meta[data-v-15dbce49],.comment-item .comment-main .comment-header .comment-user-info[data-v-15dbce49]{display:flex;align-items:center;gap:12px}.comment-item .comment-main .comment-header .comment-user-info .user-meta .username[data-v-15dbce49]{font-size:14px;font-weight:500;color:#333;line-height:1}.comment-item .comment-main .comment-header .comment-user-info .user-meta .time[data-v-15dbce49]{font-size:12px;color:#999;line-height:1}.comment-item .comment-main .comment-content[data-v-15dbce49]{padding-left:52px}.comment-item .comment-main .comment-content .text[data-v-15dbce49]{font-size:14px;color:#333;line-height:1.6}.comment-item .replies-list[data-v-15dbce49]{margin-top:16px;margin-left:52px;padding-left:16px;border-left:2px solid #f0f0f0}.comment-item .replies-list .reply-item[data-v-15dbce49]{margin-bottom:16px}.comment-item .replies-list .reply-item[data-v-15dbce49]:last-child{margin-bottom:0}.comment-item .replies-list .reply-item .comment-header[data-v-15dbce49]{margin-bottom:8px}.comment-item .replies-list .reply-item .comment-header .comment-user-info[data-v-15dbce49]{display:flex;align-items:center;gap:8px}.comment-item .replies-list .reply-item .comment-header .comment-user-info .user-meta[data-v-15dbce49]{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.comment-item .replies-list .reply-item .comment-header .comment-user-info .user-meta .username[data-v-15dbce49]{font-size:14px;font-weight:500;color:#333}.comment-item .replies-list .reply-item .comment-header .comment-user-info .user-meta .reply-to[data-v-15dbce49]{font-size:14px;color:#666}.comment-item .replies-list .reply-item .comment-header .comment-user-info .user-meta .reply-to .reply-name[data-v-15dbce49]{color:#409eff}.comment-item .replies-list .reply-item .comment-header .comment-user-info .user-meta .time[data-v-15dbce49]{font-size:12px;color:#999}.comment-item .replies-list .reply-item .reply-content[data-v-15dbce49]{padding-left:40px}.comment-item .replies-list .reply-item .reply-content .text[data-v-15dbce49]{font-size:14px;color:#333;line-height:1.6}.comment-actions[data-v-15dbce49],.reply-actions[data-v-15dbce49]{margin-top:8px;display:flex;align-items:center;gap:16px}.comment-actions .action-btn[data-v-15dbce49],.reply-actions .action-btn[data-v-15dbce49]{display:inline-flex;align-items:center;font-size:13px;color:#8c8c8c;cursor:pointer;padding:4px 0}.comment-actions .action-btn i[data-v-15dbce49],.reply-actions .action-btn i[data-v-15dbce49]{margin-right:4px;font-size:14px}.comment-actions .action-btn[data-v-15dbce49]:hover,.reply-actions .action-btn[data-v-15dbce49]:hover{color:#409eff}.comment-actions .action-btn.delete[data-v-15dbce49]:hover,.reply-actions .action-btn.delete[data-v-15dbce49]:hover{color:#f56c6c}.reply-actions .action-btn[data-v-15dbce49]{font-size:12px}.reply-actions .action-btn i[data-v-15dbce49]{font-size:13px}.comment-input[data-v-15dbce49]{background:#fff;padding:20px;border-top:1px solid #f5f5f5}.comment-input.reply-mode[data-v-15dbce49]{padding-top:10px}.comment-input .input-wrapper .reply-info[data-v-15dbce49]{display:flex;align-items:center;justify-content:space-between;padding:8px 0;color:#666;font-size:13px}.comment-input .input-wrapper .reply-info i[data-v-15dbce49]{cursor:pointer}.comment-input .input-wrapper .reply-info i[data-v-15dbce49]:hover{color:#409eff}.image-list[data-v-15dbce49]{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.image-list .el-image[data-v-15dbce49]{width:100px;height:100px;border-radius:4px;cursor:pointer}.image-list .el-image[data-v-15dbce49]:hover{opacity:.9}.replies-list .image-list .el-image[data-v-15dbce49]{width:80px;height:80px}