/* ============================================================
   古高尔 Googol · 照片防盗样式（官网 index.html + 企业账户 account.html 共用）
   1) .wmbox：图片外加水印层（logo 平铺），截图 / 另存都带水印
   2) .pv-*：站内大图查看，不开新标签、不暴露原图地址
   3) img / .nc：禁拖拽、禁长按「存储图像」、禁选中
   ============================================================ */
img,video{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
/* 视频：藏掉原生下载按钮（Chrome 三点菜单）与画中画，iOS 长按不出「存储视频」 */
video::-internal-media-controls-download-button{display:none}
video::-webkit-media-controls-enclosure{overflow:hidden}

/* 图片 + 水印层（古高尔白色横幅水印 gg-wm-banner.png：单条居中、靠图片下方） */
.wmbox{position:relative;display:block;overflow:hidden}
.wmbox::after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;background-image:url("gg-wm-banner.png");background-size:var(--wm-w,42%) auto;background-repeat:no-repeat;background-position:center calc(100% - var(--wm-b,12px));opacity:.55;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(8,20,44,.5))}
.wmbox img{width:100%;display:block}

/* 内容图水印（活动案例 / 供应商 / 活动方案等客户侧照片位）：与 .wmbox 同一条横幅水印，
   覆盖 PC 官网与企业账户页的卡片封面、图廊、缩略图；数字跟随图片不挡点击。
   按容器宽度 42% 等比缩放，居中放在图片下方 12px 处 */
/* 注意：::after 不能挂在 img 上（替换元素不渲染伪元素）——
   裸 img（.dt-cover 案例封面、.co-ev-thumb 档案缩略图、图文块里的图）在 site.js 里用
   <span class="wmbox"> 逐张包一层，由 .wmbox::after 出水印（容器级 ::after 只会整块出现一次）。
   同理：容器里只要还混着非图元素（标题/缩略图行/按钮），就不能打容器级水印 —— 必须逐张包 wmbox，
   否则水印会被画到非图区域上（浅底色 + 白 logo = 看不见，视觉上就是「显示不全」）。 */
.pcard .im,.case .im,.prod .im,.gal,.gal-sm>div,.phs,.vphs,.pimg,.it .im,.cb-im,.xcard-im{position:relative}
.pcard .im::after,.case .im::after,.prod .im::after,.gal::after,.gal-sm>div::after,.phs::after,.vphs::after,.pimg::after,.it .im::after,.cb-im::after,.xcard-im::after{
  content:'';position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;
  background-image:url("gg-wm-banner.png");background-size:42% auto;
  background-repeat:no-repeat;background-position:center calc(100% - 12px);
  opacity:.55;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(8,20,44,.5))
}
/* 资源 / 人员 / 案例详情弹窗主图（.cw-gal = 主图 + .cw-thumbs 缩略图行，且主图是
   object-fit:contain 会留灰边）：只给主图那张 .wmbox 打水印——
   ① 不再对整个画廊容器打水印（那会把白 logo 画到浅色缩略图行上，等于看不见）
   ② 宽/距由 --wm-w / --wm-b 控制，site.js 的 fitWmBox() 会按照片真实显示区逐张校正
      （竖图不会被裁到左右灰边、超宽图也不会掉进上下灰边）；这里的 34%/10px 是 JS 未跑时的兜底 */
.cw-gal .wmbox{--wm-w:min(300px,34%);--wm-b:10px;background:#F3F6FB;border-radius:12px}
/* 案例卡角标、缩略图选中态盖在水印之上（水印只是底层贴图） */
.case .im .bd,.pcard .im .bd,.gal-sm>div.on{z-index:3}

/* 禁选中 / 禁复制 */
.nc,.nc *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
.nc img{-webkit-user-drag:none}

/* 站内大图查看（防下载） */
.pv-mask{position:fixed;left:0;top:0;right:0;bottom:0;z-index:9500;display:flex;align-items:center;justify-content:center;background:rgba(8,22,48,.76)}
.pv-box{position:relative;max-width:92vw;max-height:92vh}
.pv-box .wmbox{max-width:92vw;max-height:88vh;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.pv-box .wmbox img{width:auto;max-width:92vw;max-height:88vh;display:block}
.pv-box .wmbox::after{opacity:.6;background-size:min(560px,42%) auto;background-position:center calc(100% - 18px)}
.pv-x{position:fixed;right:16px;top:14px;width:30px;height:30px;line-height:28px;text-align:center;border-radius:50%;background:rgba(255,255,255,.94);color:#1B3760;font-size:19px;font-weight:700;cursor:pointer;user-select:none}
/* 多图时左右切换按钮 + 页码 */
.pv-nav{position:fixed;top:50%;transform:translateY(-50%);width:44px;height:44px;line-height:42px;text-align:center;border-radius:50%;background:rgba(255,255,255,.92);color:#1B3760;font-size:30px;font-weight:700;cursor:pointer;user-select:none;box-shadow:0 6px 18px rgba(0,0,0,.28);transition:background .15s,transform .15s}
.pv-nav:hover{background:#fff;transform:translateY(-50%) scale(1.06)}
.pv-prev{left:18px}
.pv-next{right:18px}
.pv-cnt{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);padding:4px 14px;border-radius:999px;background:rgba(10,22,44,.62);color:#fff;font-size:12.5px;letter-spacing:.5px;user-select:none}