#app{background:#000;min-height:100vh}#app .template-page{margin-top:16px;display:flex;border-bottom:1px solid hsla(0,0%,100%,.2);gap:40px}#app .template-page .active{color:#fff!important;border-color:#fff!important}#app .template-page .page-item{color:hsla(0,0%,100%,.6);border-bottom:1px solid transparent;cursor:pointer;padding-bottom:6px}#app .template-tab{display:flex;margin-top:20px;margin-bottom:24px}#app .template-tab .line{border-right:none!important}#app .template-tab .active{background:#2d2c30;border-radius:8px;color:#fff!important;border-right:none!important}#app .template-tab .tab-item{min-width:100px;height:32px;display:flex;align-items:center;justify-content:center;border-right:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.6);cursor:pointer;padding:0 24px}#app .list-item{margin-bottom:20px;position:relative}#app .list-item .item-img{width:100%;aspect-ratio:4/3;background:#1d1e20;border-radius:8px;position:relative;overflow:hidden;cursor:pointer}#app .list-item .item-img img{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0;color:transparent;-o-object-fit:contain;object-fit:contain}#app .list-item .item-number{display:flex;justify-content:space-between;color:#fff;margin-top:12px;font-size:14px;align-items:center}#app .list-item .item-number .number-btn{height:24px;border-radius:20px;padding:0 10px;border:1px solid #fff;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;cursor:pointer}