/* ============================================================================
   05 PARTNERS 客户墙 —— 结构取自 uemo id/355（横向跑马灯），样式按 2026-09-17 用户四轮反馈收敛：
     · 三轮：「没有紫色的背景，四周有白色到白色透明的遮罩」→ 无彩色底，四周白→透明遮罩
     · 四轮：「取消图二的圆圈」+「logo在上，英文文字在下。LOGO要纯黑色的」
       → 瓦片不再是 200×200 的圆，改成"黑色 logo + 英文名"的竖向排版；
         logo 用官方素材（Wikimedia Commons 的 svg，images/partners/），
         统一用 filter:brightness(0) 压成**纯黑**（满足"LOGO要纯黑色"）；
         名字用中性灰小字，避免和黑色 logo 抢（也避免和上方 logo 重复感）。
   ⚠️ 瓦片保留 .partner-tile 类名：prototype.js 的入场动画（gsap.from('.partner-tile')）依赖它。
   ============================================================================ */

.partner-wall--marquee{display:block;position:relative;margin-top:64px;padding:0;background:transparent;border:0;
  overflow:hidden;
  /* 四周遮罩：整块走上/下（白→透明） */
  -webkit-mask-image:linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 12%,#fff 88%,rgba(255,255,255,0) 100%);
  mask-image:linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 12%,#fff 88%,rgba(255,255,255,0) 100%)}

.pw-row{position:relative;z-index:1;height:200px;margin-top:5px;overflow:hidden;
  /* 每行管左/右（白→透明） */
  -webkit-mask-image:linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 10%,#fff 90%,rgba(255,255,255,0) 100%);
  mask-image:linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 10%,#fff 90%,rgba(255,255,255,0) 100%)}
.pw-row:first-of-type{margin-top:0}
.pw-track{display:flex;align-items:center;gap:14px;width:max-content;
  animation:pw-scroll var(--pw-dur,40s) linear infinite;will-change:transform}
.pw-row--right .pw-track{animation-direction:reverse}
.pw-row:hover .pw-track{animation-play-state:paused}
@keyframes pw-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* 瓦片：200×200 正圆（结构照 uemo id/355），圆里 = 黑色 logo 在上 + 名字在下
   2026-09-17 五轮（用户）：「之前的圆形不能取消，圆形里面上面是LOGO 下面是名字」
   → 恢复圆形；底色用中性极浅灰 #f7f7f9（不是紫色），不加描边（四轮「很生硬」的教训）。
   尺寸约束：正圆的 inscribed 正方形 = 141×141，所以圆里内容宽度控制在 150 以内、整体高度 ≤ 141。 */
.partner-wall--marquee .partner-tile.pw-tile{flex:0 0 auto;width:200px;height:200px;min-height:0;padding:20px;
  box-sizing:border-box;border-radius:50%;border:0;background:#f7f7f9;box-shadow:none;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.pw-logo{display:flex;align-items:center;justify-content:center;width:150px;height:34px}
.pw-logo img{display:block;width:100%;height:100%;object-fit:contain;
  filter:brightness(0) saturate(100%)}                 /* 纯黑 */
.partner-wall--marquee .partner-tile.pw-tile .pw-logo--text{font-family:'Plus Jakarta Sans','Microsoft YaHei',sans-serif;
  font-size:17px;font-weight:800;letter-spacing:.14em;color:#000;line-height:1}
.partner-wall--marquee .partner-tile.pw-tile .pw-name{font-size:12px;line-height:1.5;letter-spacing:.06em;
  color:#6e6e78;margin:0;max-width:148px}

@media (max-width:1200px){
  .pw-row{height:170px;margin-top:5px}
  .partner-wall--marquee .partner-tile.pw-tile{width:170px;height:170px;padding:16px}
  .pw-logo{width:126px;height:30px}
  .partner-wall--marquee .partner-tile.pw-tile{padding:0 34px;gap:12px}
}
@media (max-width:900px){
  .pw-row{height:144px;margin-top:4px}
  .partner-wall--marquee{margin-top:40px}
  .partner-wall--marquee .partner-tile.pw-tile{width:144px;height:144px;padding:14px;gap:9px}
  .pw-logo{width:106px;height:26px}
  .partner-wall--marquee .partner-tile.pw-tile{padding:0 24px;gap:10px}
  .partner-wall--marquee .partner-tile.pw-tile .pw-name{font-size:11px}
}
@media (prefers-reduced-motion:reduce){ .pw-track{animation:none} }

/* 2026-09-11 用户手机端第六条「LOGO 排列改成 4 行」：第 3/4 行只在 ≤900px 出现，桌面仍是原来的 2 行。 */
.pw-row--extra { display: none; }
@media (max-width: 900px) {
  .pw-row--extra { display: block; }
  /* 墙的高度原本写死 248px（= 2 行），手机上多了两行会把第 3/4 行裁掉且与下方说明重叠 → 交给内容撑高 */
  .partner-wall--marquee { height: auto; margin-top: 88px;
    /* 4 行时原来 12% 的上下淡出会把首/末行吃掉一截 → 收到 4% */
    -webkit-mask-image: linear-gradient(180deg, rgba(255,255,255,0) 0, #fff 4%, #fff 96%, rgba(255,255,255,0) 100%);
    mask-image: linear-gradient(180deg, rgba(255,255,255,0) 0, #fff 4%, #fff 96%, rgba(255,255,255,0) 100%); }
  /* 2026-09-12 用户「蓝色框的部分白色蒙版要增大」：两端白→透明遮罩 10% → 22%（750 宽下 75px → 165px） */
  .partner-wall--marquee .pw-row {
    height: 118px; margin-top: 6px;
    -webkit-mask-image: linear-gradient(90deg, rgba(255,255,255,0) 0, #fff 22%, #fff 78%, rgba(255,255,255,0) 100%);
    mask-image: linear-gradient(90deg, rgba(255,255,255,0) 0, #fff 22%, #fff 78%, rgba(255,255,255,0) 100%);
  }
  .partner-wall--marquee .partner-tile.pw-tile { width: 118px; height: 118px; padding: 12px; }
  .partner-wall--marquee .partner-tile.pw-tile .pw-logo img { max-height: 34px; }
  .partner-wall--marquee .partner-tile.pw-tile .pw-name { font-size: 10px; }
  .partner-wall--marquee .partner-tile.pw-tile .pw-logo--text { font-size: 12px; line-height: 1.25; }
}