/* ============================================================
   表情画廊专属：接触感
   —— 透明底的图铺棋盘格（一眼看出是 PNG，不是白底图）
   —— 壁纸卡自动变 9:16 竖版，跟手机屏幕同比例
   —— 下载按钮浮在右下角，移动端（无 hover）常驻显示
   ============================================================ */
/* 空态按钮行：清空筛选 + 投稿入口（docs/14 §8 空结果态） */
.e-row{ display:flex; gap:.7rem; flex-wrap:wrap; justify-content:center; }
.tagrow{ display:flex; gap:.4rem; flex-wrap:wrap; padding:0 0 .72rem; }
/* .chip / .tile 走共享层（_base.css）—— 页面级同名规则一律删 */
@media (max-width:980px){
  /* 手机/平板把标签收成一条横向滑轨：320px 下原来要折 4 行、
     光标签就占 201px。宽度直接扣掉 60px 给圆形浮钮，
     用 margin 保持和 wrap 同一条左边线。 */
  .tagrow{
    width:calc(92vw - 60px); margin-left:4vw; margin-right:auto;
    flex-wrap:nowrap; overflow-x:auto; overscroll-behavior-x:contain;
    padding:0 24px .5rem 0; scroll-padding-right:24px;
    scrollbar-width:none; -webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 calc(100% - 18px),transparent 100%);
  }
  .tagrow::-webkit-scrollbar{ display:none; }
  .tagrow .chip{ flex:0 0 auto; }
}
@media (max-width:560px){
  /* 560px 以下 .wrap 从 92vw 变 90vw，标签行跟着对齐 */
  .tagrow{ width:calc(90vw - 60px); margin-left:5vw; }
}

/* 列宽是 .grid 的公开参数（--col），挂在页面自己的钩子类上，
   避免出现「页面再写一遍 .grid」这种同名覆盖（后注入的页面样式会静默赢）。 */
.gal-grid{ --col:176px; }
/* figure 默认 margin 1em 40px：共享层没重置它，卡片带硬描边后
   这 40px 左缩进会非常明显，在这里补掉 */
.gitem{ margin:0; }
/* 格子衬纸白（docs/23 §3.1：主体图衬纸白，不衬深）。
   暗底站的 #0A0908 深色格在奶黄页面上是 48 个黑洞，已翻亮。
   贴深色验收只属于抠底质检流程（reference/），不是站点展示衬底。 */
.gcell{
  position:relative; display:block; overflow:hidden;
  background:var(--paper);
}
.gcell img{ width:100%; aspect-ratio:1/1; object-fit:cover; transition:transform .55s var(--ease); }
/* 透明底的图：图元完整显示不裁切（棋盘格是共享类 .chk，构建期加在 .gcell 上） */
.gitem.is-alpha .gcell img{ object-fit:contain; }
.gitem[data-cat="wall"] .gcell img{ aspect-ratio:9/16; object-fit:cover; }
.gitem:hover .gcell img{ transform:scale(1.045); }
figcaption{ padding:.7rem .75rem .85rem; }
/* 图注整块是详情页入口（点图仍是灯箱）：块级链接，触控区覆盖整行图注 */
figcaption a{ display:block; }
figcaption a:hover b{ text-decoration:underline; text-underline-offset:.28em; }
figcaption b{ display:block; font-size:var(--fs-sm); line-height:1.45; }
figcaption span{ display:block; margin-top:.2em; font-family:var(--mono); font-size:var(--fs-xs); color:var(--text-2); }
/* 下载钮：墨底奶黄字徽标（暗底那套 rgba(0,0,0,.8) + var(--text)
   在令牌翻亮后会变成墨底墨字，读不出）。hover 底色互换，无位移。 */
.gdl{
  position:absolute; right:8px; bottom:8px; z-index:3;
  display:inline-flex; align-items:center; gap:.34em;
  padding:.44em .7em; border-radius:var(--r-pill);
  border:2px solid var(--ink);
  font-family:var(--mono); font-size:var(--fs-xs); font-weight:700;
  background:var(--ink); color:var(--yellow);
  opacity:0; transition:opacity .3s, background var(--dur-ui) var(--ease-soft), color var(--dur-ui) var(--ease-soft);
}
.gdl svg{ width:11px; height:11px; }
/* 悬停露出来；键盘 Tab 到它时同样露出来 —— 否则焦点落在一个 opacity:0 的链接上，
   看得见的只有一个没有去向的光标。触屏没有 hover，整块常显。 */
.gitem:hover .gdl,
.gdl:focus-visible{ opacity:1; }
.gdl:hover{ background:var(--yellow); color:var(--ink); }
@media (hover:none){ .gdl{ opacity:1; } }

/* 灯箱样式在共享层（_base.css「共享组件 · 灯箱」）—— 原先这一页和名画馆藏
   各写一份，尺寸与类名都漂了，已抽走。这里只留画廊独有的东西。 */

/* 手机两列。原先的 44vw 在 320–560 会算成单列（2×44vw + gap > 90vw），
   卡片被拉到整屏宽；直接给两条等宽轨道，列宽由容器决定。 */
@media (max-width:560px){
  .gal-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
}