/* —— 對齊與尺寸（計算式版本）—— */
:root{
  --uv-line: 1.8;          /* 第一行的 line-height（em 單位） */
  --uv-icon-em: 1.1;      /* 圖示大小 = 1.05em（可調 1.0~1.2） */
  --uv-col-em:  1.7;       /* 左欄寬度（要略大於圖示） */
  --uv-nudge:   .11em;     /* 微調：覺得偏高→加大；偏低→減少 */
}

.meta-item{
  display: grid;
  grid-template-columns: calc(var(--uv-col-em)*1em) 1fr;
  column-gap: .8rem;
  line-height: var(--uv-line);
  margin: 0 0 .8rem;
  font-size: 1.6rem;
  align-items: start;
}

.meta-item::before{
  content:"";
  width:  calc(var(--uv-icon-em)*1em);
  height: calc(var(--uv-icon-em)*1em);
  /* 將圖示置於「第一行行框」的正中線，再加微調 */
  margin-top: calc(((var(--uv-line) - var(--uv-icon-em)) * 0.5) * 1em + var(--uv-nudge));
  align-self: start;
  background-color: #fff;   /* 圖示固定白色，不跟字色走 */
  -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat;
          mask-size: contain;         mask-repeat: no-repeat;
}

@media (max-width:480px){
  :root{
    --uv-line: 1.85;
    --uv-icon-em: 1.08;
    --uv-col-em:  2.0;
    --uv-nudge:   .14em;   /* 手機通常需要再往下貼一點 */
  }
}

/* 只讓日期文字變色，圖示維持白色 */
.meta-item.release{ color:#2a7fff; }
.meta-item.release::before{ background-color:#fff; }

/* 你的五顆圖示 */
.meta-item.category::before { -webkit-mask-image:url(/icons/ic-category.svg); mask-image:url(/icons/ic-category.svg); }
.meta-item.label::before    { -webkit-mask-image:url(/icons/ic-label.svg);    mask-image:url(/icons/ic-label.svg); }
.meta-item.release::before  { -webkit-mask-image:url(/icons/ic-release.svg);  mask-image:url(/icons/ic-release.svg); }
.meta-item.disk::before     { -webkit-mask-image:url(/icons/ic-disk.svg);     mask-image:url(/icons/ic-disk.svg); }
.meta-item.note::before     { -webkit-mask-image:url(/icons/ic-note.svg);     mask-image:url(/icons/ic-note.svg); }

/* 可選：預購色 */
.meta-item.preorder{ color:#eb6b56; font-weight:700; }
/* 讓這一組的字跟下面 <p> 一樣大 */
.meta-item { font-size: 1.6rem; }
.meta-item.release{ color:#2a7fff; } /* 之後換成你最終的藍 */