/* ----------- 自定义字体类 ----------- */
.oxan {
  font-family: Oxanium Variable, sans-serif;
}

.lato {
  font-family: Lato, sans-serif;
}

/* ========== 面板样式（civi-panel）及 color1 / color2 / color3 ========== */
.civi-panel {
  position: relative;
  margin-top: 0.5rem;
  padding: 1.5rem 1rem 1rem;
  /* 原先: background-color: rgb(255 255 255 / var(--tw-bg-opacity)); */
  background-color: rgb(255, 255, 255);

  /* 以 #d1d5db (灰) 做阴影颜色带一点透明度，这里给 0.3，可自行调整深浅 */
  box-shadow:
    0 1px 3px 0 rgba(209, 213, 219, 0.3),
    0 1px 2px -1px rgba(209, 213, 219, 0.3);

  border-width: 1px;
  /* 原先: border-color: rgb(209 213 219 / var(--tw-border-opacity)); */
  border-color: rgb(209, 213, 219);

  outline-style: solid;
  outline-width: 4px;
  outline-offset: -2px;
  outline-color: transparent;

  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.civi-panel:before {
  top: -1rem;
  position: absolute;
  border-radius: 9999px;
  /* 原先: background-color: rgb(209 213 219 / var(--tw-bg-opacity)); */
  background-color: rgb(209, 213, 219);

  content: "";
  left: calc(50% - (min(50%, 16rem) / 2) - 0.25rem);
  width: calc(min(50%, 16rem) + 0.5rem);
  height: 2rem;
}
.civi-panel:after {
  top: -0.75rem;
  height: 1.5rem;
  position: absolute;
  border-radius: 9999px;
  /* 原先: background-color: rgb(255 255 255 / var(--tw-bg-opacity)); */
  background-color: rgb(255, 255, 255);

  text-align: center;
  font-weight: 600;
  font-family: Oxanium Variable, sans-serif;
  content: attr(slogen);
  left: calc(50% - (min(50%, 16rem) / 2));
  width: min(50%, 16rem);
}

/* color1 */
.civi-panel.color1:hover {
  outline-color: #06b6d4; /* 保留原蓝色高亮 */
}
.civi-panel.color1:before {
  /*
    原先是 background-image: linear-gradient(to right, var(--tw-gradient-stops));
    这里改为两端固定: #0ea5e9 -> #14b8a6
  */
  background-image: linear-gradient(to right, #0ea5e9, #14b8a6);
}
.civi-panel.color1:after {
  /* 原先: color: rgb(14 116 144 / var(--tw-text-opacity)); */
  color: rgb(14, 116, 144);
}

/* color2 */
.civi-panel.color2:hover {
  outline-color: #84cc16; /* 浅绿色 */
}
.civi-panel.color2:before {
  /* #22c55e -> #eab308 */
  background-image: linear-gradient(to right, #22c55e, #eab308);
}
.civi-panel.color2:after {
  color: rgb(77, 124, 15);
}

/* color3 */
.civi-panel.color3:hover {
  outline-color: #d946ef; /* 紫色 */
}
.civi-panel.color3:before {
  /* #a855f7 -> #ec4899 */
  background-image: linear-gradient(to right, #a855f7, #ec4899);
}
.civi-panel.color3:after {
  color: rgb(162, 28, 175);
}

/* ========== 分割线 divider-h / divider-v ========== */
.divider-h {
  margin: 0.5rem;
  height: 0.125rem;
  width: auto;
  border-radius: 9999px;
  /* 原先: background-color: rgb(209 213 219 / var(--tw-bg-opacity)); */
  background-color: rgb(209, 213, 219);
}
.divider-v {
  margin: 0.5rem;
  height: auto;
  width: 0.125rem;
  border-radius: 9999px;
  background-color: rgb(209, 213, 219);
}

/* ========== 动画元素（animate-element） ========== */
.animate-element {
  fill: #e5e7eb;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.animate-element.core {
  fill: #22d3ee
}

.animate-element.bench {
  fill: #a3e635
}

.animate-element.vision {
  fill: #e879f9
}

/* ========== highlight 区块 ========== */
.highlight-base {
  height: 36rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-rows: repeat(10, minmax(0, 1fr));
  gap: 1rem;
}
.highlight-step {
  width: 1.5rem;
  --tw-skew-x: 12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 0.25rem;
  background-color: rgb(209, 213, 219);
}
.highlight-step.active {
  /* 原先: linear-gradient(to bottom right, var(--tw-gradient-stops)); */
  background-image: linear-gradient(to bottom right, #2dd4bf, #06b6d4);
}
.highlight-title {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 600;
  /* 原先: color: rgb(14 116 144 / var(--tw-text-opacity)); */
  color: rgb(14, 116, 144);

  border-left-width: 0px;
  /* 原先: border-color: rgb(6 182 212 / var(--tw-border-opacity)); */
  border-color: rgb(6, 182, 212);

  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.highlight-title.active {
  padding-left: 1rem;
  border-left-width: 8px;
}
.highlight-code {
  margin: 0;
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: rgb(8, 51, 68);

  /* 原先 box-shadow logic replaced with direct RGBA black shadow */
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.1);

  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(255, 255, 255);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  overflow: auto;
}
.highlight-code::-webkit-scrollbar {
  height: 0.375rem;
  width: 0.375rem;
}
.highlight-code::-webkit-scrollbar-thumb {
  background-color: rgba(8, 145, 178, 1);
  border-radius: 9999px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.highlight-code::-webkit-scrollbar-thumb:hover {
  background-color: rgba(34, 211, 238, 1);
}
.highlight-code::-webkit-scrollbar-track {
  background-color: transparent;
}
.highlight-code::-webkit-scrollbar-corner {
  background-color: transparent;
}
.highlight-code > * {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  background-color: rgb(8, 51, 68);
}
.highlight-code.active,
.highlight-code.active > * {
  background-color: rgb(22, 78, 99);
}
.highlight-content {
  border-radius: 0.5rem;
  background-color: rgb(255, 255, 255);
 border: #083344 solid 4px;

  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -2px rgba(0, 0, 0, 0.1);

  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  overflow: auto;
}
.highlight-content.active {
  border-color: rgb(22, 78, 99);
}

/* ========== hljs 代码高亮（因为代码块中使用了 class="hljs"） ========== */
.hljs {
  color: #c9d1d9;
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
  color: #ff7b72;
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  color: #d2a8ff;
}
.hljs-def {
  color: #1de0b9;
}
.hljs-privatr-def {
  color: #e56dec;
}
.hljs-def-slef {
  color: #e8aa7c;
}

.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
  color: #79c0ff;
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
  color: #a5d6ff;
}
.hljs-built_in,
.hljs-symbol {
  color: #ffa657;
}
.hljs-comment,
.hljs-code,
.hljs-formula {
  color: #8b949e;
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
  color: #7ee787;
}
.hljs-subst {
  color: #c9d1d9;
}
.hljs-section {
  color: #1f6feb;
  font-weight: 700;
}
.hljs-bullet {
  color: #f2cc60;
}
.hljs-emphasis {
  color: #c9d1d9;
  font-style: italic;
}
.hljs-strong {
  color: #c9d1d9;
  font-weight: 700;
}
.hljs-addition {
  color: #aff5b4;
  background-color: #033a16;
}
.hljs-deletion {
  color: #ffdcd7;
  background-color: #67060c;
}

/* 让 <code class="hljs"> ... </code> 有内边距 */
pre code.hljs {
  display: block;
  padding: 0;
}
code.hljs {
  padding: 3px 5px;
}

/* github: https://github.com/JetBrains/JetBrainsMono */
@font-face {
  font-family: "JetBrains Mono";
  src: url("/template/pc/static/font/JetBrainsMono-Regular.woff2");
}

code, kbd, samp, pre {
  font-family: "JetBrains Mono", sans-serif;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
pre code span {
  font-family: "JetBrains Mono", sans-serif;
}




/* ========== 以下是代码里出现的部分 Tailwind 工具类 ========== */

/* 间距、尺寸 */
.mt-8 {
  /*margin-top: 2rem;*/
}
.pt-4 {
  /*padding-top: 1rem;*/
}
.px-4 {
  /*padding-left: 1rem;*/
  /*padding-right: 1rem;*/
}
.gap-12 {
  gap: 3rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}

/* 尺寸、宽高 */
.w-full {
  width: 100%;
}
.w-0 {
  width: 0;
}
.h-full {
  height: 100%;
}
.max-w-\[1280px\] {
  max-width: 1280px;
}

/* 布局相关 */
.flex {
  display: flex;
}
.flex-col {
  flex-direction: column;
}
.flex-grow {
  flex-grow: 1;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}

/* 文本样式 */
.text-center {
  text-align: center;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-teal-700 {
  color: rgb(15, 118, 110);
}
.text-cyan-500 {
  color: rgb(6, 182, 212);
}
.text-sky-500 {
  color: rgb(14, 165, 233);
}

/* 字重 */
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}

/* 网格布局相关 */
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.row-span-1 {
  grid-row: span 1 / span 1;
}
.row-span-8 {
  grid-row: span 8 / span 8;
}

/* ========== 字体引入 (font-face) 保持不变 ========== */
@font-face {
  font-family: Lato;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/template/pc/static/font/lato-latin-ext-400-normal-1c2fc265.woff2) format("woff2"),url(data:font/woff;base64,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) format("woff");
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/template/pc/static/font/lato-latin-400-normal-918b7dc3.woff2) format("woff2"),url(/template/pc/static/font/lato-latin-400-normal-f55abc76.woff) format("woff");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
  font-family: Oxanium Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/template/pc/static/font/oxanium-latin-ext-wght-normal-3eec6e27.woff2) format("woff2-variations");
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
  font-family: Oxanium Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/template/pc/static/font/oxanium-latin-wght-normal-41b5d0b1.woff2) format("woff2-variations");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
  font-family: Ubuntu Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/template/pc/static/font/ubuntu-mono-cyrillic-ext-400-normal-fcf55b87.woff2) format("woff2"),url(/template/pc/static/font/ubuntu-mono-cyrillic-ext-400-normal-156d498f.woff) format("woff");
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
  font-family: Ubuntu Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/template/pc/static/font/ubuntu-mono-cyrillic-400-normal-b958f4d0.woff2) format("woff2"),url(/template/pc/static/font/ubuntu-mono-cyrillic-400-normal-0e1b27ca.woff) format("woff");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
  font-family: Ubuntu Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/template/pc/static/font/ubuntu-mono-greek-ext-400-normal-8b0abaf5.woff2) format("woff2"),url(/template/pc/static/font/ubuntu-mono-greek-ext-400-normal-3e1bef19.woff) format("woff");
  unicode-range: U+1F00-1FFF
}

@font-face {
  font-family: Ubuntu Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/template/pc/static/font/ubuntu-mono-greek-400-normal-6799188f.woff2) format("woff2"),url(/template/pc/static/font/ubuntu-mono-greek-400-normal-b44f593b.woff) format("woff");
  unicode-range: U+0370-03FF
}

@font-face {
  font-family: Ubuntu Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/template/pc/static/font/ubuntu-mono-latin-ext-400-normal-327a9bbf.woff2) format("woff2"),url(/template/pc/static/font/ubuntu-mono-latin-ext-400-normal-ceae3330.woff) format("woff");
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
  font-family: Ubuntu Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/template/pc/static/font/ubuntu-mono-latin-400-normal-b07e4ebe.woff2) format("woff2"),url(/template/pc/static/font/ubuntu-mono-latin-400-normal-e116fe81.woff) format("woff");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

#root {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
#root:before {
  z-index: -21;
  opacity: .2;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(/assets/EvoX-Icon-ade820ba.svg);
  background-size: 35%;
  content: "";
}