/* 画廊：点赞、玩家投稿（10-18 Claude Opus 5.5 · 站长数据子代理；脚本 assets/gallery.js，生成器 site/gen/pages_gallery.py）。只在画廊页加载。 */
.gl-i[data-lk]{position:relative}
/* 10-18 Teemo：「给图片点赞做到图片的右下」「平时不显示，之后鼠标放到图片上才显示点赞按钮」——按钮紧跟在图片后面，负上边距把它叠到图片右下角，
   上下边距合计为 0，不推动下面的说明行；能悬停的设备平时隐藏，鼠标放到这张图上才出现；手机没有悬停，一直显示 */
.gl-like{position:relative;align-self:flex-end;margin:-32px 6px 6px 0;z-index:2;display:inline-flex;align-items:center;gap:3px;height:26px;padding:0 8px;border:0;border-radius:13px;
  background:rgba(12,16,24,.55);color:#fff;font:600 12px/1 var(--font);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.92;transition:opacity .15s,background .15s}
.gl-like i{font-style:normal;font-size:13px;line-height:1}
.gl-like b{font-weight:600}
.gl-like b:empty{display:none}
.gl-like:hover{opacity:1;background:rgba(12,16,24,.75)}
.gl-like.on{background:var(--accent);opacity:1}
.gl-like.pop i,.gl-lb-like.pop i{animation:gl-pop .35s ease-out}
@keyframes gl-pop{0%{transform:scale(1)}40%{transform:scale(1.45)}100%{transform:scale(1)}}
@media (hover:hover){
  .gl-like,.gl-like.on{opacity:0;pointer-events:none}
  .gl-i:hover .gl-like,.gl-like:focus-visible,.gl-like[disabled]{opacity:.92;pointer-events:auto}
  .gl-i:hover .gl-like.on{opacity:1}
}
.gl-like[disabled],.gl-lb-like[disabled]{opacity:.6;cursor:wait}
.gl-np{position:absolute;left:6px;bottom:6px;padding:1px 7px;border-radius:10px;background:rgba(12,16,24,.6);color:#fff;font:600 11.5px/18px var(--font)}
.gl-top{display:flex;align-items:flex-start;gap:8px 12px;flex-wrap:wrap}
.gl-top .gl-seg{flex:1 1 auto}
.gl-up{flex:none;height:32px;padding:0 14px;font-size:13.5px}
.gl-lb-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:8px}
.gl-lb-like{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 16px;border:1px solid rgba(255,255,255,.35);border-radius:17px;background:rgba(255,255,255,.08);
  color:var(--on-overlay);font:600 14px var(--font);cursor:pointer}
.gl-lb-like i{font-style:normal}
.gl-lb-like b:empty{display:none}
.gl-lb-like:hover{background:rgba(255,255,255,.18)}
.gl-lb-like.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.gl-lb-pages{display:flex;gap:6px;max-width:min(90vw,720px);overflow-x:auto;padding:2px}
.gl-lb-pages button{flex:none;width:52px;height:52px;padding:0;border:2px solid transparent;border-radius:4px;background:rgba(255,255,255,.08);cursor:pointer;overflow:hidden}
.gl-lb-pages button.on{border-color:var(--accent)}
.gl-lb-pages img{width:100%;height:100%;object-fit:cover;display:block}
.gl-tip{position:fixed;z-index:260;display:flex;gap:10px;align-items:center;max-width:280px;padding:8px 12px;border-radius:8px;background:var(--ink);color:var(--bg);font-size:13px;line-height:1.4;box-shadow:var(--shadow)}
.gl-tip a{color:var(--bg);font-weight:700;text-decoration:underline;white-space:nowrap}
@media (max-width:640px){
  .gl-up{margin:0 0 10px}
  .gl-like{height:24px;padding:0 7px;top:4px;right:4px}
}
.gl-oseg[hidden]{display:none}   /* 「按设备」只在看壁纸时出（site.css 的 display:flex 盖掉了 hidden） */