/* 扑克牌样式 - 用CSS绘制，无需图片 */

.card{
  background:linear-gradient(180deg,#fff,#f0ead6);
  display:flex;flex-direction:column;justify-content:space-between;
  padding:3px 4px;
  font-family:Georgia,"Times New Roman",serif;
}
.card.red{color:#d63347;}
.card.black{color:#1a1a1a;}
.card .corner{
  font-size:13px;font-weight:700;line-height:1;
  display:flex;flex-direction:column;align-items:center;
}
.card .corner.tl{align-self:flex-start;}
.card .corner.br{align-self:flex-end;transform:rotate(180deg);}
.card .corner .r{font-size:13px;}
.card .corner .s{font-size:11px;}
.card .center-suit{
  font-size:24px;text-align:center;align-self:center;
  margin:auto 0;
}
.card.joker .center-suit{font-size:18px;font-weight:700;}
.card.joker.red .center-suit{color:#d63347;}
.card.joker.black .center-suit{color:#1a1a1a;}
.card.joker .corner .r{font-size:9px;}

/* 小型卡牌（用于显示对手打出的牌） */
.card.mini{
  width:34px;height:50px;padding:2px 3px;
}
.card.mini .corner{font-size:10px;}
.card.mini .corner .s{font-size:8px;}
.card.mini .center-suit{font-size:16px;}

/* 卡背 */
.card.back{
  background:
    repeating-linear-gradient(45deg,#5e2a2a 0,#5e2a2a 4px,#3a1010 4px,#3a1010 8px);
  border:2px solid #2a0808;
}
.card.back::after{
  content:'银';color:var(--gold);font-size:20px;font-weight:900;
  display:flex;align-items:center;justify-content:center;height:100%;
  text-shadow:0 0 4px rgba(232,196,104,0.6);
}

/* 高亮可出的牌 */
.card.playable{box-shadow:0 0 0 1.5px rgba(232,196,104,0.6),0 2px 6px rgba(0,0,0,0.5);}