/* ==========================================================================
   首页第4P「品牌介绍」— 白底黑字版式
   版式来源：UEMO-个人介绍-百分比形式（id/2526），逐规格复刻后映射为 NTKRIB 内容
   实测规格（2545px 视口）：巨型标题 256px=10.06vw/lh1/ls-.04em；人物名 102.4px=4.02vw；
   引导句 51.2px=2.01vw/lh1.4；数据数字 87.04px=3.42vw；水印 179.2px=7.04vw；
   区块标题 102.4px=4.02vw；内容列宽 2036px=80%（左右各 10%）；正文 14px/22.4、行列表 16px #777
   ========================================================================== */

.scene-brand.scene-about-light {
  background: #fff !important;
  color: #17171b !important;
  display: block !important;
  min-height: 0;
  isolation: isolate;
}
.scene-brand.scene-about-light .ab2 { padding: 190px 10% 70px; }
.ab2 { background: #fff; color: #17171b; font-family: 'Plus Jakarta Sans', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; }

/* 1.5 开屏舞台（2026-09-11 版式按参考模板 UEMO「详情页002」id/179 重排，白底黑字，用户两轮选定）：
   左「巨型标题」+ 右「简介列」并排（照参考站的相对位置：简介列起点低于巨字顶约 0.85 个字号）
   → 巨字下方「工艺宣言 + 署名」；整屏一屏高。
   参考站实测（1440×900，docH 2283）：巨字 201.6px(=14vw) 左对齐 x=0；宣言 60px x=113(7.85%) 宽 533；
   简介列 x=713(49.5%) 宽 600，其中英文引句 20px、中文 16px #999。本页巨字保持 10.06vw（两行），
   其余尺寸按「相对巨字」的倍数换算成 vw。
   ⚠️ 原「居中巨字 + LOGO 差值穿越（pin）」已按用户 2026-09-11 指示撤掉；.ab2-portrait 规则保留但已无 DOM。 */
@media (min-width: 641px) {
  .ab2-stage {
    position: relative;
    margin: -190px -10% 0;   /* 抵消 .ab2 的 padding，让舞台通栏（巨字贴左、简介列贴右上） */
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    padding: clamp(120px, 6vw, 200px) 3vw clamp(60px, 3vw, 110px);
    background: #fff;
  }
}
/* 右上角简介列（179：左边界 49.5%、宽 41.6%、右边距 8.8%） */
/* 179 的两列：巨字占左、简介列在右，两者上下交叠（不是上下堆叠） */
/* 版式 = 参考站第一屏（用户 2026-09-11 截图校准）：左右两列 ——
   左列「巨型标题 + 描边水印字 → 引文 → 署名」；右列「简介列（上） + 大照片（下，填满剩余高度）」。 */
.ab2-hero-top { width: 100%; }
.ab2-hero-intro { width: 41.6vw; margin: 0 2.9vw 0 auto; }   /* 参考站：简介列 x 49.5%-91.5%（右边距 2.9vw） */
/* 第二带：左列（巨字→引文→署名）与右列（照片） */
.ab2-hero-main { display: grid; grid-template-columns: 46.5% minmax(0, 1fr); column-gap: 5.5vw; margin-top: 4.4vw; }
.ab2-hero-left { display: flex; flex-direction: column; min-width: 0; }
.ab2-hero-right { position: relative; min-width: 0; min-height: 0; }
.ab2-hero-intro .ab2-name { margin: 0 0 1.1vw; text-align: left; color: #14151a; font-size: .9vw; font-weight: 700; letter-spacing: .16em; }
/* 参考站：英文 20px=1.39vw / lh 1.6 / fw400 */
.ab2-hero-en { margin: 0; color: #14151a; font-size: 1.39vw; font-weight: 400; line-height: 1.6; }
.ab2-hero-intro .ab2-copy { max-width: none; margin: 1.4vw 0 0; text-align: left; }
/* 参考站：中文 16px=1.11vw / lh 1.75 / #999 */
.ab2-hero-intro .ab2-copy p { margin: 0 0 .9vw; color: #999; font-size: 1.11vw; line-height: 1.75; }
.ab2-hero-intro .ab2-copy p:last-child { margin-bottom: 0; }
/* 巨字下方：工艺宣言（179 的引文是巨字的 30%）+ 署名小字，整体缩进到 7.85% */
/* 引文紧接巨字下方：参考站巨字字形底→引文字形顶 = 23px@1440 = 1.6vw */
.ab2-hero-foot { padding-left: 2.85vw; margin-top: 1.6vw; }
/* 参考站：引文 60px=4.17vw / lh 1.2 / 宽 37% / x=7.85% */
.ab2-hero-foot .ab2-lead { max-width: 37vw; margin: 0; text-align: left; color: #14151a; font-size: 4.17vw; line-height: 1.2; font-weight: 400; }
/* 参考站：署名 14px=0.97vw / #999 */
.ab2-sign { margin: 1.2vw 0 0; color: #999; font-size: .97vw; letter-spacing: .1em; }

/* 1. 小标 */
.ab2-eyebrow { margin: 0; text-align: center; color: #777; font-size: 14px; line-height: 1.6; }

/* 2. 巨型两行标题（选择器需压过 prototype.css 的 .scene-brand h2） */
/* 参考站：About 201.6px = 14vw；本页品牌名 NTKRIB 比参考的 About 长（6 字母 vs 5），14vw 时第二行字形会顶到 49.5% 起的简介列
   （实测字形宽 1215px = 47.5%，与简介列仅剩 ~0 间隙）→ 取 13.4vw（参考的 96%）+ ls -.045em，留 ~75px 间隙；两行故 lh 收紧到 .98 */
.scene-brand.scene-about-light .ab2-giant { margin: 0 0 0 -3.5vw; text-align: left; font-weight: 800; font-size: 13.4vw; line-height: .98; letter-spacing: -.045em; color: #000; }
.ab2-giant span { display: block; }

/* 2b. 描边水印大字（参考站「About us」轮廓字，压在巨字后方） */
.ab2-giant-wrap { position: relative; }
.ab2-ghost { position: absolute; left: -3.5vw; top: .52em; z-index: 0; color: transparent; -webkit-text-stroke: 1px rgba(20, 21, 26, .22); font-size: 13.4vw; font-weight: 800; line-height: .98; letter-spacing: -.045em; white-space: nowrap; pointer-events: none; user-select: none; }
.ab2-giant { position: relative; z-index: 1; }

/* 2c. 右列大照片（参考站是黑白创始人肖像，占右列大半高度） */
/* 绝对定位填满右列：高度 = 左列（巨字到署名）的高度，不被图片自身比例撑高 */
/* 空占位：照片待用户提供，先用浅灰块标出位置（填图后换成 <img>，规则 .ab2-about-photo img 已备好） */
.ab2-about-photo { position: absolute; inset: 0; margin: 0; overflow: hidden; background: #f5f5f6; }
.ab2-about-photo img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(1) contrast(1.04); }

/* 3. 竖幅产品图 */
/* LOGO 差值混合：源图已换成白色 ∞（images/logo-infinity-white.png），靠 difference 压到白底=黑、压到黑字=白（用户要求「LOGO 到文字部分变白」）。
   坑：原来源图是黑色 ntkrib-logo.png，所以配了 img{filter:invert(1)} 把它提成白色；源图换成白色 logo 后 invert 又把它反成黑色，
   白底 difference 之后 = 白 → 整个 LOGO 在白底屏上隐形（2026-09-11 实测：舞台区域深色像素 374742 vs 去掉 invert 后 426816）。 */
.ab2-portrait { width: 22vw; max-width: 500px; margin: 96px auto 0; aspect-ratio: 1 / 1; overflow: hidden; mix-blend-mode: difference; }
.ab2-portrait img { width: 100%; height: 100%; object-fit: contain; display: block; }

/* 4. 品牌名 + 定位行 */
.ab2-name { margin: 88px 0 0; text-align: center; font-size: 4.02vw; font-weight: 700; line-height: 1.2; color: #14151a; }
.ab2-role { margin: 10px 0 0; text-align: center; color: #777; font-size: 14px; }

/* 5. 引导句 */
.ab2-lead { max-width: 82%; margin: 126px auto 0; text-align: center; color: #333; font-size: 2.01vw; line-height: 1.4; font-weight: 400; }

/* 6. 正文两段 */
.ab2-copy { max-width: 800px; margin: 76px auto 0; text-align: center; }
.ab2-copy p { margin: 0 0 44px; color: #777; font-size: 14px; line-height: 1.6; }
.ab2-copy p:last-child { margin-bottom: 0; }

/* 7. 百分比数据四栏 */
/* 2026-09-11 用户令删除开屏舞台（.ab2-stage）→ 数据四栏成为品牌屏首块，138px（原为与开屏的间距）收到 0，
   否则固定导航下方会先留 190+138px 的空白；区块自身的上下呼吸位由 .ab2 的 padding 负责 */
.ab2-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 0; border-top: 1px solid rgba(0, 0, 0, .1); padding-top: 40px; }
.ab2-stat { min-width: 0; padding-right: 24px; }
.ab2-stat + .ab2-stat { border-left: 1px solid rgba(0, 0, 0, .07); padding-left: 32px; }
.ab2-stat .lb { display: block; color: #0e1011; font-size: 12px; line-height: 1.6; }
.ab2-stat b { display: block; margin: 6px 0 0; color: #333; font-size: 3.42vw; font-weight: 500; line-height: 1.4; }
.ab2-stat b i { font-style: normal; font-size: .34em; font-weight: 500; vertical-align: top; line-height: 1; margin-left: .06em; }
.ab2-stat .ds { display: block; margin-top: 6px; color: #0e1011; font-size: 12px; line-height: 1.6; }

/* 8. 巨型滚动水印 */
.ab2-marquee { overflow: hidden; white-space: nowrap; margin-top: 132px; }
.ab2-marquee-track { display: inline-flex; animation: ab2Marquee 30s linear infinite; will-change: transform; }
.ab2-marquee-track span { display: block; margin-right: .57em; color: #eaeaea; font-size: 7.04vw; font-weight: 700; line-height: 1.6; letter-spacing: -.02em; }
@keyframes ab2Marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* 9. 我们的奖项（版式照参考站 id/179 的 Awarded 行：左列大标题 + 小字，右列 3 列图格） */
.ab2-awards { display: grid; grid-template-columns: 24.4% minmax(0, 1fr); column-gap: 2.4%; margin-top: 62px; }
.ab2-awards-head b { display: block; color: #000; font-size: 5vw; font-weight: 800; line-height: 1.2; letter-spacing: -.03em; }
.ab2-awards-head p { margin: .3vw 0 0; color: #4d4d4d; font-size: 1.53vw; line-height: 1.6; }
.ab2-awards-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7vw; align-content: start; }
/* 空图格 = 占位框（内容待填）；填入后图片按 4:3 铺满 */
.ab2-award { position: relative; aspect-ratio: 4 / 3; background: #f5f5f6; border: 1px dashed #d8d8dd; overflow: hidden; }
.ab2-award img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ab2-award b { display: block; margin-top: 8px; color: #14151a; font-size: 15px; font-weight: 700; line-height: 1.5; }
.ab2-award span { display: block; margin-top: 2px; color: #8a8a92; font-size: 13px; line-height: 1.5; }

/* 旧：案例四卡（图上压字），已由「我们的奖项」替代，规则留档 */
.ab2-cases { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 62px; }
.ab2-case { position: relative; display: block; aspect-ratio: 665 / 830; overflow: hidden; background: #111; }
.ab2-case img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
.ab2-case::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, .72)); }
.ab2-case:hover img { transform: scale(1.04); }
.ab2-case-body { position: absolute; left: 26px; right: 26px; bottom: 26px; z-index: 2; }
.ab2-case-body b { display: block; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.6; }
.ab2-case-body span { display: block; margin-top: 4px; color: rgba(255, 255, 255, .6); font-size: 13.2px; line-height: 1.6; }
.ab2-case-body p { margin: 4px 0 0; color: rgba(255, 255, 255, .8); font-size: 13.2px; line-height: 1.6; }

/* 10. 合作伙伴（对应参考的奖项行） */
.ab2-partners { display: grid; grid-template-columns: minmax(0, 433px) minmax(0, 1fr); gap: 12vw; margin-top: 120px; align-items: start; }
.ab2-partners-head b { display: block; color: #000; font-size: 4.02vw; font-weight: 700; line-height: 1.6; }
.ab2-partners-head p { max-width: 364px; margin: 10px 0 0; color: #666; font-size: 12px; line-height: 1.6; }
.ab2-rows { border-top: 1px solid rgba(0, 0, 0, .1); }
.ab2-row { display: grid; grid-template-columns: 32.36% 32.36% 32.36% auto; align-items: center; gap: 0; padding: 21px 0; border-bottom: 1px solid rgba(0, 0, 0, .1); color: #777; font-size: 16px; line-height: 1.6; }
.ab2-row span:first-child { color: #333; font-weight: 600; }

/* 11. 联系区（对应参考的 Contact 区块） */
.ab2-contact { margin-top: 140px; }
.ab2-contact-top { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 40px; }
.ab2-contact-top b { display: block; color: #14151a; font-size: 4.02vw; font-weight: 700; line-height: 1.6; }
.ab2-contact-top .cn { display: block; margin-top: 4px; color: rgba(20, 21, 26, .6); font-size: 18px; }
.ab2-contact-cta { display: flex; align-items: center; gap: 22px; }
.ab2-contact-cta .hint { color: rgba(20, 21, 26, .6); font-size: 14px; }
.ab2-contact-cta .action { border-color: rgba(20, 21, 26, .2); color: #14151a; }
.ab2-cols { display: grid; grid-template-columns: 56.1% 31.2% 10.7%; gap: 0; margin-top: 42px; border-top: 1px solid rgba(0, 0, 0, .1); padding-top: 34px; }
.ab2-col b { display: block; color: #14151a; font-size: 18px; font-weight: 700; }
.ab2-col .big { display: block; margin-top: 10px; color: #14151a; font-size: 18px; font-weight: 700; line-height: 1.6; }
.ab2-col .small { display: block; margin-top: 6px; color: rgba(20, 21, 26, .4); font-size: 14px; line-height: 1.6; }
.ab2-copyright { margin: 78px 0 0; padding-top: 26px; border-top: 1px solid rgba(0, 0, 0, .08); color: rgba(20, 21, 26, .4); font-size: 12px; }

@media (max-width: 1000px) {
  .scene-brand.scene-about-light .ab2 { padding: 130px 7% 60px; }
  .scene-brand.scene-about-light .ab2-giant { font-size: 13vw; }
  .ab2-portrait { width: 44vw; margin-top: 70px; }
  .ab2-name { margin-top: 54px; font-size: 7vw; }
  .ab2-lead { margin-top: 70px; font-size: 22px; max-width: 100%; }
  .ab2-copy { margin-top: 48px; }
  .ab2-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 0; margin-top: 80px; }
  .ab2-stat { padding-right: 16px; }
  .ab2-stat + .ab2-stat { border-left: 0; padding-left: 0; }
  .ab2-stat:nth-child(even) { border-left: 1px solid rgba(0, 0, 0, .07); padding-left: 24px; }
  .ab2-stat b { font-size: 46px; }
  .ab2-marquee { margin-top: 76px; }
  .ab2-marquee-track span { font-size: 15vw; }
  .ab2-cases { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 40px; }
  .ab2-partners { grid-template-columns: 1fr; gap: 34px; margin-top: 80px; }
  .ab2-partners-head b { font-size: 9vw; }
  .ab2-partners-head p { max-width: none; }
  .ab2-row { grid-template-columns: 1fr 1fr; row-gap: 4px; font-size: 14px; padding: 16px 0; }
  .ab2-contact { margin-top: 84px; }
  .ab2-contact-top { grid-template-columns: 1fr; gap: 22px; align-items: start; }
  .ab2-contact-top b { font-size: 9vw; }
  .ab2-cols { grid-template-columns: 1fr; gap: 26px; }
  .ab2-case-body { left: 16px; right: 16px; bottom: 16px; }
}

@media (max-width: 620px) {
  .ab2-cases { grid-template-columns: 1fr; }
  .ab2-portrait { width: 62vw; }
  .scene-brand.scene-about-light .ab2-giant { font-size: 15vw; }
  .ab2-contact-cta { flex-direction: column; align-items: flex-start; }
}

/* 开屏三层版式的移动端：stage 退化为普通块（641px 以下不套 flex 一屏），简介列通栏、字号改 px */
@media (max-width: 640px) {
  .ab2-hero-left, .ab2-hero-right { display: block; }
  .ab2-hero-main { grid-template-columns: 1fr; margin-top: 0; }
  .ab2-hero-intro { width: auto; margin: 0 0 30px; }
  .ab2-about-photo { position: static; }
  .ab2-ghost { font-size: 15vw; -webkit-text-stroke-width: .6px; top: .5em; }
  .ab2-about-photo { position: static; min-height: 0; height: 62vw; margin: 22px 0 0; }
  .ab2-awards { grid-template-columns: 1fr; row-gap: 24px; }
  .ab2-awards-head b { font-size: 34px; }
  .ab2-awards-head p { font-size: 15px; margin-top: 6px; }
  .ab2-awards-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .ab2-hero-intro { width: auto; margin: 0 0 40px; }
  .ab2-hero-intro .ab2-name { font-size: 13px; margin-bottom: 14px; }
  .ab2-hero-en { font-size: 19px; }
  .ab2-hero-intro .ab2-copy { margin-top: 14px; }
  .ab2-hero-intro .ab2-copy p { font-size: 15px; margin-bottom: 12px; }
  .ab2-hero-foot { padding-left: 0; }
  .ab2-hero-foot .ab2-lead { max-width: none; font-size: 26px; margin-bottom: 0; }
  .ab2-sign { font-size: 12px; margin-top: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .ab2-marquee-track { animation: none !important; }
  .ab2-case img { transition: none; }
}

/* 12. 参考站 parallax 层级：巨型标题随滚动下移、滑到产品图后方（图片盖住标题中段，同参考站观感） */
.scene-brand.scene-about-light .ab2-giant { position: relative; z-index: 1; }
.ab2-portrait { position: relative; z-index: 2; }
.ab2-intro { position: relative; z-index: 3; }

/* ============================================================
   13. 文字叠影（用户参考图一）：主字 + 淡影层，随滚动向右下错位
   ============================================================ */
.ab2-lead{position:relative;isolation:isolate}
.ab2-lead::after{
  content:attr(data-ghost);position:absolute;left:0;top:0;width:100%;
  transform:translate(var(--gx,.10em),var(--gy,.10em));
  color:#c9c9c9;opacity:.62;z-index:-1;pointer-events:none;will-change:transform;
}

/* ============================================================
   14. 公司数据占位（真实数字待填，填入后去掉 is-ph）
   ============================================================ */
.ab2-stat b.is-ph{color:#b9b9b9}

/* ============================================================
   15. 品牌资讯模块（替换原 PARTNERS 区，版式照参考图三）
   ============================================================ */
.ab2-news{display:grid;grid-template-columns:minmax(0,433px) minmax(0,1fr);gap:12vw;align-items:start;margin-top:130px}
.ab2-news-head b{
  display:block;font-family:'Plus Jakarta Sans',sans-serif;
  font-size:clamp(44px,5vw,72px);line-height:1.05;font-weight:800;letter-spacing:-.02em;color:#000;
}
.ab2-news-head p{margin:18px 0 26px;font-size:14px;line-height:24px;color:#777}
.ab2-news-all{display:inline-flex;align-items:center;gap:10px;padding-bottom:5px;border-bottom:1px solid #000;font-size:13px;font-weight:600;color:#000}
.ab2-news-rows{display:flex;flex-direction:column}
.ab2-news-row{display:grid;grid-template-columns:22% minmax(0,1fr) 20% auto;align-items:center;padding:22px 0;border-bottom:1px solid #e6e6e6;color:#777;transition:color .25s}
.ab2-news-row:hover{color:#000}
.ab2-news-row .dt{font-size:13px;letter-spacing:.04em;color:#9a9a9a}
.ab2-news-row b{font-size:17px;font-weight:600;color:#000}
.ab2-news-row .cat{font-size:13px;color:#777}
.ab2-news-row .go{justify-self:end;font-size:13px;font-weight:600;color:#000;white-space:nowrap}

/* ============================================================
   16. 品牌理念（黑底，星空透出）
   ============================================================ */
.scene-philosophy{display:flex;align-items:center;background:transparent;color:#f7f7f8}
.philo-inner{display:flex;flex-direction:column;align-items:center;text-align:center}
.scene-philosophy h2{margin:0;font-size:clamp(44px,5vw,86px);font-weight:600;line-height:1.12;color:#fff}
.scene-philosophy h2 em{font-style:normal;color:transparent;background:linear-gradient(135deg,#954fec,#584cd6);-webkit-background-clip:text;background-clip:text}
.philo-lead{max-width:760px;margin:34px auto 0;font-size:clamp(17px,1.35vw,22px);line-height:1.9;color:#a2a2aa}
.philo-en{margin:14px 0 0;font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#6e6e78}
.philo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;width:100%;max-width:1140px;margin-top:76px;background:rgba(255,255,255,.12)}
.philo-grid article{padding:36px 30px;background:rgba(6,6,10,.62);text-align:left}
.philo-grid b{display:block;font-size:18px;color:#fff}
.philo-grid span{display:block;margin-top:14px;font-size:14px;line-height:26px;color:#8f8f99}
/* 2026-09-11 用户「这一部分改成展示展厅的」→ 04 块改成「展厅导览」：卡内小徽标 + 卡下 CTA 按钮。
   沿用 .philo-inner/.philo-lead/.philo-en/.philo-grid 原样式，只补这两条，版式与 03/06 块保持同一套语言。 */
.philo-grid b i{display:inline-block;margin-left:10px;padding:2px 9px;border:1px solid rgba(149,79,236,.45);border-radius:999px;color:#b189f2;font-size:11px;font-style:normal;font-weight:500;letter-spacing:.02em;vertical-align:2px;white-space:nowrap}
.philo-cta{margin-top:52px}
/* 2026-09-11 04 块 = 实体样板展厅：4 张方形实拍一排 + 图注（原图 1024×1024，不裁切 → 用 width:100%/height:auto） */
.show-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;max-width:1140px;margin-top:58px}
.show-grid figure{margin:0}
.show-grid img{display:block;width:100%;height:auto;background:rgba(255,255,255,.04)}
.show-grid figcaption{margin-top:12px;font-size:13px;line-height:1.5;color:#8f8f99;text-align:center;letter-spacing:.02em}
/* 2026-09-11 参考 uemo id/468「吸附效果-深色」的版式语言：1:1 两栏 + 大白数字 + 12px 灰标签。
   实测参考值：行标题 32px/41.6 #777；小标签 12px/24；数字 40~48px 纯白/行高 1.2；说明 16px/27.2 #777。 */
.show-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;width:100%;max-width:1140px;margin-top:58px;text-align:left}
.show-split-media{margin:0}
.show-split-media img{display:block;width:100%;height:auto;background:rgba(255,255,255,.04)}
.show-split-media figcaption{margin-top:12px;font-size:13px;color:#8f8f99;letter-spacing:.02em}
.show-stats{display:flex;flex-direction:column;justify-content:space-between;gap:22px}
.show-stat{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}
.show-stat b{font-size:clamp(30px,3.1vw,44px);font-weight:800;line-height:1.2;color:#fff;letter-spacing:-.01em}
.show-stat b.sm{margin-left:18px}
.show-stat .u{margin-left:6px;font-size:14px;color:#9a9aa4}
.show-stat p{margin:8px 0 0;font-size:14px;line-height:1.7;color:#8f8f99}
.show-cta{margin-top:6px}
.show-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;max-width:1140px;margin-top:34px}
.show-row3 figure{margin:0}
.show-row3 img{display:block;width:100%;height:auto;background:rgba(255,255,255,.04)}
.show-row3 figcaption{margin-top:12px;font-size:13px;line-height:1.5;color:#8f8f99;text-align:center;letter-spacing:.02em}
@media(max-width:1100px){ .show-split{grid-template-columns:1fr;gap:32px} }
@media(max-width:640px){ .show-row3{grid-template-columns:1fr} }
@media(max-width:1100px){ .show-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} }

/* ============================================================
   17. 合作伙伴（白底，logo 墙位）
   ============================================================ */
.scene-partners{display:flex;align-items:center;background:#fff;color:#111}
.scene-partners .eyebrow{color:#66666e}
.partners-inner{width:min(1860px,calc(100% - 200px))}
.scene-partners h2{margin:0;font-size:clamp(34px,3.4vw,60px);font-weight:600;line-height:1.14;color:#000}
.scene-partners h2 em{font-style:normal;color:#8f8f8f}
.partner-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:64px;background:#e6e6e6;border:1px solid #e6e6e6}
.partner-tile{min-height:154px;padding:22px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff;text-align:center}
.partner-tile span{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(15px,1.15vw,20px);font-weight:700;letter-spacing:.02em;color:#1a1a1a}
.partner-tile small{font-size:12px;color:#9a9a9a}
.partner-tile-cta{background:#fafafa;transition:background .25s}
.partner-tile-cta:hover{background:#f2f2f2}
.partner-tile-cta b{font-size:16px;font-weight:700;color:#000}
.partners-note{margin-top:26px;font-size:12px;color:#a5a5a5}

@media(max-width:1100px){
  .ab2-news{grid-template-columns:1fr;gap:40px;margin-top:80px}
  .ab2-news-row{grid-template-columns:26% minmax(0,1fr) auto;row-gap:6px}
  .ab2-news-row .cat{display:none}
  .partner-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
  .philo-grid{grid-template-columns:1fr}
  .partners-inner{width:calc(100% - 64px)}
}
@media(max-width:640px){
  .partner-wall{grid-template-columns:1fr}
  .partner-tile{min-height:120px}
  .scene-philosophy h2{font-size:34px}
  .philo-grid article{padding:26px 20px}
  .philo-cta{margin-top:34px}
  .show-split{margin-top:36px;gap:26px}
  .show-row3{margin-top:22px;gap:10px}
  .show-stat b{font-size:28px}
  .show-stat p{font-size:13px}
  .show-grid figcaption{margin-top:8px;font-size:12px}
  .philo-grid b i{margin-left:8px;font-size:10px}
  .partners-inner{width:calc(100% - 40px)}
}

/* ============================================================
   04 展厅 = 1:1 复刻 uemo id/468「吸附效果-深色」
   参考实测（1440 → 2560）：行 padding-top 143→255px（=9.95vw）、bottom 36→64px（=2.5vw）；
   栏左右 padding 50px 固定；图 200×267 固定（3:4）；块间距 39~40px。
   行标题 32px/41.6 #777 居中；小标签 14px/22.4 与 12px/24 #777 左；数字 40→48px 纯白；说明 16px/27.2，max-width 427px 居中。
   吸附：每行 position:sticky 钉在 top 75px，被下一行盖上时整行 scale → 0.8（200×267 缩到 160×214，实测比值 0.80）。
   ============================================================ */
/* ⚠️ 必须覆盖 prototype.css 的 .proto-scene{overflow:hidden}：
   overflow:hidden 的祖先会成为「不滚动的滚动容器」，position:sticky 会以它为参照 → 吸附完全失效（实测卡片直接滚走）。
   另外 overflow-x:hidden + overflow-y:visible 会被规范算成 auto，同样破坏 sticky，所以这里只写 overflow:visible。 */
.scene-stack{min-height:0;padding:0;overflow:visible}
.stack-eyebrow{width:min(1440px,calc(100% - 96px));margin:0 auto 24px;padding-top:96px}
.stack-wrap{position:relative}
.stack-card{position:sticky;top:75px;display:grid;grid-template-columns:50% 50%;
  padding:9.95vw 0 2.5vw;will-change:transform,opacity;transform-origin:50% 0;
  /* 叠卡必须遮住身后那层：用与页面同色的几乎不透明底（星空被压在卡片区域里，和参考站同一处理） */
  background:linear-gradient(180deg,rgba(4,5,9,0) 0%,rgba(4,5,9,.995) 4%,rgba(4,5,9,.995) 96%,rgba(4,5,9,0) 100%)}
.stack-col{padding:0 50px;min-width:0}
.stack-col--b{padding-left:2.45vw}
.stack-card h3{margin:0;font-family:'Plus Jakarta Sans','Microsoft YaHei',Arial,sans-serif;
  font-size:32px;line-height:1.3;font-weight:800;color:#777;text-align:center;letter-spacing:0}
.stack-card figure{margin:39px auto 0;width:200px}
.stack-card figure img{display:block;width:200px;height:267px;object-fit:cover;background:rgba(255,255,255,.04)}
.stack-desc{margin:40px auto 0;max-width:427px;font-size:16px;line-height:1.7;color:#777;text-align:center}
.stack-label{margin:0;font-size:14px;line-height:1.6;color:#777}
.stack-num{margin:30px 0 0;color:#fff;font-weight:800;font-size:48px;line-height:1.2;
  font-family:'Plus Jakarta Sans','Microsoft YaHei',Arial,sans-serif}
.stack-num b{margin:0;font-weight:800}
.stack-num b.sm{margin-left:22px}
.stack-num span{margin-left:8px;font-size:14px;font-weight:400;color:#9a9aa4}
.stack-note{margin:30px 0 0;font-size:12px;line-height:2;color:#777}
.stack-strip{margin:34px 0 0 0;width:200px}
.stack-strip img{display:block;width:200px;height:267px;object-fit:cover}
.stack-cta{margin-top:34px}
@media(max-width:1100px){
  .stack-card{grid-template-columns:1fr;gap:34px;padding:64px 0 40px}
  .stack-col,.stack-col--b{padding:0 32px}
  .stack-num{font-size:40px}
  .stack-card h3{font-size:26px}
}
@media(max-width:640px){
  .stack-eyebrow{padding-top:56px}
  .stack-card{padding:48px 0 32px}
  .stack-card figure,.stack-card figure img,.stack-strip,.stack-strip img{width:160px;height:214px}
  .stack-num{font-size:34px}
  .stack-desc,.stack-note{max-width:none}
}