/* Based on html-ppt's xhs-white-editorial full-deck template. */
.tpl-xhs-white-editorial {
  --xw-bg: #fff;
  --xw-ink: #111318;
  --xw-ink2: #475467;
  --xw-muted: #667085;
  --xw-line: #eaecf3;
  --xw-purple: #7b61ff;
  --xw-pink: #ff5fa2;
  --xw-blue: #4e8cff;
  --xw-green: #17b26a;
  --xw-orange: #ff9d42;
  --xw-soft-purple: #f4efff;
  --xw-soft-pink: #fff0f6;
  --xw-soft-blue: #eef4ff;
  --xw-soft-green: #edfdf3;
  --xw-soft-orange: #fff5ea;
  background: var(--xw-bg);
  color: var(--xw-ink);
  font-family: 'Inter', 'Noto Sans SC', 'PingFang SC', -apple-system, sans-serif;
}

html, body { min-height: 100%; max-width: 100%; overflow-x: hidden; }
.ecom-deck .deck { background: var(--xw-bg); }
.brand-logo {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
.brand-signature { display: flex; width: 100%; height: 96px; align-items: flex-start; justify-content: flex-start; margin: -34px 0 0; pointer-events: none; }
.brand-signature .brand-logo { width: 180px; height: 180px; max-width: min(180px, calc(100vw - 36px)); transform: translateY(-2px); }
.brand-signature-end { justify-content: flex-end; margin-top: 4px; }
.tpl-xhs-white-editorial .slide {
  background: var(--xw-bg);
  padding: 72px 88px 92px;
  max-width: 100vw;
  overflow-x: clip;
  overflow-y: auto;
  justify-content: center;
}
.tpl-xhs-white-editorial .slide :is(h1, h2, h3, h4, p, span, b, a) { min-width: 0; overflow-wrap: anywhere; }
.tpl-xhs-white-editorial .xw-topline {
  position: absolute; top: 0; left: 0; right: 0; height: 5px;
  background: linear-gradient(90deg, var(--xw-purple), var(--xw-blue), var(--xw-green), var(--xw-orange), var(--xw-pink), var(--xw-purple));
}
.tpl-xhs-white-editorial .xw-topbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 18px; }
.tpl-xhs-white-editorial .xw-tag { display: inline-flex; align-items: center; gap: 10px; padding: 10px 18px; border: 1px solid var(--xw-line); border-radius: 999px; font-size: 15px; color: var(--xw-ink2); background: var(--xw-bg); }
.tpl-xhs-white-editorial .xw-tag .dot { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 50%; background: linear-gradient(90deg, var(--xw-purple), var(--xw-blue), var(--xw-green), var(--xw-orange), var(--xw-pink)); }
.tpl-xhs-white-editorial .xw-page { color: var(--xw-muted); font-size: 14px; letter-spacing: .1em; white-space: nowrap; }
.tpl-xhs-white-editorial .xw-kicker { color: var(--xw-ink2); font-size: 18px; font-weight: 600; margin: 6px 0 0; }
.tpl-xhs-white-editorial .xw-title { color: var(--xw-ink); font-size: clamp(60px, 5.1vw, 88px); font-weight: 850; letter-spacing: -2px; line-height: 1.02; margin: 18px 0 0; }
.tpl-xhs-white-editorial .xw-title-md { font-size: clamp(46px, 4.1vw, 64px); font-weight: 830; letter-spacing: -1.6px; line-height: 1.08; margin: 14px 0 0; }
.tpl-xhs-white-editorial .xw-grad { background: linear-gradient(90deg, var(--xw-purple), var(--xw-blue) 28%, var(--xw-green) 52%, var(--xw-orange) 74%, var(--xw-pink)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.tpl-xhs-white-editorial .xw-sub { color: var(--xw-ink2); font-size: 23px; line-height: 1.5; margin-top: 22px; max-width: 920px; }
.tpl-xhs-white-editorial .small-sub { font-size: 18px; margin-top: 18px; }
.tpl-xhs-white-editorial .xw-focus, .tpl-xhs-white-editorial .xw-focus-blue, .tpl-xhs-white-editorial .xw-focus-pink, .tpl-xhs-white-editorial .xw-focus-orange, .tpl-xhs-white-editorial .xw-focus-green { display: inline-block; border-radius: 14px; font-weight: 750; padding: 5px 12px; }
.tpl-xhs-white-editorial .xw-focus { background: var(--xw-ink); color: var(--xw-bg); }
.tpl-xhs-white-editorial .xw-focus-blue { background: var(--xw-soft-blue); color: var(--xw-ink2); }
.tpl-xhs-white-editorial .xw-focus-pink { background: var(--xw-soft-pink); color: var(--xw-ink2); }
.tpl-xhs-white-editorial .xw-focus-orange { background: var(--xw-soft-orange); color: var(--xw-ink2); }
.tpl-xhs-white-editorial .xw-focus-green { background: var(--xw-soft-green); color: var(--xw-ink2); }
.tpl-xhs-white-editorial .xw-hero { margin-top: 28px; border: 1px solid var(--xw-line); border-radius: 28px; padding: 28px 34px; background: linear-gradient(180deg, var(--xw-bg), var(--xw-soft-purple)); box-shadow: var(--shadow); }
.tpl-xhs-white-editorial .xw-quote { font-size: 34px; line-height: 1.3; font-weight: 800; letter-spacing: -.5px; }
.tpl-xhs-white-editorial .xw-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 22px; }
.tpl-xhs-white-editorial .xw-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 22px; }
.tpl-xhs-white-editorial .xw-card { min-width: 0; border: 1px solid var(--xw-line); border-radius: 24px; padding: 22px 24px; box-shadow: 0 10px 24px rgba(17, 19, 24, .04); background: var(--xw-bg); }
.tpl-xhs-white-editorial .xw-card.soft-purple { background: var(--xw-soft-purple); }
.tpl-xhs-white-editorial .xw-card.soft-pink { background: var(--xw-soft-pink); }
.tpl-xhs-white-editorial .xw-card.soft-blue { background: var(--xw-soft-blue); }
.tpl-xhs-white-editorial .xw-card.soft-green { background: var(--xw-soft-green); }
.tpl-xhs-white-editorial .xw-card.soft-orange { background: var(--xw-soft-orange); }
.tpl-xhs-white-editorial .xw-label { font-size: 14px; font-weight: 800; letter-spacing: .08em; margin-bottom: 10px; opacity: .72; text-transform: uppercase; }
.tpl-xhs-white-editorial .xw-card .main { font-size: 27px; font-weight: 850; letter-spacing: -.5px; line-height: 1.22; }
.tpl-xhs-white-editorial .xw-card .desc { color: var(--xw-ink2); font-size: 16px; line-height: 1.5; margin-top: 12px; }
.tpl-xhs-white-editorial .xw-pill { display: inline-block; margin: 0 8px 8px 0; padding: 8px 16px; border: 1px solid var(--xw-line); border-radius: 999px; background: var(--xw-bg); color: var(--xw-ink2); font-size: 14px; font-weight: 700; }
.tpl-xhs-white-editorial .xw-footer { position: absolute; bottom: 42px; left: 88px; right: 88px; display: flex; align-items: flex-end; justify-content: space-between; color: var(--xw-muted); font-size: 13px; pointer-events: none; }

