/* ============ 按钮颜色 / 按钮透明度：全站手机模板统一开关 ============
   后台「微站风格 → 按钮颜色 / 按钮透明度」配一次，下面这份选择器把各模板的按钮本体都覆盖到；
   未配置时 <html> 上没有 .m-btn-cfg，整份规则不生效（模板自带样式原样保留）。
   --m-btn-bg = 按钮颜色 + 透明度（alpha），所以按钮能透出底图/底色；--m-btn-op 只给「图片型按钮」用。 */
html.m-btn-cfg .grid-card .gi,
html.m-btn-cfg .grid-block .gi,
html.m-btn-cfg .grid-tile .gi,
html.m-btn-cfg .grid-nav .gi .gi-ico,
html.m-btn-cfg .grid-circle .gi .gi-ico,
html.m-btn-cfg .d-ring-i, html.m-btn-cfg .d-c, html.m-btn-cfg .d-x,
html.m-btn-cfg .s66-t,
html.m-btn-cfg .g68-t,
html.m-btn-cfg .b67-txt{
  background-color:var(--m-btn-bg) !important;
  border-color:var(--m-btn-line) !important;
}
/* 图片型按钮（逐条上传图的图块、错落图块里的图）：透明度直接作用在图上 */
html.m-btn-cfg .b67{opacity:var(--m-btn-op,1)}

/* ==================== 栏目「按钮图片」：整格按钮换成图片 ====================
   后台「微官网 → 菜单栏目设置 → 编辑 → 按钮图片（整块替换）」逐条上传：
   传了图，该格就整块换成这张图（名称在图里），不再渲染图标与文字；
   宽度自动铺满该格（与原来按钮同宽），高度按图片自身比例——即后台提示的「建议图片尺寸」。
   选择器用 html body 开头并带 .gi-img，是为了压过模板族与「按钮颜色」那几份 !important 规则，
   保证「传了图」时底色/描边/内边距/固定高度全部让位给图片（写在样式表末尾，同样权重时后来者胜）。 */
html body .grid-nav .gi.gi-img,html body .grid-nav .gi-row.gi-img,html body .entry-list .gi-row.gi-img,
html body .grid-block .gi.gi-img,html body .grid-tile .gi.gi-img,html body .grid-card .gi.gi-img,
html body .grid-circle .gi.gi-img,html body .s66-t.gi-img,html body .g68-t.gi-img,html body .d-x.gi-img{
  padding:0!important;background:none!important;background-color:transparent!important;
  box-shadow:none!important;border:0!important;overflow:hidden;gap:0!important;opacity:var(--m-btn-op,1)}
/* 定位：这几族的按钮本来是静态定位，图片要绝对定位铺满，所以补 position:relative；
   圆盘族的 .d-ring-i/.d-c 本身就是 absolute（靠 left/top 定位），不能改它们的 position。 */
html body .grid-nav .gi.gi-img,html body .grid-nav .gi-row.gi-img,html body .entry-list .gi-row.gi-img,
html body .grid-block .gi.gi-img,html body .grid-tile .gi.gi-img,html body .grid-card .gi.gi-img,
html body .grid-circle .gi.gi-img,html body .g68-t.gi-img,html body .d-x.gi-img{position:relative}
html body .grid-nav .gi.gi-img>img,html body .grid-nav .gi-row.gi-img>img,html body .entry-list .gi-row.gi-img>img,
html body .grid-block .gi.gi-img>img,html body .grid-tile .gi.gi-img>img,html body .grid-card .gi.gi-img>img,
html body .grid-circle .gi.gi-img>img,html body .s66-t.gi-img>img,html body .g68-t.gi-img>img,
html body .d-ring-i.gi-img>img,html body .d-c.gi-img>img,html body .d-x.gi-img>img{
  position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* 按钮盒子原尺寸保留：各族的宽高本来算法不同（有的内容撑高、有的定高、有的 clamp），
   这里按「没传图时的实测尺寸」把图片模式定格下来，传图前后布局零位移；
   上传图比例与格子不同时按比例裁切填满（object-fit:cover）。 */
html body .grid-block .gi.gi-img{aspect-ratio:170/88;min-height:0}
html body .grid-nav .gi.gi-img{aspect-ratio:170/88}
html body .grid-circle .gi.gi-img{aspect-ratio:118/140}
html body .grid-card .gi.gi-img{aspect-ratio:1/1}
html body .grid-tile .gi.gi-img{aspect-ratio:auto;height:clamp(96px,24vw,120px)}   /* 本来就定高：保留，不换成比例 */
html body .entry-list .gi-row.gi-img{aspect-ratio:auto;height:66px}
html body .s66-t.gi-img{aspect-ratio:115/90}
html body .g68-t.gi-img{aspect-ratio:108/112}
/* 圆盘族（m47/m48）：环上圆钮 84×84、中心圆钮 130×130、底部方块定高 113 */
html body .d-ring-i.gi-img,html body .d-c.gi-img{width:84px;height:84px;aspect-ratio:auto}
html body .d-c.gi-img{width:130px;height:130px}
html body .d-x.gi-img{height:113px;aspect-ratio:auto}