/* 主页 v35 切图版 · 配套 index.html（common.css 一行未动，游戏页零风险；
   旧 .grid/.cc/.checkin/.tip 等主页旧类留在 common.css 不再被引用，不删）
   切图源：icons/home/*（用户供图 2026-10-15 收，中文名已重命名 ASCII） */

/* 背景层：整页粉调散星。
   z-index:-1 → 画在 body 背景之上、内容之下；body 渐变兜底 + 关掉全局糖屑（bg.png 自带散星） */
body{background:#ffe3f1}
body::before{display:none}
.home-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:url(../icons/home/bg.png) center/cover no-repeat}

.home-wrap{padding-top:calc(16px + env(safe-area-inset-top))}

/* 顶部：标题 logo 居中；声音/设置/装到桌面 竖列贴右边缘，落在标题右下方（原红框位置） */
.home-top{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:10px;padding-top:6px}
.home-title{display:block;width:min(58%,280px);height:auto;margin:0 auto;
  filter:drop-shadow(0 4px 8px rgba(214,110,150,.25))}
.home-btns{position:absolute;top:calc(100% - 28px);right:-6px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.home-ibtn{display:block;width:48px;height:48px;object-fit:contain;
  filter:drop-shadow(0 3px 6px rgba(214,110,150,.3))}
/* 六个游戏整块下挪，给居中标题腾位置 */
.home-top + .home-cat{margin-top:64px}
#soundBtn.muted{filter:grayscale(.9);opacity:.5}
#installBtn{font-size:9px;padding:3px 7px;letter-spacing:0}

/* 分类胶囊（动动脑 / 放心玩） */
.home-cat{display:block;width:min(46%,190px);height:auto;margin:14px 2px 10px}

/* 游戏卡行：一行三张整卡切图（名牌已含图内，flex 等分） */
.hrow{display:flex;gap:10px}
.hcard{flex:1;min-width:0;display:block;height:auto;
  filter:drop-shadow(0 4px 8px rgba(214,110,150,.22))}

/* 底部大熊装饰（右下固定，不挡卡片点击；.wrap z-index:1 在其上，重叠时卡片优先） */
.home-deco{position:fixed;right:0;bottom:0;z-index:0;pointer-events:none;
  display:block;width:min(34%,134px);height:auto;opacity:.95}

/* 矮屏收紧（保证一屏零溢出） */
@media (max-height:700px){
  .home-title{width:min(52%,240px)}
  .home-cat{width:min(40%,160px);margin:10px 2px 8px}
  .home-ibtn{width:44px;height:44px}
  .home-deco{width:min(26%,104px)}
  .home-btns{top:calc(100% - 22px)}
  .home-top + .home-cat{margin-top:40px}
}