/* 来自你原始代码的样式，保持一致 */
#noticeList {
    transition: transform .6s linear;
  }
  
  #noticeList li{
    min-height: 32px;
    padding: 4px 10px;
    line-height: 1.4;
    word-break: break-all;
    white-space: normal;
    opacity: .9;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .grid-cell{
    aspect-ratio: 1 / 1;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.15);
    background:rgba(0,0,0,.4);
    font-size:14px;
    padding:6px;
    text-align:center;
  }
  
  .grid-cell.active{
    background:#22d3ee;
    color:#000;
    transform:scale(1.08);
  }
  
  .sku{
    border:1px solid rgba(255,255,255,.2);
    border-radius:10px;
    padding:8px;
    transition:.2s;
    background:rgba(0,0,0,.4);
    color: #fff;
  }
  
  .sku.active{
    background:#22d3ee;
    color:#000;
  }