/* 汇盈AI 宣讲：品牌色覆盖 + 新增页组件（叠在 deck.css 之上） */
:root {
  /* 品牌标识是青 → 紫 → 粉的玻璃「L」，强调渐变跟着它走 */
  --grad: linear-gradient(100deg, #5eead4 0%, #7cc4ff 38%, #a78bfa 70%, #f9a8d4 100%);
  --cyan: #5eead4; --violet: #a78bfa; --pink: #f472b6;
  --blue: #6d4fe0; --pline: rgba(109,79,224,.18);
}
.chrome__logo { height: 34px; top: 60px; }
.caret { background: #7cc4ff; box-shadow: 0 0 30px rgba(124,196,255,.8); }
.arch__r--hi b { background: linear-gradient(120deg, #14b8a6, #8b5cf6 60%, #ec4899); }
.arch__r--hi span { border-color: rgba(167,139,250,.45); background: rgba(167,139,250,.1); }
.device::before { background: conic-gradient(from var(--ba, 0deg), transparent 0 62%, #5eead4 74%, #a78bfa 84%, #f472b6 92%, transparent 96%); }
.qr { box-shadow: 0 0 0 1px rgba(255,255,255,.2), 0 40px 120px rgba(167,139,250,.45); }

/* 一个入口：品牌 L 漂浮在轨道中心 */
.entry__mark { position: absolute; left: 50%; top: 300px; width: 400px; transform: translateX(-50%); filter: drop-shadow(0 0 80px rgba(167,139,250,.55)); animation: float 6s ease-in-out infinite; }
@keyframes float { 50% { transform: translate(-50%, -14px); } }

/* 第一性原理：成本拆解 */
.fp { display: grid; grid-template-columns: 1fr 120px 1fr; align-items: stretch; margin-top: 46px; max-width: 1600px; }
.fp__col { padding: 30px 36px 30px; border-radius: 22px; }
.fp__old { background: rgba(255,255,255,.7); border: 1px solid rgba(18,19,23,.1); }
.fp__new { background: #121317; color: #fff; box-shadow: 0 40px 100px rgba(60,40,120,.3); position: relative; overflow: hidden; }
.fp__new::before { content: ''; position: absolute; inset: 0 0 auto 0; height: 4px; background: var(--grad); }
.fp__k { font-size: 14px; letter-spacing: .14em; color: var(--pmute); }
.fp__new .fp__k { color: #a5b4fc; }
.fp ul { list-style: none; margin-top: 16px; }
.fp li { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding: 15px 0; border-bottom: 1px solid rgba(18,19,23,.1); font-size: 23px; }
.fp__new li { border-color: rgba(255,255,255,.12); }
.fp li b { font-weight: 700; }
.fp li span { font-family: var(--pm); color: var(--pmute); white-space: nowrap; }
.fp__new li span { color: #c7d2fe; }
.fp__sum { display: flex; align-items: baseline; gap: 20px; margin-top: 26px; }
.fp__sum em { font-style: normal; font-size: 15px; letter-spacing: .08em; color: var(--pmute); }
.fp__new .fp__sum em { color: #a5b4fc; }
.fp__sum strong { font: 200 92px/1 var(--pm); letter-spacing: -.05em; }
.fp__old .fp__sum strong { color: #b4412c; text-decoration: line-through; text-decoration-thickness: 3px; }
.fp__new .fp__sum strong { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.fp__sum small { font-size: 20px; color: var(--pmute); }
.fp__new .fp__sum small { color: #c7d2fe; }
.fp__arrow { display: grid; place-items: center; color: var(--blue); }
.fp__arrow svg { width: 56px; height: 56px; }

/* 增长公式 */
.s-formula .h--ink { font-size: 104px; }
.fx { display: grid; grid-template-columns: 1fr 70px 1fr 70px 1fr; align-items: start; margin-top: 44px; max-width: 1600px; }
.fx__op { align-self: center; text-align: center; font-size: 72px; font-weight: 200; color: var(--blue); margin-top: -60px; }
.fx__c { display: flex; flex-direction: column; }
.fx__k { font-size: 14px; letter-spacing: .14em; color: var(--blue); }
.fx__c figure { margin-top: 16px; height: 300px; border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 30px 70px rgba(60,40,120,.16), 0 0 0 1px rgba(18,19,23,.08); }
.fx__c img, .fx__c video { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.fx__c b { margin-top: 22px; font: 900 38px var(--sans); letter-spacing: -.02em; }
.fx__c p { margin-top: 8px; font-size: 19px; line-height: 1.55; color: var(--pmute); }
.fx__foot { margin-top: 40px; font-size: 26px; color: var(--ink); }
.fx__foot b { color: var(--blue); }

/* 视频工厂 */
.vf { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 46px; max-width: 1600px; height: 640px; }
.vf__c { position: relative; overflow: hidden; border-radius: 22px; border: 1px solid var(--line2); background: #0b0f18; }
.vf__c video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.vf__c::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,7,12,.95) 8%, rgba(5,7,12,0) 50%); }
.vf__b { position: absolute; z-index: 2; left: 24px; right: 24px; bottom: 24px; }
.vf__b span { font-size: 13px; letter-spacing: .14em; color: var(--text2); }
.vf__b h3 { margin-top: 10px; font: 900 40px var(--sans); letter-spacing: -.02em; }
.vf__b p { margin-top: 8px; font-size: 18px; line-height: 1.5; color: var(--text2); }
.vf__b em { display: inline-block; margin-top: 14px; padding: 6px 12px; border-radius: 99px; background: rgba(94,234,212,.12); color: #99f6e4; font-style: normal; font-size: 14px; letter-spacing: .04em; }

/* 聚合发布 */
.pub { display: grid; grid-template-columns: 800px 560px; justify-content: space-between; gap: 48px; margin-top: 44px; max-width: 1600px; }
.pub__shot img, .pub__shot video { width: 100%; max-height: 600px; object-fit: cover; object-position: left top; border-radius: 16px; box-shadow: 0 40px 100px rgba(60,40,120,.22), 0 0 0 1px rgba(18,19,23,.08); }
.pub__shot figcaption { margin-top: 14px; font-size: 13px; letter-spacing: .1em; color: var(--pmute); }
.pub__list { list-style: none; display: flex; flex-direction: column; gap: 12px; }
.pub__list li { display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 16px; padding: 16px 20px; border-radius: 16px; background: rgba(255,255,255,.85); border: 1px solid var(--pline); }
.pub__list .plogo { flex: none; width: 52px; height: 52px; display: block; box-shadow: 0 4px 14px rgba(20,16,40,.12); border-radius: 12px; }
.pl-s { flex: none; display: inline-block; vertical-align: -5px; margin-right: 7px; border-radius: 6px; }
.leads__plat span { display: inline-flex; align-items: center; }
.pub__list b { display: block; font: 800 22px var(--sans); }
.pub__list small { display: block; margin-top: 4px; font-size: 15px; color: var(--pmute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 300px; }
.pub__list .st { padding: 6px 12px; border-radius: 99px; font-size: 14px; font-weight: 700; white-space: nowrap; }
.st--ok { background: rgba(16,185,129,.12); color: #047857; }
.st--wait { background: rgba(245,158,11,.14); color: #b45309; }
.st--fail { background: rgba(239,68,68,.12); color: #b91c1c; }

/* 线索客资 */
.s-leads { display: grid; grid-template-columns: 600px 1fr; gap: 56px; align-items: start; }
.s-leads .h { font-size: 88px; }
.lflow { list-style: none; margin-top: 44px; }
.lflow li { display: flex; gap: 20px; align-items: baseline; padding: 15px 0; border-top: 1px solid var(--line); font: 700 26px var(--sans); }
.lflow i { font-style: normal; font: 400 18px var(--pm); color: var(--cyan); }
.leads__plat { margin-top: 30px; display: flex; gap: 10px; flex-wrap: wrap; }
.leads__plat span { padding: 8px 14px; border-radius: 99px; border: 1px solid var(--line2); font-size: 15px; color: var(--text2); }
.leads__plat .new { border-color: rgba(244,114,182,.6); color: #fbcfe8; background: rgba(244,114,182,.12); }
.leads__r { margin-top: 30px; border-radius: 20px; background: #fbfaf7; color: #23211c; padding: 22px 24px; box-shadow: 0 50px 140px rgba(0,0,0,.6); }
.ltab__h { display: flex; justify-content: space-between; font-size: 14px; letter-spacing: .1em; color: #6d685d; padding-bottom: 12px; border-bottom: 1px solid #e7e4dc; }
.ltab { width: 100%; border-collapse: collapse; margin-top: 4px; table-layout: fixed; }
.ltab th { text-align: left; font: 500 13px var(--pm); letter-spacing: .1em; color: #8a8579; padding: 12px 8px; }
.ltab th:nth-child(1) { width: 150px; } .ltab th:nth-child(2) { width: 84px; } .ltab th:nth-child(3) { width: 80px; }
.ltab td { padding: 12px 8px; border-top: 1px solid #efece5; font-size: 18px; vertical-align: top; }
.ltab td:nth-child(4) { color: #4b473f; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ltab .sc { display: inline-block; min-width: 46px; text-align: center; padding: 3px 8px; border-radius: 99px; font: 700 15px var(--pm); }
.sc--hi { background: rgba(16,185,129,.14); color: #047857; } .sc--mid { background: rgba(245,158,11,.16); color: #b45309; }
.ltab .pf { font-size: 14px; color: #6d685d; }

/* 客户墙 */
.cl { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 330px 330px; gap: 18px; margin-top: 40px; max-width: 1600px; }
.cl__c { position: relative; overflow: hidden; border-radius: 20px; border: 1px solid var(--line2); background: #0b0f18; }
.cl__c img, .cl__c video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cl__c::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,7,12,.94) 10%, rgba(5,7,12,.05) 62%); }
.cl__b { position: absolute; z-index: 2; left: 24px; right: 24px; bottom: 22px; }
.cl__b b { display: block; font: 900 38px var(--sans); letter-spacing: -.02em; }
.cl__b p { margin-top: 8px; font-size: 18px; line-height: 1.5; color: var(--text2); }

/* 行业门：10 扇，收起时更窄 */
.doors { gap: 8px; }
.door.is-open { flex: 9; }
.door img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.door:not(.is-open) h3 { font-size: 28px; }

/* 案例 5 步：竖图也放得下 */
.case5 img { aspect-ratio: 3/4; object-position: center 30%; }
.case5 li:nth-child(5) img { object-position: left top; }

.bento, .arch, .spec, .plans, .faq, .case5, .doors, .deep, .pains, .highs, .princ, .vf, .pub, .cl, .fx, .fp { max-width: 1600px; }

/* 版面微调（实测截图后） */
.s-leads { grid-template-columns: 700px 1fr; }
.s-leads .h { font-size: 80px; }
.s-case .h--ink { font-size: 80px; }
.case5 { margin-top: 40px; }
.case5 img { aspect-ratio: 4/5; }
.case5 b { margin-top: 14px; font-size: 26px; }
.case5 p { font-size: 17px; }
.cl { grid-template-rows: 300px 300px; margin-top: 34px; }
.vf__c, .cl__c { cursor: pointer; }
.vf__c::before, .door::before, .cl__c::before { content: '🔇 点击开声音'; position: absolute; z-index: 3; top: 18px; right: 18px; padding: 6px 12px; border-radius: 99px; background: rgba(5,7,12,.6); font: 500 13px var(--sans); color: var(--text2); opacity: 0; transition: opacity .3s; }
.vf__c:hover::before, .door.is-open:hover::before, .cl__c:hover::before { opacity: 1; }
.is-sound::before { content: '🔊 声音已开'; opacity: 1 !important; color: #99f6e4; }
.s-case .case5 img { aspect-ratio: 1/1; }
.s-case .note { bottom: 86px; }

/* 能力全景(slide 09) */
.cap { margin-top: 28px; display: flex; flex-direction: column; gap: 14px; max-width: 1600px; }
.cap__row { display: grid; gap: 14px; }
.cap__row--create { grid-template-columns: repeat(5, 1fr); height: 404px; }
.cap__row--grow { grid-template-columns: 1.5fr 1.5fr 1fr 1fr 1fr 1fr; height: 226px; }
.cap__v, .cap__w { position: relative; margin: 0; display: flex; flex-direction: column; border-radius: 18px; overflow: hidden; background: #10131c; border: 1px solid rgba(255,255,255,.08); transition: border-color .4s, transform .6s var(--ease); }
.cap__v:hover, .cap__w:hover { border-color: rgba(167,139,250,.45); transform: translateY(-3px); }
.cap__v video, .cap__w video { flex: 1; min-height: 0; width: 100%; object-fit: cover; display: block; }
.cap__w video { object-fit: cover; object-position: center top; background: #f4f2ec; }
.cap figcaption { flex: none; display: grid; grid-template-columns: auto 1fr; column-gap: 10px; align-items: baseline; padding: 14px 16px 15px; background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)); border-top: 1px solid rgba(255,255,255,.07); }
.cap figcaption i, .cap__s > i { font-style: normal; font-size: 12px; letter-spacing: .14em; color: rgba(255,255,255,.45); }
.cap figcaption b { font: 800 23px/1.15 var(--sans); letter-spacing: -.01em; }
.cap figcaption span { grid-column: 1 / -1; margin-top: 4px; font-size: 14px; color: rgba(255,255,255,.62); }
.cap__w figcaption { padding: 10px 14px 11px; }
.cap__w figcaption b { font-size: 19px; }
.cap__w figcaption span { font-size: 13px; }
.cap__s { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 18px; border-radius: 18px; border: 1px solid rgba(255,255,255,.09); background: linear-gradient(160deg, rgba(167,139,250,.10), rgba(45,212,191,.04) 60%, rgba(255,255,255,.02)); }
.cap__s b { font: 800 21px/1.2 var(--sans); }
.cap__s p { margin-top: auto; font-size: 14px; line-height: 1.5; color: rgba(255,255,255,.66); }
.cap__pl { display: flex; gap: 6px; flex-wrap: wrap; }
.cap__pl .pl-s { margin: 0; }
.cap__s .cap__ic { position: absolute; top: 16px; right: 16px; width: 22px; height: 22px; color: #a78bfa; opacity: .85; }
.cap__pl.inl { margin: 8px 0 2px; }
.cap__pl.inl .pl-s { width: 22px; height: 22px; }
.cap__m video { object-fit: contain; object-position: center; background: linear-gradient(160deg,#f7f5f0,#efeaf9); }
.cap__m figcaption b { font-size: 18px; }
.cap__m figcaption span { font-size: 12.5px; }
.cap__m .cap__pl .pl-s { width: 20px; height: 20px; }