/* 2026-10-18 官網使用體驗重整 卡 07「大廳」（inc/hub.php）。全部在 html.ifd-hub 後面：沒有＝跟今天一樣。
   第一屏＝Continue（唯一實心主按鈕 Go）＋四格；估值卡由 Worth 格取代（藏起來）；My Room 卡（hub.js 搬到 Continue 下面）變大卡。 */
.ifd-lobby{display:none}
html.ifd-hub .ifd-lobby{display:block;margin:16px 0 8px}
html.ifd-hub .ifd-head > .ifd-worthcard:not(.ifd-roomcard){display:none}

.ifd-cont{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 14px;border-radius:18px;border:1px solid var(--ifd-line,rgba(255,255,255,.11));background:var(--ifd-panel,#15151f);color:var(--ifd-fg,#f1eff7)!important;text-decoration:none!important;box-sizing:border-box}
.ifd-cont:hover{border-color:var(--ifd-brand,#6fe3c0)}
.ifd-cont__pic{flex:none;width:64px;height:64px;border-radius:12px;overflow:hidden;background:var(--ifd-tile-bg,#10151b);display:flex;align-items:center;justify-content:center;color:var(--ifd-acc-text,#6fe3c0)}
.ifd-cont__pic img{width:100%;height:100%;object-fit:cover;display:block}
.ifd-cont__t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.ifd-cont__k{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ifd-acc-text,#6fe3c0)}
.ifd-cont__n{font-size:16px;font-weight:800;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ifd-cont__s{font-size:13px;line-height:1.3;color:var(--ifd-muted,#a5a2b4)}
.ifd-cont__go{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:0 18px;border-radius:999px;background:var(--ifd-brand,#6fe3c0);color:#0a0a10;font-size:16px;font-weight:800}

.ifd-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.ifd-tile{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:auto!important;min-height:86px;margin:0;padding:10px 4px!important;border-radius:16px!important;border:1px solid var(--ifd-line,rgba(255,255,255,.11))!important;background:var(--ifd-panel,#15151f)!important;color:var(--ifd-fg,#f1eff7)!important;text-decoration:none!important;text-align:center;text-transform:none!important;letter-spacing:0!important;font:inherit;cursor:pointer;box-shadow:none!important;box-sizing:border-box;min-width:0}
.ifd-tile[hidden]{display:none!important}
.ifd-tile:hover{border-color:var(--ifd-brand,#6fe3c0)!important}
.ifd-tile__ic{display:flex;color:var(--ifd-acc-text,#6fe3c0)}
.ifd-tile b{font-size:14px;font-weight:800;line-height:1.15}
.ifd-tile > span:not(.ifd-tile__ic){font-size:12px;line-height:1.2;color:var(--ifd-muted,#a5a2b4);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 窄手機（4 格會擠成兩三行字）→ 2×2，圖示在左、字在右 */
@media (max-width:560px){
  .ifd-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ifd-tile{display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:1px;align-items:center;justify-items:start;text-align:left;min-height:60px;padding:10px 12px!important}
  .ifd-tile__ic{grid-row:1 / span 2}
  .ifd-tile b{font-size:15px}
}

/* My Room 大卡（hub.js 搬進 .ifd-lobby；class 不改，房間測試靠它數） */
html.ifd-hub .ifd-lobby .ifd-roomcard{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:120px;margin-top:10px}
html.ifd-hub .ifd-lobby .ifd-roomcard .ifd-roomcard__img{grid-row:1 / span 3;grid-column:2;width:112px;height:112px}

/* 分享抽屜裡的分享卡：不要再畫一圈外框 */
.ifd-sheet--share .ifd-share{margin:0;border:0;padding:0;background:none}
#ifd-walls{scroll-margin-top:90px}
/* 帳號（規格：會員大廳頁頭的 Account 入口） */
.ifd-lobby__acct{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;font-size:14px;font-weight:700;color:var(--ifd-muted,#a5a2b4)!important;text-decoration:none!important}
.ifd-lobby__acct:hover{color:var(--ifd-acc-text,#6fe3c0)!important}

/* 第二輪卡 14（html.ifd-ux2）：My Room 主打大卡。Han：「讓畫面整個再放大三到四倍…整個區塊就配合，特別去介紹」。
   寬圖（1600×1000 夜／日兩張）＋介紹句由 obsidian-84 在 inc/room.php 加好、預設 hidden；這裡只管顯示與排版。class／連結不動。
   手機＝圖滿寬在上（約 342×214，原本 100×100）；電腦＝圖左 58%（約 560×350）、字右邊置中。按鈕是外框（全頁唯一實心＝Continue 的 Go）。 */
html.ifd-ux2 .ifd-roomcard{display:flex!important;flex-direction:column;align-items:stretch!important;gap:4px;min-height:0!important;padding:0 0 18px!important;overflow:hidden;border-radius:20px!important;text-align:left!important}
html.ifd-ux2 .ifd-roomcard .ifd-worthcard__k{order:1}html.ifd-ux2 .ifd-roomcard .ifd-worthcard__v{order:2}html.ifd-ux2 .ifd-roomcard .ifd-roomcard__intro{order:3}html.ifd-ux2 .ifd-roomcard .ifd-worthcard__s{order:4}
html.ifd-ux2 .ifd-roomcard .ifd-roomcard__img{display:none!important}
html.ifd-ux2 .ifd-roomcard .ifd-roomcard__wide{order:-1;display:none;width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:16/10;object-fit:cover;margin:0 0 12px;border-radius:0!important;position:static!important;transform:none!important}
html.ifd-ux2 .ifd-roomcard .ifd-roomcard__wide.is-night{display:block!important}
html.ifd-ux2[data-ifd-theme=sun] .ifd-roomcard .ifd-roomcard__wide.is-night{display:none!important}
html.ifd-ux2[data-ifd-theme=sun] .ifd-roomcard .ifd-roomcard__wide.is-day{display:block!important}
html.ifd-ux2 .ifd-roomcard .ifd-worthcard__k,html.ifd-ux2 .ifd-roomcard .ifd-worthcard__v,html.ifd-ux2 .ifd-roomcard .ifd-roomcard__intro{display:block!important;margin:0!important;padding:0 18px}
html.ifd-ux2 .ifd-roomcard .ifd-worthcard__k{font-size:12px;font-weight:800;letter-spacing:.12em}
html.ifd-ux2 .ifd-roomcard .ifd-worthcard__v{font-size:24px!important;line-height:1.2;font-weight:900}
html.ifd-ux2 .ifd-roomcard .ifd-roomcard__intro{font-size:15px;line-height:1.5;color:#c8cbe0;margin-top:2px!important}
html.ifd-ux2 .ifd-roomcard .ifd-worthcard__s{align-self:flex-start;display:inline-flex!important;align-items:center;min-height:44px;margin:10px 18px 0!important;padding:0 22px;border-radius:999px;border:1px solid rgba(143,233,255,.55);background:rgba(143,233,255,.1);color:#8fe9ff!important;font-size:16px;font-weight:800}
html.ifd-ux2 .ifd-roomcard:hover .ifd-worthcard__s{background:rgba(143,233,255,.2)}
@media (min-width:760px){
  html.ifd-ux2 .ifd-roomcard{display:grid!important;grid-template-columns:minmax(0,58%) 1fr!important;grid-template-rows:1fr auto auto auto auto 1fr!important;column-gap:26px;row-gap:6px;padding:0 26px 0 0!important}
  html.ifd-ux2 .ifd-roomcard .ifd-roomcard__wide{grid-column:1;grid-row:1 / -1;margin:0;height:100%!important}
  html.ifd-ux2 .ifd-roomcard .ifd-worthcard__k{grid-column:2;grid-row:2;padding:0}
  html.ifd-ux2 .ifd-roomcard .ifd-worthcard__v{grid-column:2;grid-row:3;padding:0;font-size:28px!important}
  html.ifd-ux2 .ifd-roomcard .ifd-roomcard__intro{grid-column:2;grid-row:4;padding:0;font-size:16px}
  html.ifd-ux2 .ifd-roomcard .ifd-worthcard__s{grid-column:2;grid-row:5;margin:10px 0 0!important;justify-self:start}
}