/* Content layouts */
.cover-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: end; gap: 42px; margin: auto 0; }
.cover-note { align-self: center; border: 1px solid var(--xw-line); border-radius: 28px; padding: 30px; background: var(--xw-soft-green); box-shadow: var(--shadow); }
.cover-note .mini-label { color: var(--xw-ink2); font-size: 14px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.cover-note p { color: var(--xw-ink); font-size: 27px; font-weight: 800; line-height: 1.38; margin: 14px 0 0; }
.tag-row { display: flex; flex-wrap: wrap; gap: 4px; }
.section-center { align-self: stretch; display: flex; flex: 1; flex-direction: column; justify-content: center; }
.wide-title { max-width: 1120px; }
.definition-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 36px; color: var(--xw-ink); font-size: 22px; font-weight: 760; }
.definition-strip span { border-radius: 999px; background: var(--xw-soft-blue); padding: 10px 16px; }
.definition-strip b { color: var(--xw-purple); font-size: 26px; }
.audience-grid .xw-card { min-height: 160px; }
.pain-list { display: grid; gap: 10px; max-width: 1120px; }
.pain-list > div { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 18px; border: 1px solid var(--xw-line); border-radius: 18px; padding: 12px 18px; background: var(--xw-bg); }
.pain-list span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: var(--xw-soft-pink); color: var(--xw-ink); font-size: 15px; font-weight: 900; }
.pain-list p { font-size: 20px; font-weight: 690; line-height: 1.35; margin: 0; }
.workflow, .feedback-loop { display: flex; align-items: stretch; gap: 12px; margin-top: 34px; }
.workflow > div, .feedback-loop > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; border: 1px solid var(--xw-line); border-radius: 20px; padding: 20px 16px; background: var(--xw-soft-purple); }
.workflow b, .feedback-loop b { font-size: 26px; line-height: 1; }
.workflow span, .feedback-loop span { color: var(--xw-ink2); font-size: 15px; font-weight: 650; line-height: 1.4; }
.workflow i, .feedback-loop i { align-self: center; color: var(--xw-purple); font-size: 28px; font-style: normal; }
.rule-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.rule-grid span { border: 1px solid var(--xw-line); border-radius: 16px; padding: 18px; background: var(--xw-soft-blue); color: var(--xw-ink); font-size: 17px; font-weight: 720; text-align: center; }
.five-layer { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-top: 28px; }
.five-layer article { min-width: 0; border: 1px solid var(--xw-line); border-radius: 22px; padding: 18px; background: var(--xw-bg); }
.five-layer article:nth-child(1) { background: var(--xw-soft-purple); }
.five-layer article:nth-child(2) { background: var(--xw-soft-pink); }
.five-layer article:nth-child(3) { background: var(--xw-soft-blue); }
.five-layer article:nth-child(4) { background: var(--xw-soft-green); }
.five-layer article:nth-child(5) { background: var(--xw-soft-orange); }
.five-layer strong { color: var(--xw-ink2); font-size: 15px; }
.five-layer h3 { font-size: 25px; line-height: 1.1; margin: 16px 0 10px; }
.five-layer p { color: var(--xw-ink2); font-size: 15px; line-height: 1.5; margin: 0; }
.check-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.check-columns > div { border: 1px solid var(--xw-line); border-radius: 24px; padding: 24px 28px; }
.check-good { background: var(--xw-soft-green); }
.check-no { background: var(--xw-soft-pink); }
.check-columns h3 { font-size: 26px; margin: 0 0 14px; }
.check-columns p { border-top: 1px solid var(--xw-line); font-size: 17px; font-weight: 650; line-height: 1.45; margin: 0; padding: 12px 0; }
.loop-track { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin-top: 30px; }
.loop-track article { border: 1px solid var(--xw-line); border-radius: 24px; padding: 20px; background: var(--xw-bg); box-shadow: 0 8px 18px rgba(17, 19, 24, .035); }
.loop-track b { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: var(--xw-ink); color: var(--xw-bg); font-size: 16px; }
.loop-track h3 { font-size: 23px; line-height: 1.1; margin: 18px 0 10px; }
.loop-track p { color: var(--xw-ink2); font-size: 15px; line-height: 1.45; margin: 0; }
.chapter-layout { display: grid; grid-template-columns: minmax(0, 1fr) 350px; align-items: center; gap: 34px; flex: 1; }
.chapter-card { border-radius: 28px; padding: 34px; background: var(--xw-soft-orange); color: var(--xw-ink); }
.chapter-card span { display: block; color: var(--xw-ink2); font-size: 17px; font-weight: 700; }
.chapter-card b { display: block; font-size: 31px; line-height: 1.3; margin-top: 14px; }
.analysis-table { border: 1px solid var(--xw-line); border-radius: 20px; overflow: hidden; }
.analysis-table > div { display: grid; grid-template-columns: .7fr 1.1fr 1.4fr 1.5fr; border-bottom: 1px solid var(--xw-line); }
.analysis-table > div:last-child { border-bottom: 0; }
.analysis-table span { min-width: 0; padding: 13px 16px; border-right: 1px solid var(--xw-line); color: var(--xw-ink2); font-size: 16px; line-height: 1.4; }
.analysis-table span:last-child { border-right: 0; }
.analysis-table .thead { background: var(--xw-ink); }
.analysis-table .thead span { color: var(--xw-bg); font-size: 15px; font-weight: 750; }
.source-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 26px; }
.source-grid span { display: flex; align-items: center; gap: 12px; min-width: 0; border: 1px solid var(--xw-line); border-radius: 18px; padding: 18px; background: var(--xw-bg); color: var(--xw-ink); font-size: 17px; font-weight: 700; line-height: 1.35; }
.source-grid b { color: var(--xw-purple); font-size: 15px; }
.compliance-note { border-left: 5px solid var(--xw-orange); padding: 14px 18px; background: var(--xw-soft-orange); color: var(--xw-ink2); font-size: 17px; line-height: 1.5; }
.angle-wheel { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; max-width: 940px; }
.angle-wheel span { border-radius: 999px; padding: 15px 22px; color: var(--xw-ink); font-size: 21px; font-weight: 800; }
.angle-wheel span:nth-child(1) { background: var(--xw-soft-pink); }.angle-wheel span:nth-child(2) { background: var(--xw-soft-blue); }.angle-wheel span:nth-child(3) { background: var(--xw-soft-green); }.angle-wheel span:nth-child(4) { background: var(--xw-soft-orange); }.angle-wheel span:nth-child(5) { background: var(--xw-soft-purple); }.angle-wheel span:nth-child(6) { background: var(--xw-soft-blue); }.angle-wheel span:nth-child(7) { background: var(--xw-soft-pink); }
.script-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.script-grid article { border-top: 4px solid var(--xw-purple); border-radius: 18px; padding: 20px; background: var(--xw-soft-purple); }
.script-grid article:nth-child(2) { border-color: var(--xw-blue); background: var(--xw-soft-blue); }.script-grid article:nth-child(3) { border-color: var(--xw-green); background: var(--xw-soft-green); }.script-grid article:nth-child(4) { border-color: var(--xw-orange); background: var(--xw-soft-orange); }
.script-grid b { font-size: 18px; }.script-grid p { color: var(--xw-ink2); font-size: 16px; line-height: 1.45; margin: 13px 0 0; }
.script-example { border-radius: 20px; padding: 20px 24px; background: var(--xw-ink); color: var(--xw-bg); }
.script-example span { color: var(--xw-muted); font-size: 14px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }.script-example p { font-size: 20px; line-height: 1.45; margin: 8px 0 0; }
.storyboard { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.storyboard > div { border: 1px solid var(--xw-line); border-radius: 22px; padding: 20px; background: var(--xw-bg); }.storyboard span { color: var(--xw-muted); font-size: 14px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.storyboard b { display: block; font-size: 24px; line-height: 1.2; margin-top: 16px; }.storyboard p { color: var(--xw-ink2); font-size: 16px; line-height: 1.45; margin: 10px 0 0; }
.production-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }.production-split > div { min-height: 230px; border-radius: 26px; padding: 30px; }.prod-human { background: var(--xw-soft-orange); }.prod-ai { background: var(--xw-soft-blue); }.production-split h3 { font-size: 31px; margin: 0 0 18px; }.production-split p { color: var(--xw-ink2); font-size: 19px; line-height: 1.5; margin: 8px 0; }
.platform-grid, .role-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }.platform-grid article, .role-grid article { border: 1px solid var(--xw-line); border-radius: 22px; padding: 20px; background: var(--xw-bg); }.platform-grid b { font-size: 25px; }.platform-grid p, .role-grid p { color: var(--xw-ink2); font-size: 16px; line-height: 1.5; margin: 12px 0 0; }
.feedback-loop > div { background: var(--xw-soft-blue); }.feedback-loop > div:nth-of-type(2) { background: var(--xw-soft-green); }.feedback-loop > div:nth-of-type(3) { background: var(--xw-soft-orange); }.feedback-loop > div:nth-of-type(4) { background: var(--xw-soft-purple); }
.metric-map { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }.metric-map article { border: 1px solid var(--xw-line); border-radius: 20px; padding: 18px; background: var(--xw-bg); }.metric-map span { display: block; color: var(--xw-purple); font-size: 15px; font-weight: 800; }.metric-map b { display: block; font-size: 19px; line-height: 1.35; margin-top: 15px; }
.deliver-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }.deliver-grid article { border: 1px solid var(--xw-line); border-radius: 22px; padding: 18px; background: var(--xw-bg); }.deliver-grid article:nth-child(1) { background: var(--xw-soft-purple); }.deliver-grid article:nth-child(2) { background: var(--xw-soft-blue); }.deliver-grid article:nth-child(3) { background: var(--xw-soft-green); }.deliver-grid article:nth-child(4) { background: var(--xw-soft-orange); }.deliver-grid article:nth-child(5) { background: var(--xw-soft-pink); }.deliver-grid b { font-size: 21px; line-height: 1.25; }.deliver-grid p { color: var(--xw-ink2); font-size: 15px; line-height: 1.45; margin: 12px 0 0; }
.role-grid span { display: block; color: var(--xw-purple); font-size: 14px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.role-grid b { display: block; font-size: 22px; line-height: 1.3; margin-top: 14px; }
.week-plan { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.week-plan > div { border: 1px solid var(--xw-line); border-radius: 18px; padding: 16px 18px; background: var(--xw-bg); }.week-plan b { color: var(--xw-purple); font-size: 15px; }.week-plan p { color: var(--xw-ink2); font-size: 16px; font-weight: 650; line-height: 1.45; margin: 8px 0 0; }
.signal-list { display: grid; gap: 12px; max-width: 1100px; }.signal-list > div { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 16px; align-items: center; border: 1px solid var(--xw-line); border-radius: 20px; padding: 14px 20px; background: var(--xw-bg); }.signal-list b { color: var(--xw-purple); font-size: 24px; }.signal-list p { font-size: 19px; font-weight: 680; line-height: 1.4; margin: 0; }
.cta-end { align-items: flex-start; }.deck-cta { display: inline-flex; align-items: center; gap: 18px; min-height: 54px; margin: 32px 0 22px; border-radius: 999px; padding: 14px 22px 14px 26px; background: var(--xw-ink); color: var(--xw-bg); font-size: 19px; font-weight: 800; text-decoration: none; box-shadow: var(--shadow); }.deck-cta:hover { color: var(--xw-bg); text-decoration: none; transform: translateY(-2px); }.deck-cta span { font-size: 24px; }

/* Qianchuan workflow deck: diagrams and data-flow cards */
.input-grid, .formula-grid, .payload-grid, .return-grid, .qianchuan-check, .guardrail-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.input-grid article, .formula-grid article, .payload-grid article, .return-grid article, .qianchuan-check article, .guardrail-grid article { min-width: 0; border: 1px solid var(--xw-line); border-radius: 20px; padding: 18px; background: var(--xw-bg); }
.input-grid article:nth-child(1), .formula-grid article:nth-child(1), .payload-grid article:nth-child(1), .qianchuan-check article:nth-child(1) { background: var(--xw-soft-purple); }
.input-grid article:nth-child(2), .formula-grid article:nth-child(2), .payload-grid article:nth-child(2), .qianchuan-check article:nth-child(2) { background: var(--xw-soft-blue); }
.input-grid article:nth-child(3), .formula-grid article:nth-child(3), .payload-grid article:nth-child(3), .qianchuan-check article:nth-child(3) { background: var(--xw-soft-green); }
.input-grid article:nth-child(4), .formula-grid article:nth-child(4), .payload-grid article:nth-child(4), .qianchuan-check article:nth-child(4) { background: var(--xw-soft-orange); }
.input-grid article:nth-child(5), .formula-grid article:nth-child(5), .qianchuan-check article:nth-child(5) { background: var(--xw-soft-pink); }
.input-grid b, .formula-grid b, .payload-grid span, .return-grid b, .qianchuan-check span, .guardrail-grid b { color: var(--xw-purple); font-size: 14px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.input-grid h3 { font-size: 23px; line-height: 1.2; margin: 14px 0 9px; }.input-grid p, .formula-grid p, .return-grid p, .qianchuan-check p, .guardrail-grid p { color: var(--xw-ink2); font-size: 15px; line-height: 1.48; margin: 10px 0 0; }
.workflow-stage { display: flex; align-items: stretch; gap: 12px; margin-top: 28px; }.workflow-stage article { flex: 1; min-width: 0; border: 1px solid var(--xw-line); border-radius: 26px; padding: 24px; }.workflow-stage article.stage-purple { background: var(--xw-soft-purple); }.workflow-stage article.stage-blue { background: var(--xw-soft-blue); }.workflow-stage article.stage-green { background: var(--xw-soft-green); }.workflow-stage article span { color: var(--xw-purple); font-size: 15px; font-weight: 900; letter-spacing: .1em; }.workflow-stage h3 { font-size: 28px; line-height: 1.15; margin: 18px 0 10px; }.workflow-stage p { color: var(--xw-ink2); font-size: 17px; line-height: 1.5; margin: 0; }.workflow-stage > i { align-self: center; color: var(--xw-purple); font-size: 32px; font-style: normal; }
.system-map { display: flex; align-items: stretch; gap: 9px; margin-top: 30px; }.system-map article { flex: 1; min-width: 0; border: 1px solid var(--xw-line); border-radius: 18px; padding: 16px; background: var(--xw-bg); text-align: center; }.system-map article:nth-of-type(1) { background: var(--xw-soft-purple); }.system-map article:nth-of-type(2) { background: var(--xw-soft-blue); }.system-map article:nth-of-type(3) { background: var(--xw-soft-green); }.system-map article:nth-of-type(4) { background: var(--xw-soft-orange); }.system-map article:nth-of-type(5) { background: var(--xw-soft-pink); }.system-map article:nth-of-type(6) { background: var(--xw-soft-purple); }.system-map b { display: block; font-size: 22px; }.system-map p { color: var(--xw-ink2); font-size: 15px; line-height: 1.35; margin: 10px 0 0; }.system-map > i { align-self: center; color: var(--xw-purple); font-size: 22px; font-style: normal; }
.platform-route, .task-loop, .audio-chain { display: flex; align-items: stretch; gap: 10px; }.platform-route > div, .task-loop > div, .audio-chain > div { flex: 1; min-width: 0; border: 1px solid var(--xw-line); border-radius: 18px; padding: 16px; background: var(--xw-soft-blue); }.platform-route > div:nth-of-type(2), .task-loop > div:nth-of-type(2), .audio-chain > div:nth-of-type(2) { background: var(--xw-soft-green); }.platform-route > div:nth-of-type(3), .task-loop > div:nth-of-type(3), .audio-chain > div:nth-of-type(3) { background: var(--xw-soft-orange); }.platform-route > div:nth-of-type(4), .task-loop > div:nth-of-type(4), .audio-chain > div:nth-of-type(4) { background: var(--xw-soft-purple); }.platform-route b, .task-loop b, .audio-chain b { display: block; font-size: 17px; }.platform-route p, .task-loop p, .audio-chain p { color: var(--xw-ink2); font-size: 15px; line-height: 1.4; margin: 8px 0 0; }.platform-route > i, .task-loop > i, .audio-chain > i { align-self: center; color: var(--xw-purple); font-size: 24px; font-style: normal; }
.asset-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }.asset-strip article { border: 1px solid var(--xw-line); border-radius: 22px; padding: 20px; background: var(--xw-bg); }.asset-strip article:nth-child(1) { background: var(--xw-soft-purple); }.asset-strip article:nth-child(2) { background: var(--xw-soft-blue); }.asset-strip article:nth-child(3) { background: var(--xw-soft-green); }.asset-strip article:nth-child(4) { background: var(--xw-soft-orange); }.asset-strip span { color: var(--xw-purple); font-size: 14px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.asset-strip b { display: block; font-size: 25px; line-height: 1.2; margin-top: 16px; }.asset-strip p { color: var(--xw-ink2); font-size: 16px; line-height: 1.45; margin: 10px 0 0; }
.before-after { display: grid; grid-template-columns: 1fr 80px 1fr; align-items: stretch; gap: 16px; }.before-after > div:not(.arrow-cell) { border: 1px solid var(--xw-line); border-radius: 26px; padding: 28px; }.before-after > div:first-child { background: var(--xw-soft-orange); }.before-after > div:last-child { background: var(--xw-soft-green); }.before-after span { color: var(--xw-purple); font-size: 14px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.before-after h3 { font-size: 31px; margin: 14px 0; }.before-after p { color: var(--xw-ink2); font-size: 18px; line-height: 1.5; margin: 0; }.arrow-cell { display: grid; place-items: center; color: var(--xw-purple); font-size: 36px; font-weight: 800; }
.formula-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }.formula-grid b { display: block; color: var(--xw-ink); font-size: 21px; letter-spacing: 0; text-transform: none; }.formula-match { display: grid; gap: 10px; max-width: 1120px; }.formula-match > div { display: grid; grid-template-columns: 250px 36px minmax(0, 1fr); align-items: center; gap: 16px; border: 1px solid var(--xw-line); border-radius: 18px; padding: 14px 18px; background: var(--xw-bg); }.formula-match b { font-size: 18px; }.formula-match span { color: var(--xw-purple); font-size: 24px; font-weight: 800; text-align: center; }.formula-match p { color: var(--xw-ink2); font-size: 17px; line-height: 1.4; margin: 0; }
.payload-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }.payload-grid article { min-height: 145px; }.payload-grid b { display: block; font-size: 22px; line-height: 1.3; margin-top: 18px; }
.shot-timeline { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }.shot-timeline article { border: 1px solid var(--xw-line); border-radius: 22px; padding: 20px; background: var(--xw-bg); }.shot-timeline article:nth-child(1) { background: var(--xw-soft-pink); }.shot-timeline article:nth-child(2) { background: var(--xw-soft-orange); }.shot-timeline article:nth-child(3) { background: var(--xw-soft-blue); }.shot-timeline article:nth-child(4) { background: var(--xw-soft-green); }.shot-timeline b { color: var(--xw-purple); font-size: 15px; }.shot-timeline h3 { font-size: 25px; margin: 15px 0 10px; }.shot-timeline p { color: var(--xw-ink2); font-size: 16px; line-height: 1.45; margin: 0; }
.segment-chart { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }.segment-chart > div { border: 1px solid var(--xw-line); border-radius: 24px; padding: 24px; background: var(--xw-bg); }.segment-chart > div:nth-child(1) { background: var(--xw-soft-purple); }.segment-chart > div:nth-child(2) { background: var(--xw-soft-blue); }.segment-chart > div:nth-child(3) { background: var(--xw-soft-green); }.segment-chart span { color: var(--xw-purple); font-size: 14px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.segment-chart b { display: block; font-size: 27px; line-height: 1.25; margin-top: 16px; }.segment-chart p { color: var(--xw-ink2); font-size: 17px; line-height: 1.45; margin: 10px 0 0; }
.reference-pack { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }.reference-pack > div { border-left: 5px solid var(--xw-purple); border-radius: 0 18px 18px 0; padding: 18px 20px; background: var(--xw-soft-purple); }.reference-pack > div:nth-child(2) { border-color: var(--xw-blue); background: var(--xw-soft-blue); }.reference-pack > div:nth-child(3) { border-color: var(--xw-green); background: var(--xw-soft-green); }.reference-pack > div:nth-child(4) { border-color: var(--xw-orange); background: var(--xw-soft-orange); }.reference-pack b { font-size: 22px; }.reference-pack p { color: var(--xw-ink2); font-size: 16px; line-height: 1.45; margin: 10px 0 0; }
.branch-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }.branch-layout article { border: 1px solid var(--xw-line); border-radius: 26px; padding: 30px; }.branch-a { background: var(--xw-soft-blue); }.branch-b { background: var(--xw-soft-green); }.branch-layout span { color: var(--xw-purple); font-size: 15px; font-weight: 850; }.branch-layout h3 { font-size: 30px; margin: 16px 0; }.branch-layout p { color: var(--xw-ink2); font-size: 18px; line-height: 1.5; margin: 0; }
.task-loop > div { background: var(--xw-soft-purple); }.task-loop > div:nth-of-type(2) { background: var(--xw-soft-blue); }.task-loop > div:nth-of-type(3) { background: var(--xw-soft-green); }.task-loop > div:nth-of-type(4) { background: var(--xw-soft-orange); }.task-loop b { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--xw-ink); color: var(--xw-bg); font-size: 15px; }
.merge-visual { display: flex; align-items: stretch; gap: 10px; }.merge-visual article { flex: 1; min-width: 0; border: 1px solid var(--xw-line); border-radius: 20px; padding: 16px; background: var(--xw-soft-blue); }.merge-visual article:nth-of-type(2) { background: var(--xw-soft-green); }.merge-visual article:nth-of-type(3) { background: var(--xw-soft-orange); }.merge-visual article:nth-of-type(4) { background: var(--xw-soft-pink); }.merge-visual .final-piece { flex: 1.45; background: var(--xw-ink); color: var(--xw-bg); }.merge-visual span { color: var(--xw-ink2); font-size: 14px; font-weight: 800; }.merge-visual .final-piece span { color: var(--xw-muted); }.merge-visual b { display: block; font-size: 20px; line-height: 1.25; margin-top: 10px; }.merge-visual > i { align-self: center; color: var(--xw-purple); font-size: 24px; font-style: normal; }
.audio-chain > div { background: var(--xw-soft-purple); }.audio-chain > div:nth-of-type(2) { background: var(--xw-soft-blue); }.audio-chain > div:nth-of-type(3) { background: var(--xw-soft-green); }.audio-chain > div:nth-of-type(4) { background: var(--xw-soft-orange); }
.return-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }.return-grid article:nth-child(1) { background: var(--xw-soft-purple); }.return-grid article:nth-child(2) { background: var(--xw-soft-blue); }.return-grid article:nth-child(3) { background: var(--xw-soft-green); }.return-grid article:nth-child(4) { background: var(--xw-soft-orange); }.return-grid b, .guardrail-grid b { display: block; color: var(--xw-ink); font-size: 22px; letter-spacing: 0; text-transform: none; }
.qianchuan-check { grid-template-columns: repeat(4, minmax(0, 1fr)); }.qianchuan-check b { display: block; color: var(--xw-ink); font-size: 25px; letter-spacing: 0; text-transform: none; margin-top: 12px; }.guardrail-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }.guardrail-grid article:nth-child(1) { background: var(--xw-soft-pink); }.guardrail-grid article:nth-child(2) { background: var(--xw-soft-orange); }.guardrail-grid article:nth-child(3) { background: var(--xw-soft-blue); }.guardrail-grid article:nth-child(4) { background: var(--xw-soft-green); }

