main{width:100%;padding:0 32px}.photoEffects_container{width:100%;background:#fff 0% 0% no-repeat padding-box;height:100%;overflow:hidden;display:flex;flex-direction:column;overflow-y:auto;border-radius:12px}.photoEffects_table{padding:20px;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:12px;display:grid}.photoEffects_table .effects_item{position:relative;display:flex;flex-direction:column;cursor:pointer}.photoEffects_table .effects_item .effects_banner{width:100%;height:224px;border-radius:12px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.photoEffects_table .effects_item .effects_icon{border:1px solid rgba(0,0,0,0);border-radius:0px 8px 0px 14px;height:20px;padding:0 12px;font:italic normal bold 10px/16px Poppins;color:#fff;position:absolute;right:10px;top:8px}.photoEffects_table .effects_item .effects_icon.HOT{background:rgba(0,0,0,0) linear-gradient(124deg, #ffff5e 0%, #f3592b 100%) 0% 0% no-repeat padding-box}.photoEffects_table .effects_item .effects_icon.NEW{background:rgba(0,0,0,0) linear-gradient(90deg, #f8676d 0%, #ee1a3d 100%) 0% 0% no-repeat padding-box}.photoEffects_table .effects_item .effects_icon.PRO{background:rgba(0,0,0,0) linear-gradient(124deg, #f4d01b 0%, #ff9560 100%) 0% 0% no-repeat padding-box}.photoEffects_table .effects_item .effects_item_btn{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:0 18px;font:normal normal 500 15px/10px Poppins;letter-spacing:0px;color:#fff;border-radius:18px;height:29px;white-space:nowrap;display:flex;align-items:center;background:rgba(0,0,0,0) linear-gradient(270deg, #4c15e2 0%, #8b3dff 100%) 0% 0% no-repeat padding-box;opacity:0;transition:all .3s ease}.photoEffects_table .effects_item .effects_item_name{font:normal normal 500 14px/21px Poppins;color:#fff;position:absolute;top:12px;max-width:150px;word-break:break-all;left:17px}.photoEffects_table .effects_item::before{content:"";display:block;position:absolute;width:100%;top:0;height:58px;background:rgba(0,0,0,0) linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%) 0% 0% no-repeat padding-box;border-radius:16px 16px 0px 0px;opacity:.69}.photoEffects_table .effects_item.active,.photoEffects_table .effects_item:hover{box-shadow:0px 0px 0px 4px #8b3dff;border-radius:15px;outline:1px solid #fff}.photoEffects_table .effects_item.active .effects_footer,.photoEffects_table .effects_item:hover .effects_footer{color:#8b3dff}@media screen and (min-width: 1200px){.photoEffects_table .effects_item:hover .effects_item_btn{opacity:1;bottom:19px}}.effect_loading{width:100%;min-height:150px;display:flex}@media screen and (min-width: 1200px){main{height:calc(100vh - var(--gen-header-height));min-height:800px;padding-bottom:16px;width:100%}}@media screen and (max-width: 1200px){main{width:100%;padding:.4rem 0 0}.photoEffects_table{display:flex;flex-wrap:wrap;gap:.45rem .2rem;padding:.31rem}.photoEffects_table .effects_item{width:3.34rem;cursor:pointer}.photoEffects_table .effects_item .effects_banner{width:100%;height:2.49rem;border-radius:.12rem}.photoEffects_table .effects_item .effects_item_btn{position:absolute;padding:0 .18rem;border-radius:.26rem;height:.45rem;font:normal normal 500 .24rem/.16rem Poppins}.photoEffects_table .effects_item .effects_item_name{font:normal normal 500 .24rem/.35rem Poppins;color:#fff;position:absolute;top:12px;max-width:1.5rem;word-break:break-all;left:17px}.photoEffects_table .effects_item::before{height:.77rem;border-radius:.16rem .16rem 0rem 0rem}}#effect_observe{width:100%;height:2px;flex-shrink:0}