.app-container[data-v-c9375e7c]{display:flex;height:100%;position:relative}.aside-section[data-v-c9375e7c]{background-color:#f5f5f5;flex-shrink:0;position:relative;transition:transform .3s ease-in-out;width:260px;z-index:2}.aside-section .aside-box[data-v-c9375e7c]{bottom:0;display:flex;flex-direction:column;left:0;position:absolute;top:0;width:100%}.aside-section .side-header[data-v-c9375e7c]{padding:10px 10px 0}.aside-section .side-header .banner[data-v-c9375e7c]{display:block;width:100%}.aside-section .scroll-wrap[data-v-c9375e7c]{flex:1;height:100%;overflow-y:auto;padding:0 10px}.aside-section .skill-list[data-v-c9375e7c]{padding:10px 0}.aside-section .skill-list li[data-v-c9375e7c]{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px 8px;justify-content:center;line-height:40px;padding:0 10px}.aside-section .skill-list li.active[data-v-c9375e7c]{color:var(--primary-color);font-family:SourceHanSansCN Medium;font-size:15px}.aside-section .skill-list li[data-v-c9375e7c]:hover{background:#e9eaec}.aside-section .skill-list li div[data-v-c9375e7c]{position:relative}.aside-section .skill-list li div .el-icon[data-v-c9375e7c]{color:#999;position:absolute;right:0;top:50%;transform:translateY(-50%)}.right-side[data-v-c9375e7c]{flex:1}.bot-box .bot-header-box[data-v-c9375e7c]{background-color:#fff;position:sticky;top:109px}.bot-box .bot-header-box .bot-header[data-v-c9375e7c]{align-items:center;display:flex;justify-content:space-between;margin:0 15px;padding:15px}.bot-box .bot-header-box .title[data-v-c9375e7c]{font-family:SourceHanSansCN Medium;font-size:20px}.bot-box .bot-header-box[data-v-c9375e7c] .el-input{max-width:300px;width:300px}.bot-box .bot-header-box[data-v-c9375e7c] .el-input .el-input-group__prepend{border-bottom-left-radius:12px;border-top-left-radius:12px;box-shadow:none}.bot-box .bot-header-box[data-v-c9375e7c] .el-input .el-input__wrapper{background-color:#f5f5f5;border-bottom-right-radius:12px;border-top-right-radius:12px;box-shadow:none;padding-left:0}.bot-box .bot-list[data-v-c9375e7c]{align-content:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:15px;height:calc(100vh - 260px);margin-bottom:15px;overflow-y:auto;padding:10px 15px 0}.bot-box .bot-list .item[data-v-c9375e7c]{border:1px solid rgba(0,0,0,.08);border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;height:74px;overflow:hidden;padding:12px;transition:transform .3s;width:calc(25% - 11.25px)}.bot-box .bot-list .item[data-v-c9375e7c]:hover{box-shadow:0 6px 10px #00000014,0 0 1px #00000026;transform:translateY(-3px)}.bot-box .bot-list .item .img[data-v-c9375e7c]{background-color:#f5f5f5;border-radius:3px;display:block;flex-shrink:0;height:48px;margin-right:12px;-o-object-fit:cover;object-fit:cover;width:48px}.bot-box .bot-list .item .content[data-v-c9375e7c]{flex:1;width:0}.bot-box .bot-list .item .content div[data-v-c9375e7c]{color:#999;margin-top:5px}.btn-switch[data-v-c9375e7c]{background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAARhJREFUWEftmEEKwjAQRf9ID+JN1J2IW91qT6KeRHeCbsWt9SZ6ESNREwpKk/ZDaWS6ntd8XobOUEHHH+l4PmhA9oYSNjje95Fl/SgDp1nxVcfynxf+Njg9DmHMJSrcu+gGkRwuKMuXDv4dcHJcQcy6RkDAyBrn2ebFsLwGVIOsAZbXHlSDrAGW/4MePCwh2NabJMhxnu/ek4TkgwbtoO9lC4gZRoU0UvgxZwGWDwaMStVOUeL7oL3mmKeHq1+1XL275qZ85T7YpMlFRj4kywd7kP2OsbwGVIOsAZbXHlSDrAGWT78H6/+6AExpH2zCl0dl0KAtsIc8MIiZ9YC5+2XVASxfuSzEpWqlKuF9sBU/4UPUYNhRdcUTrxpDOL8BcPkAAAAASUVORK5CYII=);background-position:50%;background-repeat:no-repeat;background-size:22px auto;border-radius:2px;bottom:165px;box-shadow:0 0 6px #00000026;color:#fff;display:none;height:40px;line-height:40px;position:fixed;right:20px;text-align:center;width:40px;z-index:1}@media screen and (max-width:1300px){.bot-box .bot-list .item[data-v-c9375e7c]{width:calc(33.33% - 10px)}}@media screen and (max-width:1200px){.bot-box .bot-header-box[data-v-c9375e7c]{box-shadow:0 5px 10px #00000014;top:85px}.bot-box .bot-list[data-v-c9375e7c]{height:calc(100vh - 230px)}}@media screen and (max-width:1000px){.show[data-v-c9375e7c]:after{background-color:#00000080;content:"";display:block;height:100%;left:0;position:absolute;right:0;top:0}.show .aside-section[data-v-c9375e7c]{transform:translate(0)}.aside-section[data-v-c9375e7c]{bottom:0;left:0;position:fixed;top:85px;transform:translate(-280px);width:260px}.bot-box .bot-header-box .title[data-v-c9375e7c]{font-size:15px}.bot-box .bot-header-box[data-v-c9375e7c] .el-input{width:calc(100vw - 150px)}.btn-switch[data-v-c9375e7c]{display:block}}@media screen and (max-width:768px){.bot-box .bot-header-box .bot-header[data-v-c9375e7c]{padding-left:0;padding-right:0}.bot-box .bot-list .item[data-v-c9375e7c]{width:calc(50% - 7.5px)}}