/* BUILD 179(老板:「主页排版就放 21Ace 喝酒游戏 休闲游戏,三个大分类在主页」):
 *  登录后的大厅首页(#lobby.lobby-top)只有三张大图卡,上下排,手机一屏看完;
 *  点「21Ace」进 .lobby-ace = 以前的首页(15 扇门 + 牌桌 / 街机 / 全服同场分组 + 最近玩过 + 跑马灯),左上角多一颗「‹ 首页」;
 *  「喝酒游戏」/「休闲游戏」进休闲页(#freeview)对应的一栏。大厅最底下那条旧的休闲入口(.freelink)两层都不再显示。 */
#app .homecards{display:none}
#app .lobby-top .homecards{display:flex;flex-direction:column;gap:12px;order:2;width:100%;max-width:560px;margin:0 auto 4px}
#app .lobby-top .catnav,#app .lobby-top .catbar.v2,#app .lobby-top .lobticker,#app .lobby-top .recentrow,#app .lobby-top .freelink,#app .lobby-top #btnCatHome,#app .lobby-top .catempty{display:none}
#app .lobby-ace .freelink{display:none}
#app .lobby-top .lobhead h1{margin-bottom:12px}
#app .lobby-top .lobrules{order:8}
/* 大厅最下面那一行条款链接:真的放最下面(以前没给 order,在 flex 列里排到了最上头) */
#app .lobby-home .lobfoot{order:99}
/* 「‹ 首页」:只在 21Ace 那一层出现,靠左,排在最上面 */
#app .lobby-ace #aceBack{order:0;align-self:flex-start;margin:0 0 8px}
#app .lobby-ace #aceBack.hide{display:none}

/* ── 三张大卡:整张是图,字压在图的下沿;右下一颗「进入 →」 ── */
#app .hcard{position:relative;display:block;width:100%;padding:0;margin:0;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background:#0f1420;color:var(--ink);text-align:left;cursor:pointer;
  box-shadow:0 10px 26px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);-webkit-tap-highlight-color:transparent;transition:transform .12s ease,box-shadow .12s ease}
#app .hcard:active{transform:scale(.985)}
#app .hcard .hcart{display:block;width:100%;aspect-ratio:2.25/1;overflow:hidden;background:#0b0f18}
#app .hcard .hcart img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.02)}
#app .hcard .hctx{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:3px;padding:34px 118px 12px 14px;
  background:linear-gradient(180deg,rgba(8,10,16,0) 0%,rgba(8,10,16,.62) 42%,rgba(8,10,16,.9) 100%);pointer-events:none}
#app .hcard .hctx b{font-family:var(--display);font-size:21px;line-height:1.1;letter-spacing:.04em;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}
#app .hcard .hctx i{font-style:normal;font-size:12px;line-height:1.35;color:rgba(255,255,255,.78);text-shadow:0 1px 4px rgba(0,0,0,.6)}
#app .hcard .hcgo{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;background:var(--gold,#d4af37);color:#1a1200;font-weight:800;font-size:12px;letter-spacing:.04em;
  box-shadow:0 4px 12px rgba(0,0,0,.35);pointer-events:none;white-space:nowrap}
#app .hc-ace{border-color:rgba(212,175,55,.45)}
#app .hc-ace .hcgo{background:var(--gold,#d4af37)}
#app .hc-drink .hcgo{background:#ffb547;color:#2a1600}
#app .hc-free .hcgo{background:#7ee0ff;color:#04202a}
#app .hc-ace .hctx b{color:#ffe9a8}
/* 右上角「15 款」小牌 */
#app .hcard .hcn{position:absolute;top:10px;right:10px;padding:5px 10px;border-radius:999px;background:rgba(8,10,16,.72);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.04em;backdrop-filter:blur(6px);pointer-events:none}
/* 手机竖屏:三张卡 + 招呼语一屏放得下(iPhone 13:664 高) */
@media(max-width:480px){
  #app .lobby-top .homecards{gap:10px}
  #app .hcard .hcart{aspect-ratio:2.35/1}
  #app .hcard .hctx{padding:28px 108px 10px 12px}
  #app .hcard .hctx b{font-size:19px}
  #app .hcard .hctx i{font-size:11.5px}
  #app .hcard .hcgo{padding:7px 11px;font-size:11.5px;right:10px;bottom:10px}
}
@media(max-height:620px) and (max-width:480px){
  #app .hcard .hcart{aspect-ratio:2.8/1}
  #app .lobby-top .lobhead h1{font-size:17px;margin-bottom:8px}
}
/* 宽屏:三张卡并排一行 */
@media(min-width:900px){
  #app .lobby-top .homecards{flex-direction:row;max-width:1100px;gap:18px;margin-top:6px}
  #app .hcard{flex:1 1 0;min-width:0}
  #app .hcard .hcart{aspect-ratio:1.25/1}
  #app .hcard .hctx{padding:60px 118px 16px 18px}
  #app .hcard .hctx b{font-size:26px}
  #app .hcard .hctx i{font-size:13px}
  #app .hcard .hcgo{right:16px;bottom:16px;padding:10px 16px;font-size:13px}
  #app .hcard .hcn{top:14px;right:14px;font-size:12.5px}
}

