.vqrxn9d {
  --primary: #083ea8;
  --radius-full: 9999px;
  --transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  color: #0f172a;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.vqrxn9d, .vqrxn9d *, .vqrxn9d *::before, .vqrxn9d *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
/* 2026-09-18：固定平台结构配置消费；接到 Demo 已有 Root/Inner，不新增包装或作用于内部独立背景。 */
.vqrxn9d-component[data-style-section] {
  background-color: var(--ac-root-background-color, transparent);
  background-image: var(--ac-root-background-image, none);
  background-position: var(--ac-root-background-position, center);
  background-size: var(--ac-root-background-size, cover);
  background-repeat: var(--ac-root-background-repeat, no-repeat);
  margin-top: var(--ac-root-margin-tb, 0rem);
  margin-bottom: var(--ac-root-margin-tb, 0rem);
}

.vqrxn9d .vqrxn9d__inner,
.vqrxn9d-component[data-style-section] > .vqrxn9d-component__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--custom-content-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-top: var(--padding_tb, 0rem);
  padding-bottom: var(--padding_tb, 0rem);
  padding-left: var(--padding_lr);
  padding-right: var(--padding_lr);
}

@media (max-width: 959px) {
  .vqrxn9d-component[data-style-section] > .vqrxn9d-component__inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.vqrxn9d .section-ref-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}
