/* [project]/src/components/site/ai-plaza.css [app-client] (css) */
.jzt-ai {
  --zhutise: #6b3eec;
  --zhutirgb: 107, 62, 236;
  --header-height: 65px;
  --background: #fff;
  --foreground: #0a0a0a;
  --card: #fff;
  --card-foreground: #0a0a0a;
  --popover: #fff;
  --popover-foreground: #0a0a0a;
  --primary: #171717;
  --primary-foreground: #fafafa;
  --secondary: #f5f5f5;
  --secondary-foreground: #171717;
  --muted: #f5f5f5;
  --muted-foreground: #737373;
  --accent: #f5f5f5;
  --accent-foreground: #171717;
  --border: #e5e5e5;
  --input: #e5e5e5;
  --ring: #a1a1a1;
  --brand: #6b3eec;
  --brand-foreground: #fff;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  color: #333;
  background-color: #eff3f6;
  background-image: url("/images/ai/moxing-1.png");
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  font-size: 16px;
}

@supports (color: lab(0% 0 0)) {
  .jzt-ai {
    --background: lab(100% 0 0);
    --foreground: lab(2.75381% 0 0);
    --card: lab(100% 0 0);
    --card-foreground: lab(2.75381% 0 0);
    --popover: lab(100% 0 0);
    --popover-foreground: lab(2.75381% 0 0);
    --primary: lab(7.78201% -.0000149012 0);
    --primary-foreground: lab(98.26% 0 0);
    --secondary: lab(96.52% -.0000298023 .0000119209);
    --secondary-foreground: lab(7.78201% -.0000149012 0);
    --muted: lab(96.52% -.0000298023 .0000119209);
    --muted-foreground: lab(48.496% 0 0);
    --accent: lab(96.52% -.0000298023 .0000119209);
    --accent-foreground: lab(7.78201% -.0000149012 0);
    --border: lab(90.952% 0 -.0000119209);
    --input: lab(90.952% 0 -.0000119209);
    --ring: lab(66.128% -.0000298023 .0000119209);
  }
}

.jzt-ai .jzt-layout {
  min-height: 100dvh;
  padding-top: var(--header-height);
  display: flex;
}

@media (min-width: 768px) {
  .jzt-ai .jzt-layout {
    height: 100dvh;
  }
}

.jzt-ai .jzt-box {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  overflow: hidden;
}

.jzt-ai .jzt-sidebar {
  background: #fff9;
  border: 1px solid #0000000f;
  border-radius: 10px;
  flex-direction: column;
  margin: 15px 0 15px 12px;
  padding-top: 20px;
  display: none;
  position: relative;
  box-shadow: 0 0 10px #00000008;
}

@media (min-width: 768px) {
  .jzt-ai .jzt-sidebar {
    display: flex;
  }
}

.jzt-ai .jzt-sidebar-frame {
  flex: 1;
  width: 250px;
  padding: 0 15px;
  overflow: hidden auto;
}

.jzt-ai .jzt-sidebar-menu-item {
  border-radius: 8px;
  margin-bottom: 5px;
  font-size: 14px;
}

.jzt-ai .jzt-sidebar-menu-link {
  color: inherit;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  line-height: 1.35;
  transition: background .2s, color .2s;
  display: flex;
}

.jzt-ai .jzt-sidebar-menu-link:hover {
  color: var(--zhutise);
}

.jzt-ai .jzt-sidebar-menu-item.active > .jzt-sidebar-menu-link {
  background-color: rgba(var(--zhutirgb), .15);
  color: var(--zhutise);
}

