/* 彩虹橋牆：展開視窗裡的「去{name}的小窗台」按鈕（bridge-room-link.js）。照片下方、說明文字上方，整條寬
   2026-11-10 站長：樣式跟下方「點燈／留言」鈕一樣（半透明底＋細框＋薄薄的按鈕厚度），不要原本的大陰影；左邊放窗台截圖（分享圖上半部） */
.br-room-link {
  display: flex; align-items: center; gap: 0.75rem; width: 100%; box-sizing: border-box; min-height: 3.4rem;
  margin: 0 0 1rem; padding: 0.4rem 1rem 0.4rem 0.4rem; border-radius: 99rem; font-family: inherit; font-size: 1rem; letter-spacing: 0.02em;
  text-decoration: none !important; cursor: pointer;
  background: rgba(255, 255, 255, 0.06); border: 1px solid var(--br-card-line, rgba(255, 255, 255, 0.1)); color: var(--br-gold-soft, #f3d9ae) !important;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.28), 0 5px 12px -6px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08);   /* 同 bridge-depth.css 的 .br-msg-open */
  transition: background 0.2s, transform 0.1s ease, box-shadow 0.1s ease;
  -webkit-tap-highlight-color: transparent;
}
.br-room-link:hover, .br-room-link:visited { color: var(--br-gold-soft, #f3d9ae) !important; }
.br-room-link:hover { background: rgba(255, 255, 255, 0.16); }
.br-room-link:active { transform: translateY(2px); box-shadow: 0 0 0 rgba(0, 0, 0, 0.28), 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 3px rgba(0, 0, 0, 0.25); }
.br-room-link:focus, .br-room-link:focus-visible { outline: none; }

/* 左邊的窗台縮圖：分享圖（1200×630）只取上半部的場景，下面那段字不要；還沒產好分享圖就顯示小窗圖示 */
.br-room-thumb {
  flex: 0 0 auto; position: relative; width: 4.4rem; height: 2.6rem; border-radius: 99rem; overflow: hidden;
  background: rgba(212, 175, 122, 0.22); display: inline-flex; align-items: center; justify-content: center;
}
.br-room-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 28%; }
.br-room-thumb .material-icons { font-size: 1.3rem; }
.br-room-link-text { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.br-room-arrow { flex: 0 0 auto; font-size: 1.2rem; }

/* 淺色卡片：跟淺色卡片上的點燈／留言鈕一樣（bridge.css .br-pastel .br-msg-open） */
.br-modal-box.br-pastel .br-room-link {
  background: rgba(255, 255, 255, 0.62); border-color: var(--pc-strong); color: var(--pc-ink) !important;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.12), 0 5px 12px -6px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.br-modal-box.br-pastel .br-room-link:hover { background: rgba(255, 255, 255, 0.92); color: var(--pc-ink) !important; }
.br-modal-box.br-pastel .br-room-thumb { background: color-mix(in srgb, var(--pc-strong) 35%, #fff); }
/* 卡片本身（牆上）不顯示，只在展開視窗裡 */
.br-card .br-room-link { display: none; }
@media (prefers-reduced-motion: reduce) { .br-room-link { transition: background 0.2s; } }