/*
Powered by ueeshop.com		http://www.ueeshop.com
广州联雅网络科技有限公司		020-83226791
*/
.global_mode_team1{width: 100%;max-width: 1680px;margin: 0 auto;overflow: hidden;padding-left: 20px;padding-right: 20px;box-sizing: border-box}.global_mode_team1 .left_desc{float: left;width:22.61904%;margin-right:4.16666%}.global_mode_team1 .right_list{width:73.09523%;float: right;display: flex;flex-wrap: wrap}.global_mode_team1 .right_list .person_item{width:26.38436%;float: left;margin-right:10%;margin-bottom: 60px;overflow: hidden}.global_mode_team1 .right_list .person_item:nth-child(3n){margin-right:0px}.global_mode_team1 .right_list .person_item .pic{width:100%;position: relative;padding-top:100%;overflow: hidden;border-radius: 50%;height: 0px}.global_mode_team1 .right_list .person_item .pic .person_img{position: absolute;left: 0;right: 0;bottom: 0;left: 0;margin: auto;z-index: 1}.global_mode_team1 .right_list .person_item .pic .person_img img{vertical-align: middle}.global_mode_team1 .right_list .person_item .pic .person_desc_bg{position: absolute;top:0px;width: 100%;height: 100%;z-index: 2;background: rgba(15,45,83,.78);text-align: center;transition:all .3s;opacity: 0}.global_mode_team1 .right_list .person_item .pic .person_desc_bg .desc_conten+span{display: inline-block;height: 100%;vertical-align: middle}.global_mode_team1 .right_list .person_item:hover .pic .person_desc_bg{opacity: 1}@media screen and (max-width: 1040px){.global_mode_team1{padding-left: 0;padding-right: 0}.global_mode_team1 .left_desc{width:96%;margin:0 2%;text-align: center}.global_mode_team1 .left_desc .title{width:90%;margin:0 auto}.global_mode_team1 .left_desc .bf_desc{width:80%;margin:0 auto}.global_mode_team1 .right_list{width:96%;margin:0 2%}.global_mode_team1 .right_list .person_item{margin-bottom: 20px}.global_mode_team1 .right_list .person_item .pic .person_desc_bg{display: none}}

/* 纳入站点主栅格 —— 2026-09-02
   原为 max-width:1680px + padding 0 20px，2560 屏上左缘落在 453，
   而同页 poster_329 / other_7 / 页脚都是 556/1440，明显错开。 */
/* 装修编辑器会为每个模块实例额外生成一条 .global_mode_team1[data-visual-id="xxx"] 的
   作用域样式（复制模块默认值，特异性 0,2,0），且它在页面里**排在模块 main.css 之后**
   （实测字节位置 154273 vs 149897），所以同特异性也赢不了，必须抬到 0,3,0。
   注意这条装修规则每次在后台编辑该模块都会重新生成，顺序不受我们控制。 */
.global_mode_team1,
.global_mode_team1.global_mode_team1[data-visual-id]{width: 1440px;max-width: 92%;padding-left: 0;padding-right: 0}@media screen and (max-width: 1040px){/* 栅格已提供 4% 边距，内层不必再各留 2% */
	.global_mode_team1 .left_desc{width: 100%;margin-left: 0;margin-right: 0}.global_mode_team1 .right_list{width: 100%;margin-left: 0;margin-right: 0}}


/* ===== zt-team1-ref 2026-09-19：按参照站（scentiment）重排人物区 =====
   只动版式与样式，人名/职务/简介/照片一个字一张图都没改。

   改前的问题：
   1. 头像是 border-radius:50% 的正圆。正圆 + 居中人名 + 居中职务，是最通用的
      「meet the team」模板长相；参照站这类内容用的是竖幅方图 + 左对齐的图注。
      三张照片的背景色还不一样（浅灰 / 橄榄 / 浅灰），圆形裁切把差异藏了一半，
      改方图后必须另行拉齐 —— 见第 5 条。
   2. 左栏标题与右侧照片用 float 分栏，两列顶部对不齐。
   3. hover 遮罩是 rgba(15,45,83,.78) 深海军蓝 —— 站内没有这个颜色。
   4. 人名与职务都居中，且中间只隔 15px，两行字黏成一团。
   5. 三张照片底色不同，方图并排时会很明显。用一层很轻的暖色调整拉齐，
      不改人物本身的明度关系（只有 sepia .18 / saturate .95）。
   =================================================================== */

/* 上下留白**不写在这里**：装修后台的实例设置会生成
   .global_mode_team1[data-visual-id] 的 padding (0,2,0)，且排在本文件之后，
   这里写 clamp 只会变成看得见却不生效的死代码。
   本页节奏（每边 60 / 手机 40）已写进 visual_plugins.Settings。 */