/* Fixed, safe-area-aware controls. They call html-ppt's keyboard runtime. */
.slide-controls { position: fixed; z-index: 30; right: max(22px, env(safe-area-inset-right)); bottom: max(22px, env(safe-area-inset-bottom)); display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--xw-line); border-radius: 999px; padding: 6px; background: color-mix(in srgb, var(--xw-bg) 92%, transparent); box-shadow: var(--shadow); backdrop-filter: blur(12px); }
.slide-control { display: grid; width: 48px; height: 48px; place-items: center; border: 0; border-radius: 50%; background: var(--xw-ink); color: var(--xw-bg); cursor: pointer; font: inherit; font-size: 21px; font-weight: 800; }.slide-control:hover { background: var(--xw-purple); }.slide-control:focus-visible, .deck-cta:focus-visible { outline: 3px solid var(--xw-blue); outline-offset: 3px; }.slide-status { min-width: 58px; color: var(--xw-ink2); font-size: 14px; font-weight: 800; text-align: center; font-variant-numeric: tabular-nums; }

@media (max-width: 700px) {
  .ecom-deck .deck { height: 100dvh; }
  .brand-signature { height: 90px; margin: -30px 0 0; }
  .brand-signature .brand-logo { width: 170px; height: 170px; max-width: min(170px, calc(100vw - 36px)); transform: translateY(-2px); }
  .brand-signature-end { justify-content: flex-start; margin-top: 4px; }
  .tpl-xhs-white-editorial .slide { min-height: 100dvh; height: 100dvh; justify-content: flex-start; padding: 28px 18px calc(98px + env(safe-area-inset-bottom)); }
  .tpl-xhs-white-editorial .xw-topline { height: 4px; }.tpl-xhs-white-editorial .xw-topbar { margin-bottom: 22px; }.tpl-xhs-white-editorial .xw-tag { max-width: calc(100vw - 120px); overflow-wrap: anywhere; padding: 8px 12px; font-size: 15px; }.tpl-xhs-white-editorial .xw-page { font-size: 15px; }.tpl-xhs-white-editorial .xw-footer { display: none; }
  .tpl-xhs-white-editorial .xw-kicker { font-size: 16px; }.tpl-xhs-white-editorial .xw-title { font-size: clamp(38px, 11.2vw, 50px); letter-spacing: -1.2px; word-break: break-all; }.tpl-xhs-white-editorial .xw-title-md { font-size: clamp(30px, 8.8vw, 42px); letter-spacing: -.9px; word-break: break-all; }.tpl-xhs-white-editorial .xw-sub { font-size: 17px; line-height: 1.55; margin-top: 18px; }.tpl-xhs-white-editorial .small-sub { font-size: 16px; }.tpl-xhs-white-editorial .xw-quote { font-size: 24px; }.tpl-xhs-white-editorial .xw-card .main { font-size: 24px; }.tpl-xhs-white-editorial .xw-card .desc, .tpl-xhs-white-editorial .xw-label, .tpl-xhs-white-editorial .xw-pill { font-size: 15px; }
  .cover-grid, .chapter-layout { display: flex; flex-direction: column; align-items: stretch; gap: 24px; margin: 0; }.cover-note { padding: 22px; }.cover-note p { font-size: 22px; }
  .section-center { flex: 0; }.definition-strip { gap: 8px; margin-top: 22px; }.definition-strip span { font-size: 16px; padding: 8px 12px; }.definition-strip b { font-size: 20px; }
  .tpl-xhs-white-editorial .xw-grid-2, .tpl-xhs-white-editorial .xw-grid-3, .check-columns, .production-split, .platform-grid, .role-grid, .source-grid, .storyboard, .script-grid, .week-plan { grid-template-columns: 1fr; }
  .audience-grid .xw-card { min-height: 0; }.pain-list { gap: 8px; }.pain-list > div { grid-template-columns: 46px minmax(0, 1fr); gap: 10px; padding: 12px; }.pain-list span { width: 36px; height: 36px; font-size: 15px; }.pain-list p { font-size: 16px; }
  .workflow, .feedback-loop { align-items: stretch; flex-direction: column; gap: 8px; margin-top: 20px; }.workflow > div, .feedback-loop > div { flex: 0; flex-direction: row; align-items: center; padding: 13px 16px; }.workflow b, .feedback-loop b { min-width: 34px; font-size: 21px; }.workflow i, .feedback-loop i { align-self: center; font-size: 19px; transform: rotate(90deg); }.workflow span, .feedback-loop span { font-size: 15px; }
  .rule-grid, .five-layer, .loop-track, .metric-map, .deliver-grid { grid-template-columns: 1fr; }.rule-grid span { font-size: 16px; padding: 14px; }.five-layer { gap: 8px; margin-top: 20px; }.five-layer article { padding: 15px; }.five-layer h3 { display: inline; font-size: 21px; margin: 0 0 0 10px; }.five-layer p { font-size: 15px; margin-top: 8px; }.loop-track { gap: 8px; margin-top: 22px; }.loop-track article { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 12px; align-items: center; padding: 14px; }.loop-track b { grid-row: span 2; }.loop-track h3 { font-size: 21px; margin: 0; }.loop-track p { font-size: 15px; margin: 5px 0 0; }
  .check-columns > div { padding: 18px; }.check-columns h3 { font-size: 23px; }.check-columns p { font-size: 16px; }.chapter-card { padding: 24px; }.chapter-card b { font-size: 25px; }
  .analysis-table { overflow: visible; }.analysis-table .thead { display: none; }.analysis-table > div:not(.thead) { display: grid; min-width: 0; grid-template-columns: 76px minmax(0, 1fr); gap: 0 10px; padding: 8px 0; }.analysis-table > div:not(.thead) span { border: 0; font-size: 15px; padding: 5px 10px; }.analysis-table > div:not(.thead) span:first-child { grid-row: span 3; align-self: stretch; display: grid; place-items: center; border-right: 1px solid var(--xw-line); background: var(--xw-soft-purple); color: var(--xw-ink); font-weight: 800; text-align: center; }.analysis-table > div:not(.thead) span:nth-child(n+2)::before { display: block; color: var(--xw-muted); font-size: 15px; font-weight: 800; margin-bottom: 2px; }.analysis-table > div:not(.thead) span:nth-child(2)::before { content: "画面 / 动作"; }.analysis-table > div:not(.thead) span:nth-child(3)::before { content: "口播 / 字幕"; }.analysis-table > div:not(.thead) span:nth-child(4)::before { content: "它在做什么"; }
  .source-grid { margin-top: 20px; }.source-grid span { font-size: 16px; padding: 15px; }.compliance-note { font-size: 16px; }.angle-wheel { gap: 8px; margin-top: 22px; }.angle-wheel span { font-size: 17px; padding: 11px 15px; }
  .script-grid article { padding: 16px; }.script-grid p, .storyboard p, .platform-grid p, .role-grid p, .week-plan p { font-size: 16px; }.script-example { padding: 18px; }.script-example p { font-size: 17px; }.storyboard { gap: 9px; }.storyboard > div { padding: 16px; }.storyboard b { font-size: 21px; margin-top: 12px; }.production-split > div { min-height: 0; padding: 22px; }.production-split h3 { font-size: 26px; }.production-split p { font-size: 17px; }.platform-grid article, .role-grid article { padding: 17px; }.platform-grid b { font-size: 22px; }.metric-map article, .deliver-grid article { padding: 16px; }.metric-map b { font-size: 17px; margin-top: 10px; }.deliver-grid b { font-size: 19px; }.deliver-grid p { font-size: 16px; }.role-grid b { font-size: 20px; }.week-plan > div { padding: 14px; }.signal-list > div { grid-template-columns: 44px minmax(0, 1fr); gap: 10px; padding: 13px; }.signal-list b { font-size: 20px; }.signal-list p { font-size: 16px; }.deck-cta { min-height: 48px; font-size: 17px; margin: 26px 0 18px; }
  .input-grid, .formula-grid, .payload-grid, .return-grid, .qianchuan-check, .guardrail-grid, .asset-strip, .shot-timeline, .reference-pack, .segment-chart { grid-template-columns: 1fr; }
  .input-grid article, .formula-grid article, .payload-grid article, .return-grid article, .qianchuan-check article, .guardrail-grid article, .asset-strip article, .shot-timeline article, .reference-pack > div, .segment-chart > div { padding: 16px; }
  .input-grid h3 { font-size: 21px; }.input-grid p, .formula-grid p, .return-grid p, .qianchuan-check p, .guardrail-grid p, .asset-strip p, .shot-timeline p, .reference-pack p, .segment-chart p { font-size: 16px; }
  .workflow-stage, .system-map, .platform-route, .task-loop, .merge-visual, .audio-chain { flex-direction: column; gap: 8px; margin-top: 20px; }
  .workflow-stage article { padding: 18px; }.workflow-stage h3 { font-size: 24px; margin: 12px 0 8px; }.workflow-stage p { font-size: 16px; }.workflow-stage > i, .system-map > i, .platform-route > i, .task-loop > i, .merge-visual > i, .audio-chain > i { align-self: center; transform: rotate(90deg); font-size: 20px; }
  .system-map article { flex: 0; display: grid; grid-template-columns: 84px minmax(0, 1fr); align-items: center; gap: 10px; padding: 13px 15px; text-align: left; }.system-map b { font-size: 19px; }.system-map p { font-size: 16px; margin: 0; }
  .platform-route > div, .task-loop > div, .audio-chain > div { flex: 0; padding: 14px 16px; }.platform-route p, .task-loop p, .audio-chain p { font-size: 16px; }
  .before-after { grid-template-columns: 1fr; gap: 8px; }.before-after > div:not(.arrow-cell) { padding: 20px; }.before-after h3 { font-size: 25px; }.before-after p { font-size: 17px; }.arrow-cell { height: 32px; transform: rotate(90deg); }
  .formula-match > div { grid-template-columns: 1fr; gap: 4px; padding: 14px; }.formula-match span { display: none; }.formula-match b { font-size: 17px; }.formula-match p { font-size: 16px; }
  .payload-grid article { min-height: 0; }.payload-grid b { font-size: 20px; margin-top: 8px; }.asset-strip b, .shot-timeline h3, .reference-pack b { font-size: 21px; margin-top: 10px; }.segment-chart b { font-size: 23px; margin-top: 10px; }
  .branch-layout { grid-template-columns: 1fr; gap: 10px; }.branch-layout article { padding: 20px; }.branch-layout h3 { font-size: 25px; margin: 10px 0; }.branch-layout p { font-size: 17px; }
  .merge-visual article { flex: 0; padding: 14px 16px; }.merge-visual .final-piece { flex: 0; }.merge-visual b { font-size: 18px; }.return-grid b, .guardrail-grid b { font-size: 20px; }.qianchuan-check b { font-size: 22px; }
  .slide-controls { left: max(12px, env(safe-area-inset-left)); right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); justify-content: flex-end; }.slide-control { width: 46px; height: 46px; }.slide-status { font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) { .slide-control:hover, .deck-cta:hover { transform: none; } }
@media print { .slide-controls { display: none; } }