.goods-grid td{background:#f2f2f2;padding:10px 20px;text-align:center}
.goods-grid tr td:first-child{width:200px}
.goods-grid{border-collapse:separate;border-spacing:2px 8px;width:100%}
.grid-item{width:calc(100% / 8)}
.grid-item[data-value]{cursor:pointer}
.row-title{white-space:nowrap}
.grid-item.active,.grid-item[data-value]:hover{background-image:linear-gradient(#f2f2f2,#f2f2f2),radial-gradient(circle at top left,var(--peach) 0%,var(--red) 100%);background-origin:border-box;background-clip:padding-box,border-box;border:double 1px transparent}
#glue-item {background-image: linear-gradient(#f2f2f2,#f2f2f2),radial-gradient(circle at top left,var(--peach) 0%,var(--red) 100%);background-origin: border-box;background-clip: padding-box,border-box;border: double 1px transparent;cursor:pointer;}
#glue-item:hover{background: linear-gradient(left,var(--peach) 0%,var(--red) 100%);background: -webkit-linear-gradient(left,var(--peach) 0%,var(--red) 100%);border: 1px solid #d93735;color:var(--white);}