/* ============================================================
   KidDaily 积分管理页 points.html — 兑换奖励区
   由原型机械抽取；裸 hex 收编为 var()
   ============================================================ */

.redeem-actions{display:flex;align-items:center;gap:10px;}
.btn-add{
  height:40px;border-radius:var(--radius-pill);background:var(--coral);
  padding:0 18px 0 16px;
  display:flex;align-items:center;justify-content:center;gap:6px;
  box-shadow:var(--shadow-btn);
  transition:transform .14s ease,background-color .16s ease,box-shadow .16s ease;
}
.btn-add:hover{background:var(--coral-hover);box-shadow:var(--shadow-btn-hover);}
.btn-add:active{transform:translateY(1px) scale(.985);}
.btn-add:focus-visible{box-shadow:var(--focus-ring);outline:none;}
.btn-add span{font-size:13.5px;font-weight:600;color:#fff;line-height:18px;white-space:nowrap;}
.btn-add svg{display:block;flex:0 0 auto;}

.reward-grid{
  display:grid;
  grid-template-columns:repeat(5,307px);
  gap:16px;
  align-content:start;
}

.reward{
  width:307px;height:316px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.reward.is-removing{animation:cardOut .28s ease forwards;}
@keyframes cardOut{to{opacity:0;transform:scale(.92);}}

.reward-cover{
  position:relative;width:100%;height:230px;flex:0 0 230px;
  background:var(--field);overflow:hidden;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  color:var(--faded);
}
.reward-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.reward:hover .reward-cover img{transform:scale(1.05);}

/* 积分不足 / 可兑换 的角标 */
.cover-flag{
  position:absolute;left:0;bottom:0;
  padding:5px 10px 5px 9px;
  background:var(--overlay-dark);
  backdrop-filter:blur(4px);
  border-radius:0 10px 0 0;
  display:flex;align-items:center;gap:4px;
}
.cover-flag svg{display:block;}
.cover-flag span{font-size:11.5px;font-weight:500;color:#fff;line-height:16px;}

/* hover 时右上角出现删除按钮 */
.reward-del{
  position:absolute;top:10px;right:10px;
  width:28px;height:28px;border-radius:14px;
  background:var(--toast-bg);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  opacity:0;transform:scale(.82);
  transition:opacity .18s ease,transform .18s ease,background-color .16s ease;
  z-index:2;
}
.reward-cover:hover .reward-del{opacity:1;transform:scale(1);}
.reward-del:hover{background:var(--coral-deep);}
.reward-del svg{display:block;}

.reward-meta{padding:16px;display:flex;flex-direction:column;gap:7px;flex:1 1 auto;}
.reward-name{font-size:15px;font-weight:600;color:var(--ink);line-height:21px;}
.reward-foot{display:flex;align-items:center;justify-content:space-between;}
.cost{
  height:26px;border-radius:var(--radius-pill);background:var(--coral-soft);
  padding:0 11px 0 10px;
  display:flex;align-items:center;gap:4px;
}
.cost svg{display:block;flex:0 0 auto;}
.cost span{font-family:var(--font-num);font-size:12.5px;font-weight:600;color:var(--coral-deep);line-height:17px;}
.stock-ok{font-size:11.5px;font-weight:500;color:var(--up);line-height:16px;}
.stock-no{font-size:11.5px;font-weight:500;color:var(--coral-deep);line-height:16px;}

/* 添加占位卡 */
.reward--add{
  background:var(--field);border:1px solid var(--line-soft);
  align-items:center;justify-content:center;gap:14px;
  cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease;
}
.reward--add:hover{background:var(--chip-hover);border-color:var(--ghost-hover-border);}
.reward--add .add-ring{
  width:52px;height:52px;border-radius:26px;
  background:var(--card);border:1px solid var(--line-soft);
  display:flex;align-items:center;justify-content:center;
  color:var(--coral);
  transition:border-color .16s ease,transform .18s ease;
}
.reward--add:hover .add-ring{border-color:var(--coral);transform:scale(1.06);}
.reward--add b{font-size:14px;font-weight:600;color:var(--ink-3);line-height:20px;}
.reward--add p{font-size:11.5px;line-height:17px;color:var(--label);text-align:center;}

/* 只读成员隐藏全部写入口（AC-09） */
.is-viewer [data-admin-only]{display:none !important;}