.jzt-ai .jzt-sidebar-menu-icon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.jzt-ai .jzt-sidebar-menu-icon img, .jzt-ai .jzt-sidebar-menu-icon svg {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.jzt-ai .jzt-ai-pills {
  flex-shrink: 0;
  gap: 8px;
  margin-bottom: 16px;
  padding: 0 20px;
  display: flex;
  overflow-x: auto;
}

.jzt-ai .jzt-ai-pills a {
  background: #ffffffb3;
  border: 1px solid #0000000f;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 6px 14px;
  font-size: 14px;
}

.jzt-ai .jzt-ai-pills a.active {
  color: var(--zhutise);
  background: rgba(var(--zhutirgb), .15);
}

@media (min-width: 768px) {
  .jzt-ai .jzt-ai-pills {
    display: none;
  }
}

.jzt-ai .jzt-ai-main {
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-height: 0;
  padding: 0 20px;
  display: flex;
  overflow: hidden;
}

.jzt-ai .jzt-ai-head {
  flex-wrap: wrap;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px 24px;
  padding-top: 8px;
  display: flex;
}

.jzt-ai .jzt-ai-title {
  color: #1f2329;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}

.jzt-ai .jzt-ai-kinds {
  align-items: baseline;
  gap: 20px;
  display: flex;
}

.jzt-ai .jzt-ai-kinds a {
  color: #8f959e;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  transition: color .15s;
}

.jzt-ai .jzt-ai-kinds a:hover {
  color: #1f2329;
}

.jzt-ai .jzt-ai-kinds a.active {
  color: #1f2329;
  font-size: 22px;
  font-weight: 700;
}

.jzt-ai .jzt-ai-desc {
  color: #646a73;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.6;
}

.jzt-ai .jzt-ai-tools {
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.jzt-ai .jzt-ai-search {
  flex: 1;
  min-width: 0;
  position: relative;
}

@media (min-width: 640px) {
  .jzt-ai .jzt-ai-tools {
    width: auto;
  }

  .jzt-ai .jzt-ai-search {
    flex: none;
    width: 240px;
  }
}

.jzt-ai .jzt-ai-search svg {
  color: #8f959e;
  pointer-events: none;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

.jzt-ai .jzt-ai-search input {
  color: #1f2329;
  background: #fff;
  border: 1px solid #e5e6eb;
  border-radius: 8px;
  outline: none;
  width: 100%;
  height: 36px;
  padding: 0 12px 0 36px;
  font-size: 13px;
  transition: border-color .2s;
}

.jzt-ai .jzt-ai-search input:focus {
  border-color: var(--zhutise);
}

.jzt-ai .jzt-ai-sort {
  background: #fff;
  border: 1px solid #e5e6eb;
  border-radius: 8px;
  flex-shrink: 0;
  padding: 3px;
  display: flex;
}

.jzt-ai .jzt-ai-sort a {
  color: #646a73;
  border-radius: 6px;
  padding: 4px 12px;
  font-size: 13px;
}

.jzt-ai .jzt-ai-sort a.active {
  color: #1f2329;
  background: #f2f3f5;
  font-weight: 600;
}

.jzt-ai .jzt-ai-tabs {
  flex-shrink: 0;
  gap: 4px;
  margin-top: 18px;
  padding-bottom: 2px;
  display: flex;
  overflow-x: auto;
}

.jzt-ai .jzt-ai-tabs a {
  color: #646a73;
  border-radius: 8px;
  flex-shrink: 0;
  padding: 6px 14px;
  font-size: 14px;
  transition: background .2s, color .2s;
}

.jzt-ai .jzt-ai-tabs a:hover {
  color: #1f2329;
  background: #ffffffb3;
}

.jzt-ai .jzt-ai-tabs a.active {
  color: #1f2329;
  background: #fff;
  font-weight: 600;
  box-shadow: 0 1px 4px #0f172a0f;
}

.jzt-ai .jzt-ai-scroll {
  flex: 1;
  min-height: 0;
  margin-top: 16px;
  padding-bottom: 4px;
  overflow-y: auto;
}

.jzt-ai .jzt-ai-result {
  color: #646a73;
  margin-bottom: 12px;
  font-size: 13px;
}

.jzt-ai .jzt-ai-result a {
  color: var(--zhutise);
  margin-left: 8px;
}

.jzt-ai .jzt-ai-empty {
  text-align: center;
  color: #8f959e;
  background: #ffffffb3;
  border-radius: 10px;
  padding: 80px 0;
  font-size: 14px;
}

.jzt-ai .jzt-ai-grid {
  grid-template-columns: 1fr;
  gap: 16px;
  display: grid;
}

@media (min-width: 640px) {
  .jzt-ai .jzt-ai-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .jzt-ai .jzt-ai-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .jzt-ai .jzt-ai-grid--wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.jzt-ai .jzt-ai-card {
  min-width: 0;
  height: 100%;
  color: inherit;
  background: #fff;
  border-radius: 10px;
  flex-direction: column;
  padding: 20px;
  transition: box-shadow .2s, transform .2s;
  display: flex;
  box-shadow: 0 1px 2px #0f172a0a;
}

.jzt-ai .jzt-ai-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #0f172a14;
}

.jzt-ai .jzt-ai-card:focus-visible {
  outline: 2px solid var(--zhutise);
  outline-offset: 2px;
}

.jzt-ai .jzt-ai-card-top {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.jzt-ai .jzt-ai-avatar {
  color: #b0b5bd;
  background: #f2f3f5;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
  overflow: hidden;
}

.jzt-ai .jzt-ai-avatar--round {
  border-radius: 999px;
}

.jzt-ai .jzt-ai-avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.jzt-ai .jzt-ai-card-name {
  flex: 1;
  min-width: 0;
}

.jzt-ai .jzt-ai-card-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #1f2329;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  transition: color .2s;
  overflow: hidden;
}

.jzt-ai .jzt-ai-card:hover .jzt-ai-card-title {
  color: var(--zhutise);
}

.jzt-ai .jzt-ai-card-price {
  color: var(--zhutise);
  margin-top: 2px;
  font-size: 12px;
}

.jzt-ai .jzt-ai-card-desc {
  -webkit-line-clamp: 2;
  color: #646a73;
  -webkit-box-orient: vertical;
  min-height: 3.2em;
  margin-top: 14px;
  font-size: 13px;
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
}

.jzt-ai .jzt-ai-card-team {
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.jzt-ai .jzt-ai-card-team-avatars {
  display: flex;
}

.jzt-ai .jzt-ai-card-team-avatars > * {
  object-fit: cover;
  text-align: center;
  color: #646a73;
  background: #f2f3f5;
  border: 2px solid #fff;
  border-radius: 999px;
  width: 24px;
  height: 24px;
  margin-left: -6px;
  font-size: 11px;
  line-height: 20px;
}

.jzt-ai .jzt-ai-card-team-avatars > :first-child {
  margin-left: 0;
}

.jzt-ai .jzt-ai-card-team-text {
  color: #8f959e;
  font-size: 12px;
}

.jzt-ai .jzt-ai-card-tags {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 14px;
  display: flex;
}

.jzt-ai .jzt-ai-card-tag {
  color: #646a73;
  background: #f5f6f7;
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 12px;
  line-height: 1.4;
}

.jzt-ai .jzt-ai-card--wide {
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

.jzt-ai .jzt-ai-card--wide .jzt-ai-avatar {
  border-radius: 12px;
  width: 48px;
  height: 48px;
}

.jzt-ai .jzt-ai-card--wide .jzt-ai-card-desc {
  min-height: 0;
  margin-top: 4px;
}

.jzt-ai .jzt-ai-card-badge {
  color: var(--zhutise);
  background: rgba(var(--zhutirgb), .1);
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 10px;
  font-size: 12px;
}

.jzt-ai .jzt-sidebar-history {
  flex-direction: column;
  margin-top: 24px;
  display: flex;
}

.jzt-ai .jzt-sidebar-section-header {
  color: #888;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 15px;
  display: flex;
}

.jzt-ai .jzt-ai-detail {
  flex: 1;
  gap: 16px;
  min-height: 0;
  padding: 0 16px;
  display: flex;
}

.jzt-ai .jzt-ai-panel {
  background: #fff;
  border-radius: 10px;
  min-height: 0;
  box-shadow: 0 1px 2px #0f172a0a;
}

.jzt-ai .jzt-ai-detail-main {
  --chat-gutter: 16px;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding: 16px;
  display: flex;
}

@media (max-width: 767px) {
  .jzt-ai .jzt-ai-detail {
    padding: 0;
  }

  .jzt-ai .jzt-ai-detail-main {
    --chat-gutter: 12px;
    border-radius: 0;
    padding: 12px;
  }
}

.jzt-ai .jzt-ai-detail-scroll {
  padding: 24px;
  overflow-y: auto;
}

.jzt-ai .jzt-ai-detail-aside {
  flex-shrink: 0;
  width: 25%;
  min-width: 280px;
  padding: 20px;
  display: none;
  overflow-y: auto;
}

@media (min-width: 1024px) {
  .jzt-ai .jzt-ai-detail-aside {
    display: block;
  }
}

/* [project]/src/styles/image-skeleton.css [app-client] (css) */
.ai-image-skeleton {
  isolation: isolate;
  border-radius: var(--radius, .625rem);
  background: color-mix(in srgb, var(--muted) 70%, transparent);
  position: relative;
  overflow: hidden;
}

.ai-image-skeleton:after {
  content: "";
  background: linear-gradient(115deg,
    transparent 30%,
    color-mix(in srgb, var(--foreground) 7%, transparent) 50%,
    transparent 70%);
  background-size: 260% 100%;
  animation: 2.6s ease-in-out infinite ai-image-skeleton-sheen;
  position: absolute;
  inset: 0;
}

.ai-image-skeleton-blob {
  aspect-ratio: 1;
  filter: blur(28px);
  opacity: .55;
  will-change: transform;
  border-radius: 9999px;
  width: 55%;
  position: absolute;
}

.ai-image-skeleton-blob:first-child {
  background: radial-gradient(circle, var(--brand, #497ef7), transparent 70%);
  animation: 11s ease-in-out infinite ai-image-skeleton-drift-a;
}

@supports (color: lab(0% 0 0)) {
  .ai-image-skeleton-blob:first-child {
    background: radial-gradient(circle, var(--brand, lab(54.0094% 13.525 -67.1602)), transparent 70%);
  }
}

.ai-image-skeleton-blob:nth-child(2) {
  background: radial-gradient(circle, #00b0b8, #0000 70%);
  background: radial-gradient(circle, lab(64.3136% -46.6941 -19.093), #0000 70%);
  animation: 13s ease-in-out infinite ai-image-skeleton-drift-b;
}

.ai-image-skeleton-blob:nth-child(3) {
  background: radial-gradient(circle, #d582ce, #0000 70%);
  background: radial-gradient(circle, lab(65.4945% 40.9187 -25.5238), #0000 70%);
  animation: 17s ease-in-out infinite ai-image-skeleton-drift-c;
}

@keyframes ai-image-skeleton-sheen {
  from {
    background-position: 160% 0;
  }

  to {
    background-position: -60% 0;
  }
}

@keyframes ai-image-skeleton-drift-a {
  0%, 100% {
    transform: translate(-10%, -5%)scale(1);
  }

  33% {
    transform: translate(55%, 30%)scale(1.25);
  }

  66% {
    transform: translate(20%, 70%)scale(.9);
  }
}

@keyframes ai-image-skeleton-drift-b {
  0%, 100% {
    transform: translate(70%, 60%)scale(1.1);
  }

  40% {
    transform: translate(5%, 15%)scale(.85);
  }

  70% {
    transform: translate(60%, -10%)scale(1.2);
  }
}

@keyframes ai-image-skeleton-drift-c {
  0%, 100% {
    transform: translate(30%, 75%)scale(.95);
  }

  50% {
    transform: translate(-5%, 20%)scale(1.3);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ai-image-skeleton:after {
    animation: none;
  }

  .ai-image-skeleton-blob {
    animation: 6s ease-in-out infinite ai-image-skeleton-breathe;
  }

  @keyframes ai-image-skeleton-breathe {
    0%, 100% {
      opacity: .35;
    }

    50% {
      opacity: .6;
    }
  }
}

/* [project]/src/app/admin/admin.css [app-client] (css) */
[data-admin-shell], [data-admin-dialog] {
  --primary: #007bdf;
  --primary-foreground: #fcfcfc;
  --background: #f4f7fb;
  --foreground: #1a222b;
  --card: #fff;
  --card-foreground: #1a222b;
  --popover: #fff;
  --popover-foreground: #1a222b;
  --muted: #edf2f8;
  --muted-foreground: #606a74;
  --accent: #ddedff;
  --accent-foreground: #165695;
  --border: #dae2eb;
  --input: #dae2eb;
  --ring: #007bdf;
  --sidebar: #fff;
  --sidebar-foreground: #3b434c;
  --sidebar-primary: #007bdf;
  --sidebar-primary-foreground: #fcfcfc;
  --sidebar-accent: #e9f3ff;
  --sidebar-accent-foreground: #3a6089;
  --sidebar-border: #e3e8ee;
  --sidebar-ring: #007bdf;
  --admin-header-height: 3rem;
  --admin-rail-width: 2.875rem;
  --admin-content-inset: 1.5rem;
  transition: background-color .2s, color .2s;
}

@supports (color: lab(0% 0 0)) {
  [data-admin-shell], [data-admin-dialog] {
    --primary: lab(49.9386% 2.13015 -64.134);
    --primary-foreground: lab(98.84% .0000298023 -.0000119209);
    --background: lab(97.0954% -.662327 -2.14621);
    --foreground: lab(12.9615% -1.76476 -6.95769);
    --card: lab(100% 0 0);
    --card-foreground: lab(12.9615% -1.76476 -6.95769);
    --popover: lab(100% 0 0);
    --popover-foreground: lab(12.9615% -1.76476 -6.95769);
    --muted: lab(95.3516% -1.09163 -3.57015);
    --muted-foreground: lab(44.2946% -2.01914 -7.05786);
    --accent: lab(92.9904% -2.74646 -10.738);
    --accent-foreground: lab(35.5023% -1.4237 -40.7239);
    --border: lab(89.5461% -1.61129 -5.34096);
    --input: lab(89.5461% -1.61129 -5.34096);
    --ring: lab(49.9386% 2.13015 -64.134);
    --sidebar: lab(100% 0 0);
    --sidebar-foreground: lab(28.0547% -1.7691 -6.33095);
    --sidebar-primary: lab(49.9386% 2.13015 -64.134);
    --sidebar-primary-foreground: lab(98.84% .0000298023 -.0000119209);
    --sidebar-accent: lab(95.3304% -1.89704 -7.1913);
    --sidebar-accent-foreground: lab(39.3658% -3.83149 -27.5571);
    --sidebar-border: lab(91.8716% -1.09071 -3.5696);
    --sidebar-ring: lab(49.9386% 2.13015 -64.134);
  }
}

.dark [data-admin-shell], .dark [data-admin-dialog] {
  --primary: #439bf7;
  --primary-foreground: #060c13;
  --background: #091018;
  --foreground: #e3e8ee;
  --card: #141b24;
  --card-foreground: #e3e8ee;
  --popover: #141b24;
  --popover-foreground: #e3e8ee;
  --muted: #1d252e;
  --muted-foreground: #86909b;
  --accent: #1a2a3c;
  --accent-foreground: #d0e0f2;
  --border: #ffffff1f;
  --input: #ffffff24;
  --ring: #439bf7;
  --sidebar: #141b24;
  --sidebar-foreground: #b0b8c1;
  --sidebar-primary: #439bf7;
  --sidebar-primary-foreground: #060c13;
  --sidebar-accent: #1a2a3c;
  --sidebar-accent-foreground: #c5daf2;
  --sidebar-border: #ffffff1a;
  --sidebar-ring: #439bf7;
}

@supports (color: lab(0% 0 0)) {
  .dark [data-admin-shell], .dark [data-admin-dialog] {
    --primary: lab(62.0477% -3.75125 -54.5037);
    --primary-foreground: lab(3.01367% -.608526 -4.52442);
    --background: lab(4.39662% -.852354 -5.69918);
    --foreground: lab(91.8716% -1.09071 -3.5696);
    --card: lab(9.46773% -1.46428 -7.01579);
    --card-foreground: lab(91.8716% -1.09071 -3.5696);
    --popover: lab(9.46773% -1.46428 -7.01579);
    --popover-foreground: lab(91.8716% -1.09071 -3.5696);
    --muted: lab(14.1124% -1.55351 -7.0455);
    --muted-foreground: lab(59.377% -2.06485 -7.07911);
    --accent: lab(16.3398% -2.24216 -13.847);
    --accent-foreground: lab(88.3497% -2.73371 -10.7319);
    --border: lab(100% 0 0 / .12);
    --input: lab(100% 0 0 / .14);
    --ring: lab(62.0477% -3.75125 -54.5037);
    --sidebar: lab(9.46773% -1.46428 -7.01579);
    --sidebar-foreground: lab(74.4654% -1.59931 -5.33468);
    --sidebar-primary: lab(62.0477% -3.75125 -54.5037);
    --sidebar-primary-foreground: lab(3.01367% -.608526 -4.52442);
    --sidebar-accent: lab(16.3398% -2.24216 -13.847);
    --sidebar-accent-foreground: lab(86.0052% -3.49817 -14.243);
    --sidebar-border: lab(100% 0 0 / .1);
    --sidebar-ring: lab(62.0477% -3.75125 -54.5037);
  }
}

[data-admin-shell][data-admin-login] {
  background: linear-gradient(135deg, #daedff 0%, #eef6ff 50%, #e3efff 100%);
  background: linear-gradient(135deg, lab(92.9403% -4.25416 -17.7539) 0%, lab(96.5002% -2.1244 -7.10868) 50%, lab(94.0502% -1.68771 -14.7464) 100%);
}

.dark [data-admin-shell][data-admin-login] {
  background: linear-gradient(135deg, #071728 0%, #091018 50%, #0c1421 100%);
  background: linear-gradient(135deg, lab(7.05815% -1.312 -13.6286) 0%, lab(4.40365% -1.00486 -5.62652) 50%, lab(6.04856% -.10398 -10.3889) 100%);
}

[data-admin-shell], [data-admin-dialog] {
  --radius: .375rem;
  --radius-sm: calc(var(--radius) * .6);
  --radius-md: calc(var(--radius) * .8);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) * 1.4);
  --radius-2xl: calc(var(--radius) * 1.8);
  --radius-3xl: calc(var(--radius) * 2.2);
  --radius-4xl: calc(var(--radius) * 2.6);
}

[data-admin-shell] [data-slot="card"], [data-admin-dialog] [data-slot="card"] {
  --card-spacing: calc(var(--spacing) * 3);
}

[data-admin-shell] [data-slot="card"] {
  box-shadow: none;
}

[data-admin-shell] [data-admin-page-card][data-slot="card"] {
  padding-top: 0;
  padding-bottom: 0;
}

[data-admin-shell] [data-slot="card"]:has([data-admin-save-bar]) {
  max-height: calc(100svh - var(--admin-header-height) - var(--admin-content-inset));
  overflow-y: auto;
}

.dark [data-admin-shell] [data-slot="card"] {
  box-shadow: none;
}

[data-admin-shell] [data-admin-portal-card] {
  border-radius: var(--radius);
  background: var(--card);
  box-shadow: none;
  border: 1px solid var(--border);
}

.dark [data-admin-shell] [data-admin-portal-card] {
  box-shadow: none;
}

[data-admin-shell] [data-admin-rail-item][data-active="true"], [data-admin-shell] [data-admin-panel-item][data-active="true"] {
  color: #00539a;
  color: lab(34.0793% 1.06476 -47.2886);
  background: #e0efff;
  background: lab(93.5661% -2.91088 -11.445);
  font-weight: 500;
}

[data-admin-shell] [data-admin-rail-item]:not([data-active="true"]):hover, [data-admin-shell] [data-admin-panel-item]:not([data-active="true"]):hover {
  color: var(--foreground);
  background: #f1f4f6;
  background: lab(95.937% -.443876 -1.43212);
}

.dark [data-admin-shell] [data-admin-rail-item][data-active="true"], .dark [data-admin-shell] [data-admin-panel-item][data-active="true"] {
  color: #aed5ff;
  color: lab(83.4557% -6.49473 -34.8371);
  background: #1a3450;
  background: lab(20.8617% -2.4367 -20.5885);
}

.dark [data-admin-shell] [data-admin-rail-item]:not([data-active="true"]):hover, .dark [data-admin-shell] [data-admin-panel-item]:not([data-active="true"]):hover {
  color: var(--foreground);
  background: #ffffff0f;
  background: lab(100% 0 0 / .06);
}

[data-admin-shell] [data-admin-panel-title] {
  color: var(--sidebar-foreground);
  opacity: .6;
  letter-spacing: .04em;
}

[data-admin-shell] [data-admin-banner] {
  background: linear-gradient(135deg, #daedff 0%, #e8f8ff 50%, #e3efff 100%);
  background: linear-gradient(135deg, lab(92.9403% -4.25416 -17.7539) 0%, lab(96.5589% -4.73946 -9.80866) 50%, lab(94.0502% -1.68771 -14.7464) 100%);
}

.dark [data-admin-shell] [data-admin-banner] {
  background: linear-gradient(135deg, #10253b 0%, #0d1c27 50%, #141f32 100%);
  background: linear-gradient(135deg, lab(13.9403% -1.94566 -17.1429) 0%, lab(9.51601% -3.84469 -9.50136) 50%, lab(11.5987% -.0459924 -14.2514) 100%);
}

[data-admin-shell] [data-admin-quick-app] {
  transition: background-color .15s, border-color .15s;
}

[data-admin-shell] [data-admin-quick-app]:hover {
  background: var(--accent);
  border-color: var(--ring);
}

[data-admin-dialog] > [data-slot="dialog-close"] {
  top: .5rem;
  right: .5rem;
}

[data-admin-dialog] [data-slot="dialog-header"]:not([data-admin-dialog-header]), [data-admin-dialog] [data-slot="alert-dialog-header"] {
  gap: 0;
  padding: 0;
}

[data-admin-dialog] [data-slot="dialog-header"][data-admin-dialog-header] {
  border-bottom: 1px solid #efefef;
  gap: .125rem;
  padding: .875rem 2.75rem .875rem 1rem;
}

[data-admin-dialog] [data-slot="alert-dialog-header"] {
  text-align: left;
  place-items: start;
}

[data-admin-dialog] [data-slot="dialog-header"]:not([data-admin-dialog-header]) [data-slot="dialog-title"], [data-admin-dialog] [data-slot="alert-dialog-title"] {
  border-bottom: 1px solid #efefef;
  width: 100%;
  padding: .875rem 2.75rem .875rem 1rem;
  font-size: .9375rem;
  line-height: 1.35;
}

[data-admin-dialog] [data-slot="dialog-header"][data-admin-dialog-header] [data-slot="dialog-title"] {
  border-bottom: none;
  width: auto;
  padding: 0;
}

[data-admin-dialog] [data-slot="dialog-description"], [data-admin-dialog] [data-slot="alert-dialog-description"] {
  padding: 1.25rem 1rem 1.375rem;
  line-height: 1.625;
}

[data-admin-dialog] [data-slot="dialog-header"][data-admin-dialog-header] ~ :is(form, div):not([data-slot="dialog-footer"]) {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

[data-admin-dialog] [data-slot="dialog-header"] ~ :is(p, [data-slot="dialog-body"]):not([data-slot="dialog-footer"]) {
  margin: 0;
  padding: 1.25rem 1rem 1.375rem;
  line-height: 1.625;
}

[data-admin-dialog] [data-slot="dialog-header"] ~ :is(form, div):not([data-slot="dialog-footer"]) {
  padding-inline: 1rem;
}

[data-admin-dialog] [data-slot="dialog-header"]:has([data-slot="dialog-description"]) ~ :is(form, div):not([data-slot="dialog-footer"]) {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

[data-admin-dialog] [data-slot="dialog-footer"], [data-admin-dialog] [data-slot="alert-dialog-footer"] {
  background: #fbfbfb;
  border-top: 1px solid #efefef;
  border-radius: 0;
  gap: .5rem;
  margin: 0;
  padding: .625rem 1rem;
}

.dark [data-admin-dialog] [data-slot="dialog-header"]:not([data-admin-dialog-header]) [data-slot="dialog-title"], .dark [data-admin-dialog] [data-slot="alert-dialog-title"], .dark [data-admin-dialog] [data-slot="dialog-header"][data-admin-dialog-header] {
  border-bottom-color: #ffffff1a;
  border-bottom-color: lab(100% 0 0 / .1);
}

.dark [data-admin-dialog] [data-slot="dialog-footer"], .dark [data-admin-dialog] [data-slot="alert-dialog-footer"] {
  background: #182029;
  background: lab(11.7903% -1.51279 -7.03159);
  border-top-color: #ffffff1a;
  border-top-color: lab(100% 0 0 / .1);
}

[data-admin-shell] .w-e-toolbar .w-e-bar-item:has( > button[data-menu-key="sourceView"]) {
  order: -1;
}

[data-admin-shell] .w-e-toolbar {
  font-size: 14px;
}

[data-admin-shell] .w-e-toolbar .w-e-bar-item {
  height: 32px;
  padding: 2px;
}

[data-admin-shell] .w-e-toolbar .w-e-bar-item button {
  height: 28px;
  padding: 0 5px;
}

[data-admin-shell] .w-e-toolbar .w-e-bar-item svg {
  width: 13px;
  height: 13px;
}

[data-admin-shell] .w-e-toolbar .w-e-bar-divider {
  height: 32px;
  margin: 0 3px;
}

.w-e-hoverbar {
  z-index: 60 !important;
}

.w-e-select-list, .w-e-drop-panel, .w-e-bar-item-menus-container {
  z-index: 61 !important;
}

@media (min-width: 768px) {
  [data-admin-shell], [data-admin-dialog] {
    --admin-content-inset: 2rem;
  }
}

/* [project]/node_modules/photoswipe/dist/photoswipe.css [app-client] (css) */
.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  --pswp-root-z-index: 100000;
  --pswp-preloader-color: #4f4f4f66;
  --pswp-preloader-color-secondary: #ffffffe6;
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;
  --pswp-error-text-color: var(--pswp-icon-color);
  width: 100%;
  height: 100%;
  z-index: var(--pswp-root-z-index);
  touch-action: none;
  opacity: .003;
  contain: layout style size;
  -webkit-tap-highlight-color: #0000;
  outline: 0;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
  display: block;
}

.pswp, .pswp__bg {
  will-change: opacity;
  transform: translateZ(0);
}

.pswp__bg {
  opacity: .005;
  background: var(--pswp-bg);
}

.pswp, .pswp__scroll-wrap {
  overflow: hidden;
}

.pswp__scroll-wrap, .pswp__bg, .pswp__container, .pswp__item, .pswp__content, .pswp__img, .pswp__zoom-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.pswp__img, .pswp__zoom-wrap {
  width: auto;
  height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img, .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active, .pswp__img {
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
}

.pswp__container, .pswp__img, .pswp__button, .pswp__counter {
  -webkit-user-select: none;
  user-select: none;
}

.pswp__item {
  z-index: 1;
  overflow: hidden;
}

.pswp__hidden {
  display: none !important;
}

.pswp__content {
  pointer-events: none;
}

.pswp__content > * {
  pointer-events: auto;
}

.pswp__error-msg-container {
  display: grid;
}

.pswp__error-msg {
  color: var(--pswp-error-text-color);
  margin: auto;
  font-size: 1em;
  line-height: 1;
}

.pswp .pswp__hide-on-close {
  opacity: .005;
  will-change: opacity;
  transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
  z-index: 10;
  pointer-events: none;
}

.pswp--ui-visible .pswp__hide-on-close {
  opacity: 1;
  pointer-events: auto;
}

.pswp__button {
  cursor: pointer;
  width: 50px;
  height: 60px;
  box-shadow: none;
  opacity: .85;
  -webkit-appearance: none;
  -webkit-touch-callout: none;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.pswp__button:hover, .pswp__button:active, .pswp__button:focus {
  box-shadow: none;
  opacity: 1;
  background: none;
  border: 0;
  padding: 0;
  transition: none;
}

.pswp__button:disabled {
  opacity: .3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
  pointer-events: none;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 14px;
  left: 9px;
  overflow: hidden;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
  outline: 0;
}

div.pswp__img--placeholder, .pswp__img--with-bg {
  background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
  z-index: 10;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  height: 60px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none !important;
}

.pswp__top-bar > * {
  pointer-events: auto;
  will-change: opacity;
}

.pswp__button--close {
  margin-right: 6px;
}

.pswp__button--arrow {
  width: 75px;
  height: 100px;
  margin-top: -50px;
  position: absolute;
  top: 50%;
}

.pswp__button--arrow:disabled {
  cursor: default;
  display: none;
}

.pswp__button--arrow .pswp__icn {
  background: none;
  border-radius: 0;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  top: 50%;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  left: 0;
  right: auto;
}

.pswp__button--arrow--next {
  right: 0;
}

.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  transform: scale(-1, 1);
}

.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}

.pswp__preloader {
  width: 50px;
  height: 60px;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity .2s linear;
  animation: .6s linear infinite pswp-clockwise;
}

.pswp__preloader--active .pswp__icn {
  opacity: .85;
}

@keyframes pswp-clockwise {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.pswp__counter {
  margin-top: 15px;
  height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: .85;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

/* [project]/src/styles/image-gallery.css [app-client] (css) */
.pswp {
  --pswp-bg: #eee;
  --pswp-icon-color: var(--muted-foreground);
  --pswp-icon-color-secondary: transparent;
  --pswp-placeholder-bg: color-mix(in srgb, var(--muted) 60%, transparent);
}

@supports (color: lab(0% 0 0)) {
  .pswp {
    --pswp-bg: lab(94.2% 0 0);
  }
}

.dark .pswp {
  --pswp-bg: #040404;
}

@supports (color: lab(0% 0 0)) {
  .dark .pswp {
    --pswp-bg: lab(1.20229% 0 0);
  }
}

.pswp__button svg {
  color: var(--muted-foreground);
  transition: color .15s;
}

.pswp__button:hover svg, .pswp__button:focus-visible svg {
  color: var(--foreground);
}

.pswp__counter {
  color: var(--muted-foreground);
  opacity: 1;
}

.pswp__preloader {
  justify-content: center;
  align-items: center;
  display: flex;
}

.pswp__preloader .pswp__icn {
  fill: none;
  width: 22px;
  height: 22px;
  color: var(--muted-foreground);
  position: static;
}

/* [project]/node_modules/@uiw/react-markdown-preview/markdown.css [app-client] (css) */
@media (prefers-color-scheme: dark) {
  .wmde-markdown, .wmde-markdown-var {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-prettylights-syntax-comment: #8b949e;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
    --color-prettylights-syntax-entity-tag: #7ee787;
    --color-prettylights-syntax-keyword: #ff7b72;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-variable: #ffa657;
    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-carriage-return-bg: #b62324;
    --color-prettylights-syntax-string-regexp: #7ee787;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-italic: #c9d1d9;
    --color-prettylights-syntax-markup-bold: #c9d1d9;
    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
    --color-prettylights-syntax-markup-deleted-bg: #67060c;
    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
    --color-prettylights-syntax-markup-inserted-bg: #033a16;
    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-fg-default: #c9d1d9;
    --color-fg-muted: #8b949e;
    --color-fg-subtle: #484f58;
    --color-canvas-default: #0d1117;
    --color-canvas-subtle: #161b22;
    --color-border-default: #30363d;
    --color-border-muted: #21262d;
    --color-neutral-muted: #6e768166;
    --color-accent-fg: #58a6ff;
    --color-accent-emphasis: #1f6feb;
    --color-attention-subtle: #bb800926;
    --color-danger-fg: #f85149;
    --color-danger-emphasis: #da3633;
    --color-attention-fg: #d29922;
    --color-attention-emphasis: #9e6a03;
    --color-done-fg: #a371f7;
    --color-done-emphasis: #8957e5;
    --color-success-fg: #3fb950;
    --color-success-emphasis: #238636;
    --color-copied-active-bg: #2e9b33;
  }
}

@media (prefers-color-scheme: light) {
  .wmde-markdown, .wmde-markdown-var {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-prettylights-syntax-comment: #6e7781;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-entity: #8250df;
    --color-prettylights-syntax-storage-modifier-import: #24292f;
    --color-prettylights-syntax-entity-tag: #116329;
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-variable: #953800;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-string-regexp: #116329;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-italic: #24292f;
    --color-prettylights-syntax-markup-bold: #24292f;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
    --color-prettylights-syntax-markup-inserted-text: #116329;
    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-fg-default: #24292f;
    --color-fg-muted: #57606a;
    --color-fg-subtle: #6e7781;
    --color-canvas-default: #fff;
    --color-canvas-subtle: #f6f8fa;
    --color-border-default: #d0d7de;
    --color-border-muted: #d8dee4;
    --color-neutral-muted: #afb8c133;
    --color-accent-fg: #0969da;
    --color-accent-emphasis: #0969da;
    --color-attention-subtle: #fff8c5;
    --color-danger-fg: #d1242f;
    --color-danger-emphasis: #cf222e;
    --color-attention-fg: #9a6700;
    --color-attention-emphasis: #9a6700;
    --color-done-fg: #8250df;
    --color-done-emphasis: #8250df;
    --color-success-fg: #1a7f37;
    --color-success-emphasis: #1f883d;
    --color-copied-active-bg: #2e9b33;
  }
}

[data-color-mode*="dark"] .wmde-markdown, [data-color-mode*="dark"] .wmde-markdown-var, .wmde-markdown-var[data-color-mode*="dark"], .wmde-markdown[data-color-mode*="dark"], body[data-color-mode*="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --color-prettylights-syntax-comment: #8b949e;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
  --color-prettylights-syntax-entity-tag: #7ee787;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-variable: #ffa657;
  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
  --color-prettylights-syntax-carriage-return-bg: #b62324;
  --color-prettylights-syntax-string-regexp: #7ee787;
  --color-prettylights-syntax-markup-list: #f2cc60;
  --color-prettylights-syntax-markup-heading: #1f6feb;
  --color-prettylights-syntax-markup-italic: #c9d1d9;
  --color-prettylights-syntax-markup-bold: #c9d1d9;
  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
  --color-prettylights-syntax-markup-deleted-bg: #67060c;
  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
  --color-prettylights-syntax-markup-inserted-bg: #033a16;
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
  --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
  --color-fg-default: #c9d1d9;
  --color-fg-muted: #8b949e;
  --color-fg-subtle: #484f58;
  --color-canvas-default: #0d1117;
  --color-canvas-subtle: #161b22;
  --color-border-default: #30363d;
  --color-border-muted: #21262d;
  --color-neutral-muted: #6e768166;
  --color-accent-fg: #58a6ff;
  --color-accent-emphasis: #1f6feb;
  --color-attention-subtle: #bb800926;
  --color-danger-fg: #f85149;
}

[data-color-mode*="light"] .wmde-markdown, [data-color-mode*="light"] .wmde-markdown-var, .wmde-markdown-var[data-color-mode*="light"], .wmde-markdown[data-color-mode*="light"], body[data-color-mode*="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --color-prettylights-syntax-comment: #6e7781;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-entity: #8250df;
  --color-prettylights-syntax-storage-modifier-import: #24292f;
  --color-prettylights-syntax-entity-tag: #116329;
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-variable: #953800;
  --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
  --color-prettylights-syntax-string-regexp: #116329;
  --color-prettylights-syntax-markup-list: #3b2300;
  --color-prettylights-syntax-markup-heading: #0550ae;
  --color-prettylights-syntax-markup-italic: #24292f;
  --color-prettylights-syntax-markup-bold: #24292f;
  --color-prettylights-syntax-markup-deleted-text: #82071e;
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
  --color-prettylights-syntax-markup-inserted-text: #116329;
  --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
  --color-prettylights-syntax-markup-changed-text: #953800;
  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
  --color-prettylights-syntax-markup-ignored-text: #eaeef2;
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
  --color-fg-default: #24292f;
  --color-fg-muted: #57606a;
  --color-fg-subtle: #6e7781;
  --color-canvas-default: #fff;
  --color-canvas-subtle: #f6f8fa;
  --color-border-default: #d0d7de;
  --color-border-muted: #d8dee4;
  --color-neutral-muted: #afb8c133;
  --color-accent-fg: #0969da;
  --color-accent-emphasis: #0969da;
  --color-attention-subtle: #fff8c5;
  --color-danger-fg: #cf222e;
}

.wmde-markdown {
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  color: var(--color-fg-default);
  background-color: var(--color-canvas-default);
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Noto Sans, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
  font-size: 16px;
  line-height: 1.5;
}

.wmde-markdown details, .wmde-markdown figcaption, .wmde-markdown figure {
  display: block;
}

.wmde-markdown summary {
  display: list-item;
}

.wmde-markdown [hidden] {
  display: none !important;
}

.wmde-markdown a {
  color: var(--color-accent-fg);
  background-color: #0000;
  text-decoration: none;
}

.wmde-markdown a:active, .wmde-markdown a:hover {
  outline-width: 0;
}

.wmde-markdown abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

.wmde-markdown b, .wmde-markdown strong {
  font-weight: 600;
}

.wmde-markdown dfn {
  font-style: italic;
}

.wmde-markdown h1 {
  border-bottom: 1px solid var(--color-border-muted);
  margin: .67em 0;
  padding-bottom: .3em;
  font-size: 2em;
  font-weight: 600;
}

.wmde-markdown mark {
  background-color: var(--color-attention-subtle);
  color: var(--color-text-primary);
}

.wmde-markdown small {
  font-size: 90%;
}

.wmde-markdown sub, .wmde-markdown sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

.wmde-markdown sub {
  bottom: -.25em;
}

.wmde-markdown sup {
  top: -.5em;
}

.wmde-markdown img {
  box-sizing: content-box;
  background-color: var(--color-canvas-default);
  border-style: none;
  max-width: 100%;
  display: inline-block;
}

.wmde-markdown code, .wmde-markdown kbd, .wmde-markdown pre, .wmde-markdown samp {
  font-family: monospace;
  font-size: 1em;
}

.wmde-markdown figure {
  margin: 1em 40px;
}

.wmde-markdown hr {
  box-sizing: content-box;
  border: 0;
  border-bottom: 1px solid var(--color-border-muted);
  background: none;
  background-color: var(--color-border-default);
  height: .25em;
  margin: 24px 0;
  padding: 0;
  overflow: hidden;
}

.wmde-markdown input {
  font: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  overflow: visible;
}

.wmde-markdown [type="button"], .wmde-markdown [type="reset"], .wmde-markdown [type="submit"] {
  -webkit-appearance: button;
}

.wmde-markdown [type="button"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.wmde-markdown [type="reset"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.wmde-markdown [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

:is(.wmde-markdown [type="button"]:-moz-focusring, .wmde-markdown [type="reset"]:-moz-focusring, .wmde-markdown [type="submit"]:-moz-focusring) {
  outline: 1px dotted buttontext;
}

.wmde-markdown [type="checkbox"], .wmde-markdown [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

.wmde-markdown [type="number"]::-webkit-inner-spin-button {
  height: auto;
}

.wmde-markdown [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

.wmde-markdown [type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

.wmde-markdown [type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.wmde-markdown [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.wmde-markdown ::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
}

.wmde-markdown ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

.wmde-markdown a:hover {
  text-decoration: underline;
}

.wmde-markdown hr:before {
  content: "";
  display: table;
}

.wmde-markdown hr:after {
  clear: both;
  content: "";
  display: table;
}

.wmde-markdown table {
  border-spacing: 0;
  border-collapse: collapse;
  width: max-content;
  max-width: 100%;
  display: block;
}

.wmde-markdown td, .wmde-markdown th {
  padding: 0;
}

.wmde-markdown details summary {
  cursor: pointer;
}

.wmde-markdown details:not([open]) > :not(summary) {
  display: none !important;
}

.wmde-markdown kbd {
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
  border-radius: 6px;
  padding: 3px 5px;
  font: 11px / 10px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  display: inline-block;
}

.wmde-markdown h1, .wmde-markdown h2, .wmde-markdown h3, .wmde-markdown h4, .wmde-markdown h5, .wmde-markdown h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}

.wmde-markdown h2 {
  border-bottom: 1px solid var(--color-border-muted);
  padding-bottom: .3em;
  font-size: 1.5em;
  font-weight: 600;
}

.wmde-markdown h3 {
  font-size: 1.25em;
  font-weight: 600;
}

.wmde-markdown h4 {
  font-size: 1em;
  font-weight: 600;
}

.wmde-markdown h5 {
  font-size: .875em;
  font-weight: 600;
}

.wmde-markdown h6 {
  color: var(--color-fg-muted);
  font-size: .85em;
  font-weight: 600;
}

.wmde-markdown p {
  margin-top: 0;
  margin-bottom: 10px;
}

.wmde-markdown blockquote {
  color: var(--color-fg-muted);
  border-left: .25em solid var(--color-border-default);
  margin: 0;
  padding: 0 1em;
}

.wmde-markdown ul, .wmde-markdown ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
}

.wmde-markdown ol ol, .wmde-markdown ul ol {
  list-style-type: lower-roman;
}

.wmde-markdown ul ul ol, .wmde-markdown ul ol ol, .wmde-markdown ol ul ol, .wmde-markdown ol ol ol {
  list-style-type: lower-alpha;
}

.wmde-markdown dd {
  margin-left: 0;
}

.wmde-markdown tt, .wmde-markdown code {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
}

.wmde-markdown pre {
  word-wrap: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
}

.wmde-markdown .octicon {
  vertical-align: text-bottom;
  fill: currentColor;
  display: inline-block;
  overflow: visible !important;
}

.wmde-markdown ::placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}

.wmde-markdown input::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.wmde-markdown input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.wmde-markdown [data-catalyst] {
  display: block;
}

.wmde-markdown:before {
  content: "";
  display: table;
}

.wmde-markdown:after {
  clear: both;
  content: "";
  display: table;
}

.wmde-markdown > :first-child {
  margin-top: 0 !important;
}

.wmde-markdown > :last-child {
  margin-bottom: 0 !important;
}

.wmde-markdown a:not([href]) {
  color: inherit;
  text-decoration: none;
}

.wmde-markdown .absent {
  color: var(--color-danger-fg);
}

.wmde-markdown a.anchor {
  float: left;
  margin-left: -20px;
  padding-right: 4px;
  line-height: 1;
}

.wmde-markdown .anchor:focus {
  outline: none;
}

.wmde-markdown p, .wmde-markdown blockquote, .wmde-markdown ul, .wmde-markdown ol, .wmde-markdown dl, .wmde-markdown table, .wmde-markdown pre, .wmde-markdown details {
  margin-top: 0;
  margin-bottom: 16px;
}

.wmde-markdown blockquote > :first-child {
  margin-top: 0;
}

.wmde-markdown blockquote > :last-child {
  margin-bottom: 0;
}

.wmde-markdown sup > a:before {
  content: "[";
}

.wmde-markdown sup > a:after {
  content: "]";
}

.wmde-markdown h1 .octicon-link, .wmde-markdown h2 .octicon-link, .wmde-markdown h3 .octicon-link, .wmde-markdown h4 .octicon-link, .wmde-markdown h5 .octicon-link, .wmde-markdown h6 .octicon-link {
  color: var(--color-fg-default);
  vertical-align: middle;
  visibility: hidden;
}

.wmde-markdown h1:hover .anchor, .wmde-markdown h2:hover .anchor, .wmde-markdown h3:hover .anchor, .wmde-markdown h4:hover .anchor, .wmde-markdown h5:hover .anchor, .wmde-markdown h6:hover .anchor {
  text-decoration: none;
}

.wmde-markdown h1:hover .anchor .octicon-link, .wmde-markdown h2:hover .anchor .octicon-link, .wmde-markdown h3:hover .anchor .octicon-link, .wmde-markdown h4:hover .anchor .octicon-link, .wmde-markdown h5:hover .anchor .octicon-link, .wmde-markdown h6:hover .anchor .octicon-link {
  visibility: visible;
}

.wmde-markdown h1 tt, .wmde-markdown h1 code, .wmde-markdown h2 tt, .wmde-markdown h2 code, .wmde-markdown h3 tt, .wmde-markdown h3 code, .wmde-markdown h4 tt, .wmde-markdown h4 code, .wmde-markdown h5 tt, .wmde-markdown h5 code, .wmde-markdown h6 tt, .wmde-markdown h6 code {
  font-size: inherit;
  padding: 0 .2em;
}

.wmde-markdown ul.no-list, .wmde-markdown ol.no-list {
  padding: 0;
  list-style-type: none;
}

.wmde-markdown ol[type="1"] {
  list-style-type: decimal;
}

.wmde-markdown ol[type="a"] {
  list-style-type: lower-alpha;
}

.wmde-markdown ol[type="i"] {
  list-style-type: lower-roman;
}

.wmde-markdown div > ol:not([type]) {
  list-style-type: decimal;
}

.wmde-markdown ul ul, .wmde-markdown ul ol, .wmde-markdown ol ol, .wmde-markdown ol ul {
  margin-top: 0;
  margin-bottom: 0;
}

.wmde-markdown li > p {
  margin-top: 16px;
}

.wmde-markdown li + li {
  margin-top: .25em;
}

.wmde-markdown dl {
  padding: 0;
}

.wmde-markdown dl dt {
  margin-top: 16px;
  padding: 0;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}

.wmde-markdown dl dd {
  margin-bottom: 16px;
  padding: 0 16px;
}

.wmde-markdown table th {
  font-weight: 600;
}

.wmde-markdown table th, .wmde-markdown table td {
  border: 1px solid var(--color-border-default);
  padding: 6px 13px;
}

.wmde-markdown table tr {
  background-color: var(--color-canvas-default);
  border-top: 1px solid var(--color-border-muted);
}

.wmde-markdown table tr:nth-child(2n) {
  background-color: var(--color-canvas-subtle);
}

.wmde-markdown table img {
  background-color: #0000;
}

.wmde-markdown img[align="right"] {
  padding-left: 20px;
}

.wmde-markdown img[align="left"] {
  padding-right: 20px;
}

.wmde-markdown .emoji {
  vertical-align: text-top;
  background-color: #0000;
  max-width: none;
}

.wmde-markdown span.frame {
  display: block;
  overflow: hidden;
}

.wmde-markdown span.frame > span {
  float: left;
  border: 1px solid var(--color-border-default);
  width: auto;
  margin: 13px 0 0;
  padding: 7px;
  display: block;
  overflow: hidden;
}

.wmde-markdown span.frame span img {
  float: left;
  display: block;
}

.wmde-markdown span.frame span span {
  clear: both;
  color: var(--color-fg-default);
  padding: 5px 0 0;
  display: block;
}

.wmde-markdown span.align-center {
  clear: both;
  display: block;
  overflow: hidden;
}

.wmde-markdown span.align-center > span {
  text-align: center;
  margin: 13px auto 0;
  display: block;
  overflow: hidden;
}

.wmde-markdown span.align-center span img {
  text-align: center;
  margin: 0 auto;
}

.wmde-markdown span.align-right {
  clear: both;
  display: block;
  overflow: hidden;
}

.wmde-markdown span.align-right > span {
  text-align: right;
  margin: 13px 0 0;
  display: block;
  overflow: hidden;
}

.wmde-markdown span.align-right span img {
  text-align: right;
  margin: 0;
}

.wmde-markdown span.float-left {
  float: left;
  margin-right: 13px;
  display: block;
  overflow: hidden;
}

.wmde-markdown span.float-left span {
  margin: 13px 0 0;
}

.wmde-markdown span.float-right {
  float: right;
  margin-left: 13px;
  display: block;
  overflow: hidden;
}

.wmde-markdown span.float-right > span {
  text-align: right;
  margin: 13px auto 0;
  display: block;
  overflow: hidden;
}

.wmde-markdown code, .wmde-markdown tt {
  background-color: var(--color-neutral-muted);
  border-radius: 6px;
  margin: 0;
  padding: .2em .4em;
  font-size: 85%;
}

.wmde-markdown code br, .wmde-markdown tt br {
  display: none;
}

.wmde-markdown del code {
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

.wmde-markdown pre code {
  font-size: 100%;
}

.wmde-markdown pre > code {
  word-break: normal;
  white-space: pre;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
}

.wmde-markdown pre {
  background-color: var(--color-canvas-subtle);
  border-radius: 6px;
  font-size: 85%;
  line-height: 1.45;
}

.wmde-markdown pre code, .wmde-markdown pre tt {
  max-width: auto;
  line-height: inherit;
  word-wrap: normal;
  background-color: #0000;
  border: 0;
  margin: 0;
  padding: 0;
  display: inline;
  overflow: visible;
}

.wmde-markdown pre > code {
  padding: 16px;
  display: block;
  overflow: auto;
}

.wmde-markdown pre > code::-webkit-scrollbar {
  background: none;
  width: 8px;
  height: 8px;
}

.wmde-markdown pre > code::-webkit-scrollbar-thumb {
  background: var(--color-fg-muted);
  border-radius: 10px;
}

.wmde-markdown .csv-data td, .wmde-markdown .csv-data th {
  text-align: left;
  white-space: nowrap;
  padding: 5px;
  font-size: 12px;
  line-height: 1;
  overflow: hidden;
}

.wmde-markdown .csv-data .blob-num {
  text-align: right;
  background: var(--color-canvas-default);
  border: 0;
  padding: 10px 8px 9px;
}

.wmde-markdown .csv-data tr {
  border-top: 0;
}

.wmde-markdown .csv-data th {
  background: var(--color-canvas-subtle);
  border-top: 0;
  font-weight: 600;
}

.wmde-markdown .footnotes {
  color: var(--color-fg-muted);
  border-top: 1px solid var(--color-border-default);
  font-size: 12px;
}

.wmde-markdown .footnotes ol {
  padding-left: 16px;
}

.wmde-markdown .footnotes li {
  position: relative;
}

.wmde-markdown .footnotes li:target:before {
  pointer-events: none;
  content: "";
  border: 2px solid var(--color-accent-emphasis);
  border-radius: 6px;
  position: absolute;
  inset: -8px -8px -8px -24px;
}

.wmde-markdown .footnotes li:target {
  color: var(--color-fg-default);
}

.wmde-markdown .footnotes .data-footnote-backref g-emoji {
  font-family: monospace;
}

.wmde-markdown .task-list-item {
  list-style-type: none;
}

.wmde-markdown .task-list-item label {
  font-weight: 400;
}

.wmde-markdown .task-list-item.enabled label {
  cursor: pointer;
}

.wmde-markdown .task-list-item + .wmde-markdown .task-list-item {
  margin-top: 3px;
}

.wmde-markdown .task-list-item .handle {
  display: none;
}

.wmde-markdown .task-list-item-checkbox, .wmde-markdown .contains-task-list input[type="checkbox"] {
  vertical-align: middle;
  margin: 0 .2em .25em -1.6em;
}

.wmde-markdown .contains-task-list:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .task-list-item-checkbox {
  margin: 0 -1.6em .25em .2em;
}

.wmde-markdown .contains-task-list:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) input[type="checkbox"] {
  margin: 0 -1.6em .25em .2em;
}

.wmde-markdown ::-webkit-calendar-picker-indicator {
  filter: invert(50%);
}

.wmde-markdown pre {
  position: relative;
}

.wmde-markdown pre .copied {
  visibility: hidden;
  cursor: pointer;
  color: var(--color-fg-default);
  background: var(--color-border-default);
  border-radius: 5px;
  padding: 6px;
  font-size: 12px;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 6px;
  right: 6px;
}

.wmde-markdown pre .copied .octicon-copy {
  display: block;
}

.wmde-markdown pre .copied .octicon-check {
  display: none;
}

.wmde-markdown pre:hover .copied {
  visibility: visible;
}

.wmde-markdown pre:hover .copied:hover {
  background: var(--color-prettylights-syntax-entity-tag);
  color: var(--color-canvas-default);
}

.wmde-markdown pre:hover .copied:active, .wmde-markdown pre .copied.active {
  background: var(--color-copied-active-bg);
  color: var(--color-canvas-default);
}

.wmde-markdown pre .active .octicon-copy {
  display: none;
}

.wmde-markdown pre .active .octicon-check {
  display: block;
}

.wmde-markdown .markdown-alert {
  color: inherit;
  border-left: .25em solid var(--borderColor-default, var(--color-border-default));
  margin-bottom: 16px;
  padding: .5rem 1em;
}

.wmde-markdown .markdown-alert > :last-child {
  margin-bottom: 0 !important;
}

.wmde-markdown .markdown-alert .markdown-alert-title {
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.wmde-markdown .markdown-alert .markdown-alert-title svg.octicon {
  margin-right: var(--base-size-8, 8px) !important;
}

.wmde-markdown .markdown-alert.markdown-alert-note {
  border-left-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
}

.wmde-markdown .markdown-alert.markdown-alert-note .markdown-alert-title {
  color: var(--fgColor-accent, var(--color-accent-fg));
}

.wmde-markdown .markdown-alert.markdown-alert-tip {
  border-left-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));
}

.wmde-markdown .markdown-alert.markdown-alert-tip .markdown-alert-title {
  color: var(--fgColor-success, var(--color-success-fg));
}

.wmde-markdown .markdown-alert.markdown-alert-important {
  border-left-color: var(--borderColor-done-emphasis, var(--color-done-emphasis));
}

.wmde-markdown .markdown-alert.markdown-alert-important .markdown-alert-title {
  color: var(--fgColor-done, var(--color-done-fg));
}

.wmde-markdown .markdown-alert.markdown-alert-warning {
  border-left-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
}

.wmde-markdown .markdown-alert.markdown-alert-warning .markdown-alert-title {
  color: var(--fgColor-attention, var(--color-attention-fg));
}

.wmde-markdown .markdown-alert.markdown-alert-caution {
  border-left-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
}

.wmde-markdown .markdown-alert.markdown-alert-caution .markdown-alert-title {
  color: var(--fgColor-danger, var(--color-danger-fg));
}

.wmde-markdown .highlight-line {
  background-color: var(--color-neutral-muted);
}

.wmde-markdown .code-line.line-number:before {
  text-align: right;
  width: 1rem;
  color: var(--color-fg-subtle);
  content: attr(line);
  white-space: nowrap;
  margin-right: 16px;
  display: inline-block;
}

.wmde-markdown .token.comment, .wmde-markdown .token.prolog, .wmde-markdown .token.doctype, .wmde-markdown .token.cdata {
  color: var(--color-prettylights-syntax-comment);
}

.wmde-markdown .token.namespace {
  opacity: .7;
}

.wmde-markdown .token.property, .wmde-markdown .token.tag, .wmde-markdown .token.selector, .wmde-markdown .token.constant, .wmde-markdown .token.symbol, .wmde-markdown .token.deleted {
  color: var(--color-prettylights-syntax-entity-tag);
}

.wmde-markdown .token.maybe-class-name {
  color: var(--color-prettylights-syntax-variable);
}

.wmde-markdown .token.property-access, .wmde-markdown .token.operator, .wmde-markdown .token.boolean, .wmde-markdown .token.number, .wmde-markdown .token.selector .token.class, .wmde-markdown .token.attr-name, .wmde-markdown .token.string, .wmde-markdown .token.char, .wmde-markdown .token.builtin {
  color: var(--color-prettylights-syntax-constant);
}

.wmde-markdown .token.deleted {
  color: var(--color-prettylights-syntax-markup-deleted-text);
}

.wmde-markdown .code-line .token.deleted {
  background-color: var(--color-prettylights-syntax-markup-deleted-bg);
}

.wmde-markdown .token.inserted {
  color: var(--color-prettylights-syntax-markup-inserted-text);
}

.wmde-markdown .code-line .token.inserted {
  background-color: var(--color-prettylights-syntax-markup-inserted-bg);
}

.wmde-markdown .token.variable {
  color: var(--color-prettylights-syntax-constant);
}

.wmde-markdown .token.entity, .wmde-markdown .token.url, .wmde-markdown .language-css .token.string, .wmde-markdown .style .token.string, .wmde-markdown .token.color, .wmde-markdown .token.atrule, .wmde-markdown .token.attr-value, .wmde-markdown .token.function, .wmde-markdown .token.class-name {
  color: var(--color-prettylights-syntax-string);
}

.wmde-markdown .token.rule, .wmde-markdown .token.regex, .wmde-markdown .token.important, .wmde-markdown .token.keyword {
  color: var(--color-prettylights-syntax-keyword);
}

.wmde-markdown .token.coord {
  color: var(--color-prettylights-syntax-meta-diff-range);
}

.wmde-markdown .token.important, .wmde-markdown .token.bold {
  font-weight: bold;
}

.wmde-markdown .token.italic {
  font-style: italic;
}

.wmde-markdown .token.entity {
  cursor: help;
}

/* [project]/src/styles/markdown-content.css [app-client] (css) */
.wmde-markdown pre > code.code-highlight {
  counter-reset: line;
}

.wmde-markdown pre > code.code-highlight > .code-line {
  counter-increment: line;
}

.wmde-markdown pre > code.code-highlight > .code-line:before {
  content: counter(line);
  color: #738a948c;
  text-align: right;
  -webkit-user-select: none;
  user-select: none;
  width: 1.75rem;
  margin-right: 1rem;
  display: inline-block;
}

.wmde-markdown div.mermaid, .wmde-markdown div.graphviz, .wmde-markdown div.abc {
  justify-content: center;
  margin: 1rem 0;
  display: flex;
}

.wmde-markdown div.mermaid > svg, .wmde-markdown div.graphviz > svg, .wmde-markdown div.abc svg {
  max-width: 100%;
  height: auto;
}

.wmde-markdown div.echarts {
  height: 400px;
  margin: 1rem 0;
}

:is(.wmde-markdown pre:has( > code.mermaid), .wmde-markdown pre:has( > code.graphviz), .wmde-markdown pre:has( > code.abc), .wmde-markdown pre:has( > code.echarts)) {
  background: none;
  padding: 0;
}

.wmde-markdown table {
  overflow: auto;
}

.wmde-markdown table thead th {
  z-index: 1;
  background: var(--color-canvas-default, #fff);
  box-shadow: inset 0 -1px 0 var(--color-border-default, #d0d7de);
  position: sticky;
  top: 0;
}

.wmde-markdown pre[data-language] {
  position: relative;
}

.wmde-markdown pre[data-language]:before {
  content: attr(data-language);
  letter-spacing: .5px;
  text-transform: uppercase;
  color: var(--color-fg-muted, #656d76);
  background: var(--color-canvas-subtle, #0000000a);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  border-bottom-right-radius: 6px;
  padding: 2px 8px;
  font-size: 11px;
  position: absolute;
  top: 0;
  left: 0;
}

.wmde-markdown a.md-file-link:after {
  content: "";
  vertical-align: -.1em;
  background: currentColor;
  width: .9em;
  height: .9em;
  margin-left: .25em;
  display: inline-block;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7.25 1.75a.75.75 0 0 1 1.5 0v6.44l1.97-1.97a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 1.06-1.06l1.97 1.97V1.75ZM3 12.5a.75.75 0 0 0-1.5 0v.75c0 .966.784 1.75 1.75 1.75h9.5A1.75 1.75 0 0 0 14.5 13.25v-.75a.75.75 0 0 0-1.5 0v.75a.25.25 0 0 1-.25.25h-9.5a.25.25 0 0 1-.25-.25v-.75Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7.25 1.75a.75.75 0 0 1 1.5 0v6.44l1.97-1.97a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 1.06-1.06l1.97 1.97V1.75ZM3 12.5a.75.75 0 0 0-1.5 0v.75c0 .966.784 1.75 1.75 1.75h9.5A1.75 1.75 0 0 0 14.5 13.25v-.75a.75.75 0 0 0-1.5 0v.75a.25.25 0 0 1-.25.25h-9.5a.25.25 0 0 1-.25-.25v-.75Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.wmde-markdown a.md-ext-link:after {
  content: "↗";
  vertical-align: .1em;
  opacity: .7;
  margin-left: .15em;
  font-size: .85em;
}

.wmde-markdown ul {
  list-style: outside;
}

.wmde-markdown ol {
  list-style: decimal;
}

.wmde-markdown ul ul {
  list-style: circle;
}

.wmde-markdown ul ul ul {
  list-style: square;
}

.wmde-markdown ul.contains-task-list, .wmde-markdown li.task-list-item {
  list-style: none;
}

.md-prose.wmde-markdown, .w-md-editor-preview .wmde-markdown {
  color: inherit;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.8;
}

.md-prose.wmde-markdown :is(p, ul, ol, dl, blockquote, table, pre, details, figure), .w-md-editor-preview .wmde-markdown :is(p, ul, ol, dl, blockquote, table, pre, details, figure) {
  margin-top: 0;
  margin-bottom: 1em;
}

.md-prose.wmde-markdown > :last-child, .w-md-editor-preview .wmde-markdown > :last-child {
  margin-bottom: 0;
}

.md-prose.wmde-markdown :is(h1, h2, h3, h4, h5, h6), .w-md-editor-preview .wmde-markdown :is(h1, h2, h3, h4, h5, h6) {
  border-bottom: 0;
  margin: 1.6em 0 .6em;
  padding-bottom: 0;
  font-weight: 600;
  line-height: 1.5;
}

.md-prose.wmde-markdown > :is(h1, h2, h3, h4, h5, h6):first-child, .w-md-editor-preview .wmde-markdown > :is(h1, h2, h3, h4, h5, h6):first-child {
  margin-top: 0;
}

.md-prose.wmde-markdown h1, .w-md-editor-preview .wmde-markdown h1 {
  font-size: 1.625rem;
}

.md-prose.wmde-markdown h2, .w-md-editor-preview .wmde-markdown h2 {
  font-size: 1.375rem;
}

.md-prose.wmde-markdown h3, .w-md-editor-preview .wmde-markdown h3 {
  font-size: 1.125rem;
}

.md-prose.wmde-markdown :is(h4, h5, h6), .w-md-editor-preview .wmde-markdown :is(h4, h5, h6) {
  font-size: 1rem;
}

.md-prose.wmde-markdown :is(ul, ol), .w-md-editor-preview .wmde-markdown :is(ul, ol) {
  padding-left: 1.375em;
  list-style-position: outside;
}

.md-prose.wmde-markdown li + li, .md-prose.wmde-markdown li > :is(ul, ol), .w-md-editor-preview .wmde-markdown li + li, .w-md-editor-preview .wmde-markdown li > :is(ul, ol) {
  margin-top: .25em;
}

.md-prose.wmde-markdown li > :is(ul, ol), .w-md-editor-preview .wmde-markdown li > :is(ul, ol) {
  margin-bottom: 0;
}

.md-prose.wmde-markdown li::marker {
  color: var(--muted-foreground);
}

.w-md-editor-preview .wmde-markdown li::marker {
  color: var(--muted-foreground);
}

.md-prose.wmde-markdown blockquote, .w-md-editor-preview .wmde-markdown blockquote {
  border-left: 3px solid var(--border);
  color: var(--muted-foreground);
  padding: 0 0 0 .875em;
  font-style: normal;
}

.md-prose.wmde-markdown hr, .w-md-editor-preview .wmde-markdown hr {
  background-color: var(--border);
  border: 0;
  height: 1px;
  margin-block: 1.5em;
  padding: 0;
}

.md-prose.wmde-markdown :not(pre) > code, .w-md-editor-preview .wmde-markdown :not(pre) > code {
  border-radius: 4px;
  padding: .125em .375em;
  font-size: .875em;
}

.md-prose.wmde-markdown :is(td, th), .w-md-editor-preview .wmde-markdown :is(td, th) {
  padding: .5em .75em;
  font-size: .875rem;
  line-height: 1.6;
}

/* [project]/src/templates/site/xitong/pc/home/_home.css [app-client] (css) */
.shouye {
  --zhutise: #6b3eec;
  --zhutirgb: 107, 62, 236;
  --header-height: 64px;
  --amazon-brand: #6b3eec;
  --amazon-brand-light: #9574f5;
  --amazon-ink: #0f172a;
  --amazon-line: #e2e8f0;
  --amazon-muted: #64748b;
  --amazon-white: #fff;
  --amazon-ease: cubic-bezier(.2, 0, 0, 1);
  --amazon-motion-quick: .18s;
  --amazon-motion-standard: .32s;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  color: #0f172a;
  background: #fff;
}

.shouye .w1440 {
  width: 1440px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}

.shouye .shouye-banana {
  isolation: isolate;
  --shouye-banana-fan-gap: clamp(44px,5.4vw,60px);
  background-color: #e8eef5;
  background-image: url("/images/home/1-1.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: 1920px 900px;
  min-height: min(900px, 100svh);
  position: relative;
  overflow-x: clip;
}

@media (max-width: 1920px) {
  .shouye .shouye-banana {
    background-size: cover;
  }
}

@keyframes shouye-banana-fan-bob {
  0%, 100% {
    transform: translateY(5px);
  }

  50% {
    transform: translateY(-5px);
  }
}

.shouye .shouye-banana__frame {
  padding-inline: clamp(16px, 3vw, 28px);
  padding-bottom: clamp(40px, 6vh, 56px);
  padding-top: max(24px,calc(var(--header-height) + 20px));
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: min(900px, 100svh);
  display: flex;
  position: relative;
}

.shouye .shouye-banana__zoom-shell {
  transform-origin: center;
  align-self: stretch;
  width: 100%;
  position: relative;
}

.shouye .shouye-banana__zoom-shell-bg {
  display: none;
}

.shouye .shouye-banana__grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 800px) minmax(0, 1fr);
  align-self: stretch;
  place-items: center stretch;
  gap: clamp(22px, 3.2vw, 44px);
  width: 100%;
  min-width: 0;
  margin-top: clamp(240px, 3.5vh, 48px);
  display: grid;
}

.shouye .shouye-banana__col--left {
  grid-area: 1 / 1;
  place-self: center end;
}

.shouye .shouye-banana__col--right {
  grid-area: 1 / 3;
  place-self: center start;
}

.shouye .shouye-banana__col--center {
  z-index: 2;
  grid-area: 1 / 2;
  min-width: 0;
  max-width: 100%;
  position: relative;
}

.shouye .shouye-banana__col--left, .shouye .shouye-banana__col--right {
  justify-content: center;
  row-gap: var(--shouye-banana-fan-gap);
  z-index: 1;
  pointer-events: none;
  flex-direction: column;
  column-gap: 0;
  display: flex;
}

.shouye .shouye-banana__col--left {
  align-items: flex-end;
}

.shouye .shouye-banana__col--right {
  align-items: flex-start;
}

.shouye .shouye-banana__fan {
  will-change: transform;
  margin-block: 0;
  animation: 3.2s ease-in-out infinite shouye-banana-fan-bob;
  display: block;
}

.shouye .shouye-banana__col--left .shouye-banana__fan:first-child {
  margin-right: clamp(32px, 5.2vw, 68px);
  animation-delay: 0s;
}

.shouye .shouye-banana__col--left .shouye-banana__fan:nth-child(2) {
  margin-top: clamp(-18px, -2vw, -10px);
  margin-right: clamp(62px, 9.5vw, 132px);
  animation-delay: .25s;
}

.shouye .shouye-banana__col--left .shouye-banana__fan:nth-child(3) {
  margin-right: clamp(30px, 4.8vw, 72px);
  animation-delay: .5s;
}

.shouye .shouye-banana__col--right .shouye-banana__fan:first-child {
  margin-left: clamp(32px, 5.2vw, 68px);
  animation-delay: 80ms;
}

.shouye .shouye-banana__col--right .shouye-banana__fan:nth-child(2) {
  margin-top: clamp(-18px, -2vw, -10px);
  margin-left: clamp(62px, 9.5vw, 132px);
  animation-delay: .33s;
}

.shouye .shouye-banana__col--right .shouye-banana__fan:nth-child(3) {
  margin-left: clamp(30px, 4.8vw, 72px);
  animation-delay: .58s;
}

.shouye .shouye-banana__pill {
  color: #5f6b7c;
  white-space: nowrap;
  transform-origin: center;
  background: #fff;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  padding: 13px 24px;
  font-size: clamp(16px, 1.28vw, 20px);
  font-weight: 400;
  display: inline-flex;
  box-shadow: 0 10px 28px #0f274424;
}

.shouye .shouye-banana__col--left .shouye-banana__pill {
  transform-origin: 100%;
}

.shouye .shouye-banana__col--right .shouye-banana__pill {
  transform-origin: 0;
}

.shouye .shouye-banana__pill--fan-l1 {
  will-change: transform;
  transform: rotate(18deg)translateX(28px);
}

.shouye .shouye-banana__pill--fan-l2 {
  will-change: transform;
  transform: rotate(-10deg)translateX(6px);
}

.shouye .shouye-banana__pill--fan-l3 {
  will-change: transform;
  transform: rotate(14deg)translateX(32px);
}

.shouye .shouye-banana__pill--fan-r1 {
  will-change: transform;
  transform: rotate(-18deg)translateX(-28px);
}

.shouye .shouye-banana__pill--fan-r2 {
  will-change: transform;
  transform: rotate(10deg)translateX(-6px);
}

.shouye .shouye-banana__pill--fan-r3 {
  will-change: transform;
  transform: rotate(-14deg)translateX(-32px);
}

.shouye .shouye-banana__pill--accent {
  color: #fff;
  background: linear-gradient(135deg,#8b5cf6 0%,var(--zhutise) 45%,#4c1d95 100%);
  box-shadow: 0 12px 32px rgba(var(--zhutirgb),.32);
}

.shouye .shouye-banana__main {
  flex-direction: column;
  align-items: stretch;
  gap: clamp(16px, 3vw, 26px);
  width: 100%;
  max-width: none;
  margin: 0 auto;
  display: flex;
}

.shouye .shouye-banana__headline {
  text-align: left;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  gap: clamp(8px, 2vw, 20px);
  width: 100%;
  display: flex;
}

.shouye .shouye-banana__title {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 0;
  margin: 0;
  display: flex;
}

.shouye .shouye-banana__title-desktop {
  display: block;
}

.shouye .shouye-banana__title-line--hero {
  letter-spacing: .02em;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  font-size: clamp(32px, 5.6vw, 54px);
  font-weight: 800;
  line-height: 1.6;
  display: flex;
}

.shouye .shouye-banana__title-line--hero .shouye-banana__title-line--grad {
  background: linear-gradient(90deg,var(--zhutise) 0%,#3a3a3a 52%,#000 100%);
  color: #0000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  display: block;
}

.shouye .shouye-banana__title-line--grad {
  background: linear-gradient(90deg,var(--zhutise) 0%,#3a3a3a 52%,#000 100%);
  color: #0000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.shouye .shouye-banana__robot-wrap {
  flex-shrink: 0;
  align-self: flex-end;
  line-height: 0;
}

.shouye .shouye-banana__robot {
  object-fit: contain;
  width: 190px;
  max-width: 100%;
  height: auto;
  display: block;
}

.shouye .shouye-banana__panel-anchor {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  text-decoration: none;
  display: block;
}

.shouye .shouye-banana__panel-anchor:focus-visible {
  outline: 2px solid var(--zhutise);
  outline-offset: 4px;
  border-radius: 24px;
}

.shouye .shouye-banana__panel-shell {
  background: linear-gradient(90deg,var(--zhutise) 0%,#3a3a3a 52%,#000 100%);
  border-radius: 22px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 2px;
  box-shadow: 0 18px 48px #0b2b521f;
}

.shouye .shouye-banana__panel {
  background: #fff;
  border-radius: 20px;
  min-width: 0;
  max-width: 100%;
  padding: 20px 22px 18px;
}

.shouye .shouye-banana__panel-typing-bar {
  margin-bottom: 16px;
}

.shouye .shouye-banana__panel-fab {
  color: #fff;
  background: #141414;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  display: none;
}

.shouye .shouye-banana__placeholder {
  color: #a0aec0;
  min-height: 72px;
  margin: 0;
  padding: 8px 4px;
  font-size: 16px;
  line-height: 1.55;
}

.shouye .shouye-banana__typing-line {
  white-space: normal;
  word-break: break-all;
  display: inline;
}

.shouye .shouye-banana__typing-text {
  color: #6b7280;
}

@keyframes shouye-banana-caret-blink {
  0%, 45% {
    opacity: 1;
  }

  50%, 100% {
    opacity: 0;
  }
}

.shouye .shouye-banana__typing-caret {
  vertical-align: -2px;
  background: #9ca3af;
  width: 2px;
  height: 1.1em;
  margin-left: 2px;
  animation: 1.1s step-end infinite shouye-banana-caret-blink;
  display: inline-block;
}

.shouye .shouye-banana__panel-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px 16px;
  min-width: 0;
  display: flex;
}

.shouye .shouye-banana__chips {
  flex-wrap: wrap;
  flex: 1;
  gap: 8px 10px;
  min-width: 0;
  display: flex;
}

.shouye .shouye-banana__outline {
  color: #4b5563;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d8dee6;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  transition: background .15s, border-color .15s;
  display: inline-flex;
}

.shouye .shouye-banana__outline:hover {
  background: #6b3eec0f;
  border-color: #6b3eec59;
}

.shouye .shouye-banana__cta {
  color: #fff;
  background: linear-gradient(90deg,#7b61ff 0%,var(--zhutise) 42%,#8557eb 68%,#7040d4 100%);
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(var(--zhutirgb),.33),0 4px 14px rgba(var(--zhutirgb),.18);
  border: 0;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  font-size: 15px;
  font-weight: 700;
  transition: filter .15s, transform .15s, box-shadow .15s;
  display: inline-flex;
}

.shouye .shouye-banana__cta:hover {
  filter: brightness(1.06);
  box-shadow: 0 14px 32px rgba(var(--zhutirgb),.4),0 6px 16px rgba(var(--zhutirgb),.22);
  transform: translateY(-1px);
}

.shouye .shouye-banana__scroll-hint {
  letter-spacing: .02em;
  color: #929aa3;
  -webkit-font-smoothing: antialiased;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
}

.shouye .shouye-banana__scroll-text {
  color: inherit;
  display: block;
}

@keyframes shouye-banana-scroll-chevron-y {
  0%, 100% {
    transform: translateY(-2px)rotate(45deg);
  }

  50% {
    transform: translateY(2px)rotate(45deg);
  }
}

.shouye .shouye-banana__scroll-chevron {
  transform-origin: 50% 65%;
  opacity: .95;
  will-change: transform;
  border-bottom: 1.5px solid #929aa3;
  border-right: 1.5px solid #929aa3;
  width: 7px;
  height: 7px;
  margin: 0;
  animation: 2.6s ease-in-out infinite shouye-banana-scroll-chevron-y;
  display: block;
}

.shouye .shouye-liaojie {
  background-color: #e8eef5;
  background-image: url("/images/home/2-1.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  padding: clamp(48px, 7vh, 88px) 0 clamp(56px, 9vh, 120px);
  position: relative;
}

.shouye .shouye-liaojie__inner {
  padding-inline: clamp(16px, 3vw, 28px);
}

.shouye .shouye-liaojie__title {
  text-align: center;
  letter-spacing: -.02em;
  color: #0f172a;
  margin: 0 0 clamp(28px, 4vh, 40px);
  font-size: clamp(22px, 2.35vw, 32px);
  font-weight: 700;
  line-height: 1.25;
}

.shouye .shouye-liaojie__tags {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-block: 4px;
  overflow: hidden;
}

.shouye .shouye-liaojie__tags-track {
  align-items: center;
}

.shouye .shouye-liaojie__tag-cell {
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.shouye .shouye-liaojie__tag {
  width: auto;
  max-width: 100%;
  font: inherit;
  color: #64748b;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 10px 16px;
  font-size: clamp(13px, 1.05vw, 15px);
  font-weight: 500;
  line-height: 1.25;
  display: inline-flex;
  overflow: hidden;
}

.shouye .shouye-liaojie__tag:hover {
  color: #334155;
}

.shouye .shouye-liaojie__tag--active {
  color: #fff;
  background: linear-gradient(180deg,#9574f5 0%,var(--zhutise) 100%);
}

.shouye .shouye-liaojie__tag:focus-visible {
  outline: 2px solid var(--zhutise);
  outline-offset: 2px;
}

.shouye .shouye-liaojie__panels {
  width: 100%;
  margin-top: clamp(28px, 4vh, 44px);
  overflow: hidden;
}

.shouye .shouye-liaojie__panels .shouye-liaojie__panel {
  height: 100%;
}

.shouye .shouye-liaojie__panel {
  border-radius: 20px;
  overflow: hidden;
}

.shouye .shouye-liaojie__shot {
  vertical-align: middle;
  width: 100%;
  height: auto;
  display: block;
}

.shouye .shouye-tongdian {
  background: #f8fafc;
  width: 100%;
  padding: clamp(48px, 7vh, 88px) 0 clamp(56px, 9vh, 120px);
  position: relative;
}

.shouye .shouye-tongdian__inner {
  padding-inline: clamp(16px, 3vw, 28px);
}

.shouye .shouye-tongdian__head {
  text-align: center;
  margin-bottom: clamp(32px, 5vh, 48px);
}

.shouye .shouye-tongdian__title {
  letter-spacing: -.02em;
  color: #0f172a;
  margin: 0;
  font-size: clamp(22px, 2.35vw, 32px);
  font-weight: 700;
  line-height: 1.3;
}

.shouye .shouye-tongdian__vs {
  color: var(--zhutise);
  margin: 0 .2em;
  font-weight: 800;
}

.shouye .shouye-tongdian__sub {
  color: #64748b;
  margin: clamp(12px, 2vh, 16px) 0 0;
  font-size: clamp(14px, 1.2vw, 16px);
  line-height: 1.55;
}

.shouye .shouye-tongdian__grid {
  flex-direction: column;
  gap: clamp(16px, 2.2vw, 22px);
  display: flex;
}

.shouye .shouye-tongdian__row {
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  gap: clamp(16px, 2.2vw, 22px);
  display: grid;
}

.shouye .shouye-tongdian__card {
  border: 1px solid #0000;
  border-radius: 16px;
  align-items: flex-start;
  gap: clamp(14px, 1.6vw, 18px);
  margin: 0;
  padding: clamp(18px, 2.2vw, 24px);
  display: flex;
}

.shouye .shouye-tongdian__card--pain {
  background: #fdecec;
  border-color: #f5a6a6;
}

.shouye .shouye-tongdian__card--solve {
  background: #f3f0ff;
  border-color: #b5a8f5;
}

.shouye .shouye-tongdian__icon {
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-top: 2px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.shouye .shouye-tongdian__icon--pain {
  background: #ef4444;
}

.shouye .shouye-tongdian__icon--solve {
  background: var(--zhutise);
  font-size: 15px;
}

.shouye .shouye-tongdian__card-body {
  flex: 1;
  min-width: 0;
}

.shouye .shouye-tongdian__card-title {
  margin: 0 0 8px;
  font-size: clamp(16px, 1.25vw, 18px);
  font-weight: 700;
  line-height: 1.35;
}

.shouye .shouye-tongdian__card--pain .shouye-tongdian__card-title {
  color: #dc2626;
}

.shouye .shouye-tongdian__card--solve .shouye-tongdian__card-title {
  color: var(--zhutise);
}

.shouye .shouye-tongdian__card-desc {
  color: #64748b;
  margin: 0;
  font-size: clamp(13px, 1.05vw, 14px);
  line-height: 1.6;
}

.shouye .shouye-guanli {
  background: #f5f7fb;
  width: 100%;
  padding: clamp(48px, 7vh, 96px) 0 clamp(56px, 9vh, 120px);
  position: relative;
}

.shouye .shouye-guanli__inner {
  padding-inline: clamp(16px, 3vw, 28px);
}

.shouye .shouye-guanli__hero {
  text-align: center;
  margin-bottom: clamp(36px, 5vh, 56px);
}

.shouye .shouye-guanli__kicker {
  color: #64748b;
  letter-spacing: .02em;
  margin: 0 0 12px;
  font-size: clamp(14px, 1.2vw, 16px);
  font-weight: 500;
}

.shouye .shouye-guanli__hero-title {
  letter-spacing: -.03em;
  color: #0f172a;
  margin: 0;
  font-size: clamp(26px, 3.2vw, 40px);
  font-weight: 800;
  line-height: 1.25;
}

.shouye .shouye-guanli__panels {
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  gap: clamp(16px, 2vw, 24px);
  display: grid;
}

.shouye .shouye-guanli__panel {
  background: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  flex-direction: column;
  gap: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.shouye .shouye-guanli__panel--evolve {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  place-items: stretch stretch;
  gap: clamp(24px, 4vw, 48px);
  padding: 0;
  display: grid;
}

.shouye .shouye-guanli__panel--net {
  padding: clamp(24px, 3vw, 40px);
  flex-direction: column;
  grid-column: 1 / -1;
  padding-bottom: clamp(28px, 4vw, 40px);
  display: flex;
  overflow: hidden;
}

.shouye .shouye-guanli__net-layout {
  flex-direction: row;
  align-items: center;
  gap: clamp(12px, 2.5vw, 36px);
  min-width: 0;
  display: flex;
}

.shouye .shouye-guanli__net-layout .shouye-guanli__net-head {
  flex: 0 min(34%, 280px);
  min-width: 0;
  margin-bottom: 0;
}

.shouye .shouye-guanli__net-wrap {
  flex: 1;
  min-width: 0;
  min-height: clamp(200px, 28vw, 280px);
  position: relative;
}

.shouye .shouye-guanli__net-svg {
  width: 100%;
  height: 100%;
  min-height: clamp(200px, 28vw, 280px);
  display: block;
  overflow: visible;
}

.shouye .shouye-guanli__net-path {
  fill: none;
  stroke-width: 1.2px;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

.shouye .shouye-guanli__net-path--hero {
  stroke: url("#sgl-net-grad");
  stroke-width: 1.35px;
}

.shouye .shouye-guanli__net-node {
  fill: #6366f1;
}

.shouye .shouye-guanli__net-focal {
  fill: #6366f1;
  filter: drop-shadow(0 1px 3px #6366f159);
}

.shouye .shouye-guanli__net-txt {
  fill: #334155;
  letter-spacing: -.01em;
  font-size: 13px;
  font-weight: 600;
}

.shouye .shouye-guanli__card-text {
  flex-shrink: 0;
  padding: clamp(20px, 2.2vw, 28px);
}

.shouye .shouye-guanli__list {
  color: #64748b;
  flex-direction: column;
  gap: clamp(3px, .45vw, 5px);
  margin: 0;
  padding: 0;
  font-size: clamp(15px, 1.28vw, 17px);
  line-height: 1.65;
  list-style: none;
  display: flex;
}

.shouye .shouye-guanli__illust-wrap {
  border-radius: 0;
  width: 100%;
  margin-top: auto;
  line-height: 0;
  overflow: hidden;
}

.shouye .shouye-guanli__illust {
  vertical-align: middle;
  width: 100%;
  height: auto;
  display: block;
}

.shouye .shouye-guanli__panel--evolve .shouye-guanli__wide-text {
  justify-self: stretch;
  width: 100%;
  min-width: 0;
  padding: clamp(20px, 2.2vw, 28px);
}

.shouye .shouye-guanli__wide-title {
  color: #0f172a;
  letter-spacing: -.02em;
  margin: 0 0 clamp(16px, 1.85vw, 22px);
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 800;
}

.shouye .shouye-guanli__wide-desc {
  color: #64748b;
  max-width: 52ch;
  margin: 0;
  font-size: clamp(14px, 1.15vw, 16px);
  line-height: 1.7;
}

.shouye .shouye-guanli__evolve-art {
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 0;
  line-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.shouye .shouye-guanli__panel--evolve .shouye-guanli__evolve-art {
  border-radius: 0;
  justify-content: flex-end;
  align-self: stretch;
  height: 100%;
}

.shouye .shouye-guanli__evolve-art .shouye-guanli__illust {
  object-fit: contain;
  vertical-align: middle;
  width: auto;
  height: 165px;
  display: block;
}

.shouye .shouye-guanli__net-head {
  margin-bottom: clamp(20px, 3vw, 28px);
}

.shouye .shouye-guanli__net-layout .shouye-guanli__net-head {
  margin-bottom: 0;
}

.shouye .shouye-guanli__net-sub {
  color: #64748b;
  margin: 10px 0 0;
  font-size: clamp(14px, 1.15vw, 16px);
  line-height: 1.55;
}

.shouye .shouye-xiaolv {
  grid-column: 1 / -1;
  width: 100%;
  margin-top: clamp(28px, 4vw, 48px);
  padding: 0;
}

.shouye .shouye-xiaolv__head {
  text-align: center;
  margin-bottom: clamp(28px, 4vw, 40px);
}

.shouye .shouye-xiaolv__eyebrow {
  color: #0f172a;
  letter-spacing: .02em;
  margin: 0 0 10px;
  font-size: clamp(14px, 1.2vw, 16px);
  font-weight: 500;
}

.shouye .shouye-xiaolv__title {
  letter-spacing: -.03em;
  color: #0f172a;
  margin: 0;
  font-size: clamp(24px, 2.85vw, 36px);
  font-weight: 800;
  line-height: 1.25;
}

.shouye .shouye-xiaolv__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: clamp(16px, 2vw, 24px);
  display: grid;
}

.shouye .shouye-xiaolv__card {
  cursor: default;
  background: none;
  border: none;
  border-radius: 12px;
  margin: 0;
  padding: 0;
  transition: transform .38s cubic-bezier(.22, 1, .36, 1);
  display: block;
}

.shouye .shouye-xiaolv__card:hover, .shouye .shouye-xiaolv__card:focus-within {
  transform: translateY(-10px);
}

.shouye .shouye-xiaolv__card:focus {
  outline: none;
}

.shouye .shouye-xiaolv__card:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #7c3aed;
}

.shouye .shouye-xiaolv__card-body {
  --xiaolv-title-size: calc(2px + clamp(16px, 1.5vw + 13px, 27px));
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  flex-direction: column;
  height: 100%;
  min-height: clamp(320px, 42vw, 420px);
  padding: clamp(36px, 4vw, 48px) calc(10px + clamp(18px, 2vw, 24px));
  transition: background .42s, border-color .42s, box-shadow .42s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.shouye .shouye-xiaolv__card:hover .shouye-xiaolv__card-body, .shouye .shouye-xiaolv__card:focus-within .shouye-xiaolv__card-body {
  background: linear-gradient(165deg, #fff 0%, #f3e8ff 38%, #c084fc 72%, #7c3aed 100%);
}

.shouye .shouye-xiaolv__dur {
  font-size: calc(var(--xiaolv-title-size) - 2px);
  color: #2563eb;
  letter-spacing: .02em;
  margin: 0 0 8px;
  font-weight: 700;
  line-height: 1.35;
  transition: color .35s;
}

.shouye .shouye-xiaolv__card:hover .shouye-xiaolv__dur, .shouye .shouye-xiaolv__card:focus-within .shouye-xiaolv__dur {
  color: #5b21b6;
}

.shouye .shouye-xiaolv__card-title {
  font-size: var(--xiaolv-title-size);
  color: #0f172a;
  letter-spacing: -.02em;
  margin: 0 0 calc(15px + clamp(14px, 1.6vw, 18px));
  font-weight: 800;
  line-height: 1.28;
}

.shouye .shouye-xiaolv__media {
  z-index: 0;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  min-height: 0;
  margin-top: auto;
  display: flex;
  position: relative;
}

.shouye .shouye-xiaolv__img {
  object-fit: contain;
  z-index: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  transition: opacity .42s, transform .5s;
  display: block;
  position: relative;
}

.shouye .shouye-xiaolv__card:hover .shouye-xiaolv__img, .shouye .shouye-xiaolv__card:focus-within .shouye-xiaolv__img {
  opacity: .28;
  transform: scale(1.03);
}

.shouye .shouye-xiaolv__feats {
  text-align: left;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  max-width: calc(100% - 16px);
  max-height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  transition: max-height .45s cubic-bezier(.22, 1, .36, 1), opacity .35s, transform .35s;
  display: inline-flex;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  transform: translateY(12px);
}

.shouye .shouye-xiaolv__card:hover .shouye-xiaolv__feats, .shouye .shouye-xiaolv__card:focus-within .shouye-xiaolv__feats {
  opacity: 1;
  pointer-events: auto;
  max-height: 320px;
  transform: translateY(0);
}

.shouye .shouye-xiaolv__feat {
  color: #0f172a;
  text-align: left;
  opacity: 0;
  background: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 22px;
  font-size: clamp(14px, 1.12vw, 15px);
  font-weight: 600;
  line-height: 1.45;
  transition: opacity .32s, transform .32s cubic-bezier(.22, 1, .36, 1);
  display: flex;
  transform: translateY(10px);
  box-shadow: 0 1px 3px #0f172a0f;
}

.shouye .shouye-xiaolv__card:hover .shouye-xiaolv__feat, .shouye .shouye-xiaolv__card:focus-within .shouye-xiaolv__feat {
  opacity: 1;
  transform: translateY(0);
}

.shouye .shouye-xiaolv__card:hover .shouye-xiaolv__feat:first-child, .shouye .shouye-xiaolv__card:focus-within .shouye-xiaolv__feat:first-child {
  transition-delay: 40ms;
}

.shouye .shouye-xiaolv__card:hover .shouye-xiaolv__feat:nth-child(2), .shouye .shouye-xiaolv__card:focus-within .shouye-xiaolv__feat:nth-child(2) {
  transition-delay: .1s;
}

.shouye .shouye-xiaolv__card:hover .shouye-xiaolv__feat:nth-child(3), .shouye .shouye-xiaolv__card:focus-within .shouye-xiaolv__feat:nth-child(3) {
  transition-delay: .16s;
}

.shouye .shouye-xiaolv__card:hover .shouye-xiaolv__feat:nth-child(4), .shouye .shouye-xiaolv__card:focus-within .shouye-xiaolv__feat:nth-child(4) {
  transition-delay: .22s;
}

.shouye .shouye-xiaolv__check {
  background: #22c55e;
  border-radius: 999px;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
  box-shadow: inset 0 -1px #0000000f;
}

.shouye .shouye-xiaolv__check:after {
  content: "";
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 5px;
  height: 9px;
  position: absolute;
  top: 2px;
  left: 5px;
  transform: rotate(45deg);
}

.shouye .shouye-xiaolv__feat-txt {
  text-align: left;
  flex: 1;
  min-width: 0;
}

.shouye .shouye-jiangshi {
  background: #fff;
  width: 100%;
  padding: clamp(48px, 7vh, 96px) 0 clamp(56px, 8vh, 104px);
  position: relative;
}

.shouye .shouye-jiangshi__inner {
  padding-inline: clamp(16px, 3vw, 28px);
}

.shouye .shouye-jiangshi__head {
  text-align: center;
  margin-bottom: clamp(36px, 5vh, 56px);
}

.shouye .shouye-jiangshi__kicker {
  color: #0f172a;
  letter-spacing: .02em;
  margin: 0 0 10px;
  font-size: clamp(13px, 1.05vw, 15px);
  font-weight: 700;
}

.shouye .shouye-jiangshi__title {
  letter-spacing: -.02em;
  color: #0f172a;
  max-width: 36em;
  margin: 0 auto;
  font-size: clamp(22px, 2.35vw, 34px);
  font-weight: 700;
  line-height: 1.35;
}

.shouye .shouye-jiangshi__track {
  width: 100%;
  padding: 0 0 clamp(20px, 3vh, 32px);
  overflow: hidden;
}

.shouye .shouye-jiangshi__cell {
  justify-content: center;
  align-items: stretch;
  width: 700px;
  height: auto;
  padding-top: clamp(104px, 11vw, 136px);
  display: flex;
}

.shouye .shouye-jiangshi__card {
  background: linear-gradient(90deg, #ebecee 0%, #dcdee4 42%, #c6c8cf 100%);
  border-radius: clamp(14px, 1.8vw, 18px);
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  padding: clamp(22px, 3vw, 30px) clamp(20px, 2.6vw, 28px) clamp(18px, 2.4vw, 24px);
  display: flex;
  position: relative;
  overflow: visible;
}

.shouye .shouye-jiangshi__intro {
  z-index: 2;
  text-align: left;
  flex: none;
  max-width: min(52%, 280px);
  padding-right: clamp(8px, 1.2vw, 14px);
  position: relative;
}

.shouye .shouye-jiangshi__photo {
  z-index: 1;
  aspect-ratio: 440 / 500;
  object-fit: contain;
  object-position: right bottom;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  filter: drop-shadow(0 14px 32px #0f172a1f);
  width: clamp(135px, 38%, 255px);
  height: auto;
  max-height: clamp(222px, 44vw, 308px);
  display: block;
  position: absolute;
  inset: clamp(-112px, -15.6vw, -68px) clamp(6px, 1.8vw, 22px) auto auto;
}

.shouye .shouye-jiangshi__name {
  color: #0c1222;
  letter-spacing: -.02em;
  margin: 0 0 clamp(8px, 1.2vw, 12px);
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 700;
  line-height: 1.2;
}

.shouye .shouye-jiangshi__org {
  color: #6b7280;
  margin: 0;
  font-size: clamp(13px, 1.05vw, 15px);
  font-weight: 400;
  line-height: 1.5;
}

.shouye .shouye-jiangshi__quote {
  z-index: 3;
  background: #fff;
  border-radius: clamp(10px, 1.2vw, 14px);
  flex: none;
  margin-top: clamp(18px, 3.5vw, 40px);
  padding: clamp(17px, 2.1vw, 22px) clamp(18px, 2.3vw, 24px);
  position: relative;
  transform: translateY(clamp(-12px, -1.8vw, -6px));
  box-shadow: 0 8px 28px #0f172a14, 0 0 0 1px #0f172a0a;
}

.shouye .shouye-jiangshi__quote-text {
  color: #5c6370;
  text-align: left;
  margin: 0;
  font-size: clamp(13px, 1.06vw, 15px);
  font-weight: 400;
  line-height: 1.75;
}

.shouye .shouye-jiangshi__nav {
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: clamp(4px, 1vh, 12px);
  display: flex;
}

.shouye .shouye-jiangshi__btn {
  color: #141414;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #e8e9ec;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 1;
  transition: background .2s, border-color .2s, box-shadow .2s, transform .15s, color .2s;
  display: inline-flex;
  box-shadow: 0 2px 8px #0f172a12, 0 1px 2px #0f172a0a;
}

.shouye .shouye-jiangshi__btn:hover {
  color: #0a0a0a;
  background: #fff;
  border-color: #d1d5db;
  box-shadow: 0 3px 12px #0f172a17, 0 1px 2px #0f172a0d;
}

.shouye .shouye-jiangshi__btn:focus-visible {
  outline: 2px solid var(--zhutise);
  outline-offset: 3px;
}

.shouye .shouye-jiangshi__btn:active {
  transform: scale(.96);
  box-shadow: 0 1px 4px #0f172a0f;
}

.shouye .shouye-jiangshi__btn:disabled {
  opacity: .4;
  cursor: not-allowed;
  pointer-events: none;
  color: #9ca3af;
  box-shadow: 0 1px 3px #0f172a0a;
}

.shouye .shouye-hezuo {
  --hezuo-gap: clamp(14px,2vw,22px);
  --hezuo-card-w: clamp(132px,14vw,186px);
  --hezuo-card-h: clamp(64px,7vw,88px);
  background: #fff;
  width: 100%;
  padding-block: clamp(28px, 4vw, 48px);
}

.shouye .shouye-hezuo__mask {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, #0000 0%, #000 10% 90%, #0000 100%);
  mask-image: linear-gradient(90deg, #0000 0%, #000 10% 90%, #0000 100%);
}

.shouye .shouye-hezuo__rows {
  gap: var(--hezuo-gap);
  flex-direction: column;
  display: flex;
}

.shouye .shouye-hezuo__row {
  overflow: hidden;
}

.shouye .shouye-hezuo__strip {
  will-change: transform;
  backface-visibility: hidden;
  flex-flow: row;
  width: max-content;
  display: flex;
  transform: translate3d(0, 0, 0);
}

.shouye .shouye-hezuo__chunk {
  align-items: center;
  gap: var(--hezuo-gap);
  padding-inline: calc(var(--hezuo-gap)*.5);
  flex-flow: row;
  display: flex;
}

.shouye .shouye-hezuo__card {
  width: var(--hezuo-card-w);
  height: var(--hezuo-card-h);
  background: #fff;
  border: 1px solid #eceef2;
  border-radius: 6px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 1px 4px #0f172a0d;
}

.shouye .shouye-hezuo__card img {
  object-fit: contain;
  width: auto;
  max-width: 72%;
  height: auto;
  max-height: 56%;
  display: block;
}

.shouye .shouye-lianxi {
  background-color: #5a2fc9;
  background-image: url("/images/home/5.png"),linear-gradient(118deg,#5028b8 0%,var(--zhutise) 46%,#5f35d4 72%,#4a23ad 100%);
  background-position: 0, center;
  background-repeat: no-repeat, no-repeat;
  background-size: auto 100%, 100% 100%;
  width: 100%;
  padding: clamp(26px, 3.5vw, 46px) clamp(20px, 4vw, 40px);
}

.shouye .shouye-lianxi__inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: clamp(10px, 1.35vw, 16px);
  display: flex;
}

.shouye .shouye-lianxi__title {
  letter-spacing: -.02em;
  color: #fff;
  max-width: min(920px, 100%);
  margin: 0;
  font-size: clamp(26px, 3.6vw, 42px);
  font-weight: 700;
  line-height: 1.25;
}

.shouye .shouye-lianxi__sub {
  color: #fffffff0;
  max-width: min(720px, 100%);
  margin: 0;
  font-size: clamp(15px, 1.45vw, 19px);
  font-weight: 400;
  line-height: 1.55;
}

.shouye .shouye-lianxi__features {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: clamp(10px, 2vw, 28px) clamp(18px, 3vw, 40px);
  margin: clamp(6px, 1vw, 12px) 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.shouye .shouye-lianxi__feature {
  color: #fff;
  align-items: center;
  gap: 8px;
  font-size: clamp(13px, 1.15vw, 15px);
  font-weight: 400;
  line-height: 1.4;
  display: inline-flex;
}

.shouye .shouye-lianxi__check {
  border: 1.5px solid #fffffff2;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: inline-flex;
}

.shouye .shouye-lianxi__check:after {
  content: "";
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 4px;
  height: 8px;
  margin-top: -2px;
  display: block;
  transform: rotate(45deg);
}

.shouye .shouye-lianxi__cta {
  color: #141414;
  -webkit-tap-highlight-color: transparent;
  background: #fff;
  border-radius: clamp(8px, 1vw, 10px);
  justify-content: center;
  align-items: center;
  margin-top: clamp(14px, 2.2vw, 26px);
  padding: clamp(12px, 1.4vw, 15px) clamp(36px, 4vw, 48px);
  font-size: clamp(15px, 1.35vw, 17px);
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: transform .15s, box-shadow .2s, background .2s;
  display: inline-flex;
  box-shadow: 0 6px 24px #0f172a1f;
}

.shouye .shouye-lianxi__cta:hover {
  background: #f8fafc;
  box-shadow: 0 10px 32px #0f172a29;
}

.shouye .shouye-lianxi__cta:active {
  transform: scale(.98);
}

.shouye .shouye-lianxi__cta:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #fff;
}

@media (prefers-reduced-motion: reduce) {
  .shouye .shouye-hezuo__strip {
    transform: translate3d(0, 0, 0);
  }
}

@media (min-width: 992px) {
  .shouye .shouye-banana {
    background-attachment: fixed;
    min-height: 220svh;
  }

  .shouye .shouye-banana__frame {
    min-height: 100svh;
    padding-top: max(24px,calc(var(--header-height) + clamp(50px,2vh,32px)));
    justify-content: center;
    padding-bottom: clamp(52px, 9vh, 96px);
    position: sticky;
    top: 0;
    overflow-x: clip;
  }

  .shouye .shouye-banana__zoom-shell {
    will-change: transform;
    aspect-ratio: 1440 / 780;
    flex-shrink: 0;
    align-self: center;
    width: 100%;
    max-width: 1440px;
    margin-inline: auto;
  }

  .shouye .shouye-banana__zoom-shell-bg {
    z-index: 0;
    opacity: 0;
    pointer-events: none;
    will-change: opacity;
    background: url("/images/home/1-3.jpg") center / cover no-repeat;
    border-radius: 24px;
    display: block;
    position: absolute;
    inset: clamp(-10px, -1.2vw, -20px);
  }

  .shouye .shouye-banana__zoom-shell .shouye-banana__grid {
    z-index: 1;
    will-change: transform, margin-top;
    transform-origin: center;
    margin-top: 240px;
    position: relative;
  }

  .shouye .shouye-banana__robot-wrap {
    transform: translateY(15px);
  }

  .shouye .shouye-banana__scroll-hint {
    transform: translate(-50%, -30px);
  }

  .shouye .shouye-banana__scroll-hint.shouye-banana__scroll-hint--away {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .shouye .shouye-banana__zoom-shell {
    display: contents;
  }

  .shouye .shouye-banana__zoom-shell-bg {
    display: none !important;
  }

  .shouye .shouye-guanli__panels {
    grid-template-columns: repeat(2, 1fr);
  }

  .shouye .shouye-guanli__panel--evolve {
    grid-column: auto;
    grid-template-columns: 1fr;
    align-content: space-between;
  }

  .shouye .shouye-guanli__evolve-art .shouye-guanli__illust {
    width: 100%;
    height: auto;
  }

  .shouye .shouye-guanli__net-labels li {
    white-space: normal;
    max-width: min(120px, 28vw);
    font-size: 10px;
  }

  .shouye .shouye-guanli__net-layout {
    flex-direction: column;
    align-items: stretch;
  }

  .shouye .shouye-guanli__net-layout .shouye-guanli__net-head {
    flex: none;
    margin-bottom: clamp(16px, 3vw, 24px);
  }

  .shouye .shouye-guanli__net-txt {
    font-size: 11px;
  }

  .shouye .shouye-xiaolv__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(10px, 2.5vw, 18px);
  }

  .shouye .shouye-xiaolv__card:nth-child(3) {
    grid-column: 1 / -1;
  }

  .shouye .shouye-xiaolv__card {
    transition: none;
    transform: none;
  }

  .shouye .shouye-xiaolv__card:hover, .shouye .shouye-xiaolv__card:focus-within {
    transform: none;
  }

  .shouye .shouye-xiaolv__card-body {
    --xiaolv-title-size: calc(2px + clamp(15px, 2.6vw + 10px, 24px));
    background: linear-gradient(165deg, #fff 0%, #f3e8ff 38%, #c084fc 72%, #7c3aed 100%);
    min-height: 0;
    padding: clamp(18px, 4vw, 32px) clamp(12px, 3vw, 22px);
  }

  .shouye .shouye-xiaolv__dur {
    color: #5b21b6;
  }

  .shouye .shouye-xiaolv__card-title {
    margin-bottom: clamp(8px, 2vw, 14px);
  }

  .shouye .shouye-xiaolv__media {
    justify-content: center;
    align-items: flex-end;
    margin-top: clamp(8px, 2vw, 14px);
  }

  .shouye .shouye-xiaolv__img {
    flex: none;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .shouye .shouye-xiaolv__feats {
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
    flex-direction: column;
    flex: none;
    gap: clamp(5px, 1.5vw, 9px);
    max-width: calc(100% - clamp(8px, 2vw, 14px));
    max-height: none;
    display: inline-flex;
    position: absolute;
    inset: auto auto 0 0;
    overflow: visible;
    transform: none;
  }

  .shouye .shouye-xiaolv__feat {
    opacity: 1;
    gap: 8px;
    padding: clamp(9px, 2.2vw, 16px);
    font-size: clamp(10px, .55vw + 7.5px, 13.5px);
    transition: none;
    transform: none;
  }

  .shouye .shouye-xiaolv__feat .shouye-xiaolv__check {
    width: 16px;
    height: 16px;
  }

  .shouye .shouye-xiaolv__feat .shouye-xiaolv__check:after {
    width: 4px;
    height: 7px;
    top: 2px;
    left: 4px;
  }

  .shouye .shouye-xiaolv__card:hover .shouye-xiaolv__img, .shouye .shouye-xiaolv__card:focus-within .shouye-xiaolv__img {
    opacity: 1;
    transform: none;
  }

  .shouye .shouye-xiaolv__card:hover .shouye-xiaolv__feats, .shouye .shouye-xiaolv__card:focus-within .shouye-xiaolv__feats {
    opacity: 1;
    max-height: none;
    transform: none;
  }

  .shouye .shouye-xiaolv__card:hover .shouye-xiaolv__feat, .shouye .shouye-xiaolv__card:focus-within .shouye-xiaolv__feat {
    opacity: 1;
    transform: none;
  }

  .shouye .shouye-xiaolv__card:nth-child(3) .shouye-xiaolv__card-body {
    grid-template-rows: max-content max-content max-content;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.22fr);
    align-items: start;
    gap: 0 clamp(16px, 4vw, 32px);
    display: grid;
  }

  .shouye .shouye-xiaolv__card:nth-child(3) .shouye-xiaolv__dur {
    grid-area: 1 / 1;
    margin-bottom: clamp(2px, .65vw, 8px);
    line-height: 1.2;
  }

  .shouye .shouye-xiaolv__card:nth-child(3) .shouye-xiaolv__card-title {
    grid-area: 2 / 1;
    margin-top: 0;
    margin-bottom: clamp(4px, 1.2vw, 10px);
    line-height: 1.22;
  }

  .shouye .shouye-xiaolv__card:nth-child(3) .shouye-xiaolv__media {
    margin: 0;
    display: contents;
  }

  .shouye .shouye-xiaolv__card:nth-child(3) .shouye-xiaolv__img {
    grid-area: 3 / 1;
    place-self: start;
    width: auto;
    max-width: min(100%, clamp(120px, 36vw, 220px));
    height: auto;
  }

  .shouye .shouye-xiaolv__card:nth-child(3) .shouye-xiaolv__feats {
    z-index: auto;
    grid-area: 1 / 2 / -1;
    place-self: start stretch;
    width: 100%;
    min-width: 0;
    max-width: none;
    position: relative;
    inset: auto;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .shouye .shouye-banana__grid {
    grid-template-columns: 1fr;
    gap: clamp(16px, 3vw, 28px);
  }

  .shouye .shouye-banana__col--left, .shouye .shouye-banana__col--right {
    display: none;
  }

  .shouye .shouye-banana__col--center {
    grid-area: 1 / 1;
    justify-self: center;
    width: 100%;
    min-width: 0;
    max-width: 800px;
  }

  .shouye .shouye-banana__robot {
    width: clamp(160px, 22vw, 190px);
    height: auto;
  }
}

@media (max-width: 767.98px) {
  .shouye .shouye-banana__frame {
    min-height: 100svh;
    padding-top: calc(var(--header-height) + env(safe-area-inset-top, 0px) + clamp(12px,3vh,22px));
    padding-bottom: calc(clamp(52px,12vh,92px) + env(safe-area-inset-bottom, 0px));
    justify-content: flex-start;
    align-items: center;
  }

  .shouye .shouye-banana {
    --shouye-banana-fan-gap: clamp(18px,4vw,28px);
  }

  .shouye .shouye-banana__title-desktop {
    width: 100%;
    max-width: 100%;
    padding-inline: clamp(4px, 1.5vw, 12px);
    display: block;
  }

  .shouye .shouye-banana__title-line--hero {
    letter-spacing: .01em;
    align-items: center;
    font-size: clamp(24px, 6.8vw, 36px);
    line-height: 1.38;
  }

  .shouye .shouye-banana__grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, clamp(104px, 38vw, 174px)) minmax(0, 1fr);
    align-items: center;
    gap: clamp(16px, 4.5vw, 28px) 4px;
  }

  .shouye .shouye-banana__col--left, .shouye .shouye-banana__col--right {
    display: flex !important;
  }

  .shouye .shouye-banana__col--left {
    grid-area: 2 / 1;
    justify-self: end;
  }

  .shouye .shouye-banana__col--right {
    grid-area: 2 / 3;
    justify-self: start;
  }

  .shouye .shouye-banana__col--center, .shouye .shouye-banana__main, .shouye .shouye-banana__headline {
    display: contents;
  }

  .shouye .shouye-banana__title {
    text-align: center;
    flex: none;
    grid-area: 1 / 1 / auto / -1;
    align-items: center;
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .shouye .shouye-banana__robot-wrap {
    z-index: 2;
    grid-area: 2 / 2;
    place-self: center;
  }

  .shouye .shouye-banana__panel-anchor {
    grid-area: 3 / 1 / auto / -1;
    width: 100%;
    min-width: 0;
  }

  .shouye .shouye-banana__pill {
    border-radius: 10px;
    padding: 7px 10px;
    font-size: 11px;
    box-shadow: 0 6px 16px #0f27441f;
  }

  .shouye .shouye-banana__col--left .shouye-banana__fan:first-child {
    margin-right: clamp(6px, 2vw, 20px);
  }

  .shouye .shouye-banana__col--left .shouye-banana__fan:nth-child(2) {
    margin-right: clamp(18px, 5vw, 48px);
  }

  .shouye .shouye-banana__col--left .shouye-banana__fan:nth-child(3) {
    margin-right: clamp(8px, 2.5vw, 24px);
  }

  .shouye .shouye-banana__col--right .shouye-banana__fan:first-child {
    margin-left: clamp(6px, 2vw, 20px);
  }

  .shouye .shouye-banana__col--right .shouye-banana__fan:nth-child(2) {
    margin-left: clamp(18px, 5vw, 48px);
  }

  .shouye .shouye-banana__col--right .shouye-banana__fan:nth-child(3) {
    margin-left: clamp(8px, 2.5vw, 24px);
  }

  .shouye .shouye-banana__pill--fan-l1 {
    transform: rotate(14deg)translateX(12px);
  }

  .shouye .shouye-banana__pill--fan-l2 {
    transform: rotate(-8deg)translateX(4px);
  }

  .shouye .shouye-banana__pill--fan-l3 {
    transform: rotate(10deg)translateX(14px);
  }

  .shouye .shouye-banana__pill--fan-r1 {
    transform: rotate(-14deg)translateX(-12px);
  }

  .shouye .shouye-banana__pill--fan-r2 {
    transform: rotate(8deg)translateX(-4px);
  }

  .shouye .shouye-banana__pill--fan-r3 {
    transform: rotate(-10deg)translateX(-14px);
  }

  .shouye .shouye-banana__robot {
    width: clamp(112px, 38vw, 168px);
    height: auto;
  }

  .shouye .shouye-banana__panel-anchor:focus-visible {
    outline-offset: 3px;
    border-radius: 999px;
  }

  .shouye .shouye-banana__panel-shell {
    background: linear-gradient(100deg,var(--zhutise) 0%,#6366f1 12%,#3d3d42 28%,#1a1a1a 52%,#141414 100%);
    border-radius: 999px;
    padding: 1.5px;
    box-shadow: 0 10px 32px #0f274424, 0 2px 10px #0f274412;
  }

  .shouye .shouye-banana__panel {
    background: #fff;
    border-radius: 999px;
    flex-direction: column;
    justify-content: center;
    min-height: 50px;
    padding: 0;
    display: flex;
    overflow: hidden;
  }

  .shouye .shouye-banana__panel-typing-bar {
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    margin: 0;
    padding: 10px 8px 10px 18px;
    display: flex;
  }

  .shouye .shouye-banana__panel-fab {
    color: #fff;
    background: #0a0a0a;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-right: 4px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
    box-shadow: 0 2px 8px #0000002e;
  }

  .shouye .shouye-banana__placeholder {
    color: #9ca3af;
    flex: 1;
    align-items: center;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.45;
    display: flex;
  }

  .shouye .shouye-banana__typing-line {
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: normal;
    width: 100%;
    display: block;
    overflow: hidden;
  }

  .shouye .shouye-banana__typing-text {
    color: #6b7280;
  }

  .shouye .shouye-banana__typing-caret {
    background: #9ca3af;
  }

  .shouye .shouye-banana__panel-row {
    display: none;
  }

  .shouye .shouye-tongdian {
    padding: clamp(36px, 6vh, 56px) 0 clamp(40px, 7vh, 72px);
  }

  .shouye .shouye-tongdian__head {
    margin-bottom: clamp(22px, 4vh, 32px);
  }

  .shouye .shouye-tongdian__title {
    font-size: clamp(18px, 4.8vw, 24px);
    line-height: 1.35;
  }

  .shouye .shouye-tongdian__sub {
    margin-top: 10px;
    padding-inline: clamp(4px, 2vw, 12px);
    font-size: clamp(13px, 3.2vw, 14px);
  }

  .shouye .shouye-tongdian__grid {
    gap: clamp(10px, 2.4vw, 14px);
  }

  .shouye .shouye-tongdian__row {
    align-items: stretch;
    gap: clamp(8px, 2vw, 12px);
  }

  .shouye .shouye-tongdian__card {
    border-radius: 12px;
    align-items: center;
    gap: clamp(8px, 2vw, 12px);
    min-height: 0;
    padding: clamp(12px, 3.2vw, 16px) clamp(10px, 2.5vw, 14px);
  }

  .shouye .shouye-tongdian__icon {
    width: 32px;
    height: 32px;
    margin-top: 0;
    font-size: 16px;
  }

  .shouye .shouye-tongdian__icon--solve {
    font-size: 13px;
  }

  .shouye .shouye-tongdian__card-body {
    align-items: center;
    display: flex;
  }

  .shouye .shouye-tongdian__card-desc {
    display: none;
  }

  .shouye .shouye-tongdian__card-title {
    letter-spacing: -.01em;
    margin: 0;
    font-size: clamp(12px, 3.05vw, 14px);
    font-weight: 700;
    line-height: 1.4;
  }
}

@media (max-width: 719.98px) {
  .shouye .shouye-jiangshi__cell {
    width: min(640px, 100vw - clamp(28px, 6vw, 40px));
    padding-top: clamp(84px, 14vw, 104px);
  }

  .shouye .shouye-jiangshi__card {
    width: 100%;
    padding: clamp(16px, 3.6vw, 24px) clamp(14px, 3.2vw, 20px) clamp(14px, 3.2vw, 20px);
  }

  .shouye .shouye-jiangshi__intro {
    text-align: left;
    max-width: min(240px, 56%);
  }

  .shouye .shouye-jiangshi__name {
    font-size: clamp(18px, 4.5vw, 24px);
  }

  .shouye .shouye-jiangshi__photo {
    width: clamp(88px, 40%, 168px);
    max-height: clamp(158px, 60vw, 252px);
    top: clamp(-80px, -20vw, -40px);
    right: clamp(2px, 1.2vw, 14px);
  }

  .shouye .shouye-jiangshi__quote {
    margin-top: clamp(17px, 4.5vw, 35px);
    padding: clamp(14px, 3.2vw, 18px);
    transform: translateY(clamp(-8px, -2vw, -4px));
  }

  .shouye .shouye-lianxi__features {
    flex-direction: column;
    gap: 12px;
  }
}

@media (max-width: 575.98px) {
  .shouye .shouye-guanli__hero-title {
    font-size: clamp(22px, 6vw, 28px);
  }

  .shouye .shouye-xiaolv__card-body {
    --xiaolv-title-size: calc(2px + clamp(13px, 3.6vw + 6px, 17px));
  }

  .shouye .shouye-xiaolv__feat {
    padding: clamp(5px, 1.4vw, 8px) clamp(7px, 2vw, 11px);
    font-size: clamp(9px, .72vw + 6.5px, 11.75px);
    font-weight: 400;
    line-height: 1.42;
  }

  .shouye .shouye-xiaolv__card:nth-child(3) .shouye-xiaolv__img {
    max-width: min(100%, clamp(86px, 42vw, 132px));
  }
}

@media (max-width: 419.98px) {
  .shouye .shouye-jiangshi__cell {
    width: calc(100vw - 28px);
  }
}

.shouye .amazon-home * {
  box-sizing: border-box;
}

.shouye .amazon-home a {
  color: inherit;
  text-decoration: none;
}

.shouye .amazon-btn {
  border: 1px solid var(--amazon-brand);
  min-height: 44px;
  color: var(--amazon-white);
  background: var(--amazon-brand);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 26px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: transform .16s, background-color .16s, border-color .16s;
  display: inline-flex;
  box-shadow: 0 10px 24px #6b3eec38;
}

.shouye .amazon-btn:hover {
  color: var(--amazon-white);
  border-color: var(--amazon-brand);
  background: var(--amazon-brand);
  transform: translateY(-1px);
  box-shadow: 0 14px 30px #6b3eec52;
}

.shouye .amazon-btn--amber {
  border-color: var(--amazon-brand);
  background: linear-gradient(90deg, #7b61ff 0%, var(--amazon-brand) 52%, #7040d4 100%);
  color: #fff;
}

.shouye .amazon-btn--amber:hover {
  border-color: var(--amazon-brand);
  background: var(--amazon-brand);
  color: #fff;
}

.shouye .amazon-btn--ghost {
  color: var(--amazon-brand);
  background: #ffffffe0;
  border-color: #6b3eec47;
}

.shouye .amazon-btn--ghost:hover {
  border-color: var(--amazon-brand);
  color: var(--amazon-brand);
  background: #fff;
}

.shouye .amazon-home__eyebrow {
  color: var(--amazon-brand);
  letter-spacing: 0;
  text-transform: uppercase;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.shouye .amazon-home__eyebrow:before {
  content: "";
  background: linear-gradient(90deg, var(--amazon-brand-light), var(--amazon-brand));
  border-radius: 999px;
  width: 28px;
  height: 3px;
}

.shouye .amazon-agent .amazon-btn--ghost:hover {
  color: #fff;
  background: #2a3038;
  border-color: #fff;
}

.shouye .amazon-home {
  color: var(--amazon-ink);
  background: #e8eef5;
  border-top: 1px solid #e8ebee;
  border-bottom: 1px solid #e8ebee;
  padding: 88px 0;
}

.shouye .amazon-home__grid {
  grid-template-columns: minmax(340px, .72fr) minmax(600px, 1.28fr);
  align-items: center;
  gap: 66px;
  display: grid;
}

.shouye .amazon-home__copy h2 {
  letter-spacing: 0;
  background: linear-gradient(90deg, var(--amazon-brand) 0%, #3a3a3a 55%, #000 100%);
  color: #0000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  font-size: clamp(34px, 3.3vw, 52px);
  line-height: 1.2;
}

.shouye .amazon-home__copy p {
  color: var(--amazon-muted);
  margin: 22px 0 0;
  font-size: 15px;
  line-height: 1.8;
}

.shouye .amazon-home__modules {
  border: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.shouye .amazon-home__module {
  background: #ffffffe6;
  border: 1px solid #6b3eec1a;
  border-radius: 16px;
  min-height: 162px;
  padding: 24px;
  box-shadow: 0 8px 24px #0f172a0f;
}

.shouye .amazon-home__module span {
  color: #fff;
  background: linear-gradient(180deg, var(--amazon-brand-light), var(--amazon-brand));
  text-align: center;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  margin-bottom: 24px;
  font-size: 11px;
  font-weight: 800;
  line-height: 34px;
  display: block;
}

.shouye .amazon-home__module strong {
  margin-bottom: 8px;
  font-size: 17px;
  display: block;
}

.shouye .amazon-home__module p {
  color: var(--amazon-muted);
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}

.shouye .amazon-home__module-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

.shouye .amazon-home__module .amazon-home__module-head > em {
  color: #6746c8;
  white-space: nowrap;
  background: #6b3eec0f;
  border: 1px solid #6b3eec24;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

.shouye .amazon-home__module--featured {
  background: radial-gradient(circle at 90% 10%, #6b3eec24, #0000 35%), #fffffff5;
  border-color: #6b3eec3d;
  grid-column: 1 / -1;
  min-height: 150px;
  position: relative;
  overflow: hidden;
}

.shouye .amazon-home__module--featured > p {
  max-width: 760px;
}

.shouye .amazon-home__module--featured > a {
  color: #5f3fd0;
  margin-top: 13px;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
}

.shouye .amazon-home__module--featured > a:hover {
  color: #392184;
}

@media (max-width: 1199.98px) {
  .shouye .amazon-home__grid {
    gap: 42px;
  }
}

@media (max-width: 899.98px) {
  .shouye .amazon-home__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 599.98px) {
  .shouye .amazon-home {
    padding: 68px 0;
  }

  .shouye .amazon-home__modules {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .shouye .amazon-btn {
    transition: none;
  }
}

.shouye .amazon-btn {
  border-color: var(--amazon-brand);
  color: #fff;
  background: var(--amazon-brand);
  min-height: 42px;
  transition: transform var(--amazon-motion-quick) var(--amazon-ease), box-shadow var(--amazon-motion-standard) var(--amazon-ease), filter var(--amazon-motion-quick) ease;
  border-radius: 999px;
  padding: 0 26px;
  box-shadow: 0 10px 24px #6b3eec38;
}

.shouye .amazon-btn:hover, .shouye .amazon-btn--amber:hover {
  border-color: var(--amazon-brand);
  color: #fff;
  background: var(--amazon-brand);
  filter: brightness(1.05);
  transform: translateY(-2px);
  box-shadow: 0 14px 30px #6b3eec52;
}

.shouye .amazon-btn:active {
  transform: translateY(0)scale(.98);
}

.shouye .amazon-btn--amber {
  border-color: var(--amazon-brand);
  color: #fff;
  background: linear-gradient(90deg, #7b61ff 0%, var(--amazon-brand) 52%, #7040d4 100%);
}

.shouye .amazon-page .amazon-btn--amber, .shouye .amazon-home .amazon-btn--amber {
  color: #fff;
}

.shouye .amazon-btn--ghost {
  color: var(--amazon-brand);
  box-shadow: none;
  background: #ffffffe0;
  border-color: #6b3eec47;
}

.shouye .amazon-page .amazon-btn--ghost {
  color: var(--amazon-brand);
}

.shouye .amazon-btn--ghost:hover, .shouye .amazon-agent .amazon-btn--ghost:hover {
  border-color: var(--amazon-brand);
  color: var(--amazon-brand);
  background: #fff;
  box-shadow: 0 10px 24px #0f172a1a;
}

.shouye .amazon-home__eyebrow {
  color: var(--amazon-brand);
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 700;
}

.shouye .amazon-home__eyebrow:before {
  background: linear-gradient(90deg, var(--amazon-brand-light), var(--amazon-brand));
  border-radius: 999px;
  width: 30px;
  height: 3px;
}

.shouye .amazon-agent .amazon-btn--amber {
  border-color: var(--amazon-brand);
  color: #fff;
  background: var(--amazon-brand);
  box-shadow: 0 10px 24px #6b3eec33;
}

.shouye .amazon-agent .amazon-btn--ghost {
  color: var(--amazon-brand);
  background: #ffffffb8;
  border-color: #6b3eec42;
}

.shouye .amazon-home {
  color: var(--amazon-ink);
  background-color: #e8eef5;
  background-image: none;
  border: 0;
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}

.shouye .amazon-home__grid {
  grid-template-columns: minmax(360px, .78fr) minmax(600px, 1.22fr);
  gap: 56px;
  padding-inline: 28px;
}

.shouye .amazon-home__copy h2 {
  letter-spacing: 0;
  background: linear-gradient(90deg, var(--amazon-brand) 0%, #3a3a3a 55%, #000 100%);
  color: #0000;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 44px;
  line-height: 1.28;
}

.shouye .amazon-home__copy p {
  color: var(--amazon-muted);
  font-size: 16px;
  line-height: 1.8;
}

.shouye .amazon-home__actions {
  margin-top: 28px;
}

.shouye .amazon-home__modules {
  border: 0;
  gap: 14px;
}

.shouye .amazon-home__module {
  border: 1px solid var(--amazon-line);
  min-height: 154px;
  transition: transform var(--amazon-motion-standard) var(--amazon-ease), border-color var(--amazon-motion-standard) ease, box-shadow var(--amazon-motion-standard) var(--amazon-ease);
  background: #fffffff0;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 8px 24px #0f172a0f;
}

.shouye .amazon-home__module:hover {
  border-color: #6b3eec47;
  transform: translateY(-4px);
  box-shadow: 0 16px 34px #0f172a1c;
}

.shouye .amazon-home__module span {
  color: #fff;
  background: linear-gradient(180deg, var(--amazon-brand-light), var(--amazon-brand));
  text-align: center;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  margin-bottom: 20px;
  font-size: 11px;
  line-height: 34px;
}

.shouye .amazon-home__module strong {
  color: var(--amazon-ink);
  font-size: 17px;
}

.shouye .amazon-home__module p {
  color: var(--amazon-muted);
  font-size: 13px;
}

@media (max-width: 1199.98px) {
  .shouye .amazon-home__grid {
    grid-template-columns: minmax(320px, .78fr) minmax(520px, 1.22fr);
    gap: 38px;
  }

  .shouye .amazon-home__copy h2 {
    font-size: 38px;
  }
}

@media (max-width: 899.98px) {
  .shouye .amazon-home__grid {
    grid-template-columns: 1fr;
  }

  .shouye .amazon-home {
    padding: 72px 0;
  }

  .shouye .amazon-home__grid {
    gap: 38px;
    padding-inline: 20px;
  }
}

@media (max-width: 599.98px) {
  .shouye .amazon-btn {
    width: 100%;
  }

  .shouye .amazon-home {
    padding: 56px 0;
  }

  .shouye .amazon-home__grid {
    gap: 30px;
    padding-inline: 0;
  }

  .shouye .amazon-home__copy h2 {
    font-size: 30px;
  }

  .shouye .amazon-home__copy p {
    font-size: 15px;
  }

  .shouye .amazon-home__modules {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .shouye .amazon-home__module {
    min-height: 150px;
    padding: 18px 16px;
  }

  .shouye .amazon-home__module span {
    width: 30px;
    height: 30px;
    margin-bottom: 16px;
    line-height: 30px;
  }

  .shouye .amazon-home__module strong {
    font-size: 15px;
  }

  .shouye .amazon-home__module p {
    font-size: 12px;
    line-height: 1.55;
  }
}

@media (max-width: 359.98px) {
  .shouye .amazon-home__modules {
    grid-template-columns: 1fr;
  }

  .shouye .amazon-home__module {
    min-height: 132px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .shouye .amazon-btn, .shouye .amazon-home__module {
    transition: none;
  }
}

.shouye .shouye-liaojie__tags-track {
  align-items: center;
  gap: 10px;
  display: flex;
}

.shouye .shouye-liaojie__tag-cell {
  flex: 1 1 0;
  min-width: 0;
}

.shouye .shouye-liaojie__tag {
  width: 100%;
  font: inherit;
  cursor: pointer;
  border: 0;
}

@media (max-width: 991.98px) {
  .shouye .shouye-liaojie__tags {
    scrollbar-width: none;
    overflow-x: auto;
  }

  .shouye .shouye-liaojie__tags::-webkit-scrollbar {
    display: none;
  }

  .shouye .shouye-liaojie__tag-cell {
    flex: none;
  }
}

.shouye .shouye-jiangshi__track {
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  align-items: stretch;
  gap: 30px;
  display: flex;
  overflow: auto hidden;
}

.shouye .shouye-jiangshi__track::-webkit-scrollbar {
  display: none;
}

.shouye .shouye-jiangshi__cell {
  scroll-snap-align: center;
  flex: none;
}

@keyframes shouye-hezuo-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

.shouye .shouye-hezuo__strip {
  animation: 44s linear infinite shouye-hezuo-scroll;
}

.shouye .shouye-hezuo__row--even .shouye-hezuo__strip {
  animation-direction: reverse;
}

@media (prefers-reduced-motion: reduce) {
  .shouye .shouye-hezuo__strip {
    animation: none;
  }
}

/* [project]/src/templates/site/xitong/pc/video/_detail.css [app-client] (css) */
.jzt-course {
  --zhutise: #6b3eec;
  --zhutirgb: 107, 62, 236;
  color: #333;
}

.jzt-course .clearfix:after {
  content: "";
  visibility: hidden;
  clear: both;
  height: 0;
  display: block;
}

.jzt-course .duohide {
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.jzt-course .w1440 {
  width: 1440px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}

.jzt-course .beijingse {
  background-color: #eff4f8;
}

.jzt-course span {
  display: inline-block;
}

.jzt-course .danhide {
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.jzt-course i {
  vertical-align: middle;
  font-style: normal;
  display: inline-block;
}

.jzt-course em {
  font-style: normal;
  display: inline-block;
}

.jzt-course .flex-heng {
  justify-content: space-between;
  display: flex;
}

.jzt-course .flex-shu {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.jzt-course .mianbaoxie {
  padding: 15px 0;
}

.jzt-course .mianbaoxie_bjse {
  background-image: linear-gradient(#ffffff1a, #ffffff0a);
}

.jzt-course .mianbaoxie_bjse :is(ol, li, a, span) {
  color: #fff9 !important;
}

.jzt-course .mianbaoxie a:hover {
  color: #fff !important;
}

.jzt-course .zuoyoufenlan {
  width: 100%;
}

.jzt-course .zuoyoufenlan_zuokuang {
  width: 75%;
}

.jzt-course .zuoyoufenlan_zhongkuang {
  width: 20px;
}

.jzt-course .zuoyoufenlan_youkuang {
  width: 25%;
}

.jzt-course .zuoyoufenlan_youkuang .youkuang_biaoti {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-size: clamp(16px, 3.6vw, 18px);
  font-weight: 600;
}

.jzt-course .kecheng_neirong_kuang {
  margin-top: 0;
}

.jzt-course .kecheng_neirong_kuang_shang {
  background-image: linear-gradient(to right, #316aea 0%, #5f87fd 100%);
  padding-bottom: 40px;
}

.jzt-course .kecheng_neirong_kuang_shang.beijingse1 {
  background-image: linear-gradient(to right, #4f8dda 0%, #5b2fca 100%);
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .w1440 {
  justify-content: flex-start;
  padding-top: 30px;
  position: relative;
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .w1440:before {
  content: "";
  background: url("/images/home/kecheng-nr-11.png") 0 0 / cover no-repeat;
  width: 260px;
  height: 260px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .zuotu {
  background-color: #fff;
  border-radius: 10px;
  width: 700px;
  padding: 2px;
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .zuotu img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .youzi {
  color: #fff;
  z-index: 1;
  justify-content: space-between;
  width: 100%;
  max-width: 70%;
  padding: 10px 15px 15px 30px;
  position: relative;
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .youzi_shang_h1 {
  font-size: clamp(18px, 4.5vw, 24px);
  line-height: 1.4;
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .youzi_shang_p {
  color: #fff9;
  margin-top: 15px;
  font-size: 14px;
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .youzi_xia {
  justify-content: flex-start;
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .youzi_xia li {
  text-align: center;
  flex-direction: column-reverse;
  padding: 0 35px;
  position: relative;
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .youzi_xia li:after {
  content: "";
  background-color: #fff9;
  width: 1px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .youzi_xia li:first-child {
  padding-left: 0;
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .youzi_xia li:last-child {
  padding-right: 0;
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .youzi_xia li:last-child:after {
  display: none;
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .youzi_xia em {
  color: #fffc;
  font-size: 13px;
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .youzi_xia span {
  margin-bottom: 15px;
  font-size: clamp(16px, 3.6vw, 18px);
  font-weight: 600;
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .youzi_xia p {
  color: #ffffffb3;
  font-size: 14px;
}

.jzt-course .goumai_ce {
  margin-top: 24px;
}

.jzt-course .goumai_ce_taocan {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
  display: flex;
}

.jzt-course .goumai_ce_taocan button {
  color: #fffc;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #ffffff59;
  border-radius: 14px;
  padding: 6px 14px;
  font-size: 13px;
  transition: all .15s;
}

.jzt-course .goumai_ce_taocan button:hover:not(:disabled):not(.on) {
  color: #fff;
  border-color: #fff;
}

.jzt-course .goumai_ce_taocan button.on {
  color: #3563e9;
  background-color: #fff;
  border-color: #fff;
  font-weight: 600;
}

.jzt-course .goumai_ce_taocan button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.jzt-course .goumai_ce_hang {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px 16px;
}

.jzt-course .goumai_ce_jiage {
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
}

.jzt-course .goumai_ce_jiage i {
  vertical-align: baseline;
  margin-right: 2px;
  font-size: clamp(16px, 4vw, 20px);
}

.jzt-course .goumai_ce_jiage span {
  letter-spacing: .5px;
  font-size: clamp(26px, 7vw, 34px);
}

.jzt-course .goumai_ce_shikan {
  color: #ffffffe6;
  background-color: #ffffff29;
  border-radius: 15px;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  font-size: 13px;
  display: inline-flex;
}

.jzt-course .goumai_ce_shikan i {
  border-top: 4.5px solid #0000;
  border-bottom: 4.5px solid #0000;
  border-left: 7px solid;
  flex-shrink: 0;
  width: 0;
  height: 0;
}

.jzt-course .fuwu {
  color: #ffffffd9;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin-top: 12px;
  font-size: clamp(11px, 2.8vw, 12px);
  display: flex;
}

.jzt-course .fuwu li {
  align-items: center;
  gap: 3px;
  display: inline-flex;
}

.jzt-course .fuwu svg {
  opacity: .85;
  width: 12px;
  height: 12px;
}

.jzt-course .goumai_ce_anniu {
  justify-content: flex-start;
  gap: 12px;
  margin-top: 22px;
}

.jzt-course .goumai_ce_anniu a {
  text-align: center;
  border-radius: 6px;
  padding: 9px 22px;
  font-size: clamp(14px, 3.4vw, 15px);
  transition: all .15s;
}

.jzt-course .goumai_ce_zixun {
  color: #fff;
  border: 1px solid #ffffff8c;
}

.jzt-course .goumai_ce_zixun:hover {
  background-color: #ffffff1f;
  border-color: #fff;
}

.jzt-course .goumai_ce_xiadan {
  color: #3563e9;
  background-color: #fff;
  font-weight: 600;
}

.jzt-course .goumai_ce_xiadan:hover:not([aria-disabled="true"]) {
  background-color: #ffffffe0;
}

.jzt-course .goumai_ce_xiadan[aria-disabled="true"] {
  opacity: .5;
  cursor: not-allowed;
}

.jzt-course .kecheng_neirong_kuang_xia {
  padding: 30px 0;
}

.jzt-course .kecheng_neirong_kuang_xia .biaoqianqiehuan_tittle {
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0 30px;
  overflow-x: auto;
}

.jzt-course .kecheng_neirong_kuang_xia .biaoqianqiehuan_tittle::-webkit-scrollbar {
  display: none;
}

.jzt-course .kecheng_neirong_kuang_xia .biaoqianqiehuan_tittle .qiehuan-track {
  flex-wrap: nowrap;
  display: flex;
}

.jzt-course .kecheng_neirong_kuang_xia .biaoqianqiehuan_tittle .qiehuan-item {
  white-space: nowrap;
  cursor: pointer;
  flex-shrink: 0;
  width: auto;
  margin-right: 50px;
  padding-bottom: 15px;
  font-size: clamp(15px, 4vw, 18px);
  font-weight: 600;
  line-height: 1.5;
  position: relative;
}

.jzt-course .kecheng_neirong_kuang_xia .biaoqianqiehuan_tittle .qiehuan-item:last-child {
  margin-right: 0;
}

.jzt-course .kecheng_neirong_kuang_xia .biaoqianqiehuan_tittle .qiehuan-item.on:before {
  content: "";
  background-color: var(--zhutise);
  border-radius: 4px;
  width: 25px;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.jzt-course .kecheng_neirong_kuang_xia .biaoqianqiehuan_content {
  margin-top: 20px;
}

.jzt-course .kecheng_neirong_kuang_xia .biaoqianqiehuan_content .qiehuan-panel {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
}

.jzt-course .kecheng_neirong_kuang_xia .infozhengwen {
  padding-top: 0;
  padding-bottom: 0;
}

.jzt-course .kecheng_neirong_kuang_xia .infozhengwen p {
  margin: 0;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengmulu .kechengmulu_zutou {
  color: #333;
  background-color: #fafafa;
  height: 42px;
  padding: 0 15px 0 20px;
  font-size: 15px;
  font-weight: 600;
  line-height: 42px;
  position: relative;
  overflow: hidden;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengmulu .kechengmulu_zuti {
  border-top: 1px solid #eee;
  padding: 10px 0 0;
  line-height: 1.6;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengmulu a {
  border-radius: 5px;
  width: 100%;
  padding: 12px 15px;
  font-size: 14px;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengmulu a:hover {
  background-color: rgba(var(--zhutirgb),.05);
}

.jzt-course .kecheng_neirong_kuang_xia .kechengmulu_biaoti {
  width: 80%;
  padding-left: 25px;
  position: relative;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengmulu_biaoti i {
  color: #999;
  align-items: center;
  width: 16px;
  height: 22px;
  display: flex;
  position: absolute;
  top: -1px;
  left: 0;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengmulu_biaoti i svg {
  width: 15px;
  height: 15px;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengmulu_feiyong {
  text-align: right;
  width: 20%;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengmulu_feiyong span {
  vertical-align: middle;
  margin-right: 10px;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengmulu_feiyong span:last-child {
  margin-right: 0;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengmulu_feiyong_leixing {
  color: #f30;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengmulu_feiyong_leixing i {
  vertical-align: baseline;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengziliao > a, .jzt-course .kecheng_neirong_kuang_xia .kechengziliao > div {
  border-bottom: 1px dashed #ddd;
  align-items: center;
  padding: 15px 10px;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengziliao > a:last-child, .jzt-course .kecheng_neirong_kuang_xia .kechengziliao > div:last-child {
  border-bottom: 0;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengziliao > a:hover, .jzt-course .kecheng_neirong_kuang_xia .kechengziliao > div:hover {
  background-color: rgba(var(--zhutirgb),.05);
}

.jzt-course .kecheng_neirong_kuang_xia .kechengziliao .kechengziliao_l {
  justify-content: flex-start;
  width: 85%;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengziliao .zuotu {
  letter-spacing: .5px;
  color: #fff;
  background-color: #1296db;
  border-radius: 5px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 65px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengziliao .zuotu.jztfont_qita {
  background-color: #1296db;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengziliao .zuotu.jztfont_zip {
  background-color: #8199af;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengziliao .zuotu.jztfont_word {
  background-color: #2b579b;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengziliao .zuotu.jztfont_excel {
  background-color: #107b0f;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengziliao .zuotu.jztfont_ppt {
  background-color: #d24625;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengziliao .zuotu.jztfont_pdf {
  background-color: #ce5849;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengziliao .zuotu.jztfont_img {
  background-color: #74b3f8;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengziliao .youzi {
  color: #333;
  width: 80%;
  padding: 5px 15px;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengziliao .youzi span {
  color: #888;
  font-size: 14px;
  line-height: 1.3;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengziliao .kechengziliao_r span {
  border: 1px solid #333;
  border-radius: 4px;
  padding: 7px 11px;
  font-size: 14px;
}

.jzt-course .kecheng_neirong_kuang_xia .kechengziliao > a:hover .kechengziliao_r span {
  border-color: var(--zhutise);
  color: var(--zhutise);
}

.jzt-course .kecheng_neirong_kuang_xia .changjianwenti dl {
  border-bottom: 1px dashed #ddd;
  padding: 35px 10px 15px 50px;
}

.jzt-course .kecheng_neirong_kuang_xia .changjianwenti dl:last-child {
  border-bottom: 0;
}

.jzt-course .kecheng_neirong_kuang_xia .changjianwenti dt {
  font-weight: 600;
  line-height: 2;
  position: relative;
}

.jzt-course .kecheng_neirong_kuang_xia .changjianwenti dt:before {
  content: "Q";
  text-align: center;
  background-color: rgba(var(--zhutirgb),.3);
  width: 28px;
  height: 28px;
  color: var(--zhutise);
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: -40px;
}

.jzt-course .kecheng_neirong_kuang_xia .changjianwenti dd {
  color: #666;
  min-height: 48px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.5;
}

.jzt-course .kecheng_neirong_kuang_xia .zuoyoufenlan_youkuang > div {
  background-color: #fff;
  border-radius: 8px;
  margin-top: 20px;
  padding: 20px;
}

.jzt-course .kecheng_neirong_kuang_xia .zuoyoufenlan_youkuang > div:first-child {
  background-color: #0000;
  margin-top: 0;
}

.jzt-course .kecheng_neirong_kuang_xia .zuoyoufenlan_youkuang .kechengqiye_description {
  color: #666;
  text-align: justify;
  font-size: 14px;
  line-height: 1.5;
}

.jzt-course .kecheng_neirong_kuang_goumai_taocan {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}

.jzt-course .kecheng_neirong_kuang_goumai_taocan button {
  color: #666;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 7px 16px;
  font-size: 13px;
}

.jzt-course .kecheng_neirong_kuang_goumai_taocan button.on {
  border-color: var(--zhutise);
  color: var(--zhutise);
  font-weight: 600;
}

.jzt-course .kecheng_neirong_kuang_goumai_taocan button:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.jzt-course .pingfen {
  align-items: center;
  gap: 12px;
  display: flex;
}

.jzt-course .pingfen em {
  color: var(--zhutise);
  font-size: clamp(24px, 6vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}

.jzt-course .pingfen > span {
  gap: 2px;
  display: flex;
}

.jzt-course .pingfen svg {
  fill: #ddd;
  width: 15px;
  height: 15px;
}

.jzt-course .pingfen svg.on {
  fill: var(--zhutise);
}

.jzt-course .pingfen p {
  color: #999;
  font-size: 13px;
}

.jzt-course .kechengziliao_kong {
  text-align: center;
  color: #999;
  padding: 40px 0;
  font-size: 14px;
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .youzi--full {
  max-width: 100%;
}

.jzt-course .zixun-mask {
  z-index: 60;
  background: #0f172a80;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.jzt-course .zixun-pop {
  text-align: center;
  background: #fff;
  border-radius: 12px;
  padding: 28px 32px 22px;
  position: relative;
  box-shadow: 0 24px 60px #0f172a40;
}

.jzt-course .zixun-pop img {
  object-fit: contain;
  width: 200px;
  height: 200px;
  display: block;
}

.jzt-course .zixun-pop p {
  color: #666;
  margin-top: 14px;
  font-size: 14px;
}

.jzt-course .zixun-close {
  color: #999;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
}

.jzt-course .zixun-close svg {
  width: 16px;
  height: 16px;
}

.jzt-course .zixun-close:hover {
  color: #333;
  background: #f3f4f6;
}

.jzt-course .beijingse1 {
  background-image: linear-gradient(to right, #4f8dda 0%, #5b2fca 100%);
}

.jzt-course .kecheng_shuxing {
  border-bottom: 1px solid #eee;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 40px;
  margin: 0 0 24px;
  padding: 4px 0;
  display: grid;
}

.jzt-course .kecheng_shuxing > div {
  border-bottom: 1px dashed #eee;
  align-items: baseline;
  gap: 12px;
  padding: 10px 0;
  display: flex;
}

.jzt-course .kecheng_shuxing > div:nth-last-child(-n+2) {
  border-bottom: 0;
}

.jzt-course .kecheng_shuxing dt {
  color: #999;
  flex: 0 0 72px;
  font-size: 14px;
}

.jzt-course .kecheng_shuxing dd {
  color: #333;
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
}

@media (max-width: 1499.98px) {
  .jzt-course .w1440 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 767.98px) {
  .jzt-course .w1440 {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 1023.98px) {
  .jzt-course .kecheng_neirong_kuang_shang_zhengwen .w1440 {
    flex-direction: column;
    align-items: stretch;
  }

  .jzt-course .kecheng_neirong_kuang_shang_zhengwen .zuotu {
    width: 100%;
  }

  .jzt-course .kecheng_neirong_kuang_shang_zhengwen .youzi {
    max-width: 100%;
    padding: 20px 0 0;
  }

  .jzt-course .goumai_ce {
    margin-top: 18px;
  }
}

@media (max-width: 767.98px) {
  .jzt-course .kecheng_neirong_kuang_xia .biaoqianqiehuan_content .qiehuan-panel {
    padding: 12px;
  }

  .jzt-course .kecheng_neirong_kuang_xia .kechengmulu a {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 10px 8px;
  }

  .jzt-course .kecheng_neirong_kuang_xia .kechengmulu_biaoti {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    min-width: 0;
    padding-left: 22px;
    overflow: hidden;
  }

  .jzt-course .kecheng_neirong_kuang_xia .kechengmulu_feiyong {
    text-align: left;
    white-space: nowrap;
    color: #9aa0a6;
    width: 100%;
    padding-left: 22px;
    font-size: 12px;
  }

  .jzt-course .kecheng_neirong_kuang_xia .kechengmulu_feiyong_leixing {
    color: #f7a08a;
  }

  .jzt-course .kecheng_neirong_kuang_xia .kechengmulu_feiyong span {
    margin-right: 8px;
  }

  .jzt-course .kecheng_neirong_kuang_xia .kechengmulu .kechengmulu_zutou {
    height: 38px;
    padding-left: 14px;
    font-size: 14px;
    line-height: 38px;
  }

  .jzt-course .kecheng_neirong_kuang_xia .kechengziliao > a, .jzt-course .kecheng_neirong_kuang_xia .kechengziliao > div {
    padding: 12px 6px;
  }

  .jzt-course .kecheng_neirong_kuang_xia .kechengziliao .zuotu {
    width: 46px;
    height: 50px;
    font-size: 13px;
  }

  .jzt-course .kecheng_neirong_kuang_xia .kechengziliao .kechengziliao_l {
    flex: 1;
    width: auto;
    min-width: 0;
  }

  .jzt-course .kecheng_neirong_kuang_xia .kechengziliao .youzi {
    flex: 1;
    width: auto;
    min-width: 0;
    padding: 0 10px;
  }

  .jzt-course .kecheng_neirong_kuang_xia .kechengziliao .youzi p {
    font-size: 14px;
  }

  .jzt-course .kecheng_neirong_kuang_xia .kechengziliao .youzi span {
    font-size: 12px;
  }

  .jzt-course .kecheng_neirong_kuang_xia .kechengziliao .kechengziliao_r {
    flex-shrink: 0;
  }

  .jzt-course .kecheng_neirong_kuang_xia .kechengziliao .kechengziliao_r:empty {
    display: none;
  }

  .jzt-course .kecheng_neirong_kuang_xia .kechengziliao .kechengziliao_r span {
    padding: 5px 10px;
    font-size: 12px;
  }

  .jzt-course .kecheng_neirong_kuang_xia .changjianwenti dl {
    padding: 22px 0 12px 42px;
  }

  .jzt-course .kecheng_neirong_kuang_xia .changjianwenti dt {
    font-size: 15px;
    line-height: 1.6;
  }

  .jzt-course .kecheng_neirong_kuang_xia .changjianwenti dt:before {
    width: 24px;
    height: 24px;
    line-height: 24px;
    left: -34px;
  }

  .jzt-course .kecheng_neirong_kuang_xia .changjianwenti dd {
    min-height: 0;
    font-size: 13px;
  }

  .jzt-course .kecheng_shuxing dt {
    flex-shrink: 0;
  }

  .jzt-course .kecheng_neirong_kuang_xia .biaoqianqiehuan_tittle {
    padding: 0 16px;
  }

  .jzt-course .kecheng_neirong_kuang_xia .biaoqianqiehuan_tittle .qiehuan-item {
    margin-right: 24px;
  }

  .jzt-course .zuoyoufenlan {
    flex-direction: column;
  }

  .jzt-course .zuoyoufenlan_zuokuang, .jzt-course .zuoyoufenlan_youkuang {
    width: 100%;
  }

  .jzt-course .zuoyoufenlan_zhongkuang, .jzt-course .kecheng_neirong_kuang_xia .zuoyoufenlan_youkuang {
    display: none;
  }

  .jzt-course .goumai_ce_anniu {
    gap: 10px;
  }

  .jzt-course .goumai_ce_anniu a {
    flex: 1;
    padding-left: 0;
    padding-right: 0;
  }

  .jzt-course .kecheng_shuxing {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .jzt-course .kecheng_shuxing > div:nth-last-child(-n+2) {
    border-bottom: 1px dashed #eee;
  }

  .jzt-course .kecheng_shuxing > div:last-child {
    border-bottom: 0;
  }
}

.jzt-course .biaoqianqiehuan_tittle_gao {
  height: 42px;
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .zuotu {
  aspect-ratio: 16 / 9;
  align-self: flex-start;
}

.jzt-course .kecheng_neirong_kuang_shang_zhengwen .zuotu img {
  object-fit: cover;
}

.jzt-course.kecheng_shipin .kecheng_neirong_kuang_shang {
  padding-bottom: 0;
}

.jzt-course.kecheng_shipin .kecheng_neirong_kuang_shang_zhengwen .w1440 {
  padding-top: 0;
}

.jzt-course.kecheng_shipin .kecheng_neirong_kuang_shang_zhengwen .video {
  text-align: center;
  width: 100%;
  padding: 20px 0;
}

.jzt-course.kecheng_shipin .kecheng_neirong_kuang_shang_zhengwen .video_kuang {
  background-color: #fff;
  border-radius: 5px;
  padding: 1px;
  box-shadow: 0 0 5px #777;
}

.jzt-course.kecheng_shipin .kecheng_neirong_kuang_xia .kechengmulu a.on {
  background-color: rgba(var(--zhutirgb),.05);
  color: var(--zhutise);
}

.jzt-course.kecheng_shipin .kecheng_neirong_kuang_xia .kechengmulu a.on .kechengmulu_biaoti i {
  background: url("/images/home/kecheng-shipin-11.gif") 0 0 / 100% 100% no-repeat;
  width: 16px;
  height: 16px;
  top: 2px;
}

.jzt-course.kecheng_shipin .kecheng_neirong_kuang_xia .kechengmulu a.on .kechengmulu_biaoti i svg {
  display: none;
}

.jzt-course .video_kong {
  text-align: center;
  color: #ffffffd9;
  padding: 60px 20px;
  font-size: 14px;
}

.jzt-course .video_shikanwan {
  z-index: 4;
  border-radius: inherit;
  text-align: center;
  color: #fff;
  text-shadow: 0 1px 3px #00000080;
  background-color: #000000d1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  font-size: clamp(15px, 3.6vw, 17px);
  font-weight: 500;
  line-height: 1.6;
  display: flex;
  position: absolute;
  inset: 0;
}

.jzt-course .video_shikanwan_qu {
  background-color: var(--zhutise);
  color: #fff;
  border-radius: 6px;
  padding: 9px 26px;
  font-size: 14px;
  transition: opacity .15s;
}

.jzt-course .video_shikanwan_qu:hover {
  opacity: .88;
}

.jzt-course .kecheng_fanhui {
  border-top: 1px solid #eee;
  margin-top: 16px;
  padding-top: 14px;
  font-size: 14px;
}

.jzt-course .kecheng_fanhui a {
  color: var(--zhutise);
}

.jzt-course .kecheng_liebiao {
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
  display: flex;
}

.jzt-course .kecheng_liebiao > a {
  background-color: #fff;
  border-radius: 10px;
  grid-template-columns: 400px minmax(0, 1fr);
  transition: transform .2s, box-shadow .2s;
  display: grid;
  overflow: hidden;
  box-shadow: 0 4px 20px #0000000a;
}

.jzt-course .kecheng_liebiao > a:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px #00000014;
}

.jzt-course .kecheng_liebiao .tupian {
  aspect-ratio: 16 / 9;
  background: linear-gradient(135deg, #dde5ef 0%, #c8d4e4 100%);
  position: relative;
  overflow: hidden;
}

.jzt-course .kecheng_liebiao .tupian img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .4s;
}

.jzt-course .kecheng_liebiao > a:hover .tupian img {
  transform: scale(1.05);
}

.jzt-course .kecheng_liebiao .tupian span {
  color: #fff;
  font-variant-numeric: tabular-nums;
  background-color: #0009;
  border-radius: 4px;
  padding: 5px 8px;
  font-size: 12px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.jzt-course .kecheng_liebiao .tupian .miaosha {
  background-color: var(--zhutise);
  inset: 10px auto auto 10px;
}

.jzt-course .kecheng_liebiao .wenzi {
  color: #333;
  flex-direction: column;
  padding: 24px 28px;
  display: flex;
}

.jzt-course .kecheng_liebiao .wenzi .h3 {
  margin: 0;
  font-size: clamp(16px, 4vw, 20px);
  font-weight: 600;
  line-height: 1.5;
}

.jzt-course .kecheng_liebiao .wenzi .jiesao {
  text-align: justify;
  color: #888;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.7;
  display: -webkit-box;
  overflow: hidden;
}

.jzt-course .kecheng_liebiao .wenzi .qita {
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 20px;
  display: flex;
}

.jzt-course .kecheng_liebiao .wenzi .jiage {
  color: #ff2e30;
  font-variant-numeric: tabular-nums;
  font-size: clamp(19px, 4.6vw, 24px);
  font-weight: 600;
}

.jzt-course .kecheng_liebiao .wenzi .jiage i {
  font-size: clamp(14px, 3.4vw, 16px);
  font-style: normal;
}

.jzt-course .kecheng_liebiao .wenzi .yuanjia {
  color: #bbb;
  font-size: 13px;
  text-decoration: line-through;
}

.jzt-course .kecheng_liebiao .wenzi .onclick {
  color: #888;
  font-variant-numeric: tabular-nums;
  font-size: 12px;
}

.jzt-course .kecheng_liebiao .wenzi .qu {
  background-color: var(--zhutise);
  color: #fff;
  border-radius: 6px;
  margin-left: auto;
  padding: 11px 26px;
  font-size: 15px;
  font-weight: 600;
}

.jzt-course .kecheng_liebiao_ye {
  padding-bottom: 60px;
}

.jzt-course .kecheng_liebiao_tou {
  align-items: baseline;
  gap: 10px;
  padding-top: 6px;
  display: flex;
}

.jzt-course .kecheng_liebiao_tou h1 {
  color: #333;
  margin: 0;
  font-size: clamp(17px, 4vw, 20px);
  font-weight: 600;
}

.jzt-course .kecheng_liebiao_tou span {
  color: #999;
  font-variant-numeric: tabular-nums;
  font-size: 14px;
}

.jzt-course .kecheng_liebiao_kong {
  text-align: center;
  color: #999;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 20px;
  padding: 80px 0;
  font-size: 14px;
}

@media (max-width: 767.98px) {
  .jzt-course .kecheng_liebiao > a {
    grid-template-columns: minmax(0, 1fr);
  }
}

.jzt-course .video_kuang {
  width: 100%;
  aspect-ratio: var(--video-w, 16) / var(--video-h, 9);
  max-width: calc(700px * var(--video-w, 16) / var(--video-h, 9));
  margin: 0 auto;
  line-height: 0;
  display: block;
  position: relative;
}

.jzt-course .video_kuang video {
  border-radius: inherit;
  object-fit: contain;
  background-color: #000;
  width: 100%;
  height: 100%;
}

.jzt-course .video_kuang:fullscreen {
  aspect-ratio: auto;
  width: 100%;
  max-width: none;
  height: 100%;
  box-shadow: none;
  background-color: #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.jzt-course .video_shuiyin {
  z-index: 2;
  color: rgba(255, 255, 255, var(--shuiyin-nong, .3));
  text-shadow: 0 1px 2px #00000073;
  white-space: nowrap;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  padding: 2px 6px;
  font-size: 14px;
  line-height: 1.4;
  position: absolute;
  top: 0;
  left: 0;
}

.jzt-course media-controller {
  --media-primary-color: #fff;
  --media-secondary-color: #0000008c;
  --media-tooltip-background-color: #000000d1;
  --media-control-hover-background: transparent;
  --media-range-thumb-background: #fff;
  --media-range-track-height: 3px;
  --media-range-bar-color: var(--zhutise);
  --media-font-size: 13px;
  overflow: hidden;
}

.jzt-course.kecheng_shipin .kecheng_neirong_kuang_shang_zhengwen media-controller.video_kuang {
  background-color: #000;
}

.jzt-course .video_tiao {
  --media-control-background: transparent;
  --media-control-height: 18px;
  --media-button-icon-height: 18px;
  --media-font-size: 12px;
  background-color: #000000b8;
  gap: 4px;
  padding: 0 12px 4px;
  position: relative;
}

.jzt-course .video_tiao:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(to top, #000000b8, #0000);
  height: 54px;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}

.jzt-course media-gesture-receiver {
  pointer-events: none;
}

.jzt-course .video_tiao_yin {
  align-self: stretch;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.jzt-course .video_tiao_yin media-mute-button {
  height: 100%;
}

.jzt-course .video_tiao_yin_tan {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  opacity: 0;
  visibility: hidden;
  background-color: #121214db;
  border-radius: 999px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 28px;
  margin-left: -14px;
  padding: 6px 0 7px;
  transition: opacity .15s, visibility .15s;
  display: flex;
  position: absolute;
  bottom: calc(100% - 8px);
  left: 50%;
}

.jzt-course .video_tiao_yin:hover .video_tiao_yin_tan {
  opacity: 1;
  visibility: visible;
}

.jzt-course .video_tiao_yin:has(:focus-visible) .video_tiao_yin_tan {
  opacity: 1;
  visibility: visible;
}

.jzt-course .video_tiao_yin_shu {
  color: #ffffffe6;
  font-variant-numeric: tabular-nums;
  font-size: 10px;
  line-height: 1;
}

.jzt-course .video_tiao_yin_gan {
  writing-mode: vertical-lr;
  width: 4px;
  height: 72px;
  accent-color: var(--zhutise);
  cursor: pointer;
  direction: rtl;
  margin: 0;
}

.jzt-course .video_tiao_bei {
  --media-menu-background: #121214eb;
  --media-menu-border-radius: 10px;
  --media-menu-border: 1px solid #ffffff1f;
  --media-menu-gap: 1px;
  --media-menu-item-hover-background: #ffffff24;
  --media-menu-item-checked-background: #ffffff14;
  --media-menu-item-focus-shadow: inset 0 0 0 2px #ffffff38;
  --media-font-size: 12px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  min-width: 96px;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 8px 24px #00000052;
}

.jzt-course .video_tiao_bei::part(menu-item) {
  flex-direction: row-reverse;
}

.jzt-course .video_tiao_bei_kuang {
  align-self: stretch;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.jzt-course .video_tiao media-playback-rate-menu-button, .jzt-course .video_tiao media-mute-button {
  --media-tooltip-display: none;
}

.jzt-course .video_tiao_ji {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 38px;
  display: inline-flex;
  position: relative;
}

.jzt-course .video_tiao_ji svg {
  width: 18px;
  height: 18px;
}

.jzt-course .video_tiao_ji:after {
  content: attr(aria-label);
  color: #fff;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #000000d1;
  border-radius: 5px;
  padding: .35em .7em;
  font-size: 12px;
  line-height: 1.4;
  transition: opacity .12s, visibility .12s;
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
}

.jzt-course .video_tiao_ji:hover:after, .jzt-course .video_tiao_ji:focus-visible:after {
  opacity: 1;
  visibility: visible;
}

.jzt-course .video_shikan_dian {
  left: var(--at);
  pointer-events: none;
  background-color: #ffcf4d;
  width: 2px;
  height: 11px;
  position: absolute;
  top: 50%;
  transform: translate(-1px, -50%);
}

.jzt-course .video_xubo {
  z-index: 3;
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  color: #fffffff0;
  white-space: nowrap;
  background-color: #1414186b;
  border: 1px solid #ffffff24;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 5px 5px 5px 11px;
  font-size: 12px;
  line-height: 1;
  transition: opacity .45s, transform .45s;
  animation: .28s video-xubo-in;
  display: inline-flex;
  position: absolute;
  top: 16px;
  left: 16px;
  box-shadow: 0 6px 20px #00000038;
}

.jzt-course .video_xubo_zou {
  opacity: 0;
  transform: translateY(-4px);
}

.jzt-course .video_xubo_tu {
  opacity: .7;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.jzt-course .video_xubo button {
  color: #fff;
  cursor: pointer;
  background-color: #ffffff29;
  border: 0;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1;
  transition: background-color .15s;
}

.jzt-course .video_xubo button:hover {
  background-color: #ffffff47;
}

@keyframes video-xubo-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
}

@media (max-width: 768px) {
  .jzt-course .video_xubo {
    gap: 6px;
    padding: 4px 4px 4px 9px;
    font-size: 11px;
    top: 10px;
    left: 10px;
  }

  .jzt-course .video_xubo button {
    padding: 4px 8px;
    font-size: 10px;
  }

  .jzt-course .video_xubo_tu {
    width: 13px;
    height: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .jzt-course .video_xubo {
    transition: opacity .45s;
    animation: none;
  }

  .jzt-course .video_xubo_zou {
    transform: none;
  }
}

/* [project]/src/templates/site/xitong/pc/shop/_detail.css [app-client] (css) */
.jzt-course .xianxiake_neirong .kecheng_neirong_kuang_shang_zhengwen .w1440 {
  align-items: flex-start;
}

.jzt-course .xianxiake_neirong .youzi_xia_er {
  background-color: #fff3;
  border-radius: 5px;
  margin: 0;
  padding: 13px;
  font-size: clamp(12px, 3vw, 13px);
}

.jzt-course .xianxiake_neirong .youzi_xia_er li {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin-top: 10px;
  line-height: 1.6;
  display: flex;
}

.jzt-course .xianxiake_neirong .youzi_xia_er li > svg:first-child {
  margin-right: 4px;
}

.jzt-course .xianxiake_neirong .youzi_xia_er li:first-child {
  margin-top: 0;
}

.jzt-course .xianxiake_neirong .youzi_xia_er li > svg {
  opacity: .75;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.jzt-course .xianxiake_neirong .youzi_xia_er em {
  color: #ffc9c9;
  margin-left: 6px;
  font-style: normal;
}

.jzt-course .xianxiake_neirong .youzi_dl {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 18px;
}

.jzt-course .xianxiake_neirong .youzi_dl dt {
  color: #ffffffbf;
  white-space: nowrap;
  flex-shrink: 0;
  width: 72px;
  padding: 7px 10px 7px 0;
  font-size: clamp(12px, 3vw, 13px);
}

.jzt-course .xianxiake_neirong .youzi_dl dd {
  flex: 1;
  min-width: 0;
}

.jzt-course .xianxiake_neirong .youzi_pianjia dd {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.jzt-course .xianxiake_neirong .youzi_pianjia dd button {
  color: #fff;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #ffffff8c;
  border-radius: 5px;
  padding: 6px 12px;
  font-size: clamp(12px, 3vw, 13px);
  transition: all .15s;
}

.jzt-course .xianxiake_neirong .youzi_pianjia dd button:hover:not(.on) {
  background-color: #ffffff1f;
  border-color: #fff;
}

.jzt-course .xianxiake_neirong .youzi_pianjia dd button.on {
  color: #3563e9;
  background-color: #fff;
  border-color: #fff;
}

.jzt-course .xianxiake_neirong .youzi_pianjia dd button.an {
  opacity: .4;
}

.jzt-course .xianxiake_neirong .youzi_pianjia dd button.kucunwu {
  opacity: .45;
  text-decoration: line-through;
}

.jzt-course .xianxiake_neirong .youzi_goumaishu dd {
  align-items: center;
  display: flex;
}

.jzt-course .xianxiake_neirong .youzi_goumaishu dd button {
  color: #333;
  cursor: pointer;
  background-color: #f1f1f1;
  border: none;
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 1;
  transition: background-color .15s;
}

.jzt-course .xianxiake_neirong .youzi_goumaishu dd button:first-child {
  border-radius: 5px 0 0 5px;
}

.jzt-course .xianxiake_neirong .youzi_goumaishu dd button:last-child {
  border-radius: 0 5px 5px 0;
}

.jzt-course .xianxiake_neirong .youzi_goumaishu dd button:hover:not(:disabled) {
  background-color: #e4e4e4;
}

.jzt-course .xianxiake_neirong .youzi_goumaishu dd button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.jzt-course .xianxiake_neirong .youzi_goumaishu dd span {
  text-align: center;
  color: #333;
  background-color: #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  width: 42px;
  height: 30px;
  font-size: 13px;
  line-height: 30px;
}

@media screen and (max-width: 767.98px) {
  .jzt-course .xianxiake_neirong .youzi_dl {
    flex-direction: column;
  }

  .jzt-course .xianxiake_neirong .youzi_dl dt {
    width: auto;
    padding: 0 0 6px;
  }

  .jzt-course .xianxiake_neirong .youzi_xia_er {
    padding: 12px;
  }
}

.jzt-course .kecheng_liebiao .tupian img.shouqing {
  opacity: .5;
  filter: grayscale();
}

.jzt-course .kecheng_liebiao .jiage em {
  margin-left: 2px;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}

.jzt-course .kecheng_liebiao .tupian .shouqing_tiao {
  text-align: center;
  color: #fff;
  background-color: #0000008c;
  border-radius: 0;
  width: 100%;
  padding: 6px 0;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.jzt-course .kecheng_liebiao a:has(.shouqing_tiao) .qu {
  background-color: #bbb;
}

.jzt-course .xianxiake_neirong .kecheng_neirong_kuang_shang {
  padding-bottom: 78px;
}

.jzt-course .kecheng_neirong_kuang_goumai {
  z-index: 2;
  margin-top: -48px;
  position: relative;
}

.jzt-course .kecheng_neirong_kuang_goumai .w1440 {
  background-color: #fff;
  background-image: url("/images/home/ketang-nr-21.png");
  border-radius: 12px;
  padding: 20px 40px;
  box-shadow: 0 24px 40px #f3f4f6;
}

.jzt-course .kecheng_neirong_kuang_goumai .w1440 > .flex-heng {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.jzt-course .kecheng_neirong_kuang_goumai_left {
  align-items: baseline;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.jzt-course .kecheng_neirong_kuang_goumai_jiage {
  color: #ff2e30;
  font-weight: 600;
  line-height: 1.2;
}

.jzt-course .kecheng_neirong_kuang_goumai_jiage i {
  vertical-align: baseline;
  font-size: clamp(15px, 3.6vw, 18px);
}

.jzt-course .kecheng_neirong_kuang_goumai_jiage span {
  font-size: clamp(22px, 5.5vw, 28px);
}

.jzt-course .kecheng_neirong_kuang_goumai_jiage span.weixuan {
  color: #888;
  font-size: clamp(14px, 3.4vw, 16px);
  font-weight: 500;
}

.jzt-course .kecheng_neirong_kuang_goumai_yuanjia {
  color: #aaa;
  font-size: 14px;
  text-decoration: line-through;
}

.jzt-course .kecheng_neirong_kuang_goumai_right {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}

.jzt-course .kecheng_neirong_kuang_goumai_weixin {
  color: #74788e;
  background-color: #f0f3f7;
  border-radius: 12px 5px 5px 12px;
  padding: 7px 12px 7px 16px;
  font-size: 12px;
  position: relative;
}

.jzt-course .kecheng_neirong_kuang_goumai_weixin:before {
  content: "";
  border: 6px solid #0000;
  border-left-color: #f0f3f7;
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(-50%);
}

.jzt-course .kecheng_neirong_kuang_goumai_right a, .jzt-course .kecheng_neirong_kuang_goumai_right button {
  border: 1px solid var(--zhutise);
  color: var(--zhutise);
  cursor: pointer;
  background-color: #fff;
  border-radius: 6px;
  padding: 12px 26px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  transition: all .15s;
}

.jzt-course .kecheng_neirong_kuang_goumai_right a:hover:not([aria-disabled="true"]), .jzt-course .kecheng_neirong_kuang_goumai_right button:hover:not(:disabled) {
  background-color: rgba(var(--zhutirgb),.06);
}

.jzt-course .kecheng_neirong_kuang_goumai_gouwuche {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.jzt-course .kecheng_neirong_kuang_goumai_gouwuche svg {
  width: 16px;
  height: 16px;
}

.jzt-course .kecheng_neirong_kuang_goumai_right button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.jzt-course .kecheng_neirong_kuang_goumai_xiadan {
  background-color: var(--zhutise);
  color: #fff;
}

.jzt-course .kecheng_neirong_kuang_goumai_xiadan:hover:not([aria-disabled="true"]) {
  background-color: var(--zhutise);
  filter: brightness(1.08);
}

.jzt-course .kecheng_neirong_kuang_goumai_xiadan[aria-disabled="true"] {
  opacity: .5;
  cursor: not-allowed;
}

@media screen and (max-width: 1023.98px) {
  .jzt-course .kecheng_neirong_kuang_goumai .w1440 {
    padding: 16px 20px;
  }

  .jzt-course .kecheng_neirong_kuang_goumai_right a, .jzt-course .kecheng_neirong_kuang_goumai_right button {
    padding: 10px 18px;
    font-size: 14px;
  }

  .jzt-course .kecheng_neirong_kuang_goumai_weixin {
    display: none;
  }
}

@media screen and (max-width: 767.98px) {
  .jzt-course .xianxiake_neirong .kecheng_neirong_kuang_shang {
    padding-bottom: 0;
  }

  .jzt-course .kecheng_neirong_kuang_goumai {
    margin-top: 14px;
  }

  .jzt-course .kecheng_neirong_kuang_goumai .w1440 {
    padding: 14px 16px;
  }

  .jzt-course .kecheng_neirong_kuang_goumai .w1440 > .flex-heng {
    gap: 12px;
  }

  .jzt-course .kecheng_neirong_kuang_goumai_right {
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
  }

  .jzt-course .kecheng_neirong_kuang_goumai_right a, .jzt-course .kecheng_neirong_kuang_goumai_right button {
    text-align: center;
    white-space: nowrap;
    flex: auto;
    padding: 10px 12px;
  }
}

.jzt-course .xianxiake_neirong .youzi_xia_er .biaoqian {
  color: #ffffffb3;
  flex-shrink: 0;
}

.jzt-course .xianxiake_neirong .youzi_xia_er .fuzhi {
  color: inherit;
  opacity: .6;
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  padding: 2px;
  transition: opacity .15s;
  display: inline-flex;
}

.jzt-course .xianxiake_neirong .youzi_xia_er .fuzhi:hover:not(:disabled), .jzt-course .xianxiake_neirong .youzi_xia_er .fuzhi:disabled {
  opacity: 1;
}

.jzt-course .xianxiake_neirong .youzi_xia_er .fuzhi svg {
  width: 13px;
  height: 13px;
}

.jzt-course .xianxiake_neirong .youzi_xia_er a.ditu {
  color: inherit;
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.jzt-course .xianxiake_neirong .youzi_xia_er a.ditu:hover {
  text-decoration: underline;
}

.jzt-course .xianxiake_neirong .youzi_xia_er a.ditu svg {
  opacity: .7;
  width: 13px;
  height: 13px;
}

/*# sourceMappingURL=_02jyoby._.css.map*/