/* 微调覆盖层：如需再换主色改这里 */
:root{--pri:#EA5B2B}

/* ---- 森浦 logo（替换对方图片 logo）---- */
.site-logo .senpu-logo-cn{font-size:16px;font-weight:700;letter-spacing:.16em;color:#1c1c1c}
.site-logo .senpu-logo-en{font-size:9px;letter-spacing:.22em;color:#b0b0b0;margin-left:10px;padding-left:10px;border-left:1px solid #efefef}

/* ---- 装饰特效画布不拦截指针（2026-09-27：全屏 effect 层盖在社交图标上，
        导致悬停光标隐藏失效、点击二维码弹层也弹不出，纯交互层修复不动视觉。
        pointer-events 可继承，禁父级 DIV 连带全部子元素）---- */
[class*="effect_bg"]{pointer-events:none}

/* ---- 数据就位前不渲染原始模板，防切换页面闪旧内容
        （site-sync 写完数据解除；2.5s 兜底强制显示，永不开天窗）---- */
html.senpu-wait body{visibility:hidden !important}

/* ---- 客户区 intro 文字兜底（2026-09-28）：该块滚动淡入动画实测永不触发
        （opacity 锁死 0，「我们拥有多年…」整行看不见）。强制可见，
        模糊/缩放入场效果不受影响 ---- */
.module-customer .module-intro strong{opacity:1 !important}

/* ---- 黑色主题下位图 logo 自动白化（2026-09-28 doris）----
   原站 SVG logo 由引擎在黑主题下换白，后台上传的位图 logo（客户墙 + 左上角站标）
   引擎管不到，黑底上看不见。brightness(0) 先压纯黑、invert(1) 再反相成纯白，
   任何黑字/彩色字 logo 都变白色剪影，与原站黑主题行为一致；切回白主题自动还原。
   要求 logo 为透明底（白底图会整块变黑，需重新传透明 PNG）。 ---- */
body[data-site-theme=black] .module-customer .customer-logo img,
body[data-site-theme=black] .about-module-2 .customer-logo img,
body[data-site-theme=black] .site-logo img{filter:brightness(0) invert(1)}

/* ---- 社交图标 hover 大圆效果（2026-09-28 晚）：doris 实测未达预期，已整体回退 ---- */

/* ---- 团队详情面板兜底（2026-09-29，V11）：站点点开详情先「虚拟滚动到位」
        再播揭示动画，克隆环境里这个到位回调不触发，面板内容永远卡在
        opacity:0（doris 反馈：画面有变化但面板空白）。site-sync 在点击
        1.8s 后给团队模块加 .senpu-panel-force 强制点亮内容；站点原动画
        正常播完时数值相同、完全无感。关面板时由 site-sync 摘掉类。 ---- */
.senpu-panel-force .item-detail-box .animate-element{opacity:1!important}
.senpu-panel-force .module-bg .detail-bg{opacity:1!important;transform:none!important}
.senpu-panel-force .module-bg .text-wrapper{opacity:0!important}
.senpu-panel-force .item-detail-box .panel_btn--close{opacity:1!important;pointer-events:all!important}

/* ---- 头像静态图显形（2026-09-29，V12）：站点样式把 .img-box img 一律
        opacity:0（原设计头像走 canvas 画布，img 是隐性兜底状态）。
        v3.25 把头像换成静态 <img class=img> 后正好被这条规则藏住
        （doris 实测白圈：图加载了但透明）。显式点亮；
        v3.21~v3.24 各版白圈同为此因或画布抓帧时机问题。 ---- */
.about-module-6 .item-inner .img-box img{opacity:1!important}

/* ---- 详情面板白色幕布（2026-09-29，V13）：module-bg 全模块大小但无背景色，
        面板打开时透出页面后面的「We are simple.」头图和蓝色渐变（doris 截图）。
        面板打开（.senpu-panel-force）期间给幕布铺白底，还原原站的干净背板；
        点箭头关闭时类被摘掉，自动恢复透明。 ---- */
.senpu-panel-force .module-bg{background:#fff}

/* ---- 团队卡点击解锁（2026-09-30，V14）：站点样式把头像卡片整条链路
        （module-body→wrapper-limit-width→member-list→col→col-item→item-inner）
        全设 pointer-events:none（为拖拽滑动条让路，原站靠 JS 在钉住状态
        解锁，克隆环境该解锁从不触发）→ 真实点击全部穿透到后面的空模块，
        doris 视频实测「点击头像无任何响应」。
        命中测试永远选最上层元素，被其他模块盖住时这里的 all 不会抢点击，
        风险可控。 ---- */
.about-module-6 .module-body,
.about-module-6 .module-body .wrapper-limit-width,
.about-module-6 .member-list,
.about-module-6 .member-list .col,
.about-module-6 .member-list .col-item,
.about-module-6 .member-list .col-item .item-inner{pointer-events:all}

/* ---- 面板内容归位（2026-09-30，V15）：站点 JS 持续用内联样式把
   .item-detail-panel 钉在 translateY(0px)（文档顶部），而白色幕布/大字
   在当前滚动位置，内容永远在屏外一屏多（doris 实测点开后面板空白）。
   站点内联样式会覆盖 JS 直接赋值，所以这里用 !important + CSS 变量：
   site-sync v3.29 在打开瞬间算好偏移写进 body 的 --senpu-panel-dy /
   --senpu-tip-dy，!important 规则压过站点内联样式。关闭时 body 摘掉
   senpu-panel-open 类即恢复站点原状。 ---- */
body.senpu-panel-open .item-detail-box .item-detail-panel{transform:translateY(var(--senpu-panel-dy,0px))!important}

/* ---- 底部滑动提示小手（tip-area）：横向拖拽已冻结（V19），提示无意义，
   doris 要求不显示——V16 曾强制点亮，这里收回恢复站点原始隐藏。 ---- */
body.senpu-panel-open .item-detail-box .tip-area{display:none!important}
.senpu-panel-force .item-detail-box .tip-area{opacity:0!important}

/* ---- 关闭按钮 hover 动效（2026-09-30，V20；v21 修正）：uelike 原站是 JS
   悬停动画，克隆 CSS 没有 :hover 规则。注意面板容器 wrapper-container
   是 overflow:hidden 且按钮右缘贴着裁切线——不能加 scale（会被裁出
   「切了一刀」的效果，doris 实测），只做变色 + 箭头下滑。 ---- */
.item-detail-box .panel_btn--close{transition:transform .3s ease,background-color .3s ease}
.item-detail-box .panel_btn--close .ic{transition:transform .3s ease}
.item-detail-box .panel_btn--close:hover{background-color:#ea5b2b}
.item-detail-box .panel_btn--close:hover .ic{transform:translateY(5px)}

/* ---- 联系页地址分行（2026-09-30，V17）：后台地址字段两条地址已用换行符
   分隔（江阴市 / 张家港 各一行），HTML 默认折叠换行，这里按原样渲染。 ---- */
.contact-info .contact-address .address{white-space:pre-line}

/* ---- 面板开着时点击穿透（2026-09-30，V18）：item-detail-box 是全文档高
   的绝对定位盒（z=100），面板开着时把底部头像全挡住——doris 实测
   「点这两个头像没反应，多点击几次会撑爆」。这里让蒙层盒放行点击，
   只保留内容面板本体可交互：点底部头像直接切换成员介绍。 ---- */
body.senpu-panel-open .item-detail-box{pointer-events:none!important}
body.senpu-panel-open .item-detail-box .item-detail-panel{pointer-events:all!important}

/* ---- 白卡左右抖动根治（2026-09-30，V19）：站点打开面板时启动横向拖拽
   惯性引擎（impetus），不断把 x 位移写进每张卡的 .layer--dragger-move
   （物理回弹永不完全静止）——doris 实测白卡不动时也一直左右抖。
   这里强制该层 transform 归零：卡片不再横向位移；点击/悬停/切换动画
   都作用在别的层（.item-inner），不受影响。 ---- */
.about-module-6 .member-list .col-item .item-inner .layer--dragger-move{transform:none!important}

/* ---- 隐形拖拽条放行（2026-09-30，V22）：面板打开时站点把
   .dragger-oper——bar（横贯全宽、底部约 95px 高的透明拖拽热区）设为
   pointer-events:all，压在底部头像下半截上吃掉点击——doris 实测
   「左二、右二两张头像点了没反应」（露出的可点面积正好被条盖住）。
   拖拽已冻结（V19）、切换已自实现（v3.30），此条无用，强制放行。 ---- */
.about-module-6 [class*="dragger-oper"]{pointer-events:none!important}

/* ---- 手机端团队区空白根治（2026-09-30，V23）：原站 uelike 手机端团队区
   靠 GSAP ScrollTrigger 钉住 .pin-wrapper 随滚动揭示。我们克隆时改动了页面
   结构（团队卡写死进 HTML、module-3 丢了 pin-inner），导致这个钉住在手机端
   算错位置——钉住后 pin-wrapper 是 fixed 但 top 被顶到视口上方几千像素，
   整段团队区甩出屏幕 → 空白（doris 实测「关于森浦的团队什么都看不到」）。
   A/B 已排除 site-sync/override/index.js/CSS，元凶是 HTML 定制差异。修复：
   仅在手机端（≤735px，站点小屏分支同阈值）解除钉住，让团队区自然流式排列。
   桌面端不受影响。 ---- */
@media (max-width:735px){
  .about-module-6 .pin-wrapper{position:relative!important;top:0!important;left:0!important;transform:none!important}
  .about-module-6 .pin-box{transform:none!important;top:0!important}
  .about-module-6 .pin-spacer{height:auto!important;padding:0!important;margin:0!important}
}