/* 🎁 邀請好友（js/invite.js，伺服器第 703 項，站長 2026-11-07「邀請好友」）：遊戲裡的視窗沿用單機版小視窗的外框（.lmui-ov .cl-ov，見 lmui.css），這裡只放裡面的卡片；
   登入畫面的邀請卡（#invite-banner）放在 #login-art-stage 裡，蓋在信紙上「打開網頁就能玩」那兩行賣點的位置（帳密框上面沒有空位；start.css 那條「舞台裡不認得的一律藏起來」有放行它） */
.iv-ov .box { max-width: 400px; }
.iv-ov .bd { gap: 8px; padding: 8px; }
.iv-card { display: flex; flex-direction: column; gap: 6px; padding: 8px; border: 1px solid #4a3f30; border-radius: 6px; background: #1a1612; color: #d9cdb2; }
.iv-me { border-color: #b7945a; background: linear-gradient(#2d2210, #17110a); }
.iv-h { font-size: 14px; font-weight: 700; color: #cdb98a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.iv-me .iv-h { color: #ffd77a; }
.iv-rw { display: flex; align-items: center; gap: 8px; min-height: 40px; }
.iv-lb { flex: none; width: 6.4em; font-size: 13px; color: #d9cdb2; white-space: nowrap; }
.iv-ics { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.iv-ic { position: relative; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; cursor: pointer; }
.iv-ic img { width: 100%; height: 100%; object-fit: contain; }
.iv-ic img.ic35 { image-rendering: pixelated; }
.iv-ic em { position: absolute; right: -5px; bottom: -4px; padding: 0 3px; border-radius: 4px; background: rgba(0,0,0,.78); color: #fff; font: 700 11px/1.3 sans-serif; font-style: normal; text-shadow: 0 1px 0 #000; pointer-events: none; }
.iv-st { flex: none; margin-left: auto; font-size: 13px; color: #a8997a; white-space: nowrap; }
.iv-st + .iv-st { margin-left: 6px; }
.iv-st.lit { color: #ffd77a; font-weight: 700; text-shadow: 0 0 6px rgba(242,193,78,.6); }
.iv-st.ok { color: #8fe08a; }
.iv-st.off { color: #8a7f6c; }
/* 我的連結：整條一排（讀得到完整網址），複製／分享兩顆鈕在下面一排 */
.iv-url { box-sizing: border-box; width: 100%; height: 36px; padding: 0 8px; border: 1px solid #5a4630; border-radius: 6px; background: #0e0b09; color: #f0e2bf; font-family: inherit; font-size: 14px; outline: none; }
.iv-url:focus { border-color: #c9a25a; }
.iv-btns { display: flex; gap: 6px; }
.iv-btns button { flex: 1; min-height: 38px; border: 1px solid #b7945a; border-radius: 6px; background: linear-gradient(#3a2c14, #20180b); color: #ffe9a8; font-family: inherit; font-size: 15px; font-weight: 700; letter-spacing: 2px; cursor: pointer; }
.iv-btns button:active { border-color: #f2c14e; background: #4a3512; }
/* 好友名單：一位一排（等級、名字、右邊狀態） */
.iv-frs { gap: 0; }
.iv-frs .iv-h { margin-bottom: 4px; }
.iv-fr { display: flex; align-items: center; gap: 8px; min-height: 34px; padding: 4px 2px; border-top: 1px solid #2f281e; }
.iv-lv { flex: none; width: 3.6em; font-size: 12px; color: #cdb98a; white-space: nowrap; }
.iv-nm { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #f1ead9; }
.iv-none { padding: 6px 2px 2px; font-size: 13px; color: #a8997a; text-align: center; }
.iv-cnt { font-size: 12px; color: #a8997a; text-align: right; }
.iv-res { padding: 6px 8px 0; font-size: 13px; color: #cfd8a8; text-align: center; }
.iv-res[hidden] { display: none; }
.iv-ov .ft { padding: 8px; }
.iv-ov .ft button { min-height: 50px; font-size: 19px; letter-spacing: 3px; }
.iv-ov .ft button.lit { border-color: #f2c14e; background: linear-gradient(#8a6417, #4a3309); color: #fff3cf; text-shadow: 0 1px 0 #000; box-shadow: 0 0 10px rgba(242,193,78,.55); }
@media (max-height: 500px) {   /* 矮的畫面（手機橫放）：縮一點，同 signin.css */
  .iv-ov .bd { gap: 5px; padding-top: 4px; }
  .iv-card { padding: 5px 8px; gap: 4px; }
  .iv-rw { min-height: 32px; }
  .iv-ic { width: 30px; height: 30px; }
  .iv-url { height: 32px; }
  .iv-btns button { min-height: 32px; font-size: 14px; }
  .iv-fr { min-height: 28px; padding: 2px; }
  .iv-ov .ft { padding: 8px 8px 10px; }
  .iv-ov .ft button { min-height: 40px; font-size: 17px; }
}

/* ── 登入畫面的邀請卡：直式在信紙上半（賣點兩行的位置）、橫式同樣位置；金框深底，蓋住的賣點藏起來 ── */
#invite-banner { position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); z-index: 3; box-sizing: border-box; width: max-content; max-width: 88%;
  display: flex; flex-direction: column; align-items: center; gap: .3em; padding: .6em 1.1em; border: 1px solid #e2bd6b; border-radius: 6px;
  background: linear-gradient(rgba(40,28,10,.94), rgba(16,11,5,.94)); box-shadow: 0 0 0 1px rgba(0,0,0,.6), 0 0 14px rgba(242,193,78,.45);
  color: #f0e2bf; font-family: "Microsoft JhengHei", "PingFang TC", "Noto Sans TC", sans-serif; font-size: max(12px, 3.4cqw); line-height: 1.35; text-align: center; pointer-events: none; user-select: none; }
#invite-banner b { color: #ffd77a; font-size: 1.15em; letter-spacing: .04em; text-shadow: 0 1px 0 #000; }
#invite-banner span { color: #e8dcc0; }
#login-art-stage.inv-on .login-scroll-note .lsn-sell { visibility: hidden; }
#login-art-stage.slashing > #invite-banner { visibility: hidden; }   /* 按「登錄」的劈開動畫：同信紙上的字一起藏 */
body.pcui #invite-banner { top: 48%; max-width: 72%; font-size: max(11px, 1.7cqw); white-space: nowrap; }   /* 橫式：舞台矮（手機橫放只有 520 寬）＝一行到底，不折成四行蓋到帳密框 */