.container-box[data-v-24a826ae]{width:100%;min-height:100vh;background-color:#f6f8f7;padding-top:5rem;box-sizing:border-box}.main-layout[data-v-24a826ae]{display:flex;width:100%;box-sizing:border-box;z-index:3}.main-layout .main-content[data-v-24a826ae]{flex:1;padding:1.5rem;box-sizing:border-box;height:100%;width:100%}[data-v-2fca5808] .main-content{min-height:calc(100vh - 7rem);margin-left:17.8125rem}.sidebar-box[data-v-2fca5808]{position:fixed;left:0;scrollbar-width:thin;scrollbar-color:#ccc #f1f1f1}.background-overlay[data-v-2fca5808]{position:fixed;top:.3125rem;left:0;width:100%;height:calc(100% - .3125rem);background-image:url(../img/tank.de9cb632.png);background-repeat:no-repeat;background-position:top;background-attachment:fixed;background-size:cover;opacity:0;z-index:99999;pointer-events:none}.home-container[data-v-2fca5808]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(246,248,247,.85);z-index:2;pointer-events:none}.main-layout[data-v-2fca5808]{box-sizing:border-box;display:flex;margin:1.5rem 0 1.5rem 1.5rem;min-height:calc(100vh - 6.875rem);position:relative;z-index:3;height:100%}.category-bar[data-v-2fca5808]{margin-bottom:1.4rem;margin-top:1.25rem}.category-group[data-v-2fca5808]{margin-bottom:.75rem;display:flex;align-items:center;flex-wrap:wrap}.category-title[data-v-2fca5808]{font-size:1.5625rem;font-weight:700;margin-right:1rem;color:#2f3b46;white-space:nowrap}.category-tags[data-v-2fca5808]{display:flex;flex-wrap:wrap;gap:.75rem}.tag[data-v-2fca5808]{display:inline-block;width:7.5rem;height:1.875rem;line-height:1.875rem;padding:0;margin-right:0;border-radius:.625rem;font-size:1rem;text-align:center;cursor:pointer;border:.0625rem solid #596365;background-color:#fdfdfd;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag.active[data-v-2fca5808]{background-color:#596365;color:#fff}.tag[data-v-2fca5808]:hover{background-color:#eaeaea;color:#596365}.card-grid[data-v-2fca5808]{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;z-index:10}.tool-card[data-v-2fca5808]{height:100%;width:100%;background-color:hsla(0,0%,100%,.9);border-radius:.9375rem;box-shadow:0 .125rem .5rem rgba(0,0,0,.08);overflow:hidden;transition:transform .2s;cursor:pointer}.tool-card[data-v-2fca5808]:hover{transform:translateY(-.25rem);background-color:hsla(0,0%,100%,.95)}.card-img[data-v-2fca5808]{position:relative;height:12.5rem;margin:.5rem;border-radius:.9375rem;overflow:hidden}.card-image[data-v-2fca5808]{width:100%;height:100%;z-index:11;object-fit:cover}.card-title[data-v-2fca5808]{font-size:1.4375rem;text-align:left;font-weight:700;padding:.75rem 1.125rem .25rem;color:oklch(33.511% .03312 260.932)}.card-desc[data-v-2fca5808]{font-size:1.125rem;text-align:left;color:hsla(0,0%,60%,.8235294117647058);padding:0 1.125rem 0;margin-bottom:1rem;line-height:1.8rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;max-height:3.6rem}.zhan a[data-v-2fca5808]{text-decoration:none;cursor:pointer}.zhan a[href="javascript:;"][data-v-2fca5808]{cursor:default}.empty-state[data-v-2fca5808]{width:100%}@media(max-width:1200px){.card-grid[data-v-2fca5808]{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.card-grid[data-v-2fca5808]{grid-template-columns:repeat(2,1fr)}.tag[data-v-2fca5808]{width:6.25rem;height:2.25rem;line-height:2.25rem;font-size:.875rem}}@media(max-width:768px){[data-v-2fca5808] .sidebar-box{position:static;height:auto}[data-v-2fca5808] .main-layout{flex-direction:column}[data-v-2fca5808] .main-content{width:100%;margin-left:0;min-height:auto}.card-grid[data-v-2fca5808]{grid-template-columns:1fr}.tag[data-v-2fca5808]{width:calc(50% - .375rem);height:2.5rem;line-height:2.5rem}}[data-v-2fca5808] .sidebar-box::-webkit-scrollbar{width:.375rem}[data-v-2fca5808] .sidebar-box::-webkit-scrollbar-track{background:#f1f1f1;border-radius:.1875rem}[data-v-2fca5808] .sidebar-box::-webkit-scrollbar-thumb{background:#ccc;border-radius:.1875rem}[data-v-2fca5808] .sidebar-box::-webkit-scrollbar-thumb:hover{background:#999}[data-v-2fca5808] .sidebar{background-color:hsla(0,0%,100%,.9)!important}