/* ── 官网首页(登录前)游戏一节分三块:每块一张横幅封面 + 下面的清单 ── */
#app #landGames{display:block}   /* 外层不再是两列栅格,三块各占整行;每块里面的封面清单才是栅格 */
#app .lgblock{margin:0 0 30px}
#app .lgblock:last-child{margin-bottom:0}
#app .lgbanner{position:relative;display:block;width:100%;aspect-ratio:2.6/1;margin:0 0 12px;border-radius:16px;overflow:hidden;background:#0b0a0e;border:1px solid rgba(255,255,255,.1);cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.4)}
#app .lgbanner img{display:block;width:100%;height:100%;object-fit:cover}
#app .lgbanner .lgbtx{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 12px;background:linear-gradient(180deg,rgba(8,10,16,0),rgba(8,10,16,.68) 40%,rgba(8,10,16,.92));pointer-events:none}
#app .lgbanner h3{margin:0 0 3px;font:800 22px/1.1 var(--display);letter-spacing:.04em;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}
#app .lgb-ace .lgbanner h3{color:#ffe9a8}
#app .lgbanner p{margin:0;font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.8)}
#app .lgb-drink .lgbanner{border-color:rgba(255,181,71,.35)}
#app .lgb-free .lgbanner{border-color:rgba(126,224,255,.35)}
/* 喝酒游戏:小图标 + 名字 + 一句话,手机一列、电脑两列 */
#app .lgdk{display:grid;grid-template-columns:1fr;gap:8px}
#app .lgdkc{display:flex;align-items:center;gap:12px;padding:9px 12px;text-align:left;border-radius:14px;background:#121016;border:1px solid rgba(255,255,255,.07);color:var(--ink);transition:transform .2s,border-color .2s}
#app .lgdkc:hover{transform:translateY(-1px);border-color:rgba(255,181,71,.5)}
#app .lgdki{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:12px;color:#1b1024;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
#app .lgdki svg{width:30px;height:30px}
#app .lgdkc.g-dice .lgdki{background:linear-gradient(145deg,#ffe0a0,#ffb547 55%,#ff8a3d)}
#app .lgdkc.g-cards .lgdki{background:linear-gradient(145deg,#ffc2e0,#ff5fb0 55%,#c14fe8)}
#app .lgdkc.g-luck .lgdki{background:linear-gradient(145deg,#b6fff6,#3ef2e0 55%,#4f8bff)}
#app .lgdkc.g-talk .lgdki{background:linear-gradient(145deg,#e5ffb0,#8ee6b0 55%,#2fc9a8)}
#app .lgdkt{display:flex;flex-direction:column;gap:2px;min-width:0}
#app .lgdkt b{font-size:14.5px;color:var(--ink)}
#app .lgdkt i{font-style:normal;font-size:12px;line-height:1.45;color:var(--dim)}
/* 休闲:像素门图(64×48 的画布放大,保持像素)*/
#app .lgpx .lgame:first-child{grid-column:auto}
#app .lgpx .lgame:first-child .lgimg{aspect-ratio:4/3}
#app .lgpx .lgimg{background:#0a0c1e;display:grid;place-items:center}
#app .lgpx .lgimg img{image-rendering:pixelated;object-fit:contain}
#app .lgpx .lgtag{margin:-6px 12px 10px;font-size:10.5px;letter-spacing:.06em;color:#7ee0ff}
@media(min-width:700px){
  #app .lgdk{grid-template-columns:repeat(2,minmax(0,1fr))}
  #app .lgbanner{aspect-ratio:3.4/1}
  #app .lgbanner h3{font-size:26px}
}
@media(min-width:1000px){
  #app .lgpx{grid-template-columns:repeat(4,minmax(0,1fr))}
  #app .lgdk{grid-template-columns:repeat(3,minmax(0,1fr))}
}