@lemonppt/themes 0.1.7 → 0.2.0

package/src/theme01/styles.css

@@ -0,0 +1,4796 @@
+/* lemonPPT - AI-powered presentation generation */
+/* Copyright (c) 2026 lemonforme */
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
+/* packages/themes/src/theme01/styles.css */
+/* theme01: 轻拟态 / 玻璃质感 / 柔和弥散渐变 */
+
+/* CSS 变量由 renderer 在 <style> 中注入，styles.css 中不再重复定义 :root，
+   避免覆盖注入的 light/dark 双套变量。 */
+
+* {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  font-family: var(--lp-font);
+  background: var(--lp-bg);
+  color: var(--lp-ink);
+  overflow: hidden;
+}
+
+.lp-deck {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.lp-slide-wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 0;
+  z-index: 0;
+}
+
+/* ---- 幻灯片切换动画 ---- */
+
+.lp-slide-wrapper.enter,
+.lp-slide-wrapper.leave {
+  pointer-events: none;
+}
+
+.lp-deck[data-lp-transition="none"] .lp-slide-wrapper {
+  transition: opacity 80ms ease;
+  transform: none;
+}
+.lp-deck[data-lp-transition="none"] .lp-slide-wrapper.active {
+  opacity: 1;
+  z-index: 2;
+}
+
+.lp-deck:not([data-lp-transition]) .lp-slide-wrapper,
+.lp-deck[data-lp-transition="slide"] .lp-slide-wrapper {
+  transform: translateX(100%);
+  transition: transform 400ms ease-in-out, opacity 300ms ease;
+}
+.lp-deck:not([data-lp-transition]) .lp-slide-wrapper.active,
+.lp-deck[data-lp-transition="slide"] .lp-slide-wrapper.active {
+  opacity: 1;
+  transform: translateX(0);
+  z-index: 2;
+}
+.lp-deck:not([data-lp-transition]) .lp-slide-wrapper.prev,
+.lp-deck[data-lp-transition="slide"] .lp-slide-wrapper.prev {
+  opacity: 0;
+  transform: translateX(-100%);
+  z-index: 1;
+}
+.lp-deck:not([data-lp-transition]) .lp-slide-wrapper.active.leave,
+.lp-deck[data-lp-transition="slide"] .lp-slide-wrapper.active.leave {
+  opacity: 1;
+  transform: translateX(0);
+  z-index: 2;
+}
+.lp-deck:not([data-lp-transition]) .lp-slide-wrapper.leave,
+.lp-deck[data-lp-transition="slide"] .lp-slide-wrapper.leave {
+  opacity: 0;
+  transform: translateX(-100%);
+  z-index: 1;
+}
+.lp-deck:not([data-lp-transition]) .lp-slide-wrapper.enter,
+.lp-deck[data-lp-transition="slide"] .lp-slide-wrapper.enter {
+  opacity: 0;
+  transform: translateX(100%);
+  z-index: 2;
+}
+.lp-deck[data-lp-transition="slide"][data-lp-direction="prev"] .lp-slide-wrapper.enter {
+  transform: translateX(-100%);
+}
+.lp-deck[data-lp-transition="slide"][data-lp-direction="prev"] .lp-slide-wrapper.leave {
+  transform: translateX(100%);
+}
+
+.lp-deck[data-lp-transition="fade"] .lp-slide-wrapper {
+  transform: none;
+  transition: opacity 400ms ease;
+}
+.lp-deck[data-lp-transition="fade"] .lp-slide-wrapper.active {
+  opacity: 1;
+  z-index: 2;
+}
+
+.lp-deck[data-lp-transition="scale"] .lp-slide-wrapper {
+  transform: none;
+  transition: transform 500ms ease-out, opacity 400ms ease;
+}
+.lp-deck[data-lp-transition="scale"] .lp-slide-wrapper.active {
+  opacity: 1;
+  transform: scale(1);
+  z-index: 2;
+}
+.lp-deck[data-lp-transition="scale"] .lp-slide-wrapper.leave {
+  opacity: 0;
+  transform: scale(1.05);
+}
+.lp-deck[data-lp-transition="scale"] .lp-slide-wrapper.enter {
+  opacity: 0;
+  transform: scale(0.9);
+}
+.lp-deck[data-lp-transition="scale"] .lp-slide-wrapper.active.enter {
+  opacity: 1;
+  transform: scale(1);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .lp-slide-wrapper,
+  .lp-deck[data-lp-transition] .lp-slide-wrapper {
+    transition: none !important;
+  }
+}
+
+/* ---- 通用幻灯片容器 ---- */
+
+.lp-slide {
+  width: 1280px;
+  height: 720px;
+  position: relative;
+  overflow: hidden;
+  padding: 92px 108px 84px;
+  display: flex;
+  flex-direction: column;
+  color: var(--lp-ink);
+  background:
+    radial-gradient(circle at 12% 18%, var(--lp-glow-blue), transparent 38%),
+    radial-gradient(circle at 88% 24%, var(--lp-glow-amber), transparent 42%),
+    radial-gradient(circle at 72% 86%, var(--lp-glow-violet), transparent 40%),
+    linear-gradient(135deg, var(--lp-bg-gradient-start) 0%, var(--lp-bg-gradient-end) 100%);
+}
+
+.lp-slide::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background:
+    radial-gradient(circle at 20% 30%, var(--lp-glow-blue), transparent 45%),
+    radial-gradient(circle at 80% 70%, var(--lp-glow-violet), transparent 45%);
+  opacity: 0.6;
+  pointer-events: none;
+  animation: lp-slide-ambient 12s ease-in-out infinite alternate;
+}
+
+@keyframes lp-slide-ambient {
+  from { transform: scale(1) translate(0, 0); }
+  to { transform: scale(1.08) translate(-2%, -1%); }
+}
+
+/* 玻璃卡片通用样式 */
+.lp-card {
+  position: relative;
+  background: var(--lp-surface);
+  backdrop-filter: blur(28px) saturate(140%);
+  border: 1px solid var(--lp-border);
+  border-radius: var(--lp-radius-large);
+  box-shadow:
+    var(--lp-shadow-inset),
+    var(--lp-shadow);
+  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease;
+}
+
+.lp-card:hover {
+  transform: translateY(-2px);
+  box-shadow:
+    var(--lp-shadow-inset),
+    0 28px 70px rgba(var(--lp-shadow-rgb), 0.16);
+}
+
+.lp-card::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  padding: 1px;
+  background: linear-gradient(135deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.15) 100%);
+  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+  pointer-events: none;
+}
+
+/* 可编辑图片占位区 */
+.lp-editable-image-placeholder {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  min-height: 120px;
+  padding: 16px;
+  color: var(--lp-ink2, #6b7280);
+  background: var(--lp-surface, rgba(255, 255, 255, 0.55));
+  border: 2px dashed var(--lp-border, rgba(0, 0, 0, 0.12));
+  border-radius: var(--lp-radius-large, 16px);
+  cursor: pointer;
+  transition: background 0.2s ease, border-color 0.2s ease;
+}
+
+.lp-editable-image-placeholder:hover {
+  background: var(--lp-surface-strong, rgba(255, 255, 255, 0.75));
+  border-color: var(--lp-blue, #5b9bd5);
+}
+
+.lp-editable-image-placeholder-icon {
+  width: 36px;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24px;
+  font-weight: 300;
+  line-height: 1;
+  color: var(--lp-ink2, #6b7280);
+  border: 1.5px solid var(--lp-border, rgba(0, 0, 0, 0.12));
+  border-radius: 50%;
+}
+
+.lp-editable-image-placeholder-text {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--lp-ink2, #6b7280);
+}
+
+/* ---- 通用标题系统 ---- */
+
+.lp-head,
+.lp-heading {
+  font-weight: 900;
+  line-height: 1.12;
+  letter-spacing: 0.012em;
+  margin: 0 0 24px 0;
+  background: linear-gradient(135deg, var(--lp-ink) 0%, var(--lp-ink2) 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.lp-sub,
+.lp-subtitle {
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 1.45;
+  color: var(--lp-ink2);
+  margin: 0 0 24px 0;
+}
+
+.lp-mono,
+.lp-kicker,
+.lp-cover-date,
+.lp-page-counter,
+.lp-metric-unit,
+.lp-process-step-number,
+.lp-toc-number,
+.lp-timeline-date,
+.lp-roadmap-phase-number,
+.lp-chart-unit,
+.lp-chart-axis-text,
+.lp-chart-value-text {
+  font-family: var(--lp-font-mono);
+}
+
+/* ---- 标签 Pills ---- */
+
+.lp-pill,
+.lp-kicker {
+  display: inline-block;
+  padding: 5px 15px;
+  border-radius: var(--lp-radius-small);
+  font-weight: 700;
+  font-size: 14px;
+  letter-spacing: 0.04em;
+  line-height: 1.3;
+  color: var(--lp-white);
+  background: var(--lp-blue);
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.25),
+    0 4px 12px rgba(0, 0, 0, 0.12);
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.lp-pill:hover,
+.lp-kicker:hover {
+  transform: translateY(-1px);
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.3),
+    0 6px 16px rgba(0, 0, 0, 0.16);
+}
+
+.lp-pill.red,
+.lp-kicker[data-tone="negative"] {
+  background: var(--lp-red);
+}
+.lp-pill.green,
+.lp-kicker[data-tone="positive"] {
+  background: var(--lp-green);
+}
+.lp-pill.amber {
+  background: var(--lp-amber);
+}
+.lp-pill.violet {
+  background: var(--lp-violet);
+}
+
+/* ---- 入场动画 ---- */
+
+@media (prefers-reduced-motion: no-preference) {
+  .lp-rise,
+  .lp-slide > * {
+    animation: lp-rise 0.55s both;
+  }
+  .lp-slide > *:nth-child(1) { animation-delay: 0s; }
+  .lp-slide > *:nth-child(2) { animation-delay: 0.05s; }
+  .lp-slide > *:nth-child(3) { animation-delay: 0.1s; }
+  .lp-slide > *:nth-child(4) { animation-delay: 0.15s; }
+  .lp-slide > *:nth-child(5) { animation-delay: 0.2s; }
+  .lp-slide > *:nth-child(6) { animation-delay: 0.25s; }
+}
+
+@keyframes lp-rise {
+  from {
+    opacity: 0;
+    transform: translateY(14px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+/* ---- 封面 cover ---- */
+
+.lp-cover-v1,
+.lp-cover-v2,
+.lp-cover-v3,
+.lp-cover-v4 {
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.lp-cover-v1 .lp-cover-image {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  opacity: 0.35;
+  z-index: 0;
+}
+
+.lp-cover-v1 .lp-cover-content {
+  position: relative;
+  z-index: 1;
+  padding: 72px 96px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+}
+
+.lp-cover-kicker {
+  margin-bottom: 28px;
+}
+
+.lp-cover-title {
+  font-size: 92px;
+  font-weight: 900;
+  line-height: 1.05;
+  margin: 0 0 24px 0;
+}
+
+.lp-cover-subtitle {
+  font-size: 30px;
+  max-width: 820px;
+  color: var(--lp-ink2);
+  margin: 0 0 24px 0;
+}
+
+.lp-cover-date {
+  font-size: 14px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--lp-ink3);
+}
+
+/* cover v2 - 编辑式双栏 */
+.lp-cover-v2 {
+  flex-direction: row;
+  align-items: stretch;
+  gap: 56px;
+  text-align: left;
+}
+
+.lp-cover-v2 .lp-cover-image {
+  flex: 1;
+  border-radius: var(--lp-radius-large);
+  object-fit: cover;
+  box-shadow: var(--lp-shadow);
+}
+
+.lp-cover-v2 .lp-cover-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  padding: 0;
+}
+
+.lp-cover-v2 .lp-cover-title {
+  font-size: 72px;
+  text-align: left;
+}
+
+/* cover v3 - Bento 网格 */
+.lp-cover-v3 {
+  display: grid;
+  grid-template-columns: 1.2fr 1fr;
+  grid-template-rows: auto 1fr;
+  gap: 24px;
+  padding: 92px 108px 84px;
+  text-align: left;
+}
+
+.lp-cover-v3 .lp-cover-main-card {
+  grid-row: 1 / 3;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  padding: 48px;
+}
+
+.lp-cover-v3 .lp-cover-bento-card {
+  padding: 32px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.lp-cover-v3 .lp-cover-title {
+  font-size: 64px;
+  text-align: left;
+  margin-bottom: 18px;
+}
+
+.lp-cover-v3 .lp-cover-subtitle {
+  font-size: 22px;
+  text-align: left;
+}
+
+.lp-cover-v3 .lp-cover-meta {
+  display: flex;
+  gap: 24px;
+  font-size: 14px;
+  color: var(--lp-ink3);
+}
+
+/* cover v4 - 杂志刊头 */
+.lp-cover-v4 {
+  align-items: flex-start;
+  justify-content: flex-end;
+  text-align: left;
+  padding-bottom: 120px;
+}
+
+.lp-cover-v4 .lp-cover-masthead {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  margin-bottom: 32px;
+}
+
+.lp-cover-v4 .lp-cover-masthead-line {
+  flex: 1;
+  height: 2px;
+  background: linear-gradient(90deg, var(--lp-blue), transparent);
+}
+
+.lp-cover-v4 .lp-cover-title {
+  font-size: 84px;
+  text-align: left;
+}
+
+.lp-cover-v4 .lp-cover-footer {
+  display: flex;
+  gap: 32px;
+  margin-top: 36px;
+  font-size: 14px;
+  color: var(--lp-ink3);
+  letter-spacing: 0.06em;
+}
+
+/* ---- 目录 TOC ---- */
+
+.lp-toc-v1,
+.lp-toc-v2 {
+  justify-content: center;
+}
+
+.lp-toc-card {
+  padding: 54px 64px;
+  width: 100%;
+}
+
+.lp-toc-header {
+  text-align: center;
+  margin-bottom: 56px;
+}
+
+.lp-toc-title {
+  font-size: 56px;
+  margin-bottom: 0;
+}
+
+.lp-toc-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.lp-toc-v1 .lp-toc-list {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 24px;
+  padding: 30px 0;
+}
+
+.lp-toc-item {
+  display: flex;
+  align-items: center;
+  gap: 18px;
+  padding: 26px 28px;
+  background: var(--lp-surface);
+  backdrop-filter: blur(28px) saturate(140%);
+  border: 1px solid var(--lp-border);
+  border-radius: var(--lp-radius-large);
+  box-shadow: var(--lp-shadow);
+}
+
+.lp-toc-number {
+  font-size: 18px;
+  width: 44px;
+  height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: var(--lp-surface-strong);
+  color: var(--lp-blue);
+  font-weight: 700;
+}
+
+.lp-toc-text {
+  font-size: 22px;
+  font-weight: 700;
+  color: var(--lp-ink);
+}
+
+/* toc v2 - 卡片网格 */
+.lp-toc-v2 .lp-toc-list {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+}
+
+.lp-toc-v2 .lp-toc-item {
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 16px;
+  padding: 32px 28px;
+}
+
+.lp-toc-v2 .lp-toc-number {
+  width: 52px;
+  height: 52px;
+  font-size: 22px;
+}
+
+.lp-toc-v2 .lp-toc-text {
+  font-size: 20px;
+}
+
+/* ---- 内容页 content ---- */
+
+.lp-content-v1,
+.lp-content-v2,
+.lp-content-v3,
+.lp-content-v4 {
+  justify-content: center;
+}
+
+.lp-content-card {
+  padding: 54px 64px;
+  width: 100%;
+}
+
+.lp-content-title {
+  font-size: 48px;
+  margin-bottom: 36px;
+}
+
+.lp-bullet-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+}
+
+.lp-bullet-list li {
+  position: relative;
+  padding-left: 28px;
+  font-size: 22px;
+  line-height: 1.55;
+  color: var(--lp-ink2);
+}
+
+.lp-bullet-list li::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 13px;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: var(--lp-blue);
+}
+
+/* content v2 - 双栏 */
+.lp-content-v2 .lp-content-header {
+  margin-bottom: 36px;
+}
+
+.lp-content-v2 .lp-content-columns {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 32px;
+}
+
+.lp-content-v2 .lp-content-col {
+  padding: 34px 30px;
+}
+
+.lp-content-v2 .lp-content-title {
+  margin-bottom: 0;
+}
+
+/* content v3 - 三栏 */
+.lp-content-v3 .lp-content-card {
+  padding: 48px 56px;
+}
+
+.lp-content-v3 .lp-content-columns {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+}
+
+.lp-content-v3 .lp-content-col {
+  padding: 28px 24px;
+}
+
+.lp-content-v3 .lp-content-col-title {
+  font-size: 24px;
+  font-weight: 800;
+  margin: 0 0 14px 0;
+  color: var(--lp-ink);
+}
+
+.lp-content-v3 .lp-content-col-text {
+  font-size: 16px;
+  line-height: 1.6;
+  color: var(--lp-ink2);
+  margin: 0;
+}
+
+/* content v4 - 大字主张 */
+.lp-content-v4 {
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.lp-content-v4 .lp-content-statement {
+  max-width: 980px;
+  padding: 72px 96px;
+}
+
+.lp-content-v4 .lp-content-title {
+  font-size: 72px;
+  line-height: 1.15;
+  margin-bottom: 32px;
+}
+
+.lp-content-v4 .lp-content-subtitle {
+  font-size: 26px;
+  color: var(--lp-ink2);
+}
+
+/* ---- 案例详情 case study ---- */
+
+.lp-case-study {
+  justify-content: center;
+}
+
+.lp-case-study-card {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+    padding:24px;
+}
+
+.lp-case-study-header {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.lp-case-study-title {
+  font-size: 42px;
+  font-weight: 900;
+  line-height: 1.1;
+  letter-spacing: -0.02em;
+  margin: 0;
+}
+
+.lp-case-study-subtitle {
+  font-size: 16px;
+  font-weight: 700;
+  color: var(--lp-ink3);
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  font-family: var(--lp-font-mono);
+  margin: 0;
+}
+
+.lp-case-study-body {
+  display: flex;
+  flex-direction: column;
+  gap: 28px;
+}
+
+.lp-case-study-intro {
+  font-size: 20px;
+  line-height: 1.7;
+  color: var(--lp-ink2);
+  margin: 0;
+  max-width: 900px;
+}
+
+.lp-case-study-timeline {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+.lp-case-study-round {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 20px;
+  padding: 18px 22px;
+  background: linear-gradient(135deg, var(--lp-surface-strong) 0%, var(--lp-surface) 100%);
+  border: 1px solid var(--lp-border);
+  border-left: 4px solid var(--lp-blue);
+  border-radius: var(--lp-radius-large);
+  box-shadow: var(--lp-shadow-inset);
+  animation: lp-case-study-round-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.lp-case-study-round:hover {
+  transform: translateX(4px);
+  box-shadow: var(--lp-shadow-inset), 0 8px 24px rgba(var(--lp-shadow-rgb), 0.1);
+}
+
+@keyframes lp-case-study-round-in {
+  from { opacity: 0; transform: translateX(-16px); }
+  to { opacity: 1; transform: translateX(0); }
+}
+
+.lp-case-study-round-main {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  flex: 1;
+  min-width: 0;
+}
+
+.lp-case-study-round-date {
+  font-size: 14px;
+  font-weight: 700;
+  color: var(--lp-ink3);
+  font-family: var(--lp-font-mono);
+  min-width: 86px;
+}
+
+.lp-case-study-round-name {
+  font-size: 18px;
+  font-weight: 800;
+  color: var(--lp-ink);
+}
+
+.lp-case-study-round-meta {
+  display: flex;
+  align-items: center;
+  gap: 24px;
+  flex-shrink: 0;
+}
+
+.lp-case-study-round-valuation {
+  font-size: 14px;
+  color: var(--lp-ink3);
+  font-family: var(--lp-font-mono);
+}
+
+.lp-case-study-round-amount {
+  font-size: 18px;
+  font-weight: 900;
+  color: var(--lp-ink);
+  font-family: var(--lp-font-mono);
+}
+
+.lp-case-study-quote {
+  padding: 32px 36px;
+  background: linear-gradient(135deg, rgba(91, 155, 213, 0.12) 0%, rgba(91, 155, 213, 0.03) 100%);
+  border: 1px solid var(--lp-border);
+  border-radius: var(--lp-radius-large);
+}
+
+.lp-case-study-quote-text {
+  font-size: 26px;
+  font-weight: 600;
+  line-height: 1.5;
+  color: var(--lp-ink);
+  margin: 0;
+  padding: 0;
+  border-left: 3px solid var(--lp-blue);
+  padding-left: 22px;
+}
+
+.lp-case-study-quote-author {
+  font-size: 15px;
+  color: var(--lp-ink3);
+  margin-top: 16px;
+  padding-left: 25px;
+  font-family: var(--lp-font-mono);
+}
+
+.lp-case-study-footnote {
+  font-size: 13px;
+  color: var(--lp-ink3);
+  text-align: right;
+  font-family: var(--lp-font-mono);
+  margin-top: 8px;
+}
+
+/* ---- 大数字 metric ---- */
+
+.lp-metric-big {
+  align-items: center;
+  justify-content: center;
+
+}
+
+.lp-metric-big-card {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 36px;
+  text-align: center;
+    padding:24px 0 ;
+}
+
+.lp-metric-big-header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 14px;
+}
+
+.lp-metric-big-title {
+  font-size: 42px;
+  font-weight: 900;
+  line-height: 1.1;
+  letter-spacing: -0.02em;
+  margin: 0;
+}
+
+.lp-metric-big-subtitle {
+  font-size: 16px;
+  font-weight: 700;
+  color: var(--lp-ink3);
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  font-family: var(--lp-font-mono);
+  margin: 0;
+}
+
+.lp-metric-big-body {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+}
+
+.lp-metric-big-value-wrap {
+  display: flex;
+  align-items: baseline;
+  justify-content: center;
+  gap: 10px;
+}
+
+.lp-metric-big-value {
+  font-size: 120px;
+  font-weight: 900;
+  line-height: 1;
+  letter-spacing: -0.03em;
+  background: linear-gradient(135deg, var(--lp-ink) 0%, var(--lp-blue) 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.lp-metric-big-unit {
+  font-size: 36px;
+  font-weight: 800;
+  color: var(--lp-blue);
+  font-family: var(--lp-font-mono);
+}
+
+.lp-metric-big-context {
+  font-size: 22px;
+  font-weight: 600;
+  color: var(--lp-ink2);
+  max-width: 720px;
+  line-height: 1.5;
+  margin: 0;
+}
+
+.lp-metric-big-metrics {
+  display: flex;
+  justify-content: center;
+  gap: 20px;
+  flex-wrap: wrap;
+}
+
+.lp-metric-big-metric {
+  min-width: 140px;
+  padding: 22px 28px;
+  background: linear-gradient(135deg, var(--lp-surface-strong) 0%, var(--lp-surface) 100%);
+  border: 1px solid var(--lp-border);
+  border-radius: var(--lp-radius-large);
+  box-shadow: var(--lp-shadow-inset);
+  animation: lp-metric-big-metric-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.lp-metric-big-metric:hover {
+  transform: translateY(-3px);
+  box-shadow: var(--lp-shadow-inset), 0 10px 28px rgba(var(--lp-shadow-rgb), 0.1);
+}
+
+.lp-metric-big-metric--accent {
+  border-color: var(--lp-blue);
+  background: linear-gradient(135deg, rgba(91, 155, 213, 0.22) 0%, rgba(91, 155, 213, 0.06) 100%);
+}
+
+.lp-metric-big-metric--accent .lp-metric-big-metric-value {
+  color: var(--lp-blue);
+}
+
+@keyframes lp-metric-big-metric-in {
+  from { opacity: 0; transform: translateY(16px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+.lp-metric-big-metric-value {
+  font-size: 28px;
+  font-weight: 900;
+  color: var(--lp-ink);
+  font-family: var(--lp-font-mono);
+}
+
+.lp-metric-big-metric-label {
+  font-size: 13px;
+  color: var(--lp-ink3);
+  margin-top: 6px;
+  letter-spacing: 0.04em;
+}
+
+.lp-metric-big-footnote {
+  font-size: 13px;
+  color: var(--lp-ink3);
+  text-align: center;
+  font-family: var(--lp-font-mono);
+  margin-top: 8px;
+}
+
+.lp-metric-v1,
+.lp-metric-v2,
+.lp-metric-v3 {
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.lp-metric-v1 .lp-metric-value {
+  font-size: 128px;
+  font-weight: 900;
+  line-height: 1;
+  color: var(--lp-ink);
+  margin-bottom: 12px;
+}
+
+.lp-metric-v1 .lp-metric-unit {
+  font-size: 36px;
+  font-weight: 700;
+  color: var(--lp-ink2);
+}
+
+.lp-metric-description {
+  margin-top: 34px;
+  padding: 28px 36px;
+  font-size: 22px;
+  color: var(--lp-ink2);
+}
+
+/* metric v2 - 多指标网格 */
+.lp-metric-v2 {
+  justify-content: center;
+}
+
+.lp-metric-v2 .lp-metric-header {
+  text-align: center;
+  margin-bottom: 48px;
+}
+
+.lp-metric-v2 .lp-metric-title {
+  font-size: 48px;
+  margin-bottom: 0;
+}
+
+.lp-metric-v2 .lp-metric-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 28px;
+  width: 100%;
+}
+
+.lp-metric-v2 .lp-metric-card {
+  padding: 40px 24px;
+  text-align: center;
+}
+
+.lp-metric-v2 .lp-metric-card-value {
+  font-size: 56px;
+  font-weight: 900;
+  color: var(--lp-blue);
+  line-height: 1.1;
+  margin-bottom: 8px;
+}
+
+.lp-metric-v2 .lp-metric-card-unit {
+  font-size: 22px;
+  font-weight: 700;
+  color: var(--lp-ink);
+}
+
+.lp-metric-v2 .lp-metric-card-label {
+  font-size: 17px;
+  color: var(--lp-ink2);
+  margin-top: 10px;
+}
+
+/* metric v3 - 图标 + 说明 */
+.lp-metric-v3 .lp-metric-card {
+  display: flex;
+  align-items: center;
+  gap: 48px;
+  padding: 52px 64px;
+  text-align: left;
+  max-width: 960px;
+}
+
+.lp-metric-v3 .lp-metric-icon {
+  width: 120px;
+  height: 120px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, var(--lp-glow-blue-strong), var(--lp-glow-violet-strong));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.lp-metric-v3 .lp-metric-icon-text {
+  font-size: 48px;
+  font-weight: 900;
+  color: var(--lp-blue);
+}
+
+.lp-metric-v3 .lp-metric-value {
+  font-size: 96px;
+  font-weight: 900;
+  line-height: 1;
+  color: var(--lp-ink);
+  margin-bottom: 8px;
+}
+
+.lp-metric-v3 .lp-metric-unit {
+  font-size: 28px;
+  font-weight: 700;
+  color: var(--lp-ink2);
+}
+
+.lp-metric-v3 .lp-metric-description {
+  margin-top: 18px;
+  padding: 0;
+  font-size: 20px;
+  color: var(--lp-ink2);
+  text-align: left;
+}
+
+/* ---- 特色 feature ---- */
+
+.lp-feature-v1 {
+  justify-content: center;
+}
+
+.lp-feature-header {
+  text-align: center;
+  margin-bottom: 52px;
+}
+
+.lp-feature-title {
+  font-size: 48px;
+  margin-bottom: 0;
+}
+
+.lp-feature-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 28px;
+}
+
+.lp-feature-card {
+  padding: 34px 28px;
+}
+
+.lp-feature-number {
+  font-family: var(--lp-font-mono);
+  font-size: 14px;
+  color: var(--lp-blue);
+  margin-bottom: 16px;
+  letter-spacing: 0.08em;
+}
+
+.lp-feature-card-title {
+  font-size: 24px;
+  font-weight: 800;
+  margin: 0 0 12px 0;
+  color: var(--lp-ink);
+}
+
+.lp-feature-card-description {
+  font-size: 17px;
+  line-height: 1.55;
+  margin: 0;
+  color: var(--lp-ink2);
+}
+
+/* ---- 案例与竞争力 feature v2 ---- */
+
+.lp-feature-v2 {
+  display: flex;
+  flex-direction: column;
+  padding: 56px 64px 40px;
+  gap: 36px;
+}
+
+.lp-feature-v2-header {
+  text-align: left;
+}
+
+.lp-feature-v2-title {
+  font-size: 46px;
+  margin: 18px 0 10px;
+  color: var(--lp-ink);
+}
+
+.lp-feature-v2-subtitle {
+  font-size: 20px;
+  color: var(--lp-ink3);
+  margin: 0;
+  line-height: 1.5;
+}
+
+.lp-feature-v2-body {
+  display: grid;
+  grid-template-columns: 1fr 1.15fr;
+  gap: 40px;
+  align-items: stretch;
+  flex: 1;
+  min-height: 0;
+}
+
+.lp-feature-v2-image-wrap {
+  position: relative;
+  border-radius: var(--lp-radius-large, 24px);
+  overflow: hidden;
+  background: var(--lp-bg);
+  box-shadow: 0 18px 50px rgba(var(--lp-shadow-rgb), 0.12);
+}
+
+.lp-feature-v2-image,
+.lp-feature-v2-image-placeholder {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: var(--lp-radius-large, 24px);
+}
+
+.lp-feature-v2-cards {
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+  justify-content: center;
+}
+
+.lp-feature-v2-card {
+  display: flex;
+  align-items: flex-start;
+  gap: 18px;
+  padding: 22px 24px;
+  border-radius: var(--lp-radius-medium, 18px);
+}
+
+.lp-feature-v2-number {
+  flex: none;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 12px;
+  font-family: var(--lp-font-mono);
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--lp-white);
+  background: var(--lp-violet);
+}
+
+.lp-feature-v2-card:nth-child(2) .lp-feature-v2-number {
+  background: var(--lp-green);
+}
+
+.lp-feature-v2-card:nth-child(3) .lp-feature-v2-number {
+  background: var(--lp-amber);
+}
+
+.lp-feature-v2-card:nth-child(4) .lp-feature-v2-number {
+  background: var(--lp-cyan);
+}
+
+.lp-feature-v2-card:nth-child(5) .lp-feature-v2-number {
+  background: var(--lp-pink);
+}
+
+.lp-feature-v2-card-body {
+  flex: 1;
+  min-width: 0;
+}
+
+.lp-feature-v2-card-title {
+  font-size: 20px;
+  font-weight: 800;
+  margin: 0 0 8px;
+  color: var(--lp-ink);
+}
+
+.lp-feature-v2-card-description {
+  font-size: 15px;
+  line-height: 1.55;
+  margin: 0;
+  color: var(--lp-ink2);
+}
+
+.lp-feature-v2-footer {
+  text-align: left;
+}
+
+.lp-feature-v2-footer-text {
+  font-size: 13px;
+  color: var(--lp-ink3);
+  font-family: var(--lp-font-mono);
+}
+
+/* ---- 流程 process ---- */
+
+.lp-process-v1 {
+  justify-content: center;
+}
+
+.lp-process-inner {
+  width: 100%;
+}
+
+.lp-process-header {
+  text-align: center;
+  margin-bottom: 56px;
+}
+
+.lp-process-title {
+  font-size: 48px;
+  margin-bottom: 0;
+}
+
+.lp-process-steps {
+  display: flex;
+  gap: 24px;
+  align-items: stretch;
+}
+
+.lp-process-step {
+  flex: 1;
+  padding: 32px 24px;
+  text-align: center;
+  position: relative;
+}
+
+.lp-process-step-number {
+  font-size: 14px;
+  color: var(--lp-blue);
+  margin-bottom: 14px;
+  letter-spacing: 0.08em;
+}
+
+.lp-process-step h3 {
+  font-size: 22px;
+  font-weight: 800;
+  margin: 0 0 12px 0;
+}
+
+.lp-process-step-text {
+  font-size: 16px;
+  line-height: 1.5;
+  margin: 0;
+  color: var(--lp-ink2);
+}
+
+.lp-process-arrow {
+  position: absolute;
+  right: -20px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 0;
+  height: 0;
+  border-top: 10px solid transparent;
+  border-bottom: 10px solid transparent;
+  border-left: 12px solid var(--lp-blue);
+  opacity: 0.35;
+}
+
+/* ---- 对比 comparison ---- */
+
+.lp-comparison-v1 {
+  justify-content: center;
+}
+
+.lp-comparison-inner {
+  width: 100%;
+}
+
+.lp-comparison-header {
+  text-align: center;
+  margin-bottom: 52px;
+}
+
+.lp-comparison-title {
+  font-size: 48px;
+}
+
+.lp-comparison-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 24px;
+}
+
+.lp-comparison-col {
+  padding: 34px 28px;
+}
+
+.lp-comparison-col-title {
+  font-size: 24px;
+  font-weight: 800;
+  margin: 0 0 18px 0;
+}
+
+.lp-comparison-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.lp-comparison-list li {
+  font-size: 17px;
+  color: var(--lp-ink2);
+  position: relative;
+  padding-left: 18px;
+}
+
+.lp-comparison-list li::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 10px;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--lp-blue);
+}
+
+/* ---- 金句 quote ---- */
+
+.lp-quote-v1 {
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.lp-quote-card {
+  padding: 72px 96px;
+  max-width: 980px;
+}
+
+.lp-quote-text {
+  font-size: 42px;
+  font-weight: 700;
+  line-height: 1.35;
+  margin: 0 0 32px 0;
+  color: var(--lp-ink);
+}
+
+.lp-quote-author {
+  font-size: 20px;
+  color: var(--lp-ink2);
+}
+
+/* ---- 封底 closing ---- */
+
+.lp-closing-v2 {
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.lp-closing-card {
+  padding: 72px 96px;
+}
+
+.lp-closing-kicker {
+  margin-bottom: 24px;
+}
+
+.lp-closing-title {
+  font-size: 72px;
+  font-weight: 900;
+  margin: 0 0 24px 0;
+}
+
+.lp-closing-subtitle {
+  font-size: 28px;
+  color: var(--lp-ink2);
+  margin: 0 0 40px 0;
+}
+
+.lp-closing-cta {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto 32px;
+  padding: 12px 32px;
+  border-radius: 999px;
+  font-weight: 700;
+  background: var(--lp-accent);
+  color: #fff;
+}
+
+.lp-closing-contacts {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.lp-closing-contact,
+.lp-closing-email,
+.lp-closing-link {
+  font-weight: 700;
+  color: var(--lp-ink);
+}
+
+/* ---- 章节页 ---- */
+
+.lp-chapter-v1 {
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.lp-chapter-card {
+  padding: 72px 96px;
+}
+
+.lp-chapter-kicker {
+  margin-bottom: 24px;
+}
+
+.lp-chapter-title {
+  font-size: 76px;
+  font-weight: 900;
+  margin: 0 0 18px 0;
+}
+
+.lp-chapter-subtitle {
+  font-size: 28px;
+  color: var(--lp-ink2);
+  margin: 0;
+}
+
+/* ---- 多指标页 ---- */
+
+.lp-stats-v1 {
+  justify-content: center;
+}
+
+.lp-stats-header {
+  text-align: center;
+  margin-bottom: 56px;
+}
+
+.lp-stats-title {
+  font-size: 48px;
+  margin-bottom: 0;
+}
+
+.lp-stats-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 28px;
+}
+
+.lp-stats-card {
+  padding: 38px 24px;
+  text-align: center;
+}
+
+.lp-stats-value {
+  font-size: 56px;
+  font-weight: 900;
+  color: var(--lp-blue);
+  line-height: 1.1;
+  margin-bottom: 10px;
+}
+
+.lp-stats-unit {
+  font-size: 24px;
+  font-weight: 700;
+  color: var(--lp-ink);
+  margin-left: 4px;
+}
+
+.lp-stats-label {
+  font-size: 17px;
+  color: var(--lp-ink2);
+}
+
+/* ---- 时间轴 ---- */
+
+.lp-timeline-v1 {
+  justify-content: center;
+}
+
+.lp-timeline-header {
+  text-align: center;
+  margin-bottom: 56px;
+}
+
+.lp-timeline-title {
+  font-size: 48px;
+  margin-bottom: 0;
+}
+
+.lp-timeline-track {
+  display: flex;
+  align-items: stretch;
+  gap: 28px;
+  position: relative;
+}
+
+.lp-timeline-track::before {
+  content: '';
+  position: absolute;
+  top: 20px;
+  left: 0;
+  right: 0;
+  height: 2px;
+  background: linear-gradient(90deg, var(--lp-blue), var(--lp-violet));
+  opacity: 0.35;
+}
+
+.lp-timeline-item {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  position: relative;
+  z-index: 1;
+}
+
+.lp-timeline-dot {
+  width: 42px;
+  height: 42px;
+  border-radius: 50%;
+  background: var(--lp-surface-strong);
+  border: 2px solid var(--lp-blue);
+  box-shadow: 0 8px 24px var(--lp-glow-blue);
+  margin-bottom: 24px;
+}
+
+.lp-timeline-card {
+  padding: 28px 22px;
+  text-align: center;
+  width: 100%;
+}
+
+.lp-timeline-date {
+  font-size: 13px;
+  color: var(--lp-blue);
+  margin-bottom: 10px;
+  letter-spacing: 0.06em;
+}
+
+.lp-timeline-event-title {
+  font-size: 22px;
+  font-weight: 800;
+  margin: 0 0 10px 0;
+  color: var(--lp-ink);
+}
+
+.lp-timeline-description {
+  font-size: 15px;
+  line-height: 1.55;
+  margin: 0;
+  color: var(--lp-ink2);
+}
+
+/* ---- 路线图 ---- */
+
+.lp-roadmap-v1 {
+  justify-content: center;
+}
+
+.lp-roadmap-header {
+  text-align: center;
+  margin-bottom: 56px;
+}
+
+.lp-roadmap-title {
+  font-size: 48px;
+  margin-bottom: 0;
+}
+
+.lp-roadmap-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 24px;
+}
+
+.lp-roadmap-card {
+  padding: 32px 24px;
+}
+
+.lp-roadmap-phase-number {
+  font-size: 14px;
+  color: var(--lp-blue);
+  margin-bottom: 14px;
+  letter-spacing: 0.08em;
+}
+
+.lp-roadmap-phase-title {
+  font-size: 24px;
+  font-weight: 800;
+  margin: 0 0 18px 0;
+  color: var(--lp-ink);
+}
+
+.lp-roadmap-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.lp-roadmap-list li {
+  position: relative;
+  padding-left: 18px;
+  font-size: 15px;
+  line-height: 1.45;
+  color: var(--lp-ink2);
+}
+
+.lp-roadmap-list li::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 9px;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--lp-blue);
+}
+
+/* ---- 图表页 ---- */
+
+.lp-chart-v1 {
+  justify-content: center;
+  align-items: center;
+}
+
+.lp-chart-card {
+  width: 100%;
+  padding: 48px 56px;
+  display: flex;
+  flex-direction: column;
+}
+
+.lp-chart-header {
+  display: flex;
+  align-items: flex-start;
+  gap: 18px;
+  margin-bottom: 32px;
+}
+
+.lp-chart-header .lp-pill {
+  flex-shrink: 0;
+}
+
+.lp-chart-title {
+  font-size: 42px;
+  font-weight: 900;
+  margin: 0;
+  color: var(--lp-ink);
+  letter-spacing: -0.01em;
+  line-height: 1.1;
+}
+
+.lp-chart-subtitle {
+  font-size: 16px;
+  font-weight: 700;
+  color: var(--lp-ink3);
+  margin: 8px 0 0;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  font-family: var(--lp-font-mono);
+}
+
+.lp-chart-wrapper {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 0;
+}
+
+.lp-chart-svg {
+  width: 100%;
+  height: auto;
+  max-height: 420px;
+  overflow: visible;
+}
+
+.lp-chart-grid {
+  stroke: var(--lp-stroke);
+  stroke-width: 1;
+  stroke-dasharray: 4 4;
+  opacity: 0.7;
+}
+
+.lp-chart-axis-text {
+  font-size: 14px;
+  fill: var(--lp-ink3);
+  font-family: var(--lp-font-mono);
+}
+
+.lp-chart-area {
+  opacity: 0.9;
+}
+
+.lp-chart-slice {
+  opacity: 0.98;
+  stroke: var(--lp-white);
+  stroke-width: 2.5;
+  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.12));
+  transition: filter 0.2s ease, transform 0.2s ease;
+  transform-box: fill-box;
+  transform-origin: center;
+  cursor: pointer;
+  animation: lp-chart-slice-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
+}
+
+.lp-chart-slice:hover {
+  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.18)) brightness(1.05);
+  transform: scale(1.04);
+}
+
+@keyframes lp-chart-slice-in {
+  from {
+    opacity: 0;
+    transform: scale(0.7) rotate(-12deg);
+  }
+  to {
+    opacity: 0.98;
+    transform: scale(1) rotate(0deg);
+  }
+}
+
+.lp-chart-pie-label {
+  font-size: 13px;
+  font-weight: 800;
+  fill: var(--lp-white);
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
+  pointer-events: none;
+}
+
+.lp-chart-pie-value {
+  font-size: 15px;
+  font-weight: 900;
+  fill: var(--lp-white);
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+  pointer-events: none;
+}
+
+.lp-chart-color-0 { fill: var(--lp-blue); stroke: var(--lp-blue); }
+.lp-chart-color-1 { fill: var(--lp-green); stroke: var(--lp-green); }
+.lp-chart-color-2 { fill: var(--lp-amber); stroke: var(--lp-amber); }
+.lp-chart-color-3 { fill: var(--lp-red); stroke: var(--lp-red); }
+.lp-chart-color-4 { fill: var(--lp-violet); stroke: var(--lp-violet); }
+
+.lp-chart-bar {
+  opacity: 0.98;
+  transition: filter 0.2s ease, transform 0.2s ease;
+  transform-box: fill-box;
+  transform-origin: center bottom;
+  cursor: pointer;
+  animation: lp-chart-bar-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
+}
+
+.lp-chart-bar:hover {
+  filter: brightness(1.06);
+  transform: scaleY(1.02);
+}
+
+@keyframes lp-chart-bar-in {
+  from {
+    transform: scaleY(0);
+    opacity: 0;
+  }
+  to {
+    transform: scaleY(1);
+    opacity: 0.98;
+  }
+}
+
+.lp-chart-dot {
+  filter: drop-shadow(0 2px 4px rgba(91, 155, 213, 0.35));
+  transition: filter 0.2s ease, transform 0.2s ease, stroke-width 0.2s ease;
+  transform-box: fill-box;
+  transform-origin: center;
+  cursor: pointer;
+  animation: lp-chart-dot-in 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) both;
+}
+
+.lp-chart-dot:hover {
+  filter: drop-shadow(0 3px 6px rgba(91, 155, 213, 0.45));
+  transform: scale(1.25);
+  stroke-width: 5;
+}
+
+.lp-chart-dot-halo {
+  pointer-events: none;
+  transform-box: fill-box;
+  transform-origin: center;
+  animation: lp-chart-dot-halo-in 0.45s ease-out both;
+}
+
+@keyframes lp-chart-dot-halo-in {
+  from { opacity: 0; transform: scale(0.2); }
+  to { opacity: 0.14; transform: scale(1); }
+}
+
+@keyframes lp-chart-dot-in {
+  from {
+    opacity: 0;
+    transform: scale(0);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.lp-chart-line {
+  stroke: var(--lp-blue);
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  filter: drop-shadow(0 3px 6px rgba(91, 155, 213, 0.28));
+  stroke-dasharray: 2000;
+  stroke-dashoffset: 2000;
+  animation: lp-chart-line-in 1.1s cubic-bezier(0.22, 1, 0.36, 1) forwards;
+  transition: filter 0.25s ease, stroke-width 0.25s ease;
+}
+
+.lp-chart-line:hover {
+  filter: drop-shadow(0 5px 12px rgba(91, 155, 213, 0.42));
+  stroke-width: 6.5;
+}
+
+@keyframes lp-chart-line-in {
+  to { stroke-dashoffset: 0; }
+}
+
+.lp-chart-area {
+  opacity: 0.9;
+  animation: lp-chart-area-in 0.8s ease-out both;
+}
+
+@keyframes lp-chart-area-in {
+  from { opacity: 0; }
+  to { opacity: 0.9; }
+}
+
+.lp-chart-value-text {
+  font-size: 16px;
+  font-weight: 800;
+  fill: var(--lp-ink);
+  font-family: var(--lp-font-mono);
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35), 0 -1px 0 rgba(255, 255, 255, 0.35);
+  pointer-events: none;
+}
+
+.lp-chart-v2 {
+  justify-content: center;
+  align-items: center;
+}
+
+.lp-chart-titles {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.lp-chart-body {
+  display: flex;
+  align-items: stretch;
+  gap: 32px;
+  flex: 1;
+  min-height: 0;
+}
+
+.lp-chart-body--with-insight .lp-chart-wrapper {
+  flex: 1.45;
+  min-width: 0;
+}
+
+.lp-chart-insight {
+  flex: 1;
+  max-width: 340px;
+  background: linear-gradient(135deg, var(--lp-surface-strong) 0%, var(--lp-surface) 100%);
+  border: 1px solid var(--lp-border);
+  border-top: 3px solid var(--lp-blue);
+  border-radius: var(--lp-radius-large);
+  box-shadow:
+    var(--lp-shadow-inset),
+    0 28px 70px rgba(var(--lp-shadow-rgb), 0.14);
+  padding: 32px;
+  display: flex;
+  flex-direction: column;
+  gap: 22px;
+  backdrop-filter: blur(20px) saturate(150%);
+  -webkit-backdrop-filter: blur(20px) saturate(150%);
+}
+
+.lp-chart-v1--with-insight .lp-chart-insight {
+  border-top-color: var(--lp-blue);
+}
+
+.lp-chart-insight-head {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.lp-chart-insight-headline {
+  font-size: 56px;
+  font-weight: 900;
+  line-height: 1;
+  letter-spacing: -0.02em;
+  color: var(--lp-ink);
+  background: linear-gradient(135deg, var(--lp-ink) 0%, var(--lp-blue) 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+.lp-chart-insight-subheadline {
+  font-size: 13px;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+  color: var(--lp-ink3);
+  text-transform: uppercase;
+  font-family: var(--lp-font-mono);
+}
+
+.lp-chart-insight-items {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.lp-chart-insight-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 0;
+  border-bottom: 1px solid var(--lp-stroke);
+}
+
+.lp-chart-insight-item:last-child {
+  border-bottom: none;
+}
+
+.lp-chart-insight-item-label {
+  font-size: 15px;
+  color: var(--lp-ink3);
+}
+
+.lp-chart-insight-item-value {
+  font-size: 16px;
+  font-weight: 800;
+  color: var(--lp-ink);
+  text-align: right;
+  font-family: var(--lp-font-mono);
+}
+
+.lp-chart-insight-badge {
+  align-self: flex-start;
+  font-size: 13px;
+  font-weight: 800;
+  color: #fff;
+  padding: 8px 14px;
+  border-radius: 999px;
+  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
+  letter-spacing: 0.02em;
+}
+
+.lp-chart-insight-badge--accent {
+  background: linear-gradient(135deg, var(--lp-blue) 0%, #7ab8e8 100%);
+}
+
+.lp-chart-insight-badge--success {
+  background: linear-gradient(135deg, var(--lp-green) 0%, #6fd1a8 100%);
+}
+
+.lp-chart-insight-badge--warning {
+  background: linear-gradient(135deg, var(--lp-amber) 0%, #f0c06a 100%);
+}
+
+.lp-chart-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  margin-top: 22px;
+  padding-top: 16px;
+  border-top: 1px solid var(--lp-stroke);
+}
+
+.lp-chart-unit {
+  font-size: 13px;
+  color: var(--lp-ink3);
+  font-family: var(--lp-font-mono);
+}
+
+.lp-chart-footnote {
+  font-size: 13px;
+  color: var(--lp-ink3);
+  text-align: right;
+  font-family: var(--lp-font-mono);
+}
+
+.lp-chart-insight--funnel {
+  justify-content: center;
+}
+
+.lp-chart-insight-description {
+  font-size: 15px;
+  line-height: 1.7;
+  color: var(--lp-ink2);
+  margin: 0;
+}
+
+.lp-chart-v2 .lp-chart-body--with-insight .lp-chart-wrapper.lp-echart-wrapper {
+  flex: 1.45;
+  min-width: 0;
+}
+
+.lp-echart-wrapper {
+  position: relative;
+  width: 100%;
+  min-height: 0;
+}
+
+.lp-echart {
+  width: 100%;
+  height: 100%;
+  min-height: 360px;
+}
+
+.lp-wordcloud-wrapper {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 0;
+  width: 100%;
+}
+
+.lp-wordcloud-svg {
+  width: 100%;
+  height: 100%;
+  max-height: 420px;
+}
+
+/* ---- 环形图拆解 ---- */
+
+.lp-chart-donut {
+  justify-content: center;
+}
+
+.lp-chart-donut-card {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 28px;
+}
+
+.lp-chart-donut-header {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.lp-chart-donut-title {
+  font-size: 42px;
+  font-weight: 900;
+  line-height: 1.1;
+  letter-spacing: -0.02em;
+  margin: 0;
+}
+
+.lp-chart-donut-subtitle {
+  font-size: 16px;
+  font-weight: 700;
+  color: var(--lp-ink3);
+  margin: 8px 0 0;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  font-family: var(--lp-font-mono);
+}
+
+.lp-chart-donut-body {
+  display: flex;
+  align-items: center;
+  gap: 48px;
+  flex: 1;
+  min-height: 0;
+}
+
+.lp-chart-donut-chart {
+  position: relative;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+}
+
+.lp-chart-donut-svg {
+  width: 100%;
+  max-width: 360px;
+  height: auto;
+  overflow: visible;
+  animation: lp-chart-donut-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
+}
+
+.lp-chart-donut-ring {
+  transform-origin: center;
+  transform: rotate(-90deg);
+  animation: lp-chart-donut-ring-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
+  transition: filter 0.2s ease, stroke-width 0.2s ease;
+  cursor: pointer;
+}
+
+.lp-chart-donut-ring:hover {
+  filter: brightness(1.08);
+  stroke-width: 58;
+}
+
+@keyframes lp-chart-donut-in {
+  from { opacity: 0; transform: scale(0.92); }
+  to { opacity: 1; transform: scale(1); }
+}
+
+@keyframes lp-chart-donut-ring-in {
+  from { stroke-dasharray: 0 2000; }
+}
+
+.lp-chart-donut-center {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+  pointer-events: none;
+}
+
+.lp-chart-donut-total-value {
+  font-size: 52px;
+  font-weight: 900;
+  line-height: 1;
+  letter-spacing: -0.02em;
+  color: var(--lp-ink);
+}
+
+.lp-chart-donut-total-label {
+  font-size: 13px;
+  font-weight: 700;
+  color: var(--lp-ink3);
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  margin-top: 6px;
+  font-family: var(--lp-font-mono);
+}
+
+.lp-chart-donut-legend {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  min-width: 0;
+}
+
+.lp-chart-donut-legend-item {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  padding: 14px 18px;
+  background: linear-gradient(135deg, var(--lp-surface-strong) 0%, var(--lp-surface) 100%);
+  border: 1px solid var(--lp-border);
+  border-radius: var(--lp-radius-large);
+  box-shadow: var(--lp-shadow-inset);
+  animation: lp-chart-donut-item-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.lp-chart-donut-legend-item:hover {
+  transform: translateY(-2px);
+  box-shadow: var(--lp-shadow-inset), 0 8px 24px rgba(var(--lp-shadow-rgb), 0.1);
+}
+
+@keyframes lp-chart-donut-item-in {
+  from { opacity: 0; transform: translateX(16px); }
+  to { opacity: 1; transform: translateX(0); }
+}
+
+.lp-chart-donut-legend-dot {
+  width: 14px;
+  height: 14px;
+  border-radius: 4px;
+  flex-shrink: 0;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
+}
+
+.lp-chart-donut-legend-text {
+  flex: 1;
+  min-width: 0;
+}
+
+.lp-chart-donut-legend-label {
+  font-size: 17px;
+  font-weight: 800;
+  color: var(--lp-ink);
+}
+
+.lp-chart-donut-legend-en {
+  font-size: 12px;
+  color: var(--lp-ink3);
+  letter-spacing: 0.04em;
+  margin-top: 2px;
+  font-family: var(--lp-font-mono);
+}
+
+.lp-chart-donut-legend-numbers {
+  text-align: right;
+  flex-shrink: 0;
+}
+
+.lp-chart-donut-legend-percent {
+  font-size: 20px;
+  font-weight: 900;
+  color: var(--lp-ink);
+  font-family: var(--lp-font-mono);
+}
+
+.lp-chart-donut-legend-value {
+  font-size: 13px;
+  color: var(--lp-ink3);
+  margin-top: 2px;
+  font-family: var(--lp-font-mono);
+}
+
+.lp-chart-donut-footnote {
+  font-size: 13px;
+  color: var(--lp-ink3);
+  text-align: right;
+  font-family: var(--lp-font-mono);
+  margin-top: 8px;
+}
+
+/* ---- FAQ 页 ---- */
+
+.lp-faq-v1 {
+  justify-content: center;
+}
+
+.lp-faq-header {
+  text-align: center;
+  margin-bottom: 46px;
+}
+
+.lp-faq-title {
+  font-size: 48px;
+  margin-bottom: 0;
+}
+
+.lp-faq-list {
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+}
+
+.lp-faq-card {
+  padding: 28px 32px;
+}
+
+.lp-faq-question,
+.lp-faq-answer {
+  display: flex;
+  gap: 16px;
+  align-items: flex-start;
+}
+
+.lp-faq-question {
+  margin-bottom: 14px;
+}
+
+.lp-faq-question h3 {
+  font-size: 22px;
+  font-weight: 800;
+  margin: 0;
+  color: var(--lp-ink);
+  line-height: 1.35;
+}
+
+.lp-faq-answer p {
+  font-size: 17px;
+  line-height: 1.6;
+  margin: 0;
+  color: var(--lp-ink2);
+}
+
+.lp-faq-marker {
+  flex-shrink: 0;
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  font-size: 14px;
+  font-weight: 700;
+  color: var(--lp-white);
+}
+
+.lp-faq-q {
+  background: var(--lp-blue);
+}
+
+.lp-faq-a {
+  background: var(--lp-green);
+}
+
+/* ---- 团队页 ---- */
+
+.lp-team-v1 {
+  justify-content: center;
+}
+
+.lp-team-header {
+  text-align: center;
+  margin-bottom: 46px;
+}
+
+.lp-team-title {
+  font-size: 48px;
+  margin-bottom: 0;
+}
+
+.lp-team-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 24px;
+}
+
+.lp-team-card {
+  padding: 32px 24px;
+  text-align: center;
+}
+
+.lp-team-avatar {
+  width: 96px;
+  height: 96px;
+  border-radius: 50%;
+  object-fit: cover;
+  margin: 0 auto 18px auto;
+  border: 3px solid var(--lp-white-alpha-80);
+  box-shadow: 0 8px 24px rgba(var(--lp-shadow-rgb), 0.12);
+}
+
+.lp-team-avatar-placeholder {
+  background: linear-gradient(135deg, var(--lp-glow-blue-strong), var(--lp-glow-violet-strong));
+}
+
+.lp-team-name {
+  font-size: 22px;
+  font-weight: 800;
+  margin: 0 0 6px 0;
+  color: var(--lp-ink);
+}
+
+.lp-team-role {
+  font-size: 15px;
+  color: var(--lp-blue);
+  font-weight: 700;
+  margin-bottom: 12px;
+}
+
+.lp-team-bio {
+  font-size: 14px;
+  line-height: 1.55;
+  color: var(--lp-ink2);
+  margin: 0;
+}
+
+/* ---- 章节页 v2 ---- */
+
+.lp-chapter-v2 {
+  align-items: center;
+  justify-content: center;
+}
+
+.lp-chapter-v2-inner {
+  display: flex;
+  align-items: center;
+  gap: 64px;
+  width: 100%;
+}
+
+.lp-chapter-v2-left {
+  flex: 0 0 280px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.lp-chapter-v2-number {
+  font-size: 220px;
+  font-weight: 900;
+  line-height: 1;
+  background: linear-gradient(135deg, var(--lp-blue), var(--lp-violet));
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  opacity: 0.55;
+}
+
+.lp-chapter-v2-right {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+}
+
+.lp-chapter-v2-kicker {
+  align-self: flex-start;
+}
+
+.lp-chapter-v2-title {
+  font-size: 72px;
+  font-weight: 900;
+  line-height: 1.1;
+  margin: 0;
+}
+
+.lp-chapter-v2-subtitle {
+  font-size: 28px;
+  color: var(--lp-ink2);
+  margin: 0;
+}
+
+/* ---- 对比 v2 评分卡 ---- */
+
+.lp-comparison-v2 {
+  justify-content: center;
+}
+
+.lp-comparison-v2-inner {
+  width: 100%;
+}
+
+.lp-comparison-v2-title {
+  text-align: center;
+  font-size: 48px;
+  margin-bottom: 52px;
+}
+
+.lp-comparison-v2-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 24px;
+}
+
+.lp-comparison-v2-card {
+  padding: 34px 26px;
+  text-align: center;
+}
+
+.lp-comparison-v2-label {
+  font-size: 18px;
+  font-weight: 800;
+  margin: 0 0 18px 0;
+  color: var(--lp-ink);
+}
+
+.lp-comparison-v2-score-row {
+  display: flex;
+  align-items: baseline;
+  justify-content: center;
+  margin-bottom: 16px;
+}
+
+.lp-comparison-v2-score {
+  font-size: 56px;
+  font-weight: 900;
+  color: var(--lp-blue);
+  line-height: 1;
+}
+
+.lp-comparison-v2-max {
+  font-size: 18px;
+  color: var(--lp-ink3);
+  margin-left: 4px;
+  font-family: var(--lp-font-mono);
+}
+
+.lp-comparison-v2-bar {
+  height: 8px;
+  border-radius: 999px;
+  background: var(--lp-glow-blue);
+  overflow: hidden;
+  margin-bottom: 16px;
+}
+
+.lp-comparison-v2-bar-fill {
+  height: 100%;
+  border-radius: 999px;
+  background: linear-gradient(90deg, var(--lp-blue), var(--lp-violet));
+}
+
+.lp-comparison-v2-note {
+  font-size: 14px;
+  line-height: 1.5;
+  color: var(--lp-ink2);
+  margin: 0;
+}
+
+/* ---- 对比 v3 横向对比表 ---- */
+
+.lp-comparison-v3 {
+  justify-content: center;
+}
+
+.lp-comparison-v3-inner {
+  width: 100%;
+}
+
+.lp-comparison-v3-title {
+  text-align: center;
+  font-size: 48px;
+  margin-bottom: 52px;
+}
+
+.lp-comparison-v3-table {
+  overflow: hidden;
+  padding: 0;
+}
+
+.lp-comparison-v3-header,
+.lp-comparison-v3-row {
+  display: grid;
+  grid-template-columns: 1.2fr 1fr 1fr;
+  align-items: center;
+}
+
+.lp-comparison-v3-header {
+  background: var(--lp-glow-blue-subtle);
+  font-weight: 800;
+  font-size: 16px;
+}
+
+.lp-comparison-v3-row {
+  border-top: 1px solid var(--lp-divider);
+}
+
+.lp-comparison-v3-cell {
+  padding: 18px 22px;
+  font-size: 16px;
+  color: var(--lp-ink2);
+}
+
+.lp-comparison-v3-header .lp-comparison-v3-cell {
+  color: var(--lp-ink);
+}
+
+.lp-comparison-v3-feature {
+  font-weight: 700;
+  color: var(--lp-ink);
+}
+
+.lp-comparison-v3-left-title {
+  color: var(--lp-blue);
+}
+
+.lp-comparison-v3-right-title {
+  color: var(--lp-violet);
+}
+
+/* ---- 引用 v2 ---- */
+
+.lp-quote-v2 {
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: 48px;
+  padding: 92px 108px 84px;
+}
+
+.lp-quote-v2-mark {
+  font-size: 220px;
+  font-weight: 900;
+  line-height: 1;
+  color: var(--lp-blue);
+  opacity: 0.25;
+  flex: 0 0 160px;
+  text-align: center;
+}
+
+.lp-quote-v2-card {
+  flex: 1;
+  max-width: 820px;
+  padding: 56px 64px;
+}
+
+.lp-quote-v2-text {
+  font-size: 36px;
+  font-weight: 700;
+  line-height: 1.4;
+  margin: 0 0 32px 0;
+  color: var(--lp-ink);
+}
+
+.lp-quote-v2-meta {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px 18px;
+}
+
+.lp-quote-v2-author {
+  font-size: 18px;
+  font-weight: 800;
+  color: var(--lp-ink);
+}
+
+.lp-quote-v2-role,
+.lp-quote-v2-source {
+  font-size: 15px;
+  color: var(--lp-ink2);
+}
+
+.lp-quote-v2-role::before {
+  content: '·';
+  margin-right: 8px;
+  color: var(--lp-ink3);
+}
+
+/* ---- 引用 v3 大字金句 ---- */
+
+.lp-quote-v3 {
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.lp-quote-v3-content {
+  max-width: 980px;
+}
+
+.lp-quote-v3-text {
+  font-size: 64px;
+  font-weight: 900;
+  line-height: 1.15;
+  margin: 0 0 40px 0;
+  color: var(--lp-ink);
+}
+
+.lp-quote-v3-line {
+  width: 80px;
+  height: 4px;
+  border-radius: 999px;
+  background: linear-gradient(90deg, var(--lp-blue), var(--lp-violet));
+  margin: 0 auto 28px auto;
+}
+
+.lp-quote-v3-meta {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  font-size: 18px;
+}
+
+.lp-quote-v3-author {
+  font-weight: 800;
+  color: var(--lp-ink);
+}
+
+.lp-quote-v3-role {
+  color: var(--lp-ink2);
+}
+
+.lp-quote-v3-role::before {
+  content: '·';
+  margin-right: 10px;
+  color: var(--lp-ink3);
+}
+
+/* ---- 团队页 v2 ---- */
+
+.lp-team-v2 {
+  justify-content: center;
+}
+
+.lp-team-v2-header {
+  text-align: center;
+  margin-bottom: 56px;
+}
+
+.lp-team-v2-title {
+  font-size: 48px;
+  margin-bottom: 0;
+}
+
+.lp-team-v2-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 32px;
+}
+
+.lp-team-v2-card {
+  padding: 42px 32px;
+  text-align: center;
+}
+
+.lp-team-v2-avatar {
+  width: 120px;
+  height: 120px;
+  border-radius: 50%;
+  object-fit: cover;
+  margin: 0 auto 22px auto;
+  border: 4px solid var(--lp-white-alpha-80);
+  box-shadow: 0 10px 30px rgba(var(--lp-shadow-rgb), 0.12);
+}
+
+.lp-team-v2-avatar-placeholder {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 42px;
+  font-weight: 900;
+  color: var(--lp-white);
+  background: linear-gradient(135deg, var(--lp-glow-blue-extra-strong), var(--lp-glow-violet-extra-strong));
+}
+
+.lp-team-v2-name {
+  font-size: 26px;
+  font-weight: 800;
+  margin: 0 0 8px 0;
+  color: var(--lp-ink);
+}
+
+.lp-team-v2-role {
+  font-size: 16px;
+  color: var(--lp-blue);
+  font-weight: 700;
+  margin-bottom: 16px;
+}
+
+.lp-team-v2-bio {
+  font-size: 15px;
+  line-height: 1.6;
+  color: var(--lp-ink2);
+  margin: 0;
+}
+
+/* ---- P3 特殊布局 ---- */
+
+/* Bento 网格 */
+.lp-bento-v1 {
+  justify-content: center;
+}
+
+.lp-bento-v1-header {
+  text-align: center;
+  margin-bottom: 44px;
+}
+
+.lp-bento-v1-title {
+  font-size: 46px;
+  margin-bottom: 0;
+}
+
+.lp-bento-v1-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  grid-auto-rows: minmax(140px, 1fr);
+  gap: 24px;
+  width: 100%;
+  max-width: 1100px;
+}
+
+.lp-bento-v1-card {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  padding: 0;
+}
+
+.lp-bento-v1-card--small {
+  grid-column: span 1;
+  grid-row: span 1;
+}
+
+.lp-bento-v1-card--medium {
+  grid-column: span 2;
+  grid-row: span 1;
+}
+
+.lp-bento-v1-card--large {
+  grid-column: span 2;
+  grid-row: span 2;
+}
+
+.lp-bento-v1-image {
+  width: 100%;
+  height: 55%;
+  object-fit: cover;
+  border-bottom: 1px solid var(--lp-border);
+}
+
+.lp-bento-v1-image-placeholder {
+  background: linear-gradient(135deg, var(--lp-glow-blue-subtle), var(--lp-glow-violet-subtle));
+}
+
+.lp-bento-v1-card-body {
+  flex: 1;
+  padding: 22px 26px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.lp-bento-v1-card-title {
+  font-size: 22px;
+  font-weight: 800;
+  margin: 0 0 8px 0;
+  color: var(--lp-ink);
+}
+
+.lp-bento-v1-card-description {
+  font-size: 14px;
+  line-height: 1.55;
+  color: var(--lp-ink2);
+  margin: 0;
+}
+
+/* 图片掠影 */
+.lp-gallery-v1 {
+  justify-content: center;
+}
+
+.lp-gallery-v1-header {
+  text-align: center;
+  margin-bottom: 44px;
+}
+
+.lp-gallery-v1-title {
+  font-size: 46px;
+  margin-bottom: 0;
+}
+
+.lp-gallery-v1-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 28px;
+  width: 100%;
+  max-width: 1020px;
+}
+
+.lp-gallery-v1-card {
+  padding: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.lp-gallery-v1-image {
+  width: 100%;
+  height: 220px;
+  object-fit: cover;
+  border-bottom: 1px solid var(--lp-border);
+}
+
+.lp-gallery-v1-image-placeholder {
+  height: 220px;
+  background: linear-gradient(135deg, var(--lp-glow-blue-subtle), var(--lp-glow-cyan-subtle));
+}
+
+.lp-gallery-v1-caption {
+  padding: 18px 22px;
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--lp-ink);
+}
+
+/* 表格页 */
+.lp-table-v1 {
+  justify-content: center;
+}
+
+.lp-table-v1-header {
+  text-align: center;
+  margin-bottom: 40px;
+}
+
+.lp-table-v1-title {
+  font-size: 46px;
+  margin-bottom: 0;
+}
+
+.lp-table-v1-card {
+  width: 100%;
+  max-width: 1000px;
+  padding: 0;
+  overflow: hidden;
+}
+
+.lp-table-v1-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 15px;
+  table-layout: auto;
+}
+
+.lp-table-v1-table thead {
+  background: var(--lp-surface-strong);
+}
+
+.lp-table-v1-table th,
+.lp-table-v1-table td {
+  padding: 14px 18px;
+  text-align: left;
+  border-bottom: 1px solid var(--lp-border);
+}
+
+.lp-table-v1-table th {
+  font-weight: 800;
+  color: var(--lp-ink);
+}
+
+.lp-table-v1-table td {
+  color: var(--lp-ink2);
+}
+
+.lp-table-v1-table td[data-lp-highlight="true"] {
+  font-weight: 800;
+  color: var(--lp-ink);
+}
+
+.lp-table-v1-table tbody tr:last-child td {
+  border-bottom: none;
+}
+
+/* 数据表格 */
+.lp-table-data {
+  justify-content: center;
+}
+
+.lp-table-data-card {
+  width: 100%;
+  max-width: 1000px;
+  display: flex;
+  flex-direction: column;
+  gap: 28px;
+  overflow: hidden;
+}
+
+.lp-table-data-header {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.lp-table-data-title {
+  font-size: 42px;
+  font-weight: 900;
+  line-height: 1.1;
+  letter-spacing: -0.02em;
+  margin: 0;
+}
+
+.lp-table-data-subtitle {
+  font-size: 16px;
+  font-weight: 700;
+  color: var(--lp-ink3);
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  font-family: var(--lp-font-mono);
+  margin: 0;
+}
+
+.lp-table-data-wrap {
+  overflow: auto;
+  border-radius: var(--lp-radius-large);
+  border: 1px solid var(--lp-border);
+}
+
+.lp-table-data-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 15px;
+  table-layout: auto;
+}
+
+.lp-table-data-table thead {
+  background: linear-gradient(135deg, var(--lp-blue) 0%, #7ab8e8 100%);
+}
+
+.lp-table-data-th {
+  padding: 16px 18px;
+  font-weight: 800;
+  color: #fff;
+  text-align: left;
+  border-bottom: 1px solid var(--lp-border);
+}
+
+.lp-table-data-td {
+  padding: 14px 18px;
+  color: var(--lp-ink2);
+  border-bottom: 1px solid var(--lp-border);
+}
+
+.lp-table-data-tr {
+  background: var(--lp-surface);
+  transition: background 0.2s ease;
+  animation: lp-table-data-tr-in 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
+}
+
+.lp-table-data-tr:nth-child(even) {
+  background: var(--lp-surface-strong);
+}
+
+.lp-table-data-tr:hover {
+  background: rgba(91, 155, 213, 0.08);
+}
+
+.lp-table-data-tr--highlight .lp-table-data-td {
+  color: var(--lp-ink);
+  font-weight: 800;
+}
+
+.lp-table-data-tr--highlight {
+  background: linear-gradient(90deg, rgba(91, 155, 213, 0.16) 0%, rgba(91, 155, 213, 0.04) 100%);
+}
+
+.lp-table-data-table tbody tr:last-child .lp-table-data-td {
+  border-bottom: none;
+}
+
+@keyframes lp-table-data-tr-in {
+  from { opacity: 0; transform: translateY(10px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+.lp-table-data-footnote {
+  font-size: 13px;
+  color: var(--lp-ink3);
+  text-align: right;
+  font-family: var(--lp-font-mono);
+}
+
+/* 标签墙 */
+.lp-tags-v1 {
+  justify-content: center;
+}
+
+.lp-tags-v1-header {
+  text-align: center;
+  margin-bottom: 44px;
+}
+
+.lp-tags-v1-title {
+  font-size: 46px;
+  margin-bottom: 0;
+}
+
+.lp-tags-v1-card {
+  width: 100%;
+  max-width: 960px;
+  padding: 48px 52px;
+}
+
+.lp-tags-v1-cloud {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  gap: 16px;
+}
+
+.lp-tags-v1-tag {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 22px;
+  border-radius: 999px;
+  background: var(--lp-surface-strong);
+  border: 1px solid var(--lp-border);
+  font-size: 18px;
+  font-weight: 700;
+  color: var(--lp-ink);
+  box-shadow: var(--lp-shadow-sm);
+}
+
+.lp-tags-v1-tag--positive {
+  background: var(--lp-glow-green-subtle);
+  color: var(--lp-green);
+}
+
+.lp-tags-v1-tag--negative {
+  background: var(--lp-glow-red-subtle);
+  color: var(--lp-red);
+}
+
+.lp-tags-v1-tag--accent {
+  background: var(--lp-glow-blue);
+  color: var(--lp-blue);
+}
+
+.lp-tags-v1-value {
+  font-size: 13px;
+  font-weight: 800;
+  padding: 3px 9px;
+  border-radius: 999px;
+  background: var(--lp-overlay);
+  color: var(--lp-ink2);
+}
+
+/* 影像长卷 */
+.lp-filmstrip-v1 {
+  justify-content: center;
+}
+
+.lp-filmstrip-v1-header {
+  text-align: center;
+  margin-bottom: 40px;
+}
+
+.lp-filmstrip-v1-title {
+  font-size: 46px;
+  margin-bottom: 0;
+}
+
+.lp-filmstrip-v1-track {
+  display: flex;
+  gap: 24px;
+  width: 100%;
+  max-width: 1120px;
+  overflow-x: auto;
+  padding-bottom: 12px;
+}
+
+.lp-filmstrip-v1-frame {
+  flex: 0 0 280px;
+  padding: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.lp-filmstrip-v1-image {
+  width: 100%;
+  height: 180px;
+  object-fit: cover;
+  border-bottom: 1px solid var(--lp-border);
+}
+
+.lp-filmstrip-v1-image-placeholder {
+  height: 180px;
+  background: linear-gradient(135deg, var(--lp-glow-violet-subtle), var(--lp-glow-pink-subtle));
+}
+
+.lp-filmstrip-v1-caption {
+  padding: 16px 20px;
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--lp-ink);
+}
+
+/* ---- Theme 01 缺失角色补齐：testimonial ---- */
+
+.lp-testimonial-v1 {
+  justify-content: center;
+}
+
+.lp-testimonial-v1-content {
+  max-width: 980px;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  gap: 40px;
+}
+
+.lp-testimonial-v1-quote {
+  position: relative;
+  padding: 0 48px;
+}
+
+.lp-testimonial-v1-mark {
+  position: absolute;
+  top: -28px;
+  left: 0;
+  font-size: 140px;
+  line-height: 1;
+  font-family: Georgia, serif;
+  color: var(--lp-blue);
+  opacity: 0.25;
+  user-select: none;
+}
+
+.lp-testimonial-v1-quote blockquote {
+  font-size: 38px;
+  line-height: 1.45;
+  font-weight: 600;
+  color: var(--lp-ink);
+  margin: 0;
+}
+
+.lp-testimonial-v1-author {
+  display: inline-flex;
+  align-items: center;
+  gap: 18px;
+  margin: 0 auto;
+}
+
+.lp-testimonial-v1-author img,
+.lp-testimonial-v1-avatar-placeholder {
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+  object-fit: cover;
+  background: var(--lp-surface-strong);
+  border: 1px solid var(--lp-border);
+  box-shadow: var(--lp-shadow-sm);
+}
+
+.lp-testimonial-v1-meta {
+  text-align: left;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.lp-testimonial-v1-name {
+  font-size: 20px;
+  font-weight: 800;
+  color: var(--lp-ink);
+}
+
+.lp-testimonial-v1-role {
+  font-size: 15px;
+  color: var(--lp-ink2);
+  font-weight: 600;
+}
+
+/* ---- 导航 ---- */
+
+.lp-nav {
+  position: fixed;
+  bottom: 32px;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  z-index: 100;
+  background: var(--lp-surface);
+  backdrop-filter: blur(20px) saturate(140%);
+  padding: 12px 20px;
+  border-radius: 999px;
+  border: 1px solid var(--lp-border);
+  box-shadow: var(--lp-shadow);
+}
+
+.lp-nav button {
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  font-size: 20px;
+  color: var(--lp-ink);
+  padding: 6px 12px;
+  border-radius: 8px;
+  transition: background 150ms ease;
+}
+
+.lp-nav button:hover:not(:disabled) {
+  background: var(--lp-overlay);
+}
+
+.lp-nav button:disabled {
+  opacity: 0.35;
+  cursor: not-allowed;
+}
+
+.lp-nav-dot {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: var(--lp-overlay-strong);
+  cursor: pointer;
+  transition: background 150ms ease, transform 150ms ease;
+}
+
+.lp-nav-dot.active {
+  background: var(--lp-blue);
+  transform: scale(1.2);
+}
+
+.lp-page-counter {
+  font-size: 13px;
+  color: var(--lp-ink3);
+  min-width: 48px;
+  text-align: center;
+}
+
+.lp-hint {
+  position: fixed;
+  bottom: 12px;
+  left: 50%;
+  transform: translateX(-50%);
+  font-size: 12px;
+  color: var(--lp-ink3);
+  z-index: 100;
+}
+
+/* ---- P0 版式扩展：结论 / 附录 / 评分卡 / banner 章节 ---- */
+
+/* 结论页 */
+.lp-conclusion-v1 {
+  justify-content: center;
+}
+
+.lp-conclusion-v1-inner {
+  width: 100%;
+  text-align: center;
+}
+
+.lp-conclusion-v1-inner > .lp-pill {
+  margin: 0 auto 22px;
+}
+
+.lp-conclusion-v1-title {
+  font-size: 52px;
+  margin-bottom: 52px;
+}
+
+.lp-conclusion-v1-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 24px;
+  text-align: left;
+}
+
+.lp-conclusion-v1-card {
+  padding: 32px 26px;
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+  min-height: 220px;
+}
+
+.lp-conclusion-v1-number {
+  font-size: 42px;
+  font-weight: 900;
+  color: var(--lp-blue);
+  line-height: 1;
+}
+
+.lp-conclusion-v1-text {
+  font-size: 18px;
+  line-height: 1.55;
+  color: var(--lp-ink);
+  margin: 0;
+}
+
+/* 附录页 */
+.lp-appendix-v1 {
+  justify-content: center;
+}
+
+.lp-appendix-v1-inner {
+  width: 100%;
+  text-align: center;
+}
+
+.lp-appendix-v1-inner > .lp-pill {
+  margin: 0 auto 22px;
+}
+
+.lp-appendix-v1-title {
+  font-size: 52px;
+  margin-bottom: 44px;
+}
+
+.lp-appendix-v1-list {
+  text-align: left;
+  padding: 36px 44px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.lp-appendix-v1-row {
+  display: flex;
+  gap: 12px;
+  font-size: 16px;
+  line-height: 1.5;
+  color: var(--lp-ink);
+}
+
+.lp-appendix-v1-label {
+  font-weight: 800;
+  color: var(--lp-blue);
+  flex-shrink: 0;
+}
+
+.lp-appendix-v1-value {
+  color: var(--lp-ink2);
+}
+
+/* 评分卡 */
+.lp-scorecard-v1 {
+  justify-content: center;
+}
+
+.lp-scorecard-v1-inner {
+  width: 100%;
+  text-align: center;
+}
+
+.lp-scorecard-v1-inner > .lp-pill {
+  margin: 0 auto 22px;
+}
+
+.lp-scorecard-v1-title {
+  font-size: 48px;
+  margin-bottom: 48px;
+}
+
+.lp-scorecard-v1-list {
+  text-align: left;
+  display: flex;
+  flex-direction: column;
+  gap: 22px;
+  max-width: 920px;
+  margin: 0 auto;
+}
+
+.lp-scorecard-v1-row {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.lp-scorecard-v1-info {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+}
+
+.lp-scorecard-v1-label {
+  font-size: 18px;
+  font-weight: 800;
+  color: var(--lp-ink);
+}
+
+.lp-scorecard-v1-score-wrap {
+  font-family: var(--lp-font-mono);
+}
+
+.lp-scorecard-v1-score {
+  font-size: 24px;
+  font-weight: 900;
+  color: var(--lp-blue);
+}
+
+.lp-scorecard-v1-max {
+  font-size: 15px;
+  color: var(--lp-ink3);
+}
+
+.lp-scorecard-v1-bar {
+  height: 10px;
+  border-radius: 999px;
+  background: var(--lp-glow-blue);
+  overflow: hidden;
+}
+
+.lp-scorecard-v1-bar-fill {
+  height: 100%;
+  border-radius: 999px;
+  background: linear-gradient(90deg, var(--lp-blue), var(--lp-violet));
+  transition: width 600ms ease;
+}
+
+.lp-scorecard-v1-note {
+  font-size: 14px;
+  color: var(--lp-ink2);
+  margin: 0;
+}
+
+/* banner 章节页 v3 */
+.lp-chapter-v3 {
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  overflow: hidden;
+}
+
+.lp-chapter-v3-bg {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  z-index: 0;
+}
+
+.lp-chapter-v3-overlay {
+  position: absolute;
+  inset: 0;
+  background: var(--lp-scrim);
+  z-index: 1;
+  pointer-events: none;
+}
+
+.lp-chapter-v3-card {
+  position: relative;
+  z-index: 2;
+  max-width: 860px;
+  padding: 56px 72px;
+  text-align: center;
+  background: var(--lp-surface);
+  backdrop-filter: blur(24px) saturate(150%);
+  border: 1px solid var(--lp-border);
+  border-radius: var(--lp-radius-large);
+  box-shadow: 0 24px 64px rgba(var(--lp-shadow-rgb), 0.18);
+}
+
+.lp-chapter-v3-kicker {
+  margin: 0 auto 20px;
+}
+
+.lp-chapter-v3-title {
+  font-size: 64px;
+  font-weight: 900;
+  line-height: 1.1;
+  margin: 0 0 16px 0;
+  color: var(--lp-white);
+}
+
+.lp-chapter-v3-subtitle {
+  font-size: 24px;
+  color: var(--lp-white-alpha-85);
+  margin: 0;
+}
+
+/* ---- Theme 01 缺失角色补齐：pricing / partners / image / swot / pest ---- */
+
+/* Pricing */
+.lp-pricing-v1 {
+  justify-content: center;
+}
+
+.lp-pricing-header {
+  text-align: center;
+  margin-bottom: 48px;
+}
+
+.lp-pricing-title {
+  font-size: 56px;
+  margin-bottom: 0;
+}
+
+.lp-pricing-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 28px;
+  width: 100%;
+}
+
+.lp-pricing-card {
+  padding: 38px 32px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+}
+
+.lp-pricing-card-highlight {
+  background: var(--lp-surface-strong);
+  transform: scale(1.04);
+  box-shadow:
+    0 1px 0 var(--lp-white-alpha-85) inset,
+    0 32px 72px rgba(var(--lp-shadow-rgb), 0.16);
+  border-color: var(--lp-white-alpha-90);
+}
+
+.lp-pricing-name {
+  font-size: 22px;
+  font-weight: 800;
+  margin: 0 0 18px 0;
+  color: var(--lp-ink2);
+}
+
+.lp-pricing-price-row {
+  display: flex;
+  align-items: baseline;
+  gap: 6px;
+  margin-bottom: 26px;
+}
+
+.lp-pricing-price {
+  font-size: 56px;
+  font-weight: 900;
+  color: var(--lp-ink);
+  line-height: 1;
+}
+
+.lp-pricing-period {
+  font-size: 15px;
+  color: var(--lp-ink3);
+  font-family: var(--lp-font-mono);
+}
+
+.lp-pricing-features {
+  list-style: none;
+  padding: 0;
+  margin: 0 0 28px 0;
+  width: 100%;
+}
+
+.lp-pricing-features li {
+  padding: 10px 0;
+  border-bottom: 1px solid var(--lp-divider);
+  font-size: 16px;
+  color: var(--lp-ink2);
+}
+
+.lp-pricing-features li:last-child {
+  border-bottom: none;
+}
+
+.lp-pricing-cta {
+  margin-top: auto;
+  padding: 12px 28px;
+  border-radius: 999px;
+  background: var(--lp-blue);
+  color: var(--lp-white);
+  font-weight: 700;
+  font-size: 15px;
+}
+
+/* Partners */
+.lp-partners-v1 {
+  justify-content: center;
+}
+
+.lp-partners-header {
+  text-align: center;
+  margin-bottom: 56px;
+}
+
+.lp-partners-title {
+  font-size: 56px;
+  margin-bottom: 0;
+}
+
+.lp-partners-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 28px;
+  width: 100%;
+}
+
+.lp-partners-card {
+  padding: 32px 24px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 18px;
+  text-align: center;
+  min-height: 160px;
+}
+
+.lp-partners-card img {
+  max-width: 80%;
+  max-height: 64px;
+  object-fit: contain;
+  filter: grayscale(30%);
+}
+
+.lp-partners-logo-placeholder {
+  width: 80px;
+  height: 48px;
+  border-radius: var(--lp-radius-small);
+  background: var(--lp-overlay);
+}
+
+.lp-partners-name {
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--lp-ink2);
+}
+
+/* Image */
+.lp-image-v1 {
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: 0;
+}
+
+.lp-image-v1 .lp-image-bg {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  z-index: 0;
+}
+
+.lp-image-v1 .lp-image-overlay {
+  position: absolute;
+  inset: 0;
+  background: var(--lp-image-overlay);
+  z-index: 1;
+}
+
+.lp-image-v1 .lp-image-content {
+  position: relative;
+  z-index: 2;
+  padding: 72px 108px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.lp-image-title {
+  font-size: 72px;
+  font-weight: 900;
+  margin: 0 0 22px 0;
+  color: var(--lp-ink);
+}
+
+.lp-image-subtitle {
+  font-size: 28px;
+  color: var(--lp-ink2);
+  margin: 0;
+  max-width: 760px;
+}
+
+/* SWOT & PEST */
+.lp-swot-v1,
+.lp-pest-v1 {
+  justify-content: center;
+}
+
+.lp-swot-header,
+.lp-pest-header {
+  text-align: center;
+  margin-bottom: 48px;
+}
+
+.lp-swot-title,
+.lp-pest-title {
+  font-size: 56px;
+  margin-bottom: 0;
+}
+
+.lp-swot-grid,
+.lp-pest-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 28px;
+  width: 100%;
+}
+
+.lp-swot-cell,
+.lp-pest-cell {
+  padding: 34px 36px;
+  min-height: 210px;
+}
+
+.lp-swot-label,
+.lp-pest-label {
+  font-size: 48px;
+  font-weight: 900;
+  line-height: 1;
+  margin-bottom: 6px;
+  font-family: var(--lp-font-mono);
+}
+
+.lp-swot-subtitle,
+.lp-pest-subtitle {
+  font-size: 14px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  margin-bottom: 16px;
+  color: var(--lp-ink3);
+}
+
+.lp-swot-cell p,
+.lp-pest-cell p {
+  font-size: 18px;
+  line-height: 1.6;
+  color: var(--lp-ink2);
+  margin: 0;
+}
+
+.lp-swot-s .lp-swot-label { color: var(--lp-green); }
+.lp-swot-w .lp-swot-label { color: var(--lp-red); }
+.lp-swot-o .lp-swot-label { color: var(--lp-blue); }
+.lp-swot-t .lp-swot-label { color: var(--lp-amber); }
+
+.lp-pest-p .lp-pest-label { color: var(--lp-red); }
+.lp-pest-e .lp-pest-label { color: var(--lp-amber); }
+.lp-pest-s .lp-pest-label { color: var(--lp-blue); }
+.lp-pest-t .lp-pest-label { color: var(--lp-violet); }
+
+/* ---- P1 版式扩展：甘特图 / 趋势图 / 排名 / 四象限 ---- */
+
+/* ---- Trend V1 ---- */
+.lp-trend-v1 {
+  justify-content: center;
+}
+
+.lp-trend-v1-inner {
+  width: 100%;
+  text-align: center;
+}
+
+.lp-trend-v1-title {
+  font-size: 48px;
+  margin-bottom: 44px;
+}
+
+.lp-trend-v1-chart {
+  max-width: 960px;
+  margin: 0 auto;
+}
+
+.lp-trend-v1-svg {
+  width: 100%;
+  height: auto;
+  display: block;
+}
+
+.lp-trend-v1-grid {
+  stroke: var(--lp-border);
+  stroke-width: 1;
+  stroke-dasharray: 4 4;
+}
+
+.lp-trend-v1-axis {
+  stroke: var(--lp-ink3);
+  stroke-width: 2;
+}
+
+.lp-trend-v1-label {
+  font-size: 12px;
+  fill: var(--lp-ink2);
+  font-family: var(--lp-font-mono);
+}
+
+.lp-trend-v1-legend {
+  display: flex;
+  justify-content: center;
+  gap: 24px;
+  margin-top: 18px;
+}
+
+.lp-trend-v1-legend-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  color: var(--lp-ink2);
+}
+
+.lp-trend-v1-legend-dot {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+}
+
+/* ---- Ranking V1 ---- */
+.lp-ranking-v1 {
+  justify-content: center;
+}
+
+.lp-ranking-v1-inner {
+  width: 100%;
+  text-align: center;
+}
+
+.lp-ranking-v1-title {
+  font-size: 48px;
+  margin-bottom: 44px;
+}
+
+.lp-ranking-v1-list {
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+  max-width: 920px;
+  margin: 0 auto;
+  text-align: left;
+}
+
+.lp-ranking-v1-row {
+  display: grid;
+  grid-template-columns: 36px minmax(120px, 1fr) 2fr auto;
+  align-items: center;
+  gap: 16px;
+}
+
+.lp-ranking-v1-rank {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: var(--lp-surface-strong);
+  font-size: 14px;
+  font-weight: 900;
+  color: var(--lp-ink);
+  font-family: var(--lp-font-mono);
+}
+
+.lp-ranking-v1-label {
+  font-size: 16px;
+  font-weight: 700;
+  color: var(--lp-ink);
+}
+
+.lp-ranking-v1-bar-wrap {
+  height: 14px;
+  border-radius: 999px;
+  background: var(--lp-glow-blue-subtle);
+  overflow: hidden;
+}
+
+.lp-ranking-v1-bar {
+  height: 100%;
+  border-radius: 999px;
+  background: linear-gradient(90deg, var(--lp-blue), var(--lp-violet));
+  transition: width 600ms ease;
+}
+
+.lp-ranking-v1-value {
+  font-size: 20px;
+  font-weight: 900;
+  color: var(--lp-blue);
+  font-family: var(--lp-font-mono);
+}
+
+.lp-ranking-v1-unit {
+  font-size: 13px;
+  color: var(--lp-ink3);
+  margin-left: 4px;
+  font-weight: 500;
+}
+
+/* ---- Gantt V1 ---- */
+.lp-gantt-v1 {
+  justify-content: center;
+}
+
+.lp-gantt-v1-inner {
+  width: 100%;
+  text-align: center;
+}
+
+.lp-gantt-v1-title {
+  font-size: 48px;
+  margin-bottom: 44px;
+}
+
+.lp-gantt-v1-chart {
+  max-width: 960px;
+  margin: 0 auto;
+  text-align: left;
+}
+
+.lp-gantt-v1-header {
+  display: grid;
+  grid-template-columns: 200px repeat(auto-fit, minmax(0, 1fr));
+  gap: 1px;
+  margin-bottom: 16px;
+  padding-left: 200px;
+}
+
+.lp-gantt-v1-phase {
+  text-align: center;
+  font-size: 14px;
+  font-weight: 700;
+  color: var(--lp-ink2);
+  font-family: var(--lp-font-mono);
+}
+
+.lp-gantt-v1-body {
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+}
+
+.lp-gantt-v1-row {
+  display: grid;
+  grid-template-columns: 200px 1fr;
+  align-items: center;
+  gap: 16px;
+}
+
+.lp-gantt-v1-task-name {
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--lp-ink);
+}
+
+.lp-gantt-v1-track {
+  position: relative;
+  height: 24px;
+  border-radius: 999px;
+  background: var(--lp-glow-blue-subtle);
+}
+
+.lp-gantt-v1-bar {
+  position: absolute;
+  top: 4px;
+  height: 16px;
+  border-radius: 999px;
+  transition: all 400ms ease;
+}
+
+/* ---- Quadrant V1 ---- */
+.lp-quadrant-v1 {
+  justify-content: center;
+}
+
+.lp-quadrant-v1-inner {
+  width: 100%;
+  text-align: center;
+}
+
+.lp-quadrant-v1-title {
+  font-size: 48px;
+  margin-bottom: 20px;
+}
+
+.lp-quadrant-v1-axes {
+  display: flex;
+  justify-content: center;
+  gap: 28px;
+  margin-bottom: 32px;
+}
+
+.lp-quadrant-v1-axis {
+  font-size: 14px;
+  color: var(--lp-ink2);
+  font-family: var(--lp-font-mono);
+}
+
+.lp-quadrant-v1-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 24px;
+  max-width: 960px;
+  margin: 0 auto;
+  text-align: left;
+}
+
+.lp-quadrant-v1-card {
+  padding: 30px 26px;
+  min-height: 220px;
+}
+
+.lp-quadrant-v1-label {
+  font-size: 22px;
+  font-weight: 900;
+  margin: 0 0 18px 0;
+  color: var(--lp-ink);
+}
+
+.lp-quadrant-v1-items {
+  margin: 0;
+  padding-left: 20px;
+  font-size: 16px;
+  line-height: 1.7;
+  color: var(--lp-ink2);
+}
+
+.lp-quadrant-v1-items li {
+  margin-bottom: 6px;
+}
+
+/* ---- P2 场景化内容页 ---- */
+
+/* 风险研判 */
+.lp-risk-v1 {
+  justify-content: center;
+}
+
+.lp-risk-v1-inner {
+  width: 100%;
+}
+
+.lp-risk-v1-inner > .lp-pill {
+  margin-bottom: 18px;
+}
+
+.lp-risk-v1-title {
+  font-size: 44px;
+  margin-bottom: 42px;
+}
+
+.lp-risk-v1-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 24px;
+}
+
+.lp-risk-v1-card {
+  padding: 28px 26px;
+  min-height: 200px;
+}
+
+.lp-risk-v1-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  margin-bottom: 18px;
+}
+
+.lp-risk-v1-risk {
+  font-size: 22px;
+  font-weight: 700;
+  line-height: 1.3;
+  margin: 0;
+  color: var(--lp-ink);
+}
+
+.lp-risk-v1-index {
+  font-family: var(--lp-font-mono);
+  font-size: 18px;
+  font-weight: 700;
+  color: var(--lp-blue);
+  line-height: 1;
+}
+
+.lp-risk-v1-body {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.lp-risk-v1-row {
+  display: flex;
+  gap: 10px;
+  font-size: 16px;
+  line-height: 1.55;
+}
+
+.lp-risk-v1-label {
+  flex-shrink: 0;
+  color: var(--lp-ink3);
+  font-weight: 500;
+}
+
+.lp-risk-v1-impact,
+.lp-risk-v1-response {
+  color: var(--lp-ink2);
+}
+
+/* 投资展望 */
+.lp-outlook-v1 {
+  justify-content: center;
+}
+
+.lp-outlook-v1-inner {
+  width: 100%;
+}
+
+.lp-outlook-v1-inner > .lp-pill {
+  margin-bottom: 18px;
+}
+
+.lp-outlook-v1-title {
+  font-size: 44px;
+  margin-bottom: 42px;
+}
+
+.lp-outlook-v1-list {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+}
+
+.lp-outlook-v1-card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 32px 24px;
+  text-align: center;
+}
+
+.lp-outlook-v1-step {
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(135deg, var(--lp-blue), var(--lp-violet));
+  color: var(--lp-white);
+  font-weight: 700;
+  font-size: 18px;
+  margin-bottom: 20px;
+}
+
+.lp-outlook-v1-item-title {
+  font-size: 22px;
+  font-weight: 700;
+  margin: 0 0 18px 0;
+  color: var(--lp-ink);
+}
+
+.lp-outlook-v1-body {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.lp-outlook-v1-row {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  text-align: left;
+}
+
+.lp-outlook-v1-label {
+  font-size: 13px;
+  color: var(--lp-ink3);
+  font-weight: 500;
+}
+
+.lp-outlook-v1-trend,
+.lp-outlook-v1-action {
+  font-size: 15px;
+  line-height: 1.55;
+  color: var(--lp-ink2);
+}
+
+/* 地区/市场分布 */
+.lp-region-v1 {
+  justify-content: center;
+}
+
+.lp-region-v1-inner {
+  width: 100%;
+}
+
+.lp-region-v1-inner > .lp-pill {
+  margin-bottom: 18px;
+}
+
+.lp-region-v1-title {
+  font-size: 44px;
+  margin-bottom: 42px;
+}
+
+.lp-region-v1-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 22px;
+}
+
+.lp-region-v1-card {
+  padding: 26px 24px;
+  min-height: 170px;
+}
+
+.lp-region-v1-top {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 10px;
+}
+
+.lp-region-v1-name {
+  font-size: 16px;
+  font-weight: 500;
+  color: var(--lp-ink3);
+  margin: 0;
+}
+
+.lp-region-v1-change {
+  font-family: var(--lp-font-mono);
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--lp-green);
+  white-space: nowrap;
+}
+
+.lp-region-v1-value-wrap {
+  margin-bottom: 8px;
+}
+
+.lp-region-v1-value {
+  font-size: 36px;
+  font-weight: 800;
+  color: var(--lp-ink);
+  line-height: 1.1;
+}
+
+.lp-region-v1-note {
+  font-size: 14px;
+  line-height: 1.5;
+  color: var(--lp-ink2);
+  margin: 0;
+}
+
+/* ---- 主题聚焦网格 spotlight-grid ---- */
+
+.lp-spotlight-grid {
+  justify-content: center;
+}
+
+.lp-spotlight-grid-header {
+  text-align: center;
+  margin-bottom: 48px;
+}
+
+.lp-spotlight-grid-title {
+  font-size: 48px;
+  margin-bottom: 12px;
+}
+
+.lp-spotlight-grid-subtitle {
+  font-size: 20px;
+  color: var(--lp-ink2);
+  margin: 0;
+}
+
+.lp-spotlight-grid-body {
+  display: grid;
+  gap: 24px;
+  width: 100%;
+}
+
+.lp-spotlight-grid-body--2 { grid-template-columns: repeat(2, 1fr); }
+.lp-spotlight-grid-body--3 { grid-template-columns: repeat(3, 1fr); }
+.lp-spotlight-grid-body--4 { grid-template-columns: repeat(4, 1fr); }
+
+.lp-spotlight-grid-card {
+  padding: 28px 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+  overflow: hidden;
+}
+
+.lp-spotlight-grid-tag {
+  font-size: 13px;
+  font-weight: 700;
+  color: var(--lp-blue);
+  letter-spacing: 0.06em;
+  font-family: var(--lp-font-mono);
+}
+
+.lp-spotlight-grid-image {
+  width: 100%;
+  height: 120px;
+  object-fit: cover;
+  border-radius: 12px;
+}
+
+.lp-spotlight-grid-image-placeholder {
+  width: 100%;
+  height: 120px;
+  border-radius: 12px;
+  background: var(--lp-surface-2);
+  border: 1px dashed var(--lp-border);
+}
+
+.lp-spotlight-grid-card-title {
+  font-size: 22px;
+  font-weight: 800;
+  margin: 0;
+  color: var(--lp-ink);
+}
+
+.lp-spotlight-grid-card-description {
+  font-size: 15px;
+  line-height: 1.55;
+  margin: 0;
+  color: var(--lp-ink2);
+}
+
+.lp-spotlight-grid-footnote {
+  margin-top: 32px;
+  font-size: 13px;
+  color: var(--lp-ink3);
+  font-family: var(--lp-font-mono);
+}
+
+/* ---- 三指标总览 metric-triptych ---- */
+
+.lp-metric-triptych {
+  justify-content: center;
+}
+
+.lp-metric-triptych-header {
+  text-align: center;
+  margin-bottom: 48px;
+}
+
+.lp-metric-triptych-title {
+  font-size: 48px;
+  margin-bottom: 12px;
+}
+
+.lp-metric-triptych-subtitle {
+  font-size: 20px;
+  color: var(--lp-ink2);
+  margin: 0;
+}
+
+.lp-metric-triptych-body {
+  display: grid;
+  gap: 24px;
+  width: 100%;
+}
+
+.lp-metric-triptych-body--2 { grid-template-columns: repeat(2, 1fr); }
+.lp-metric-triptych-body--3 { grid-template-columns: repeat(3, 1fr); }
+
+.lp-metric-triptych-panel {
+  padding: 28px 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  overflow: hidden;
+}
+
+.lp-metric-triptych-panel-head {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.lp-metric-triptych-panel-index {
+  font-size: 14px;
+  font-weight: 700;
+  color: var(--lp-blue);
+  font-family: var(--lp-font-mono);
+}
+
+.lp-metric-triptych-panel-title {
+  font-size: 16px;
+  font-weight: 700;
+  margin: 0;
+  color: var(--lp-ink2);
+}
+
+.lp-metric-triptych-panel-value {
+  font-size: 48px;
+  font-weight: 900;
+  color: var(--lp-ink);
+  line-height: 1.1;
+}
+
+.lp-metric-triptych-panel-chart {
+  height: 48px;
+  margin: 8px 0;
+}
+
+.lp-metric-triptych-chart-svg {
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+}
+
+.lp-metric-triptych-panel-subtitle {
+  font-size: 14px;
+  line-height: 1.5;
+  margin: 0;
+  color: var(--lp-ink2);
+}
+
+.lp-metric-triptych-footnote {
+  margin-top: 32px;
+  font-size: 13px;
+  color: var(--lp-ink3);
+  font-family: var(--lp-font-mono);
+}
+
+/* ---- 双联对比 diptych-contrast ---- */
+
+.lp-diptych-contrast {
+  justify-content: center;
+  position: relative;
+}
+
+.lp-diptych-contrast-bg {
+  position: absolute;
+  inset: 0;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 24px;
+  z-index: 0;
+}
+
+.lp-diptych-contrast-side {
+  position: relative;
+  border-radius: 24px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  padding: 32px;
+  background: var(--lp-surface-elevated);
+}
+
+.lp-diptych-contrast-side--left {
+  border: 1px solid var(--lp-border);
+}
+
+.lp-diptych-contrast-side--right {
+  border: 1px solid var(--lp-border);
+}
+
+.lp-diptych-contrast-image {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  opacity: 0.45;
+}
+
+.lp-diptych-contrast-image-placeholder {
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(135deg, var(--lp-surface-2), var(--lp-surface-elevated));
+}
+
+.lp-diptych-contrast-side-label {
+  position: relative;
+  z-index: 1;
+  text-align: center;
+}
+
+.lp-diptych-contrast-label-en {
+  font-size: 12px;
+  letter-spacing: 0.1em;
+  color: var(--lp-ink3);
+  margin-bottom: 8px;
+  font-family: var(--lp-font-mono);
+}
+
+.lp-diptych-contrast-label {
+  font-size: 36px;
+  font-weight: 900;
+  color: var(--lp-ink);
+}
+
+.lp-diptych-contrast-content {
+  position: relative;
+  z-index: 1;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  pointer-events: none;
+}
+
+.lp-diptych-contrast-content > * {
+  pointer-events: auto;
+}
+
+.lp-diptych-contrast-kicker {
+  margin-bottom: 12px;
+}
+
+.lp-diptych-contrast-title {
+  font-size: 48px;
+  text-align: center;
+  margin-bottom: 24px;
+}
+
+.lp-diptych-contrast-center-card {
+  width: 420px;
+  max-width: 90%;
+  padding: 32px;
+  text-align: center;
+  background: var(--lp-surface);
+  backdrop-filter: blur(12px);
+}
+
+.lp-diptych-contrast-center-title {
+  font-size: 20px;
+  font-weight: 800;
+  margin: 0 0 24px 0;
+  color: var(--lp-ink);
+}
+
+.lp-diptych-contrast-comparisons {
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+  margin-bottom: 24px;
+}
+
+.lp-diptych-contrast-row {
+  display: grid;
+  grid-template-columns: 1fr auto 1fr;
+  align-items: center;
+  gap: 16px;
+}
+
+.lp-diptych-contrast-cell {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.lp-diptych-contrast-cell--left {
+  text-align: right;
+}
+
+.lp-diptych-contrast-cell--right {
+  text-align: left;
+}
+
+.lp-diptych-contrast-value {
+  font-size: 22px;
+  font-weight: 800;
+  color: var(--lp-ink);
+}
+
+.lp-diptych-contrast-value-label {
+  font-size: 12px;
+  color: var(--lp-ink3);
+  font-family: var(--lp-font-mono);
+}
+
+.lp-diptych-contrast-vs {
+  font-size: 12px;
+  font-weight: 700;
+  color: var(--lp-blue);
+  font-family: var(--lp-font-mono);
+}
+
+.lp-diptych-contrast-conclusion {
+  font-size: 15px;
+  line-height: 1.55;
+  margin: 0;
+  color: var(--lp-ink2);
+}
+
+.lp-diptych-contrast-footnote {
+  margin-top: 24px;
+  font-size: 13px;
+  color: var(--lp-ink3);
+  font-family: var(--lp-font-mono);
+}