/* ============================================================
   游戏平台角标(安卓 / iOS / PC) 通用样式（公共组件）
   结构：<span class="gpm-wrap"><i class="gpm gpm--android"></i> …</span>
   由 mobilepublic@game_platform_mark 片段按 platforms 动态输出（只出为真的平台）。

   视觉：每个平台一枚「品牌色圆角小徽章 + 白色图标」，带描边+投影，
        叠在任意封面/底色上都清晰醒目。图标本体用 ::before + CSS mask 上色为白。
   ★ 封面容器需 position:relative（卡片 .gcm-anchor / 分类页 .card-media / 首页 .cover 已提供）。
   ============================================================ */

/* —— 浮层容器（封面右下角） —— */
.gpm-wrap{
    position:absolute;
    right:7px;
    bottom:7px;
    z-index:3;
    display:inline-flex;
    align-items:center;
    gap:3px;
    pointer-events:none;      /* 纯展示，不拦截卡片点击 */
    line-height:0;
}

/* —— 单枚平台徽章（品牌色底 + 描边 + 投影） —— */
.gpm{
    position:relative;
    display:inline-block;
    width:22px;
    height:22px;
    flex:0 0 auto;
    border-radius:6px;
    background-color:#8a8a8a;                 /* 兜底底色，实际由各平台覆盖 */
    box-shadow:0 1px 2px rgba(0,0,0,.4),
               inset 0 0 0 1px rgba(255,255,255,.35);   /* 投影模糊收小(原 5px 死值在小角标上占比过大发虚)，小尺寸也利落 */
}
/* 白色图标本体：mask 裁出平台图形，居中留白 */
.gpm::before{
    content:"";
    position:absolute;
    inset:3px;                                /* 图标放大、更清晰(原 4px 偏小，安卓小图会糊) */
    background-color:#fff;
    -webkit-mask-position:center; mask-position:center;
    -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
    -webkit-mask-size:contain; mask-size:contain;
}

/* 各平台品牌色 + 图标 */
.gpm--android{ background:linear-gradient(160deg,#4ce38f 0%,#2ec26f 100%); }
.gpm--android::before{
    -webkit-mask-image:url('/themes/simpleboot3/mobilepublic/assets/images/platform/android.svg');
    mask-image:url('/themes/simpleboot3/mobilepublic/assets/images/platform/android.svg');
}
.gpm--ios{ background:linear-gradient(160deg,#3a3a3f 0%,#161618 100%); }
.gpm--ios::before{
    inset:2px;                                /* 苹果 logo 自带留白(viewBox 20×20 内仅~84%)，比安卓/PC 视觉偏小，收小 inset 略放大追平(比基础 3px 大一点即可) */
    -webkit-mask-image:url('/themes/simpleboot3/mobilepublic/assets/images/platform/ios.svg');
    mask-image:url('/themes/simpleboot3/mobilepublic/assets/images/platform/ios.svg');
}
.gpm--pc{ background:linear-gradient(160deg,#3aa0ff 0%,#1b7fe0 100%); }
.gpm--pc::before{
    -webkit-mask-image:url('/themes/simpleboot3/mobilepublic/assets/images/platform/pc.svg');
    mask-image:url('/themes/simpleboot3/mobilepublic/assets/images/platform/pc.svg');
}

/* 小号 / 超小号变体（由片段 size="sm"/"xs" 输出） */
.gpm-wrap.gpm-sm{ transform:scale(.86); transform-origin:bottom right; }
.gpm-wrap.gpm-xs{ transform:scale(.74); transform-origin:bottom right; }

/* ------------------------------------------------------------
   内联平台徽章组：列表行 / 详情头 / 胶囊等「非封面浮层」场景。
   ------------------------------------------------------------ */
.gpm-inline{ display:inline-flex; align-items:center; gap:3px; vertical-align:middle; }
.gpm-inline .gpm{ width:18px; height:18px; border-radius:5px; }

/* 首页 样式0(图标网格)：平台徽章在游戏名下方居中一行 */
/* 首页 样式0(图标网格)：暗色主题下 icon/名称都是绝对定位铺满，角标必须用浮层放右上角，
   否则内联会成为唯一流内元素浮到顶部中间。 */
.category_0 .game-item{ position:relative; }
.category_0 .game-item > .gpm-wrap{ top:6px; right:6px; bottom:auto; left:auto; }
.category_0 .game-item > .gpm-wrap .gpm{ width:18px; height:18px; }

/* 详情页头部：平台徽章在评分行内(略大更清晰) */
.game-meta-row .gpm-inline{ margin-left:4px; gap:5px; }
.game-meta-row .gpm-inline .gpm{ width:22px; height:22px; border-radius:6px; }

/* 速玩「为你推荐」卡：整卡是铺满的图 + 名称浮底，角标改用浮层放右上角 */
.papaya-card .gpm-wrap{ top:6px; right:6px; bottom:auto; left:auto; }
/* 详情页「猜你喜欢」卡：图在上半 .guess-like-thumb，角标浮层放图片右下角 */
.guess-like-thumb .gpm-wrap{ right:6px; bottom:6px; }

/* 我的游戏 / 收藏 / 下载 / 试玩 等卡片：名称行下内联一排 */
.gc-card .gpm-inline,
.mygame_item .gpm-inline{ margin-top:4px; }

/* 分类页平台筛选胶囊里的小徽章 */
.plat-chip .gpm{ width:16px; height:16px; border-radius:4px; }

/* ------------------------------------------------------------
   封面浮层的锚定/位置（各展示位 DOM 不同）——统一贴封面右下角
   ------------------------------------------------------------ */

/* 分类页 v2 卡片：封面右下角浮层（.card-media 为定位祖先）——旧方案，现平台徽章已并入 meta 行 */
.card-media .gpm-wrap{ right:8px; bottom:8px; }
/* 分类页 v2 卡片：平台徽章并入底部 meta 行末尾，靠右对齐。
   放弃封面右下角浮层——那会和悬浮在卡片底部的标题/大小(.card-content)叠到一起，窄屏必重叠。 */
.card-meta .gpm-inline{ margin-left:auto; }

/* 首页 样式1(横版海报)：海报是 .game-item 直接子图 */
.category_1 .game-item{ position:relative; }
.category_1 .game-item > .gpm-wrap{ right:9px; bottom:9px; }

/* 首页 样式2(竖版海报卡)：角标锚到海报 .cover(与 .type-tag 同为其绝对子元素)，贴右下角 */
.category_2 .cover .gpm-wrap{
    position:absolute;
    top:auto;
    left:auto;
    right:7px;
    bottom:7px;
}

/* 首页 样式3(列表行)：海报在上半 .up 里 */
.category_3 .up{ position:relative; }
.category_3 .up > .gpm-wrap{ right:9px; bottom:9px; }