/* 企业旅程页 v1 · 2026-10-03 · 叠在 private-base.css + private-ed.css 之上（同一套 Editorial Visual Direction）
   只补本页新增的部分：四个目的（大号 01–04）、客户与伙伴一行、四栏卡片、即将推出卡、收尾小字。 */

/* 02 — 四个目的：巨大编号 + 极少文字，不做 icon 卡 */
.pn .aims{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.4vw,40px)}
.pn .aims li{padding-top:24px;border-top:1px solid var(--gold-line);display:flex;flex-direction:column}
.pn .aims .n{display:block;font:400 clamp(64px,6.4vw,104px)/1 var(--serif);color:var(--zel);letter-spacing:-.02em}
.pn .aims h3{margin-top:22px;font:400 20px/1.3 var(--serif);color:var(--ink)}
.pn.zh .aims h3{font:400 20px/1.35 var(--serif);letter-spacing:.04em;text-transform:none}
.pn .aims em{display:block;margin-top:4px;font:500 14px/1.4 var(--sans);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.pn .aims p{margin-top:14px;flex-grow:1;font-family:var(--sans);font-size:17px;line-height:1.65;color:var(--ink);text-wrap:pretty}
.pn.zh .aims p{font-size:17px;line-height:1.8}
.pn .aims .aim-go{position:relative;align-self:flex-start;margin-top:20px;font:500 16px/1.5 var(--sans);color:var(--ink-2);border-bottom:1px solid var(--zel);padding-bottom:3px}
.pn .aims .aim-go i{font-style:normal;color:var(--zel)}
.pn .aims .aim-go::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px}
.pn .aims .aim-go:hover{color:var(--ink)}

/* 客户与伙伴：降一级的一行，不给它做第五张卡 */
.pn .cp{margin-top:clamp(40px,4.4vw,64px);padding:24px 0;border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line);display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:24px;align-items:baseline}
.pn .cp b{font:500 15px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.pn.zh .cp b{letter-spacing:.06em}
.pn .cp span{font-family:var(--sans);font-size:17px;line-height:1.65;color:var(--ink)}

/* 段与段：纸色接纸色时上方减半；已交付段用浅暖底 */
.pn .who-s + .dest-s{padding-top:clamp(40px,4.5vw,72px)}
.pn .real-s{background:none}
.pn .who-s .exp h3{font-size:clamp(21px,1.7vw,25px)}

/* 四栏卡片（已交付 / 接下来） */
.pn.cj .pgrid.g4{grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.4vw,36px)} /* 2026-10-13: three cards per grid, same columns and gap as Private (.pn.pj .pgrid) */
.pn.cj .g4 .pc .eb{min-height:4.35em}
.pn.cj .g4 .pc .eb .seg{white-space:nowrap}
.pn.cj .g4 .pc h3{font-size:20px}
.pn.cj .g4 .pc p:not(.eb){font-size:17px;line-height:1.65}

/* 即将推出：同一张卡，不能点，不放箭头 */
.pn .pc.soon{cursor:default}
.pn .pc.soon .tag{display:inline-block;font:500 15px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--gold-line);padding:10px 14px}
.pn.zh .pc.soon .tag{letter-spacing:.08em}

/* 收尾：第一份简报免费，小字但不小于正文辅助字 */
.pn .talk .free{margin-top:18px;font-size:17px!important;line-height:1.6;color:rgba(255,255,255,.82)}



/* 旅程之后（ZIES / ROX）：安静的插段，不用图片；与 01–04 同一套语言，编号小一级，上下金线收住 */
.pn .lx-in{padding-top:0} /* 客户与伙伴那一行的下边线已经收住上一段，这里不再加线 */
.pn .aims.lx .n{font-size:clamp(44px,4vw,64px);color:var(--zel)}
.pn .aims.lx li{border-top-color:var(--line,var(--gold-line))}
.pn .lx-tag{margin-top:clamp(40px,4.4vw,64px);text-align:center}
.pn .lx-tag b{display:block;font:500 20px/1.5 var(--sans);letter-spacing:.2em;color:var(--zel)}
.pn .lx-tag span{display:block;margin-top:8px;font:400 clamp(20px,1.6vw,22px)/1.6 var(--serif);color:var(--zel)}

