#app{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;font-size:14px;color:#333;background-color:#f0f2f5}.clearfix:after{content:"";display:table;clear:both}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:4px}.layout-main-inner{padding:24px;min-height:calc(100vh - 64px);overflow:auto}.toolbar{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.pagination-container{margin-top:16px;text-align:right}.image-preview{width:100px;height:100px;object-fit:cover;cursor:pointer;border-radius:4px}.fade-transform-leave-active,.fade-transform-enter-active{transition:all .25s ease}.fade-transform-enter-from{opacity:0;transform:translate(-12px)}.fade-transform-leave-to{opacity:0;transform:translate(12px)}