.global_mode_team1{display: flex;align-items: flex-start;gap: clamp(32px, 4vw, 72px);overflow: visible}.global_mode_team1 .left_desc{float: none;flex: 0 0 26%;width: 26%;margin-right: 0}.global_mode_team1 .right_list{float: none;flex: 1 1 auto;width: auto;display: grid;grid-template-columns: repeat(3, 1fr);gap: clamp(20px, 2.4vw, 36px)}.global_mode_team1 .right_list .person_item{float: none;width: auto;margin: 0;overflow: visible}/* 正圆 → 4:5 竖幅。padding-top 决定比例，border-radius 归零 */
.global_mode_team1 .right_list .person_item .pic{padding-top: 125%;border-radius: 0;background-color: var(--paper-2)}.global_mode_team1 .right_list .person_item .pic .person_img,
.global_mode_team1 .right_list .person_item .pic .person_img .compute_item_img,
.global_mode_team1 .right_list .person_item .pic .person_img .compute_process_img{height: 100%}.global_mode_team1 .right_list .person_item .pic .person_img{top: 0;right: 0;bottom: 0;left: 0}.global_mode_team1 .right_list .person_item .pic .person_img img{width: 100%;height: 100%;object-fit: cover;/* 2026-09-19 撤回：这里曾加 sepia(.32) saturate(.82) 想把三张素材不一致的
	   背景色统一进暖色区间，实测把肤色和牛仔外套的蓝一起洗掉了，照片整体发灰。
	   「不改图片原色」优先于背景一致 —— 照片按原样显示，不加任何滤镜。
	   背景色差异要根治只能换素材（三张拍摄背景本来就不同），不能靠滤镜。 */
}

/* hover 遮罩：海军蓝 → 墨色，文字用纸色 */
.global_mode_team1 .right_list .person_item .pic .person_desc_bg{background: color-mix(in srgb, var(--ink) 86%, transparent);padding: 0 clamp(16px, 1.6vw, 26px);box-sizing: border-box;transition: opacity .35s var(--ease-std, cubic-bezier(.4, 0, .2, 1))}.global_mode_team1 .right_list .person_item .pic .person_desc_bg .desc_conten{width: 100% !important;color: var(--paper) !important;font-size: 14px !important;line-height: 1.75 !important}@media (prefers-reduced-motion: reduce){.global_mode_team1 .right_list .person_item .pic .person_desc_bg{transition: none}}

/* 图注：居中 → 左对齐；人名衬线，职务用站内 11px/.22em 大写小标。
   装修编辑器给这两行生成的实例样式是 (0,6,0)（模块类+属性+四层类），
   且排在模块 CSS 之后，只能用 !important，写到 (0,7,0) 反而更难读。 */
.global_mode_team1 .right_list .person_item .name{text-align: left !important;margin-top: 22px !important;font-family: var(--zt-serif, 'Cormorant Infant', Georgia, serif) !important;font-size: clamp(20px, 1.6vw, 24px) !important;line-height: 1.2 !important;letter-spacing: -.01em !important;color: var(--ink) !important}.global_mode_team1 .right_list .person_item .position{text-align: left !important;margin-top: 8px !important;font-family: var(--zt-sans, 'Inter Tight', Arial, sans-serif) !important;font-size: 11px !important;line-height: 1.5 !important;letter-spacing: .22em !important;text-transform: uppercase !important;color: var(--n-600) !important}/* 左栏标题并入站内区块标题档；正文行长收到 42ch */
.global_mode_team1 .left_desc .title{font-family: var(--zt-serif, 'Cormorant Infant', Georgia, serif) !important;font-size: clamp(30px, 3.2vw, 44px) !important;line-height: 1.1 !important;letter-spacing: -.015em !important;color: var(--ink) !important}.global_mode_team1 .left_desc .bf_desc{max-width: 42ch;margin-top: 24px !important;font-size: 15px !important;line-height: 1.8 !important;color: var(--n-650) !important}@media screen and (max-width: 1040px){.global_mode_team1{display: block}.global_mode_team1 .left_desc{width: 100%;flex: none;text-align: left}.global_mode_team1 .left_desc .title,
	.global_mode_team1 .left_desc .bf_desc{width: 100%;margin-left: 0;margin-right: 0}.global_mode_team1 .right_list{margin-top: clamp(28px, 5vw, 44px);grid-template-columns: repeat(3, 1fr);gap: 16px}}

@media screen and (max-width: 560px){/* 三列在 390 下每格只剩 106px，人名要断行；改两列 */
	.global_mode_team1 .right_list{grid-template-columns: repeat(2, 1fr);gap: 16px 14px}/* 169px 的格子里，.22em 字距会把 "ORDER FULFILLMENT SPECIALIST" 撑成三行。
	   窄屏收到 .12em，同时留出换行余量。 */
	.global_mode_team1 .right_list .person_item .position{letter-spacing: .12em !important;font-size: 10px !important;line-height: 1.6 !important}}