.vqrxn9d .ref-header-title {
  font-size: var(--heading-font-size, 32px);
  font-weight: var(--heading-font-weight, 800);
  color: var(--heading-color, #0f172a);
  letter-spacing: var(--heading-letter-spacing, -0.5px);
  font-family: var(--heading-font-family, inherit);
  line-height: var(--heading-line-height, 1.6);
  font-style: var(--heading-font-style, normal);
  text-decoration: var(--heading-text-decoration, none);
  text-align: var(--heading-text-align, left);
  text-transform: var(--heading-text-transform, none);
}
.vqrxn9d .btn-ref-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 22px;
  border-radius: var(--radius-full);
  border: 1.5px solid var(--contact-border-color, #0f172a);
  color: var(--contact-color, #0f172a);
  font-size: 13.5px;
  font-weight: 600;
  background: var(--contact-background, #ffffff);
  transition: var(--transition);
  text-decoration: none;
}
.vqrxn9d .btn-ref-pill:hover { background: var(--contact-hover-background, var(--contact-background, #ffffff)); color: var(--contact-hover-color, var(--contact-color, #0f172a)); border-color: var(--contact-hover-border-color, var(--contact-border-color, #0f172a)); }
.vqrxn9d .app-accordion-container {
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
}
.vqrxn9d .app-item {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  min-height: 310px;
  border-bottom: 1px solid var(--item-border-color, #dbe4ef);
  background: var(--item-background, rgba(0,0,0,0));
}
.vqrxn9d .app-item:nth-child(even) { flex-direction: row-reverse; }
.vqrxn9d .app-item-bg {
  position: relative;
  flex: 0 0 42%;
  min-height: 310px;
  background-color: #e9f0f7;
  background-image: var(--image-background, none);
  background-size: var(--image-fit, cover);
  background-repeat: var(--image-repeat, no-repeat);
  border-radius: var(--image-shape, 0px);
  background-position: center;
}
.vqrxn9d .app-item-content {
  position: relative;
  z-index: 3;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: auto;
  padding: 40px clamp(28px, 5vw, 76px);
  color: #102b55;
}
.vqrxn9d .app-body-wrap { width: 100%; }
.vqrxn9d .app-item-title {
  color: var(--item-title-color, #102b55);
  font-size: var(--item-title-font-size, 28px);
  font-weight: var(--item-title-font-weight, 800);
  margin-bottom: 14px;
  font-family: var(--item-title-font-family, inherit);
  line-height: var(--item-title-line-height, 1.6);
  letter-spacing: var(--item-title-letter-spacing, 0px);
  font-style: var(--item-title-font-style, normal);
  text-decoration: var(--item-title-text-decoration, none);
  text-align: var(--item-title-text-align, left);
  text-transform: var(--item-title-text-transform, none);
}
.vqrxn9d .app-item-desc {
  font-size: var(--description-font-size, 14.5px);
  line-height: var(--description-line-height, 1.7);
  color: var(--description-color, #475569);
  max-width: 56ch;
  margin-bottom: 24px;
  font-weight: var(--description-font-weight, normal);
  font-family: var(--description-font-family, inherit);
  letter-spacing: var(--description-letter-spacing, 0px);
  font-style: var(--description-font-style, normal);
  text-decoration: var(--description-text-decoration, none);
  text-align: var(--description-text-align, left);
  text-transform: var(--description-text-transform, none);
}
.vqrxn9d .app-item-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  color: var(--action-color, var(--primary));
  transition: var(--transition);
  text-decoration: none;
  background: var(--action-background, rgba(0,0,0,0));
}
.vqrxn9d .app-item-link:hover { color: var(--action-hover-color, var(--action-color, var(--primary))); background: var(--action-hover-background, var(--action-background, rgba(0,0,0,0))); transform: translateX(4px); }
.vqrxn9d .motion-ready .app-item-bg,
.vqrxn9d .motion-ready .app-item-content {
  transition: transform 720ms cubic-bezier(0.16, 1, 0.3, 1),
              opacity 620ms cubic-bezier(0.16, 1, 0.3, 1),
              clip-path 720ms cubic-bezier(0.16, 1, 0.3, 1);
}
.vqrxn9d .motion-ready .app-item:not(.is-visible) .app-item-bg {
  transform: translateX(-36px); opacity: 0; clip-path: inset(0 100% 0 0);
}
.vqrxn9d .motion-ready .app-item:not(.is-visible) .app-item-content { transform: translateX(36px); opacity: 0; }
.vqrxn9d .motion-ready .app-item:nth-child(even):not(.is-visible) .app-item-bg {
  transform: translateX(36px); clip-path: inset(0 0 0 100%);
}
.vqrxn9d .motion-ready .app-item:nth-child(even):not(.is-visible) .app-item-content { transform: translateX(-36px); }
.vqrxn9d .motion-ready .app-item.is-visible .app-item-bg { transform: translateX(0); opacity: 1; clip-path: inset(0); }
.vqrxn9d .motion-ready .app-item.is-visible .app-item-content { transform: translateX(0); opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .vqrxn9d .motion-ready .app-item-bg,
  .vqrxn9d .motion-ready .app-item-content { transition: none; transform: none; opacity: 1; clip-path: none; }
}
@media (max-width: 767px) {
  .vqrxn9d .app-item, .vqrxn9d .app-item:nth-child(even) { flex-direction: column; min-height: 0; }
  .vqrxn9d .app-item-bg { flex-basis: auto; min-height: 210px; }
  .vqrxn9d .app-item-content { padding: 28px 4px 36px; }
}

.vqrxn9d .ref-header-title:hover {
  color: var(--heading-hover-color, var(--heading-color, #0f172a));
  font-size: var(--heading-hover-font-size, var(--heading-font-size, 32px));
  font-family: var(--heading-hover-font-family, var(--heading-font-family, inherit));
  font-weight: var(--heading-hover-font-weight, var(--heading-font-weight, 800));
  font-style: var(--heading-hover-font-style, var(--heading-font-style, normal));
  text-decoration: var(--heading-hover-text-decoration, var(--heading-text-decoration, none));
}

.vqrxn9d .btn-ref-pill .app-action-text {
  color: inherit;
  font-size: var(--contact-font-size, 13.5px);
  font-weight: var(--contact-font-weight, 600);
  font-family: var(--contact-font-family, inherit);
  line-height: var(--contact-line-height, 1.6);
  letter-spacing: var(--contact-letter-spacing, 0px);
  font-style: var(--contact-font-style, normal);
  text-decoration: var(--contact-text-decoration, none);
  text-align: var(--contact-text-align, left);
  text-transform: var(--contact-text-transform, none);
}

.vqrxn9d .btn-ref-pill:hover .app-action-text {
  font-size: var(--contact-hover-font-size, var(--contact-font-size, 13.5px));
  font-family: var(--contact-hover-font-family, var(--contact-font-family, inherit));
  font-weight: var(--contact-hover-font-weight, var(--contact-font-weight, 600));
  font-style: var(--contact-hover-font-style, var(--contact-font-style, normal));
  text-decoration: var(--contact-hover-text-decoration, var(--contact-text-decoration, none));
}

.vqrxn9d .app-item-title:hover {
  color: var(--item-title-hover-color, var(--item-title-color, #102b55));
  font-size: var(--item-title-hover-font-size, var(--item-title-font-size, 28px));
  font-family: var(--item-title-hover-font-family, var(--item-title-font-family, inherit));
  font-weight: var(--item-title-hover-font-weight, var(--item-title-font-weight, 800));
  font-style: var(--item-title-hover-font-style, var(--item-title-font-style, normal));
  text-decoration: var(--item-title-hover-text-decoration, var(--item-title-text-decoration, none));
}

.vqrxn9d .app-item-desc:hover {
  color: var(--description-hover-color, var(--description-color, #475569));
  font-size: var(--description-hover-font-size, var(--description-font-size, 14.5px));
  font-family: var(--description-hover-font-family, var(--description-font-family, inherit));
  font-weight: var(--description-hover-font-weight, var(--description-font-weight, normal));
  font-style: var(--description-hover-font-style, var(--description-font-style, normal));
  text-decoration: var(--description-hover-text-decoration, var(--description-text-decoration, none));
}

.vqrxn9d .app-item-link .app-action-text {
  color: inherit;
  font-size: var(--action-font-size, 14px);
  font-weight: var(--action-font-weight, 700);
  font-family: var(--action-font-family, inherit);
  line-height: var(--action-line-height, 1.6);
  letter-spacing: var(--action-letter-spacing, 0px);
  font-style: var(--action-font-style, normal);
  text-decoration: var(--action-text-decoration, none);
  text-align: var(--action-text-align, left);
  text-transform: var(--action-text-transform, none);
}

.vqrxn9d .app-item-link:hover .app-action-text {
  font-size: var(--action-hover-font-size, var(--action-font-size, 14px));
  font-family: var(--action-hover-font-family, var(--action-font-family, inherit));
  font-weight: var(--action-hover-font-weight, var(--action-font-weight, 700));
  font-style: var(--action-hover-font-style, var(--action-font-style, normal));
  text-decoration: var(--action-hover-text-decoration, var(--action-text-decoration, none));
}

.vqrxn9d .app-item:hover { background: var(--item-hover-background, var(--item-background, rgba(0,0,0,0))); }
.vqrxn9d .btn-ref-pill .contact-icon,
.vqrxn9d .app-item-link .action-icon {
  display: inline-block;
  flex-shrink: 0;
  color: inherit;
  background: rgba(0,0,0,0);
  object-fit: contain;
}
.vqrxn9d .btn-ref-pill .contact-icon {
  width: var(--contact-icon-size, 14px);
  height: var(--contact-icon-size, 14px);
  font-size: var(--contact-icon-size, 14px);
  line-height: var(--contact-icon-size, 14px);
}
.vqrxn9d .app-item-link .action-icon {
  width: var(--action-icon-size, 12px);
  height: var(--action-icon-size, 12px);
  font-size: var(--action-icon-size, 12px);
  line-height: var(--action-icon-size, 12px);
}
.vqrxn9d .btn-ref-pill .contact-icon.yiyingbaoicon,
.vqrxn9d .app-item-link .action-icon.yiyingbaoicon { font-family: yiyingbao; }
@media (max-width: 767px) {
  .vqrxn9d .ref-header-title { font-size: var(--heading-mobile-font-size, 32px); }
  .vqrxn9d .btn-ref-pill .app-action-text { font-size: var(--contact-mobile-font-size, 13.5px); }
  .vqrxn9d .app-item-title { font-size: var(--item-title-mobile-font-size, 28px); }
  .vqrxn9d .app-item-desc { font-size: var(--description-mobile-font-size, 14.5px); }
  .vqrxn9d .app-item-link .app-action-text { font-size: var(--action-mobile-font-size, 14px); }
}