.app-container[data-v-e98d1a3a]{display:flex;height:100%;position:relative}.aside-section[data-v-e98d1a3a]{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-e98d1a3a]{bottom:0;display:flex;flex-direction:column;left:0;position:absolute;top:0;width:100%}.aside-section .side-header[data-v-e98d1a3a]{padding:10px 10px 0}.aside-section .side-header .banner[data-v-e98d1a3a]{display:block;width:100%}.aside-section .scroll-wrap[data-v-e98d1a3a]{flex:1;height:100%;overflow-y:auto;padding:0 10px}.aside-section .skill-list[data-v-e98d1a3a]{padding:10px 0}.aside-section .skill-list li[data-v-e98d1a3a]{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-e98d1a3a]{color:var(--primary-color);font-family:SourceHanSansCN Medium;font-size:15px}.aside-section .skill-list li[data-v-e98d1a3a]:hover{background:#e9eaec}.aside-section .skill-list li div[data-v-e98d1a3a]{position:relative}.aside-section .skill-list li div .el-icon[data-v-e98d1a3a]{color:#999;position:absolute;right:0;top:50%;transform:translateY(-50%)}.right-side[data-v-e98d1a3a]{flex:1}.bot-box .bot-header-box[data-v-e98d1a3a]{background-color:#fff;position:sticky;top:109px}.bot-box .bot-header-box .bot-header[data-v-e98d1a3a]{align-items:center;display:flex;justify-content:space-between;margin:0 15px;padding:15px}.bot-box .bot-header-box .title[data-v-e98d1a3a]{font-family:SourceHanSansCN Medium;font-size:20px}.bot-box .bot-header-box[data-v-e98d1a3a] .el-input{max-width:300px;width:300px}.bot-box .bot-header-box[data-v-e98d1a3a] .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-e98d1a3a] .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-e98d1a3a]{align-content:flex-start;display:flex;flex-wrap:wrap;gap:15px;height:calc(100vh - 260px);margin:0 0 15px;overflow-y:auto;padding:3px 15px 0}.bot-box .bot-list .item[data-v-e98d1a3a]{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-e98d1a3a]:hover{box-shadow:0 6px 10px #00000014,0 0 1px #00000026;transform:translateY(-3px)}.bot-box .bot-list .item .img[data-v-e98d1a3a]{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-e98d1a3a]{flex:1;width:0}.bot-box .bot-list .item .content div[data-v-e98d1a3a]{color:#999;margin-top:5px}@media screen and (max-width:1280px){.bot-box .bot-header-box[data-v-e98d1a3a]{box-shadow:0 5px 10px #00000014;top:85px}.bot-box .bot-list-box[data-v-e98d1a3a]{height:calc(100vh - 156px)}.bot-box .bot-list[data-v-e98d1a3a]{padding:15px}.bot-box .bot-list .item[data-v-e98d1a3a]{width:calc(33.33% - 10px)}}@media screen and (max-width:1000px){.show[data-v-e98d1a3a]:after{background-color:#00000080;content:"";display:block;height:100%;left:0;position:absolute;right:0;top:0}.show .aside-section[data-v-e98d1a3a]{transform:translate(0)}.aside-section[data-v-e98d1a3a]{bottom:0;left:0;position:fixed;top:85px;transform:translate(-280px);width:260px}.bot-box .bot-header-box .title[data-v-e98d1a3a]{font-size:15px}.bot-box .bot-header-box[data-v-e98d1a3a] .el-input{width:calc(100vw - 150px)}.btn-switch[data-v-e98d1a3a]{display:block}}@media screen and (max-width:750px){.bot-box .bot-header-box .bot-header[data-v-e98d1a3a]{padding-left:0;padding-right:0}.bot-box .bot-list .item[data-v-e98d1a3a]{width:calc(50% - 7.5px)}}