/* 我们带来的：三项能力。不用大编号，免得与上两段重复；浅暖底与前后分开 */
.pn .cap-s{background:var(--panel)}
.pn .cap{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px)}
.pn .cap li{padding-top:24px;border-top:2px solid var(--zel)}
.pn .cap h3{font:400 20px/1.35 var(--serif);color:var(--ink)}
.pn .cap em{display:block;margin-top:4px;font:500 14px/1.4 var(--sans);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.pn .cap p{margin-top:14px;font-size:17px;line-height:1.65;color:var(--ink-2);text-wrap:pretty}
.pn .cap-end{margin-top:clamp(40px,4.4vw,64px);padding-top:28px;border-top:1px solid var(--gold-line)}
.pn .cap-line{font:500 19px/1.5 var(--serif);color:var(--zel)}
.pn .cap-by{margin-top:10px;font-size:15px;line-height:1.7;color:var(--ink-2)}

/* 接下来的旅程（10-03 Zelts 改）：不再整段蓝底。段首回到纸色，只在卡片后面垫一条浅浅的 ZeL Blue 色带（从卡片图片中段起到段尾），
   卡片白底加轻阴影，浮在色带上 */
.pn .next-s{position:relative;overflow:hidden;padding-bottom:0}
.pn .next-s .pgrid{position:relative;z-index:0;padding-bottom:clamp(64px,7vw,104px)}
.pn.cj .next-s .pc{background:#fff;padding:0 0 26px;box-shadow:0 8px 24px rgba(15,42,68,.10)}
.pn.cj .next-s .pc > *:not(figure){margin-left:22px;margin-right:22px}
.pn.cj .next-s .pc .eb{margin-top:20px}
.pn.cj .next-s .pc .pc-go{border-top-color:rgba(15,42,68,.12)}

/* 旅程之后：四项加 icon（10-03 Zelts），与首页步骤同一家族：细线、ZeL Blue、mask 上色 */
.pn .aims.lx li::before{content:"";display:block;width:64px;height:64px;margin-bottom:18px;background:var(--zel);-webkit-mask-position:left center;mask-position:left center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.pn .aims.lx li:nth-child(1)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 24 C11 13.5 37 13.5 44 24 C37 34.5 11 34.5 4 24 Z'/%3E%3Ccircle cx='24' cy='24' r='6.5'/%3E%3Ccircle cx='24' cy='24' r='2' fill='%23000' stroke='none'/%3E%3Cpath d='M24 5 V9'/%3E%3Cpath d='M10.5 9.5 L13 12.6'/%3E%3Cpath d='M37.5 9.5 L35 12.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 24 C11 13.5 37 13.5 44 24 C37 34.5 11 34.5 4 24 Z'/%3E%3Ccircle cx='24' cy='24' r='6.5'/%3E%3Ccircle cx='24' cy='24' r='2' fill='%23000' stroke='none'/%3E%3Cpath d='M24 5 V9'/%3E%3Cpath d='M10.5 9.5 L13 12.6'/%3E%3Cpath d='M37.5 9.5 L35 12.6'/%3E%3C/svg%3E")} /* 体验 · 眼睛：看见与经历 */
.pn .aims.lx li:nth-child(2)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='translate(1 13) scale(1.4)' d='M12 21 C4.5 15.6 1.5 11.6 3.2 7.4 C4.9 3.4 9.8 3.2 12 6.8 C14.2 3.2 19.1 3.4 20.8 7.4 C22.5 11.6 19.5 15.6 12 21 Z'/%3E%3Cpath transform='translate(19 7) scale(1.2)' d='M12 21 C4.5 15.6 1.5 11.6 3.2 7.4 C4.9 3.4 9.8 3.2 12 6.8 C14.2 3.2 19.1 3.4 20.8 7.4 C22.5 11.6 19.5 15.6 12 21 Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='translate(1 13) scale(1.4)' d='M12 21 C4.5 15.6 1.5 11.6 3.2 7.4 C4.9 3.4 9.8 3.2 12 6.8 C14.2 3.2 19.1 3.4 20.8 7.4 C22.5 11.6 19.5 15.6 12 21 Z'/%3E%3Cpath transform='translate(19 7) scale(1.2)' d='M12 21 C4.5 15.6 1.5 11.6 3.2 7.4 C4.9 3.4 9.8 3.2 12 6.8 C14.2 3.2 19.1 3.4 20.8 7.4 C22.5 11.6 19.5 15.6 12 21 Z'/%3E%3C/svg%3E")} /* 情感 · 两颗心相依：共同感受 */
.pn .aims.lx li:nth-child(3)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='7' width='32' height='36' rx='1'/%3E%3Crect x='12' y='11' width='24' height='22'/%3E%3Cpath d='M12 30 L19.5 21 L24.5 26.5 L28.5 22.5 L36 30'/%3E%3Ccircle cx='30.5' cy='16.5' r='2.4'/%3E%3Cpath d='M17 38 H31'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='7' width='32' height='36' rx='1'/%3E%3Crect x='12' y='11' width='24' height='22'/%3E%3Cpath d='M12 30 L19.5 21 L24.5 26.5 L28.5 22.5 L36 30'/%3E%3Ccircle cx='30.5' cy='16.5' r='2.4'/%3E%3Cpath d='M17 38 H31'/%3E%3C/svg%3E")} /* 记忆 · 一张照片：值得记住的画面 */
.pn .aims.lx li:nth-child(4)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='24' r='2.2' fill='%23000' stroke='none'/%3E%3Ccircle cx='24' cy='24' r='8'/%3E%3Ccircle cx='24' cy='24' r='14'/%3E%3Cpath d='M24 4 A20 20 0 0 1 44 24' stroke-dasharray='2.2 3'/%3E%3Cpath d='M24 44 A20 20 0 0 1 4 24' stroke-dasharray='2.2 3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='24' r='2.2' fill='%23000' stroke='none'/%3E%3Ccircle cx='24' cy='24' r='8'/%3E%3Ccircle cx='24' cy='24' r='14'/%3E%3Cpath d='M24 4 A20 20 0 0 1 44 24' stroke-dasharray='2.2 3'/%3E%3Cpath d='M24 44 A20 20 0 0 1 4 24' stroke-dasharray='2.2 3'/%3E%3C/svg%3E")} /* 影响 · 涟漪：回来以后仍在扩散 */
/* ZIES / ROX 一行：放大加粗（10-03 Zelts） */
.pn .lx-tag span .keep{display:inline;white-space:nowrap;margin:0}
.pn .lx-tag b{font:600 clamp(24px,2vw,28px)/1.4 var(--sans);letter-spacing:.18em}
.pn .lx-tag span{margin-top:10px;font:500 clamp(22px,1.9vw,26px)/1.5 var(--serif)}

/* MID-GO START · 已交付案例之后的中途对话入口（10-03） */
.pn .mid-go{margin-top:clamp(48px,5vw,72px);padding-top:28px;border-top:1px solid var(--gold-line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.pn .mid-go span{font:400 22px/1.5 var(--serif);color:var(--ink)}
.pn .mid-go .more{position:relative}
.pn .mid-go .more::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px}
/* MID-GO END */



/* 响应式 */
@media(max-width:1080px){
  .pn .cap{grid-template-columns:1fr;row-gap:36px;max-width:760px}
  .pn .aims{grid-template-columns:1fr 1fr;row-gap:48px}
}
@media(max-width:820px){
  .pn.cj .g4 .pc .eb{min-height:0}
  .pn.cj .pgrid.g4{grid-template-columns:1fr;row-gap:56px}
}
@media(max-width:600px){
  .pn .aims{grid-template-columns:1fr;row-gap:40px}
  .pn .aims .n{font-size:64px}
  .pn .cp{grid-template-columns:1fr;gap:8px}
}
@media print{.pn .real-s{background:none}.pn .aims .aim-go::after{display:none}}

/* MOBILE-TIGHT START · 手机上四个目的、旅程之后两组编号收紧一点，照片早一点出现（10-03） */
@media(max-width:600px){
  .pn .aims{row-gap:30px}
  .pn .aims li{padding-top:18px}
  .pn .aims .n{font-size:52px}
  .pn .aims.lx .n{font-size:44px}
  .pn .aims.lx li::before{width:52px;height:52px;margin-bottom:12px}
  .pn .aims h3{margin-top:14px}
  .pn .aims .aim-go{margin-top:14px}
}
/* MOBILE-TIGHT END */

/* ORDER-1003G START · 新顺序的段间距：纸色接纸色时上方减半 */
.pn .why-s + .dest-s,.pn .real-s + .next-s{padding-top:clamp(40px,4.5vw,72px)}
.pn .why-s:has(+ .dest-s){padding-bottom:clamp(56px,6vw,96px)}
/* ORDER-1003G END */

/* 2026-10-03 · blue TEXT on Paper/Panel uses the darker text tone #26769C (4.8:1), as on Method and Home.
   ZeL Blue stays for numbers, buttons, rules and blue on navy or photographs. */
.pn .zb,.pn .day-end,.pn .cap-line,.pn .lx-tag span{color:#26769C}
.pn .talk .zb,.pn .hero .zb,.pn .band .zb{color:var(--zel)}
.pn .aims li em,.pn .cap li em,.pn li>em[lang="en"]{font-size:15px!important}

/* 2026-10-12 · entry-pages typography: Chinese body text keeps line-height 1.8 (EN 1.65) */
.pn.zh .cp span,.pn.zh.cj .g4 .pc p:not(.eb),.pn.zh .cap p{line-height:1.8}
