.library-container[data-v-770021d4]{margin:0 auto}.library-page[data-v-770021d4]{background-color:rgba(241,243,245,0)}.library-banner[data-v-770021d4]{height:224px;background-image:url(../img/model-banner.ac9f8121.jpg);background-color:#000;background-size:cover;background-position-y:20%;width:100%}.banner-con[data-v-770021d4]{text-align:center;padding-left:100px;height:100%;padding-top:50px;color:#fff}.banner-con .title[data-v-770021d4]{font-size:26px;color:#fff}.banner-con .desc[data-v-770021d4]{font-size:15px;margin:10px 0}.search[data-v-770021d4]{width:320px}.search .el-input-group__append[data-v-770021d4]{padding:0 15px;background:transparent}.search .el-input__inner[data-v-770021d4]:focus{border-color:#dcdfe6}.search .el-input__suffix[data-v-770021d4]{position:absolute;top:-8%}.search .el-input__inner[data-v-770021d4]{height:40px;line-height:40px;background:transparent;color:#fff}.model-container[data-v-770021d4]{display:flex;gap:20px}.header[data-v-770021d4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e6e6e6;width:100%}.title[data-v-770021d4]{font-size:24px;font-weight:500;color:#000}.left-sidebar[data-v-770021d4]{width:250px;flex-shrink:0;margin-top:20px;color:#333}.filter-container[data-v-770021d4]{padding:20px;margin-bottom:20px}.filter-title[data-v-770021d4]{font-size:16px;color:#000;padding-bottom:10px}.chip-type[data-v-770021d4],.filter-group[data-v-770021d4]{margin-bottom:20px}.filter-group-title[data-v-770021d4]{font-size:16px;font-weight:700;margin-bottom:10px}.filter-tags .shijue[data-v-770021d4]{color:#f17613}.filter-tags .yuyin[data-v-770021d4]{color:#67c23a}.filter-tag[data-v-770021d4]{padding:6px 12px;cursor:pointer;transition:all .3s}.filter-tag.active[data-v-770021d4],.filter-tag[data-v-770021d4]:hover{background-color:#409eff;color:#fff}.right-content[data-v-770021d4]{flex:1}.sort-options-search[data-v-770021d4]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:12px 24px;margin-top:20px;background:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.model-list[data-v-770021d4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.model-card[data-v-770021d4]{background-color:#fff;cursor:pointer;overflow:hidden;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);transition:transform .3s;position:relative}.model-card[data-v-770021d4]:hover{transform:translateY(-5px)}.model-card:hover [data-v-770021d4]{z-index:1}.model-card[data-v-770021d4]:hover:before{opacity:1}.model-card[data-v-770021d4]:before{background-image:linear-gradient(269deg,#e0f4f5,#e5f3f9 24%,#bac2ea 58%,#d0b4e5 97%);content:"";height:100%;left:0;-webkit-mask-image:linear-gradient(180deg,#fff,hsla(0,0%,100%,.34) 22%,hsla(0,0%,100%,0) 61%);mask-image:linear-gradient(180deg,#fff,hsla(0,0%,100%,.341176) 22%,hsla(0,0%,100%,0) 61%);opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:0}.model-header[data-v-770021d4]{padding:15px;padding-bottom:0}.model-name[data-v-770021d4]{font-size:18px;font-weight:500;color:#000;margin-bottom:5px;display:flex;justify-content:space-between}.model-name a[data-v-770021d4]{color:#409eff}.model-name a[data-v-770021d4]:hover{color:#fff}.model-date[data-v-770021d4]{font-size:14px;color:#909399}.model-content[data-v-770021d4]{padding:15px}.model-tag[data-v-770021d4]{display:inline-block;padding:4px 8px;background-color:#f4f4f5;color:#909399;border-radius:4px;font-size:12px;margin-bottom:10px;margin-right:10px}.model-desc[data-v-770021d4]{font-size:14px;line-height:1.5;margin-bottom:15px;color:#606266;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.model-footer[data-v-770021d4]{display:flex;justify-content:space-between;align-items:center;padding:10px 15px}.model-rating[data-v-770021d4]{color:#e6a23c;font-weight:500}.model-views[data-v-770021d4]{color:#909399;font-size:14px}.pagination[data-v-770021d4]{margin-top:30px;text-align:center}@media (max-width:768px){.model-container[data-v-770021d4]{flex-direction:column}.left-sidebar[data-v-770021d4]{width:100%}}@media screen and (max-width:920px){.library-banner[data-v-770021d4]{display:none}}