.page-liupanshui {
  --lp-ink: #173139;
  --lp-deep: #112a31;
  --lp-teal: #4b8d87;
  --lp-blue: #496e94;
  --lp-ochre: #c6923c;
  --lp-mist: #eaf1ef;
  --lp-fog: #f5f7f4;
  --lp-line: rgba(23, 49, 57, .17);
  --accent: var(--lp-teal);
  background: var(--lp-fog);
  color: var(--lp-ink);
}

.page-liupanshui .city-main { background: var(--lp-fog); }
.page-liupanshui .city-shell { width: min(1200px, calc(100% - 48px)); }
.page-liupanshui .city-crumb { position: relative; z-index: 4; color: rgba(234, 241, 239, .76); }
.page-liupanshui .city-crumb strong { color: #fff; }
.page-liupanshui .city-crumb i { color: rgba(255, 255, 255, .38); }

.page-liupanshui .lp-hero {
  min-height: 828px;
  overflow: hidden;
  background:
    linear-gradient(110deg, rgba(17, 42, 49, .18), rgba(17, 42, 49, .86) 62%, #112a31 100%),
    var(--lp-deep);
}
.page-liupanshui .lp-hero-shell { position: relative; min-height: 828px; }
.page-liupanshui .lp-hero-visual {
  position: absolute;
  inset: 0 calc((100vw - 1200px) / -2) 0 calc((100vw - 1200px) / -2);
  margin: 0;
}
.page-liupanshui .lp-hero-visual::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(15, 39, 46, .04) 0%, rgba(15, 39, 46, .22) 42%, rgba(15, 39, 46, .9) 78%, #112a31 100%);
  content: "";
}
.page-liupanshui .lp-hero-visual picture,
.page-liupanshui .lp-hero-visual img { display: block; width: 100%; height: 100%; }
.page-liupanshui .lp-hero-visual img { object-fit: cover; object-position: center; }
.page-liupanshui .lp-hero-copy {
  position: relative;
  z-index: 2;
  width: min(590px, 52%);
  margin: 105px 0 0 auto;
  color: #f6faf8;
}
.page-liupanshui .lp-hero-copy small,
.page-liupanshui .lp-final small {
  color: #bfd3ce;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .19em;
}
.page-liupanshui .lp-hero-copy h1 {
  max-width: 610px;
  margin: 22px 0;
  font-size: 58px;
  line-height: 1.04;
  letter-spacing: -.055em;
}
.page-liupanshui .lp-hero-copy h1 em { display: block; color: #d9ad5c; font-style: normal; }
.page-liupanshui .lp-hero-copy p {
  max-width: 560px;
  margin: 0;
  color: rgba(240, 247, 244, .8);
  font-size: 16px;
  line-height: 1.9;
}
.page-liupanshui .lp-hero-copy > div,
.page-liupanshui .lp-growth-copy > div { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.page-liupanshui .lp-hero-copy a,
.page-liupanshui .lp-growth-copy a {
  display: inline-flex;
  align-items: center;
  min-height: 50px;
  padding: 0 22px;
  border: 1px solid rgba(255, 255, 255, .22);
  background: rgba(255, 255, 255, .08);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  backdrop-filter: blur(12px);
}
.page-liupanshui .lp-hero-copy a:first-child { border-color: #d3a34f; background: #d3a34f; color: #173139; }
.page-liupanshui .lp-hero-marks {
  position: absolute;
  right: 0;
  bottom: 34px;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 22px;
  margin: 0;
  padding: 0;
  color: rgba(237, 245, 242, .76);
  list-style: none;
}
.page-liupanshui .lp-hero-marks li { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.page-liupanshui i.is-circle,
.page-liupanshui i.is-square,
.page-liupanshui i.is-triangle,
.page-liupanshui i.is-diamond {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  color: var(--lp-ochre);
  font-style: normal;
  flex: 0 0 auto;
}
.page-liupanshui i.is-circle { border-radius: 50%; }
.page-liupanshui i.is-triangle { width: 0; height: 0; border: 0; border-right: 8px solid transparent; border-bottom: 14px solid currentColor; border-left: 8px solid transparent; }
.page-liupanshui i.is-diamond { transform: rotate(45deg); }

.page-liupanshui .city-ad { background: #dfe9e6; }
.page-liupanshui .city-ad.is-dark { background: #112a31; }
.page-liupanshui .city-ad-inner { border-radius: 0; box-shadow: 0 20px 60px rgba(16, 45, 53, .12); }
.page-liupanshui .city-ad img { object-fit: contain; }

.page-liupanshui .city-section { padding: 112px 0; }
.page-liupanshui .lp-section-head {
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  align-items: end;
  gap: 56px;
}
.page-liupanshui .lp-section-head h2,
.page-liupanshui .lp-growth h2,
.page-liupanshui .lp-final h2 { font-size: 45px; line-height: 1.1; letter-spacing: -.045em; }
.page-liupanshui .lp-section-head > p {
  margin: 0;
  padding-left: 24px;
  border-left: 2px solid var(--lp-ochre);
  color: #607178;
  font-size: 15px;
  line-height: 1.86;
}
.page-liupanshui .city-eyebrow { color: var(--lp-teal); }

.page-liupanshui .lp-chain { background: #f7f8f5; }
.page-liupanshui .lp-chain-image,
.page-liupanshui .lp-matrix-image {
  position: relative;
  height: 490px;
  margin: 0;
  overflow: hidden;
  background: #dbe5e2;
}
.page-liupanshui .lp-chain-image img,
.page-liupanshui .lp-matrix-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.page-liupanshui .lp-chain-image figcaption,
.page-liupanshui .lp-matrix-image figcaption,
.page-liupanshui .lp-growth figure figcaption,
.page-liupanshui .lp-platform-matrix figure figcaption {
  position: absolute;
  right: 18px;
  bottom: 18px;
  padding: 9px 12px;
  background: rgba(17, 42, 49, .88);
  color: #e9f1ef;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
}
.page-liupanshui .lp-chain-console {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  min-height: 330px;
  margin-top: 20px;
  border: 1px solid var(--lp-line);
  background: #fff;
}
.page-liupanshui .lp-chain-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.page-liupanshui .lp-chain-nav button {
  position: relative;
  min-width: 0;
  padding: 28px 15px;
  border: 0;
  border-right: 1px solid var(--lp-line);
  background: transparent;
  color: #7b8a8e;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.page-liupanshui .lp-chain-nav button::after {
  position: absolute;
  right: -5px;
  top: 56px;
  z-index: 2;
  width: 9px;
  height: 9px;
  border-top: 1px solid var(--lp-line);
  border-right: 1px solid var(--lp-line);
  background: #fff;
  transform: rotate(45deg);
  content: "";
}
.page-liupanshui .lp-chain-nav button:last-child::after { display: none; }
.page-liupanshui .lp-chain-nav button i { display: block; margin-bottom: 26px; color: var(--lp-ochre); font-size: 18px; font-style: normal; }
.page-liupanshui .lp-chain-nav button b { display: block; margin-bottom: 8px; color: var(--lp-ink); font-size: 11px; letter-spacing: .14em; }
.page-liupanshui .lp-chain-nav button span { font-size: 13px; font-weight: 800; }
.page-liupanshui .lp-chain-nav button.is-active { background: var(--lp-mist); color: var(--lp-ink); }
.page-liupanshui .lp-chain-detail { padding: 48px; background: var(--lp-deep); color: #fff; }
.page-liupanshui .lp-chain-detail small { color: #9dbab5; font-size: 10px; font-weight: 850; letter-spacing: .14em; }
.page-liupanshui .lp-chain-detail h3 { margin: 20px 0 16px; font-size: 28px; line-height: 1.25; }
.page-liupanshui .lp-chain-detail > p { margin: 0; color: #b8cac6; font-size: 14px; line-height: 1.85; }
.page-liupanshui .lp-chain-detail dl { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 28px 0 0; }
.page-liupanshui .lp-chain-detail dl div { padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .16); }
.page-liupanshui .lp-chain-detail dt { color: #d5aa5d; font-size: 11px; font-weight: 850; }
.page-liupanshui .lp-chain-detail dd { margin: 7px 0 0; color: #e5ecea; font-size: 13px; line-height: 1.6; }

.page-liupanshui .lp-matrix { background: var(--lp-deep); color: #fff; }
.page-liupanshui .lp-matrix .city-eyebrow { color: #d5aa5d; }
.page-liupanshui .lp-matrix .lp-section-head > p { border-left-color: var(--lp-teal); color: #b7cac5; }
.page-liupanshui .lp-matrix-image { height: 440px; background: #1e3e45; }
.page-liupanshui .lp-matrix-table {
  display: grid;
  grid-template-columns: 1.08fr repeat(3, 1fr);
  margin-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, .15);
  border-left: 1px solid rgba(255, 255, 255, .15);
}
.page-liupanshui .lp-matrix-table > div {
  min-width: 0;
  padding: 22px;
  border-right: 1px solid rgba(255, 255, 255, .15);
  border-bottom: 1px solid rgba(255, 255, 255, .15);
  color: #bdcbc7;
  font-size: 13px;
  line-height: 1.75;
}
.page-liupanshui .lp-matrix-table .is-head { padding: 15px 22px; background: rgba(255, 255, 255, .06); color: #d3a954; font-size: 11px; font-weight: 850; letter-spacing: .1em; }
.page-liupanshui .lp-matrix-table .is-row { display: flex; align-items: flex-start; gap: 12px; color: #fff; }
.page-liupanshui .lp-matrix-table .is-row b { line-height: 1.55; }

.page-liupanshui .lp-routes { background: #eaf0ed; }
.page-liupanshui .lp-route-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.page-liupanshui .lp-route-grid article {
  position: relative;
  min-height: 410px;
  padding: 38px 32px;
  border: 1px solid var(--lp-line);
  background: #f7f8f5;
}
.page-liupanshui .lp-route-grid article::after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 84px;
  height: 84px;
  border-top: 1px solid var(--lp-line);
  border-left: 1px solid var(--lp-line);
  content: "";
}
.page-liupanshui .lp-route-grid > article:nth-child(2) { margin-top: 36px; }
.page-liupanshui .lp-route-grid > article:nth-child(3) { margin-top: 72px; }
.page-liupanshui .lp-route-grid small { display: block; margin-top: 36px; color: var(--lp-blue); font-size: 10px; font-weight: 850; letter-spacing: .15em; }
.page-liupanshui .lp-route-grid h3 { margin: 15px 0; font-size: 26px; }
.page-liupanshui .lp-route-grid p { color: #5f7075; font-size: 14px; line-height: 1.86; }
.page-liupanshui .lp-route-grid ol { display: flex; flex-wrap: wrap; gap: 7px; margin: 24px 0 0; padding: 0; list-style: none; }
.page-liupanshui .lp-route-grid li { padding: 7px 10px; border: 1px solid var(--lp-line); color: #52676b; font-size: 11px; }

.page-liupanshui .lp-files { background: #f7f8f5; }
.page-liupanshui .lp-file-chain { border-top: 1px solid var(--lp-line); }
.page-liupanshui .lp-file-chain a {
  display: grid;
  grid-template-columns: 28px 110px minmax(0, 1fr) 60px;
  align-items: center;
  gap: 20px;
  min-height: 112px;
  border-bottom: 1px solid var(--lp-line);
  text-decoration: none;
  transition: padding .25s ease, background .25s ease;
}
.page-liupanshui .lp-file-chain a:hover { padding: 0 16px; background: var(--lp-mist); }
.page-liupanshui .lp-file-chain a > i { color: var(--lp-ochre); font-style: normal; }
.page-liupanshui .lp-file-chain a > span { color: var(--lp-blue); font-size: 12px; font-weight: 800; }
.page-liupanshui .lp-file-chain h3 { margin: 0; font-size: 19px; line-height: 1.5; }
.page-liupanshui .lp-file-chain a > b { justify-self: end; font-size: 12px; }

.page-liupanshui .lp-platform { background: #dde8e5; }
.page-liupanshui .lp-platform-matrix {
  display: grid;
  grid-template-columns: 1fr 1.4fr 1fr;
  grid-template-areas:
    "one screen three"
    "two screen four"
    "meta meta meta";
  gap: 14px;
}
.page-liupanshui .lp-platform-matrix article,
.page-liupanshui .lp-platform-matrix aside { padding: 28px; border: 1px solid var(--lp-line); background: rgba(255, 255, 255, .62); }
.page-liupanshui .lp-platform-matrix article.is-one { grid-area: one; }
.page-liupanshui .lp-platform-matrix article.is-two { grid-area: two; }
.page-liupanshui .lp-platform-matrix article.is-three { grid-area: three; }
.page-liupanshui .lp-platform-matrix article.is-four { grid-area: four; }
.page-liupanshui .lp-platform-matrix article b { float: right; color: var(--lp-blue); font-size: 11px; }
.page-liupanshui .lp-platform-matrix article h3 { margin: 24px 0 10px; font-size: 22px; }
.page-liupanshui .lp-platform-matrix article p { margin: 0; color: #607277; font-size: 13px; line-height: 1.75; }
.page-liupanshui .lp-platform-matrix figure { position: relative; grid-area: screen; margin: 0; overflow: hidden; background: var(--lp-deep); }
.page-liupanshui .lp-platform-matrix figure img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.page-liupanshui .lp-platform-matrix aside {
  grid-area: meta;
  display: grid;
  grid-template-columns: auto 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  background: var(--lp-deep);
  color: #fff;
}
.page-liupanshui .lp-platform-matrix aside b { color: #d5aa5d; }
.page-liupanshui .lp-platform-matrix aside span { color: #c0ceca; font-size: 13px; }

.page-liupanshui .lp-growth { background: #f7f8f5; }
.page-liupanshui .lp-growth-layout { display: grid; grid-template-columns: .84fr 1.16fr; align-items: stretch; gap: 24px; }
.page-liupanshui .lp-growth-copy { padding: 56px 46px; background: var(--lp-deep); color: #fff; }
.page-liupanshui .lp-growth-copy > p:not(.city-eyebrow) { color: #bacbc7; font-size: 15px; line-height: 1.9; }
.page-liupanshui .lp-growth-copy a:first-child { border-color: var(--lp-ochre); background: var(--lp-ochre); color: var(--lp-deep); }
.page-liupanshui .lp-growth figure { position: relative; min-height: 570px; margin: 0; overflow: hidden; }
.page-liupanshui .lp-growth figure img { display: block; width: 100%; height: 100%; object-fit: cover; }

.page-liupanshui .lp-faq { background: #e7eeeb; }
.page-liupanshui .lp-faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; }
.page-liupanshui .lp-faq .lp-section-head { display: block; margin: 0; }
.page-liupanshui .lp-faq .lp-section-head > p { margin-top: 25px; }
.page-liupanshui .lp-faq-list details { border-color: var(--lp-line); }
.page-liupanshui .lp-faq-list summary { display: grid; grid-template-columns: 24px minmax(0, 1fr) 26px; align-items: center; gap: 12px; padding: 25px 0; }
.page-liupanshui .lp-faq-list summary i { color: var(--lp-ochre); font-style: normal; }
.page-liupanshui .lp-faq-list summary b { color: var(--lp-teal); font-size: 24px; transition: transform .2s ease; }
.page-liupanshui .lp-faq-list details[open] summary b { transform: rotate(45deg); }
.page-liupanshui .lp-faq-list details p { margin: -2px 0 28px 36px; color: #5c6e73; font-size: 14px; line-height: 1.9; }

.page-liupanshui .lp-final { background: var(--lp-deep); }
.page-liupanshui .lp-final .city-shell { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 60px; }
.page-liupanshui .lp-final h2 { max-width: 720px; margin: 18px 0 0; }
.page-liupanshui .lp-final p { margin: 0; color: #b9cbc7; font-size: 14px; line-height: 1.9; }

.page-liupanshui .ct-public-footer .footer-gongan img,
.page-liupanshui .ct-public-footer .footer-license img { display: inline-block; object-fit: contain; vertical-align: middle; }
.page-liupanshui .ct-public-footer .footer-gongan img { width: 20px; height: 20px; }
.page-liupanshui .ct-public-footer .footer-license img { width: auto; height: 28px; }

@media (max-width: 1080px) {
  .page-liupanshui .lp-section-head { grid-template-columns: 1fr; gap: 22px; }
  .page-liupanshui .lp-chain-console { grid-template-columns: 1fr; }
  .page-liupanshui .lp-route-grid { grid-template-columns: 1fr; }
  .page-liupanshui .lp-route-grid > article:nth-child(2),
  .page-liupanshui .lp-route-grid > article:nth-child(3) { margin-top: 0; }
  .page-liupanshui .lp-faq-layout { grid-template-columns: 1fr; gap: 42px; }
}

@media (max-width: 700px) {
  .page-liupanshui .city-shell { width: min(100% - 28px, 1200px); }
  .page-liupanshui .lp-hero,
  .page-liupanshui .lp-hero-shell { min-height: 776px; }
  .page-liupanshui .lp-hero-visual { inset: 0 -14px; }
  .page-liupanshui .lp-hero-visual::after { background: linear-gradient(180deg, rgba(13, 34, 40, .05), rgba(13, 34, 40, .14) 28%, rgba(13, 34, 40, .9) 65%, #112a31 100%); }
  .page-liupanshui .lp-hero-visual img { object-position: center top; }
  .page-liupanshui .city-crumb { padding: 14px 0; font-size: 12px; }
  .page-liupanshui .lp-hero-copy { width: 100%; margin-top: 364px; }
  .page-liupanshui .lp-hero-copy small { font-size: 9px; }
  .page-liupanshui .lp-hero-copy h1 { margin: 14px 0; font-size: 38px; line-height: 1.07; }
  .page-liupanshui .lp-hero-copy p { font-size: 14px; line-height: 1.72; }
  .page-liupanshui .lp-hero-copy > div { margin-top: 20px; }
  .page-liupanshui .lp-hero-copy a { min-height: 44px; padding: 0 15px; font-size: 12px; }
  .page-liupanshui .lp-hero-marks { display: none; }
  .page-liupanshui .city-section { padding: 76px 0; }
  .page-liupanshui .lp-section-head h2,
  .page-liupanshui .lp-growth h2,
  .page-liupanshui .lp-final h2 { font-size: 31px; line-height: 1.14; }
  .page-liupanshui .lp-section-head > p { padding-left: 16px; font-size: 14px; }
  .page-liupanshui .lp-chain-image,
  .page-liupanshui .lp-matrix-image { height: 320px; }
  .page-liupanshui .lp-chain-nav { grid-template-columns: 1fr; }
  .page-liupanshui .lp-chain-nav button { display: grid; grid-template-columns: 28px 34px 1fr; align-items: center; min-height: 60px; padding: 12px 16px; border-right: 0; border-bottom: 1px solid var(--lp-line); }
  .page-liupanshui .lp-chain-nav button::after { display: none; }
  .page-liupanshui .lp-chain-nav button i,
  .page-liupanshui .lp-chain-nav button b { margin: 0; }
  .page-liupanshui .lp-chain-detail { padding: 28px 22px; }
  .page-liupanshui .lp-chain-detail h3 { font-size: 24px; }
  .page-liupanshui .lp-chain-detail dl { grid-template-columns: 1fr; }
  .page-liupanshui .lp-matrix-table { display: block; border: 0; }
  .page-liupanshui .lp-matrix-table .is-head { display: none; }
  .page-liupanshui .lp-matrix-table > div { border: 0; border-bottom: 1px solid rgba(255, 255, 255, .13); }
  .page-liupanshui .lp-matrix-table .is-row { margin-top: 15px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .06); }
  .page-liupanshui .lp-route-grid article { min-height: 0; padding: 30px 24px; }
  .page-liupanshui .lp-file-chain a { grid-template-columns: 22px minmax(0, 1fr) 38px; gap: 10px; min-height: 132px; padding: 20px 0; }
  .page-liupanshui .lp-file-chain a > span { grid-column: 2; grid-row: 1; }
  .page-liupanshui .lp-file-chain h3 { grid-column: 2; grid-row: 2; font-size: 16px; }
  .page-liupanshui .lp-file-chain a > i { grid-row: 1 / 3; }
  .page-liupanshui .lp-file-chain a > b { grid-column: 3; grid-row: 1 / 3; }
  .page-liupanshui .lp-platform-matrix {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "screen screen"
      "one two"
      "three four"
      "meta meta";
  }
  .page-liupanshui .lp-platform-matrix figure { min-height: 235px; }
  .page-liupanshui .lp-platform-matrix article { padding: 20px 16px; }
  .page-liupanshui .lp-platform-matrix article h3 { margin-top: 18px; font-size: 18px; }
  .page-liupanshui .lp-platform-matrix aside { grid-template-columns: 1fr; gap: 7px; padding: 22px; }
  .page-liupanshui .lp-platform-matrix aside span + b { margin-top: 14px; }
  .page-liupanshui .lp-growth-layout { grid-template-columns: 1fr; gap: 0; }
  .page-liupanshui .lp-growth-copy { padding: 42px 24px; }
  .page-liupanshui .lp-growth figure { min-height: 360px; }
  .page-liupanshui .lp-faq-list summary { font-size: 16px; line-height: 1.55; }
  .page-liupanshui .lp-final .city-shell { grid-template-columns: 1fr; gap: 26px; }
  .page-liupanshui .ct-public-footer .footer-beian { align-items: center; }
}

@media (prefers-reduced-motion: reduce) {
  .page-liupanshui .reveal { opacity: 1; transform: none; transition: none; }
  .page-liupanshui .lp-file-chain a,
  .page-liupanshui .lp-faq-list summary b { transition: none; }
}