/* stylelint-disable */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
}
[tabindex='-1']:focus {
  outline: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
@font-face {
  font-family: 'Inter';
  src: url('/assets/Inter-Thin-2ab12bc9-B4o5siQk.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/assets/Inter-ExtraLight-b6c261b8-DDkcCnmI.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/assets/Inter-Light-d12f4645-MWFfSqj5.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/assets/Inter-Regular-b6f9db9e-B0QUfDW0.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/assets/Inter-Medium-8458f8af-B0NFony0.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/assets/Inter-SemiBold-8e52a861-_JLwM7Yv.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/assets/Inter-Bold-22097670-CytjP_7U.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/assets/Inter-ExtraBold-98023dd7-BN24N3BS.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/assets/Inter-Black-aa867fe6-COIgjx2i.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --site-bg: #f7fcff;
  --site-bg-soft: #eef9ff;
  --site-surface: rgba(255, 255, 255, 0.76);
  --site-surface-strong: rgba(255, 255, 255, 0.92);
  --site-border: rgba(25, 118, 210, 0.12);
  --site-border-strong: rgba(23, 199, 232, 0.28);
  --site-deep: #063856;
  --site-deep-2: #0c5278;
  --site-blue: #17c7e8;
  --site-blue-2: #06b2cf;
  --site-text: #173b4f;
  --site-muted: #637f8f;
  --site-muted-2: #8aa2ae;
  --site-shadow: 0 24px 70px rgba(24, 92, 132, 0.12);
  --site-shadow-soft: 0 14px 42px rgba(24, 92, 132, 0.09);
  --site-radius: 8px;
  --site-header-height: 64px;
  color-scheme: light;
}

html,
body,
#app {
  min-height: 100%;
}

body {
  margin: 0;
  color: var(--site-text);
  background:
    radial-gradient(circle at 10% 6%, rgba(23, 199, 232, 0.12), transparent 28%),
    linear-gradient(180deg, var(--site-bg) 0%, #ffffff 48%, var(--site-bg-soft) 100%);
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
input,
textarea,
select {
  font-family: inherit;
}

a {
  color: var(--site-blue-2);
}

.app-container {
  --page-header-height: var(--site-header-height);
  min-height: 100vh;
  color: var(--site-text);
  background:
    radial-gradient(circle at 88% 2%, rgba(23, 199, 232, 0.13), transparent 26%),
    linear-gradient(180deg, rgba(247, 252, 255, 0.98), rgba(255, 255, 255, 0.98) 46%, rgba(238, 249, 255, 0.72));
}

.max-container {
  width: min(100%, 1440px);
}

.pricing-page,
.technology-page,
.best-practice,
.blog-detail,
.security {
  padding: 96px clamp(24px, 7vw, 112px) 88px !important;
}

.pricing-page,
.technology-page,
.best-practice,
.blog-detail {
  position: relative;
}

.pricing-page::before,
.technology-page::before,
.best-practice::before,
.blog-detail::before,
.security-top::before {
  content: '';
  display: block;
  width: 68px;
  height: 4px;
  margin-bottom: 22px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--site-blue), rgba(23, 199, 232, 0.12));
}

.pricing-page-title,
.technology-page-title,
.best-practice-title,
.security-top_title,
.blog-detail-header_title {
  color: var(--site-deep) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.pricing-page-title {
  margin: 52px 0 14px !important;
  font-size: clamp(28px, 3vw, 44px) !important;
  line-height: 1.12 !important;
}

.pricing-page-title:first-of-type {
  margin-top: 0 !important;
}

.pricing-page-desc,
.security-top_desc,
.blog-list .blog-item-right_desc,
.blog-detail-header_date,
.blog-list .blog-item-right_time {
  color: var(--site-muted) !important;
}

.pricing-page-desc,
.security-top_desc {
  max-width: 860px;
  font-size: 16px !important;
  line-height: 1.9 !important;
}

.pricing-dynamic-block,
.pricing-page-content_table .pricing-table,
.pricing-page-content_caculator .pricing-caculator,
.booster-wrapper .card,
.security-bottom_item,
.blog-list .blog-item,
.blog-detail-content,
.user-guide .right,
.tutorial .sidebar,
.tutorial .main-content,
.tutorial .content {
  border: 1px solid var(--site-border) !important;
  border-radius: var(--site-radius) !important;
  background: var(--site-surface) !important;
  box-shadow: var(--site-shadow-soft) !important;
  backdrop-filter: blur(18px);
}

.pricing-page-content_table {
  gap: 24px !important;
  align-items: stretch;
}

.pricing-page-content_table .pricing-table {
  width: min(100%, 520px) !important;
  overflow: hidden;
}

.pricing-page-content_table .pricing-table-header {
  color: var(--site-deep) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(224, 249, 255, 0.72)) !important;
}

.pricing-page-content_table .pricing-table-body-item,
.pricing-page-content_table .pricing-table-header-item {
  border-color: rgba(25, 118, 210, 0.09) !important;
}

.pricing-page-content_table .pricing-table-body-item .number,
.pricing-page-content_caculator .pricing-caculator .esimated-cost-value,
.pricing-all-a {
  color: var(--site-blue-2) !important;
}

.pricing-page-content_caculator {
  align-items: flex-start;
  gap: 24px !important;
}

.pricing-page-content_caculator .sub-title {
  color: var(--site-deep) !important;
  font-weight: 700 !important;
}

.pricing-page-content_caculator .pricing-caculator {
  overflow: hidden;
}

.pricing-page-content_caculator .pricing-caculator .esimated-cost {
  background: rgba(238, 249, 255, 0.78) !important;
}

.pricing-page-content_caculator .pricing-caculator .esimated-cost-value {
  border: 1px solid var(--site-border) !important;
  border-radius: var(--site-radius) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  font-weight: 800 !important;
}

.booster-wrapper {
  gap: 18px !important;
}

.booster-wrapper .card {
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.booster-wrapper .card:hover,
.blog-list .blog-item:hover {
  transform: translateY(-4px);
  border-color: var(--site-border-strong) !important;
  box-shadow: var(--site-shadow) !important;
}

.blog-list {
  display: grid;
  gap: 22px;
}

.blog-list .blog-item {
  padding: 22px !important;
  border-bottom: 1px solid var(--site-border) !important;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
}

.blog-list .blog-item:hover {
  background: var(--site-surface-strong) !important;
}

.blog-list .blog-item-left {
  overflow: hidden;
  border-radius: var(--site-radius);
  background: #dff4fb;
}

.blog-list .blog-item-left img {
  transition: transform 0.35s ease;
}

.blog-list .blog-item:hover .blog-item-left img {
  transform: scale(1.035);
}

.blog-list .blog-item-right_title {
  color: var(--site-deep) !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.blog-list .blog-item:hover .blog-item-right_title {
  color: var(--site-blue-2) !important;
}

.blog-detail-header {
  margin-bottom: 28px !important;
}

.blog-detail-header_title {
  font-size: clamp(30px, 4vw, 54px) !important;
  line-height: 1.12 !important;
}

.blog-detail-content {
  padding: clamp(24px, 4vw, 56px) !important;
}

.security {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.security-top {
  padding: 0 clamp(24px, 7vw, 112px) 44px !important;
  background: transparent !important;
}

.security-top_title {
  font-size: clamp(34px, 5vw, 68px) !important;
  line-height: 1.05 !important;
}

.security-bottom {
  display: grid;
  gap: 18px;
  padding: 0 clamp(24px, 7vw, 112px) 88px !important;
}

.security-bottom_item {
  padding: 24px !important;
}

.security-bottom_item-title {
  color: var(--site-deep) !important;
  font-weight: 800 !important;
}

.security-bottom_item-desc {
  border: 1px solid rgba(25, 118, 210, 0.08);
  border-radius: var(--site-radius);
  background: rgba(247, 252, 255, 0.82) !important;
  color: var(--site-text) !important;
}

.markdown-body {
  color: var(--site-text) !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.86 !important;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  color: var(--site-deep) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.markdown-body h2 {
  margin-top: 36px !important;
  border-bottom: 1px solid rgba(25, 118, 210, 0.12) !important;
  font-size: 1.78em !important;
}

.markdown-body h3 {
  margin-top: 30px !important;
  font-size: 1.32em !important;
}

.markdown-body p,
.markdown-body li {
  color: var(--site-text) !important;
}

.markdown-body strong {
  font-weight: 800 !important;
}

.markdown-body a {
  color: var(--site-blue-2) !important;
  font-weight: 700;
}

.markdown-body pre {
  border: 1px solid rgba(25, 118, 210, 0.12) !important;
  border-radius: var(--site-radius) !important;
  background: #08283a !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.markdown-body code {
  border-radius: 5px;
}

.markdown-body img {
  border-radius: var(--site-radius);
}

.user-guide {
  background: transparent !important;
}

.user-guide .left {
  background: rgba(255, 255, 255, 0.68);
  border-right-color: var(--site-border) !important;
  backdrop-filter: blur(18px);
}

.user-guide .left .guide-list {
  padding: 8px;
}

.item-level .title {
  border-radius: var(--site-radius);
  color: var(--site-muted) !important;
  font-weight: 600 !important;
}

.item-level .title.can-click:hover,
.item-level .title.active {
  color: var(--site-deep) !important;
  background: rgba(23, 199, 232, 0.12) !important;
}

.user-guide .right {
  margin: 24px;
}

.ant-btn-primary,
.ant-btn.css-mbe9v5.ant-btn-primary {
  border-color: var(--site-blue-2) !important;
  background: linear-gradient(135deg, var(--site-blue), var(--site-blue-2)) !important;
  box-shadow: 0 10px 24px rgba(23, 199, 232, 0.22) !important;
}

.ant-input,
.ant-input-number,
.ant-select-selector,
.ant-picker,
.ant-input-affix-wrapper {
  border-color: rgba(25, 118, 210, 0.14) !important;
  border-radius: var(--site-radius) !important;
}

.ant-input:hover,
.ant-input-number:hover,
.ant-select-selector:hover,
.ant-picker:hover,
.ant-input-affix-wrapper:hover {
  border-color: var(--site-blue-2) !important;
}

.ant-slider-track {
  background-color: var(--site-blue-2) !important;
}

.ant-slider-handle::after {
  box-shadow: 0 0 0 2px var(--site-blue-2) !important;
}

@media (max-width: 1024px) {
  .pricing-page,
  .technology-page,
  .best-practice,
  .blog-detail,
  .security {
    padding: 84px 20px 64px !important;
  }

  .pricing-page-content_table,
  .pricing-page-content_caculator {
    flex-direction: column;
  }

  .blog-list .blog-item {
    flex-direction: column;
  }

  .blog-list .blog-item-left {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
  }

  .user-guide {
    height: auto !important;
    min-height: var(--page-body-height);
    flex-direction: column;
  }

  .user-guide .left .guide-list {
    width: 100% !important;
    height: auto !important;
    max-height: 260px;
  }

  .user-guide .right {
    margin: 16px;
    padding: 24px !important;
  }
}

/* Workspace and account pages */
.builder-wrapper,
.user-container {
  background:
    radial-gradient(circle at 84% 4%, rgba(23, 199, 232, 0.12), transparent 28%),
    linear-gradient(180deg, var(--site-bg) 0%, #fff 52%, var(--site-bg-soft) 100%) !important;
}

.builder-wrapper {
  min-height: var(--page-body-height, calc(100vh - var(--site-header-height))) !important;
}

.builder-wrapper .menu-wrapper,
.user-container-aside {
  border-right: 1px solid var(--site-border) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 18px 0 48px rgba(24, 92, 132, 0.06);
  backdrop-filter: blur(18px);
}

.builder-wrapper .menu {
  padding: 16px 10px !important;
}

.builder-wrapper .menu-item,
.menu-card {
  border-radius: var(--site-radius) !important;
  color: var(--site-muted) !important;
  font-weight: 700 !important;
  transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.builder-wrapper .menu-item:hover,
.menu-card:hover {
  color: var(--site-deep) !important;
  background: rgba(23, 199, 232, 0.08) !important;
}

.builder-wrapper .menu-item.active,
.menu-card.active {
  color: var(--site-deep) !important;
  background: rgba(23, 199, 232, 0.14) !important;
}

.builder-wrapper .group-title {
  color: var(--site-muted-2) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.builder-wrapper > .main-content,
.user-container-main {
  background: transparent !important;
}

.builder-wrapper .main-content.fold,
.builder-wrapper .main-content:not(.fold) {
  width: auto !important;
  max-width: none !important;
}

.builder-wrapper .header,
.main-content.fold > .header,
.my-account .basic-info,
.month-speed,
.cost-detail {
  border-bottom: 1px solid var(--site-border) !important;
}

.builder-wrapper .header,
.main-content.fold > .header {
  margin: 24px 24px 0 !important;
  padding: 28px !important;
  border: 1px solid var(--site-border) !important;
  border-radius: var(--site-radius) !important;
  background: var(--site-surface) !important;
  box-shadow: var(--site-shadow-soft) !important;
  backdrop-filter: blur(18px);
}

.builder-wrapper .header .title,
.main-content.fold > .header .title,
.basic-info-title,
.month-speed-title,
.cost-detail-title {
  color: var(--site-deep) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.builder-wrapper .header .title,
.main-content.fold > .header .title {
  font-size: clamp(24px, 2.4vw, 34px) !important;
  line-height: 1.18 !important;
}

.builder-wrapper .header .desc,
.main-content.fold > .header .desc {
  max-width: 880px;
  color: var(--site-muted) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

.builder-wrapper .content,
.main-content.fold > .content,
.my-account {
  background: transparent !important;
}

.builder-wrapper .section,
.dataset-wrapper,
.dataset-wrapper .operation,
.custom-table,
.my-account,
.basic-info,
.month-speed,
.cost-detail {
  border: 1px solid var(--site-border) !important;
  border-radius: var(--site-radius) !important;
  background: var(--site-surface) !important;
  box-shadow: var(--site-shadow-soft) !important;
  backdrop-filter: blur(18px);
}

.dataset-wrapper {
  margin: 24px !important;
  padding: 24px !important;
}

.dataset-wrapper .operation {
  padding: 16px !important;
  box-shadow: none !important;
}

.dataset-wrapper .ant-tabs-nav {
  margin-bottom: 18px !important;
}

.dataset-wrapper .ant-tabs-tab {
  color: var(--site-muted) !important;
  font-weight: 800 !important;
}

.dataset-wrapper .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--site-deep) !important;
}

.dataset-wrapper .ant-tabs-ink-bar {
  background: var(--site-blue-2) !important;
}

.dataset-id {
  color: var(--site-muted) !important;
}

.builder-wrapper .section {
  padding: 24px !important;
}

.builder-wrapper .section-title {
  color: var(--site-deep) !important;
  font-weight: 800 !important;
}

.builder-wrapper .cards {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch;
  gap: 24px !important;
}

.info-card {
  flex: 0 0 336px !important;
  width: 336px !important;
  max-width: 100%;
  border: 1px solid var(--site-border) !important;
  border-radius: var(--site-radius) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: var(--site-shadow-soft);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.info-card:hover {
  transform: translateY(-4px);
  border-color: var(--site-border-strong) !important;
  box-shadow: var(--site-shadow);
}

.info-card .head {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(224, 249, 255, 0.72)) !important;
}

.info-card .title {
  color: var(--site-deep) !important;
  font-weight: 800 !important;
}

.info-card .body {
  color: var(--site-muted) !important;
}

.info-card .foot {
  border-top-color: var(--site-border) !important;
}

.ant-table-wrapper,
.ant-table {
  color: var(--site-text) !important;
  background: transparent !important;
}

.ant-table-thead > tr > th {
  color: var(--site-deep) !important;
  font-weight: 800 !important;
  background: rgba(238, 249, 255, 0.72) !important;
  border-bottom-color: var(--site-border) !important;
}

.ant-table-tbody > tr > td {
  border-bottom-color: rgba(25, 118, 210, 0.08) !important;
}

.ant-table-tbody > tr:hover > td {
  background: rgba(23, 199, 232, 0.06) !important;
}

.ant-tag,
.light-tag,
.unsubmitted-tag {
  border-color: rgba(23, 199, 232, 0.2) !important;
  border-radius: 999px !important;
  background: rgba(23, 199, 232, 0.1) !important;
  color: var(--site-blue-2) !important;
  font-weight: 800 !important;
}

.user-container {
  padding-top: var(--site-header-height, 64px);
  min-height: 100vh !important;
  height: auto !important;
}

.user-container-aside {
  min-height: calc(100vh - var(--site-header-height, 64px)) !important;
}

.user-container-main {
  padding: 32px !important;
}

.my-account {
  padding: 0 !important;
  overflow: hidden;
}

.basic-info,
.month-speed,
.cost-detail {
  margin: 24px !important;
  padding: 24px !important;
}

.basic-info .api-key {
  border: 1px solid rgba(25, 118, 210, 0.12) !important;
  border-radius: var(--site-radius) !important;
  background: rgba(238, 249, 255, 0.72) !important;
  color: var(--site-deep) !important;
}

.ant-descriptions-item-label {
  color: var(--site-muted) !important;
  font-weight: 700;
}

.ant-descriptions-item-content {
  color: var(--site-text) !important;
  font-weight: 600;
}

.month-speed-chart {
  border-radius: var(--site-radius);
  background: rgba(255, 255, 255, 0.5);
}

/* Auth pages */
.breedxaI-login {
  min-height: 100vh;
  background:
    radial-gradient(circle at 84% 12%, rgba(23, 199, 232, 0.22), transparent 30%),
    linear-gradient(135deg, #f7fcff 0%, #ffffff 48%, #eaf8ff 100%) !important;
}

.breedxaI-login .bg {
  opacity: 0.28 !important;
  filter: saturate(0.85) brightness(1.08);
}

.breedxaI-login .content {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 48px clamp(24px, 8vw, 120px) !important;
}

.breedxaI-login .login,
.breedxaI-login .sign-up,
.breedxaI-login .forget {
  width: min(100%, 440px) !important;
  border: 1px solid var(--site-border) !important;
  border-radius: var(--site-radius) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: var(--site-shadow) !important;
  backdrop-filter: blur(22px);
}

.breedxaI-login .title {
  color: var(--site-deep) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.breedxaI-login .common-input,
.breedxaI-login .ant-input,
.breedxaI-login .ant-input-affix-wrapper {
  border-color: rgba(25, 118, 210, 0.14) !important;
  border-radius: var(--site-radius) !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

.breedxaI-login .forget-tips,
.breedxaI-login .sign-up-tips {
  color: var(--site-muted) !important;
}

.breedxaI-login .to-sign-up-btn,
.breedxaI-login .forget-tips span {
  color: var(--site-blue-2) !important;
  font-weight: 800 !important;
}

.auth-modal-page {
  position: relative;
  min-height: 100vh;
  overflow: auto;
  background:
    radial-gradient(circle at 14% 14%, rgba(80, 198, 220, 0.28), transparent 22%),
    radial-gradient(circle at 88% 22%, rgba(86, 180, 238, 0.24), transparent 18%),
    linear-gradient(135deg, #edf8ff 0%, #ffffff 48%, #e9f7ff 100%);
}

.auth-modal-page::before {
  position: fixed;
  inset: -40px;
  content: "";
  background: url("/assets/login_bg_1.1_ch-937bb3b6-CEDwVjp1.png") center / cover no-repeat;
  opacity: 0.18;
  filter: blur(10px) saturate(0.9);
}

.auth-popup-modal .ant-modal {
  width: min(1320px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px);
}

.auth-popup-modal .ant-modal-content {
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 28px;
  background: transparent;
  box-shadow: 0 32px 90px rgba(42, 104, 150, 0.28);
}

.auth-popup-modal .ant-modal-body {
  padding: 0;
}

.auth-popup-modal .ant-modal-close {
  top: 18px;
  right: 18px;
  z-index: 3;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--site-deep);
}

.auth-popup-modal .auth-modal-card {
  width: 100%;
  min-height: min(78vh, 720px);
  box-shadow: none;
}

.auth-modal-stage {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  padding: 48px 28px;
}

.auth-modal-card {
  display: grid;
  grid-template-columns: minmax(360px, 1.05fr) minmax(420px, 0.95fr);
  width: min(100%, 1320px);
  min-height: 720px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 32px 90px rgba(42, 104, 150, 0.22);
  backdrop-filter: blur(24px);
}

.auth-brand-panel {
  position: relative;
  padding: 72px 64px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(218, 244, 255, 0.86), rgba(237, 250, 255, 0.68)),
    url("/assets/login_bg_1.1_ch-937bb3b6-CEDwVjp1.png") center / cover no-repeat;
}

.auth-brand-panel::after {
  position: absolute;
  inset: auto -40px -90px -60px;
  height: 420px;
  content: "";
  background: radial-gradient(circle, rgba(23, 199, 232, 0.22), transparent 68%);
}

.auth-brand-lockup {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 22px;
  margin-bottom: 48px;
}

.auth-brand-logo {
  display: grid;
  width: 88px;
  height: 88px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.86);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 16px 42px rgba(44, 126, 170, 0.18);
  color: var(--site-blue-2);
  font-size: 44px;
  font-weight: 900;
}

.auth-brand-name {
  color: var(--site-deep);
  font-size: 40px;
  font-weight: 900;
  line-height: 1.08;
}

.auth-brand-slogan {
  position: relative;
  z-index: 1;
  max-width: 540px;
  color: var(--site-deep);
  font-size: clamp(30px, 3vw, 44px);
  font-weight: 900;
  line-height: 1.45;
}

.auth-form-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 56px clamp(34px, 5vw, 72px);
  background: rgba(255, 255, 255, 0.86);
}

.auth-form-box {
  width: min(100%, 520px);
}

.auth-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  margin-bottom: 34px;
  border-bottom: 1px solid rgba(18, 88, 122, 0.12);
}

.auth-tab {
  position: relative;
  border: 0;
  background: transparent;
  color: #5c7182;
  cursor: pointer;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  padding: 0 0 22px;
  text-align: center;
}

.auth-tab.active {
  color: var(--site-blue-2);
}

.auth-tab.active::after {
  position: absolute;
  left: 12%;
  right: 12%;
  bottom: -2px;
  height: 5px;
  content: "";
  border-radius: 999px;
  background: linear-gradient(90deg, #59c7e3, #2aa8ea);
  box-shadow: 0 8px 18px rgba(42, 168, 234, 0.28);
}

.auth-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.auth-field {
  display: flex;
  min-height: 56px;
  align-items: center;
  gap: 14px;
  overflow: hidden;
  border: 1px solid rgba(41, 168, 196, 0.34);
  border-radius: 8px;
  background: rgba(238, 249, 255, 0.74);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.54), 0 8px 22px rgba(43, 158, 188, 0.08);
}

.auth-field:focus-within {
  border-color: rgba(42, 168, 234, 0.68);
  box-shadow: 0 0 0 4px rgba(42, 168, 234, 0.1), 0 12px 28px rgba(43, 158, 188, 0.12);
}

.auth-field-icon {
  flex: 0 0 50px;
  color: #8a9bad;
  font-size: 22px;
  text-align: center;
}

.auth-field input {
  width: 100%;
  min-width: 0;
  height: 54px;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--site-deep);
  font-size: 18px;
  font-weight: 700;
}

.auth-field input::placeholder {
  color: #8a9bad;
  font-weight: 600;
}

.auth-code-btn {
  align-self: stretch;
  flex: 0 0 138px;
  border: 0;
  border-left: 1px solid rgba(41, 168, 196, 0.22);
  background: rgba(218, 242, 252, 0.88);
  color: var(--site-blue-2);
  cursor: pointer;
  font-size: 17px;
  font-weight: 800;
}

.auth-code-btn:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

.auth-submit {
  width: 100%;
  height: 62px;
  margin-top: 8px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #40c8e8, #2aa8ea);
  box-shadow: 0 14px 28px rgba(42, 168, 234, 0.34);
  color: #fff;
  cursor: pointer;
  font-size: 22px;
  font-weight: 900;
}

.auth-submit:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.auth-inline-actions,
.auth-bottom-tip,
.auth-agree {
  color: var(--site-muted);
  font-size: 15px;
  font-weight: 700;
}

.auth-inline-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: -6px;
}

.auth-link {
  border: 0;
  background: transparent;
  color: var(--site-blue-2);
  cursor: pointer;
  font-weight: 900;
  padding: 0;
}

.auth-bottom-tip {
  margin-top: 20px;
  text-align: right;
}

.auth-error {
  border: 1px solid rgba(255, 77, 79, 0.22);
  border-radius: 8px;
  background: rgba(255, 77, 79, 0.08);
  color: #d9363e;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 12px;
}

.auth-agree {
  line-height: 1.8;
}

.auth-legal-modal .ant-modal-content {
  overflow: hidden;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.94);
}

.auth-legal-frame {
  width: 100%;
  height: min(68vh, 720px);
  border: 0;
}

/* Legal and content detail pages */
.privacy-container,
.agreement-container,
.terms-of-service {
  min-height: 100vh;
  padding-top: var(--site-header-height, 64px);
  background:
    radial-gradient(circle at 82% 8%, rgba(23, 199, 232, 0.15), transparent 28%),
    linear-gradient(180deg, #f7fcff 0%, #ffffff 44%, #eef9ff 100%) !important;
  color: var(--site-text);
}

.terms-of-service > .navbar {
  display: none !important;
}

.privacy-card,
.agreement-card,
.terms-of-service .content,
.terms-of-service-content > .container {
  border: 1px solid var(--site-border) !important;
  border-radius: var(--site-radius) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: var(--site-shadow-soft) !important;
  backdrop-filter: blur(18px);
}

.terms-of-service-content > .container {
  max-width: 1120px;
  width: min(100% - 48px, 1120px) !important;
  padding: 28px !important;
}

.terms-of-service .content {
  background: rgba(255, 255, 255, 0.68) !important;
  box-shadow: none !important;
}

.privacy-container h1,
.privacy-container h2,
.privacy-container h3,
.agreement-container h1,
.agreement-container h2,
.agreement-container h3,
.terms-of-service h2,
.terms-of-service h3 {
  color: var(--site-deep) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.privacy-container p,
.privacy-container li,
.agreement-container p,
.agreement-container li,
.terms-of-service p,
.terms-of-service li,
.dynamic-page-summary {
  color: var(--site-muted) !important;
  line-height: 1.8;
}

.terms-of-service .footer {
  border-top: 1px solid var(--site-border);
  background: rgba(255, 255, 255, 0.72) !important;
  color: var(--site-muted) !important;
}

.terms-of-service .footer a {
  color: var(--site-blue-2) !important;
  font-weight: 800;
}

/* Control center deep pages */
.dynamic-inference-page,
.main-content.fold {
  background:
    radial-gradient(circle at 85% 3%, rgba(23, 199, 232, 0.12), transparent 26%),
    linear-gradient(180deg, #f7fcff 0%, #ffffff 52%, #eef9ff 100%) !important;
}

.dynamic-inference-page .page-header,
.main-content.fold .page-header,
.detail-header,
.summary,
.dataset-section,
.detail-section,
.dataset-detail-wrapper,
.left-panel,
.right-panel,
.model-summary-card,
.model-info-card,
.metric-card,
.curve-card,
.data-overview,
.table-wrapper {
  border: 1px solid var(--site-border) !important;
  border-radius: var(--site-radius) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: var(--site-shadow-soft) !important;
  backdrop-filter: blur(16px);
}

.dynamic-inference-page .page-header,
.main-content.fold .page-header {
  padding: 24px 28px !important;
}

.dynamic-inference-page .page-header h2,
.main-content.fold .page-header h1,
.model-detail-header h2,
.detail-header h1,
.dataset-detail-wrapper .title,
.overview-title,
.panel-title,
.model-summary-card h3,
.model-info-card h3 {
  color: var(--site-deep) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.dynamic-inference-page .page-header p,
.main-content.fold .page-header p,
.model-meta,
.detail-header p,
.dataset-detail-wrapper .desc,
.dataset-detail-wrapper .meta,
.tip,
.total {
  color: var(--site-muted) !important;
}

.dynamic-inference-page .ant-card,
.main-content.fold .ant-card {
  border: 1px solid var(--site-border) !important;
  border-radius: var(--site-radius) !important;
  background: rgba(255, 255, 255, 0.8) !important;
  box-shadow: var(--site-shadow-soft) !important;
}

.dynamic-inference-page .ant-card-head,
.main-content.fold .ant-card-head {
  border-bottom-color: var(--site-border) !important;
}

.dynamic-inference-page .ant-card-head-title,
.main-content.fold .ant-card-head-title {
  color: var(--site-deep) !important;
  font-weight: 900 !important;
}

.left-panel,
.right-panel,
.dataset-detail-wrapper {
  overflow: hidden;
}

.task-item,
.model-item,
.model-info-cell,
.task-skeleton,
.meta-grid > div {
  border: 1px solid rgba(25, 118, 210, 0.1) !important;
  border-radius: var(--site-radius) !important;
  background: rgba(238, 249, 255, 0.62) !important;
}

.task-item:hover,
.model-item:hover {
  border-color: var(--site-border-strong) !important;
  background: rgba(224, 249, 255, 0.86) !important;
}

.task-item.active,
.model-item.active {
  border-color: rgba(23, 199, 232, 0.45) !important;
  background: linear-gradient(135deg, rgba(224, 249, 255, 0.96), rgba(255, 255, 255, 0.92)) !important;
  box-shadow: 0 12px 28px rgba(23, 199, 232, 0.12);
}

.task-name,
.model-name,
.model-info-cell strong,
.metric-card strong {
  color: var(--site-deep) !important;
  font-weight: 900 !important;
}

.model-info-cell span,
.metric-card span {
  color: var(--site-muted) !important;
  font-weight: 700;
}

.table-wrapper {
  padding: 8px;
}

.table-wrapper .ant-table,
.table-wrapper .ant-table-container {
  border-radius: var(--site-radius) !important;
}

.help-link a {
  color: var(--site-blue-2) !important;
  font-weight: 800;
}

@media (max-width: 900px) {
  .builder-wrapper {
    flex-direction: column;
  }

  .builder-wrapper .menu-wrapper {
    width: 100% !important;
  }

  .builder-wrapper .menu {
    min-height: auto !important;
  }

  .user-container {
    flex-direction: column;
  }

  .user-container-aside {
    width: 100% !important;
    min-height: auto !important;
  }

  .breedxaI-login .content {
    justify-content: center !important;
  }

  .auth-modal-stage {
    padding: 24px 14px;
  }

  .auth-modal-card {
    grid-template-columns: 1fr;
    min-height: 0;
    border-radius: 18px;
  }

  .auth-popup-modal .ant-modal {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px);
  }

  .auth-popup-modal .ant-modal-content {
    border-radius: 18px;
  }

  .auth-popup-modal .auth-modal-card {
    max-height: calc(100vh - 28px);
    overflow: auto;
  }

  .auth-brand-panel {
    min-height: 230px;
    padding: 32px 28px;
  }

  .auth-brand-lockup {
    margin-bottom: 22px;
  }

  .auth-brand-logo {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    font-size: 30px;
  }

  .auth-brand-name {
    font-size: 28px;
  }

  .auth-brand-slogan {
    font-size: 24px;
  }

  .auth-form-panel {
    padding: 32px 20px;
  }

  .auth-tab {
    font-size: 20px;
  }

  .terms-of-service-content > .container {
    width: min(100% - 28px, 1120px) !important;
    padding: 20px !important;
  }

  .layout {
    flex-direction: column !important;
  }

  .left-panel {
    width: 100% !important;
  }
}

.auth-popup-modal {
  background: rgba(4, 35, 55, .55);
  backdrop-filter: blur(6px);
}
.auth-popup-modal .ant-modal {
  width: 1040px !important;
  max-width: calc(100vw - 96px);
  max-height: calc(100vh - 96px);
}
.auth-popup-modal .ant-modal-content {
  height: 640px;
  max-height: calc(100vh - 96px);
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .76);
  border-radius: 30px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 32px 88px rgba(6, 56, 86, .24);
}
.auth-popup-modal .ant-modal-body {
  height: 100%;
  padding: 0;
}
.auth-popup-modal .ant-modal-close {
  top: 22px;
  right: 22px;
  z-index: 12;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
  color: #063856;
  transition: color .22s ease, background .22s ease, transform .22s ease;
}
.auth-popup-modal .ant-modal-close:hover {
  background: rgba(255, 255, 255, .92);
  color: #16B7DF;
  transform: translateY(-1px);
}
.auth-close-icon[data-v-db908ca5] {
  font-size: 22px;
}
.auth-modal-card[data-v-db908ca5] {
  display: grid;
  grid-template-columns: 46% 54%;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  border: 0;
  border-radius: 30px;
  background: rgba(255, 255, 255, .92);
  box-shadow: none;
}
.auth-brand-panel[data-v-db908ca5] {
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: 58px 48px;
  background:
    linear-gradient(180deg, rgba(238, 250, 255, .42) 0%, rgba(218, 242, 252, .22) 45%, rgba(255, 255, 255, .10) 100%),
    url("/assets/auth-brand-bg-6dZMHi0p.png") center bottom / cover no-repeat;
  color: #073B5C;
}
.auth-brand-panel[data-v-db908ca5]::before {
  position: absolute;
  inset: 0;
  content: "";
  background:
    radial-gradient(circle at 28% 18%, rgba(255, 255, 255, .72), transparent 28%),
    linear-gradient(90deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .02));
  pointer-events: none;
}
.auth-brand-panel[data-v-db908ca5]::after {
  position: absolute;
  right: -120px;
  bottom: -80px;
  width: 320px;
  height: 320px;
  content: "";
  border-radius: 50%;
  background: radial-gradient(circle, rgba(22, 183, 223, .18), transparent 68%);
  pointer-events: none;
}
.auth-bio-orb[data-v-db908ca5] {
  position: absolute;
  border: 1px solid rgba(28, 156, 232, .16);
  border-radius: 50%;
  background: rgba(255, 255, 255, .22);
  box-shadow: inset 0 0 28px rgba(255, 255, 255, .42);
  pointer-events: none;
}
.auth-bio-orb-a[data-v-db908ca5] {
  left: 58px;
  bottom: 205px;
  width: 96px;
  height: 96px;
}
.auth-bio-orb-b[data-v-db908ca5] {
  right: 38px;
  bottom: 34px;
  width: 138px;
  height: 138px;
}
.auth-molecule[data-v-db908ca5] {
  position: absolute;
  left: 116px;
  bottom: 128px;
  width: 128px;
  height: 92px;
  opacity: .44;
}
.auth-molecule[data-v-db908ca5]::before,
.auth-molecule[data-v-db908ca5]::after {
  position: absolute;
  content: "";
  height: 1px;
  background: #1C9CE8;
  transform-origin: left center;
}
.auth-molecule[data-v-db908ca5]::before {
  left: 20px;
  top: 42px;
  width: 92px;
  transform: rotate(-24deg);
}
.auth-molecule[data-v-db908ca5]::after {
  left: 48px;
  top: 28px;
  width: 76px;
  transform: rotate(48deg);
}
.auth-molecule i[data-v-db908ca5] {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #1C9CE8;
  box-shadow: 0 0 18px rgba(28, 156, 232, .32);
}
.auth-molecule i[data-v-db908ca5]:nth-child(1) { left: 14px; top: 36px;
}
.auth-molecule i[data-v-db908ca5]:nth-child(2) { left: 48px; top: 22px;
}
.auth-molecule i[data-v-db908ca5]:nth-child(3) { left: 76px; top: 52px;
}
.auth-molecule i[data-v-db908ca5]:nth-child(4) { left: 110px; top: 14px;
}
.auth-molecule i[data-v-db908ca5]:nth-child(5) { left: 116px; top: 76px;
}
.auth-dna-mark[data-v-db908ca5] {
  position: absolute;
  right: 24px;
  bottom: 100px;
  width: 88px;
  height: 220px;
  opacity: .18;
  transform: rotate(18deg);
}
.auth-dna-mark span[data-v-db908ca5] {
  position: absolute;
  left: 50%;
  top: calc(var(--i, 0) * 20px);
  width: 84px;
  height: 4px;
  margin-left: -42px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #1C9CE8, transparent);
}
.auth-dna-mark span[data-v-db908ca5]:nth-child(1) { --i: 0;
}
.auth-dna-mark span[data-v-db908ca5]:nth-child(2) { --i: 1;
}
.auth-dna-mark span[data-v-db908ca5]:nth-child(3) { --i: 2;
}
.auth-dna-mark span[data-v-db908ca5]:nth-child(4) { --i: 3;
}
.auth-dna-mark span[data-v-db908ca5]:nth-child(5) { --i: 4;
}
.auth-dna-mark span[data-v-db908ca5]:nth-child(6) { --i: 5;
}
.auth-dna-mark span[data-v-db908ca5]:nth-child(7) { --i: 6;
}
.auth-dna-mark span[data-v-db908ca5]:nth-child(8) { --i: 7;
}
.auth-dna-mark span[data-v-db908ca5]:nth-child(9) { --i: 8;
}
.auth-dna-mark span[data-v-db908ca5]:nth-child(10) { --i: 9;
}
.auth-brand-lockup[data-v-db908ca5],
.auth-brand-slogan[data-v-db908ca5] {
  position: relative;
  z-index: 2;
}
.auth-brand-lockup[data-v-db908ca5] {
  display: flex;
  align-items: center;
  gap: 18px;
}
.auth-brand-logo[data-v-db908ca5] {
  display: grid;
  width: 78px;
  height: 78px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .86);
  border-radius: 16px;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 16px 32px rgba(6, 56, 86, .12);
}
.auth-brand-logo img[data-v-db908ca5] {
  width: 62px;
  height: 62px;
  object-fit: contain;
}
.auth-brand-name[data-v-db908ca5] {
  color: #073B5C;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
}
.auth-brand-slogan[data-v-db908ca5] {
  margin-top: 44px;
  color: #063856;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0;
  text-shadow: 0 10px 28px rgba(255, 255, 255, .72);
}
.auth-form-panel[data-v-db908ca5] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  overflow: auto;
  padding: 26px 64px;
  background:
    radial-gradient(circle at 85% 8%, rgba(22, 183, 223, .09), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 252, 255, .96));
}
.auth-form-box[data-v-db908ca5] {
  width: min(100%, 460px);
}
.auth-tabs[data-v-db908ca5] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 34px;
  border-bottom: 1px solid rgba(6, 56, 86, .14);
}
.auth-tab[data-v-db908ca5] {
  position: relative;
  padding: 0 0 20px;
  border: 0;
  background: transparent;
  color: #526B82;
  cursor: pointer;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  transition: color .22s ease;
}
.auth-tab.active[data-v-db908ca5] {
  color: #1C9CE8;
}
.auth-tab.active[data-v-db908ca5]::after {
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: -3px;
  height: 5px;
  content: "";
  border-radius: 999px;
  background: linear-gradient(90deg, #28C7E8, #1C9CE8);
}
.auth-forgot-title[data-v-db908ca5] {
  margin: -12px 0 24px;
  color: #073B5C;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
}
.auth-form[data-v-db908ca5] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.auth-field[data-v-db908ca5] {
  display: flex;
  min-height: 54px;
  align-items: center;
  gap: 12px;
  overflow: hidden;
  border: 1px solid #A9D8EC;
  border-radius: 14px;
  background: rgba(255, 255, 255, .72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .62);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.auth-field[data-v-db908ca5]:focus-within {
  border-color: #21BFE8;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 0 0 3px rgba(33, 191, 232, .12);
}
.auth-field-icon[data-v-db908ca5] {
  display: grid;
  flex: 0 0 54px;
  place-items: center;
  color: #9AAFC0;
  font-size: 20px;
}
.auth-field input[data-v-db908ca5] {
  width: 100%;
  min-width: 0;
  height: 54px;
  border: 0;
  outline: none;
  background: transparent;
  color: #063856;
  font-size: 16px;
  font-weight: 600;
}
.auth-field input + input[data-v-db908ca5] {
  border-left: 1px solid rgba(169, 216, 236, .72);
  padding-left: 14px;
}
.auth-field input[data-v-db908ca5]::placeholder {
  color: #94A8B7;
  font-size: 16px;
  font-weight: 500;
}
.auth-code-btn[data-v-db908ca5] {
  display: inline-flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 0 0 132px;
  border: 0;
  border-left: 1px solid rgba(169, 216, 236, .72);
  background: rgba(229, 246, 252, .88);
  color: #1C9CE8;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  transition: background .2s ease, color .2s ease;
}
.auth-code-btn[data-v-db908ca5]:hover:not(:disabled) {
  background: rgba(217, 244, 252, .98);
  color: #063856;
}
.auth-code-btn[data-v-db908ca5]:disabled {
  cursor: not-allowed;
  opacity: .62;
}
.auth-submit[data-v-db908ca5] {
  width: 100%;
  height: 56px;
  margin-top: 4px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #28C7E8, #1C9CE8);
  box-shadow: 0 16px 32px rgba(28, 156, 232, .22);
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.auth-submit[data-v-db908ca5]:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 20px 38px rgba(28, 156, 232, .30);
}
.auth-submit[data-v-db908ca5]:active:not(:disabled) {
  transform: translateY(0) scale(.99);
}
.auth-submit[data-v-db908ca5]:disabled {
  cursor: not-allowed;
  opacity: .72;
}
.auth-inline-actions[data-v-db908ca5] {
  display: flex;
  justify-content: flex-end;
  margin-top: -4px;
}
.auth-link[data-v-db908ca5] {
  border: 0;
  background: transparent;
  color: #1C9CE8;
  cursor: pointer;
  font-size: inherit;
  font-weight: 700;
  padding: 0;
  transition: color .18s ease;
}
.auth-link[data-v-db908ca5]:hover {
  color: #16B7DF;
}
.auth-inline-actions[data-v-db908ca5],
.auth-bottom-tip[data-v-db908ca5],
.auth-agree[data-v-db908ca5] {
  color: #6D8796;
  font-size: 14px;
  font-weight: 500;
}
.auth-bottom-tip[data-v-db908ca5] {
  margin-top: 4px;
  text-align: right;
}
.auth-error[data-v-db908ca5] {
  padding: 10px 12px;
  border: 1px solid rgba(255, 91, 110, .24);
  border-radius: 12px;
  background: rgba(255, 91, 110, .08);
  color: #FF5B6E;
  font-size: 14px;
  font-weight: 700;
}
.auth-agree[data-v-db908ca5] {
  line-height: 1.8;
}
.auth-popup-modal .ant-checkbox-wrapper {
  color: #6D8796;
  font-size: 14px;
}
.auth-popup-modal .ant-checkbox-checked .ant-checkbox-inner {
  border-color: #21BFE8;
  background-color: #21BFE8;
}
.auth-legal-modal .ant-modal-content {
  overflow: hidden;
  border-radius: 18px;
  background: rgba(255, 255, 255, .96);
}
.auth-legal-frame[data-v-db908ca5] {
  width: 100%;
  height: min(68vh, 720px);
  border: 0;
}
@media (max-width: 1100px) {
.auth-popup-modal .ant-modal {
    width: min(960px, calc(100vw - 64px)) !important;
    max-width: calc(100vw - 64px);
}
.auth-popup-modal .ant-modal-content {
    height: auto;
    min-height: 600px;
}
.auth-modal-card[data-v-db908ca5] {
    min-height: 600px;
}
.auth-brand-panel[data-v-db908ca5] {
    padding: 48px 38px;
}
.auth-form-panel[data-v-db908ca5] {
    padding: 44px 48px;
}
}
@media (max-width: 760px) {
.auth-popup-modal .ant-modal {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
}
.auth-popup-modal .ant-modal-content {
    max-height: calc(100vh - 32px);
    border-radius: 24px;
}
.auth-modal-card[data-v-db908ca5] {
    display: block;
    max-height: calc(100vh - 32px);
    overflow: auto;
    border-radius: 24px;
}
.auth-brand-panel[data-v-db908ca5] {
    min-height: 132px;
    padding: 24px;
    background-position: center 70%;
}
.auth-brand-lockup[data-v-db908ca5] {
    gap: 12px;
}
.auth-brand-logo[data-v-db908ca5] {
    width: 54px;
    height: 54px;
    border-radius: 12px;
}
.auth-brand-logo img[data-v-db908ca5] {
    width: 44px;
    height: 44px;
}
.auth-brand-name[data-v-db908ca5] {
    font-size: 22px;
}
.auth-brand-slogan[data-v-db908ca5] {
    margin-top: 16px;
    font-size: 20px;
    line-height: 1.45;
}
.auth-molecule[data-v-db908ca5],
  .auth-dna-mark[data-v-db908ca5],
  .auth-bio-orb[data-v-db908ca5] {
    display: none;
}
.auth-form-panel[data-v-db908ca5] {
    padding: 28px 22px 32px;
}
.auth-tab[data-v-db908ca5],
  .auth-forgot-title[data-v-db908ca5] {
    font-size: 24px;
}
.auth-field[data-v-db908ca5] {
    min-height: 52px;
    border-radius: 12px;
}
.auth-field input[data-v-db908ca5] {
    height: 52px;
}
.auth-field-icon[data-v-db908ca5] {
    flex-basis: 48px;
}
.auth-code-btn[data-v-db908ca5] {
    flex-basis: 112px;
    font-size: 14px;
}
}
@font-face{
  font-family:"Inter";
  src:url("/assets/Inter-Thin-2ab12bc9-B4o5siQk.woff2") format("woff2");
  font-weight:100;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("/assets/Inter-ExtraLight-b6c261b8-DDkcCnmI.woff2") format("woff2");
  font-weight:200;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("/assets/Inter-Light-d12f4645-MWFfSqj5.woff2") format("woff2");
  font-weight:300;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("/assets/Inter-Regular-b6f9db9e-B0QUfDW0.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("/assets/Inter-Medium-8458f8af-B0NFony0.woff2") format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("/assets/Inter-SemiBold-8e52a861-_JLwM7Yv.woff2") format("woff2");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("/assets/Inter-Bold-22097670-CytjP_7U.woff2") format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("/assets/Inter-ExtraBold-98023dd7-BN24N3BS.woff2") format("woff2");
  font-weight:800;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("/assets/Inter-Black-aa867fe6-COIgjx2i.woff2") format("woff2");
  font-weight:900;
  font-style:normal;
  font-display:swap;
}
:root{
  --bg:#f7fcff;
  --bg2:#eef9ff;
  --card:rgba(255,255,255,.74);
  --card2:rgba(255,255,255,.58);
  --deep:#063856;
  --deep2:#0c5278;
  --blue:#1976d2;
  --cyan:#17c7e8;
  --cyan2:#65e7f6;
  --green:#37c6a4;
  --gold:#f2b84b;
  --purple:#7b6ef6;
  --ink:#0a3148;
  --muted:#607c8d;
  --soft:#8aa0ad;
  --line:rgba(25,118,210,.12);
  --line2:rgba(23,199,232,.26);
  --shadow:0 30px 90px rgba(12,74,115,.13);
  --shadow2:0 18px 54px rgba(12,74,115,.10);
  --max:1280px;
  --r:28px;
}
.bob-home-page *{box-sizing:border-box}
html{scroll-behavior:smooth}
.bob-home-page{
  margin:0;
  font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--ink);
  overflow-x:hidden;
  background:
    radial-gradient(circle at 8% -8%, rgba(101,231,246,.38), transparent 30%),
    radial-gradient(circle at 92% 0%, rgba(25,118,210,.16), transparent 34%),
    linear-gradient(180deg,#fbfeff 0%, #edf9ff 36%, #f8fcff 72%, #eef9ff 100%);
}
.bob-home-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-5;
  background-image:
    linear-gradient(rgba(6,56,86,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6,56,86,.045) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.2) 58%, transparent 96%);
  pointer-events:none;
}
.bob-home-page a{text-decoration:none;color:inherit}
.bob-home-page button{font-family:inherit}
.bob-home-page h2,
.bob-home-page h3{font-weight:700}
.page{min-height:100vh;position:relative;overflow:hidden}
.cursor{
  position:fixed;
  left:0;top:0;
  width:520px;height:520px;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(circle, rgba(23,199,232,.15), rgba(25,118,210,.055) 42%, transparent 72%);
  transform:translate(-50%,-50%);
  filter:blur(16px);
  mix-blend-mode:multiply;
  z-index:9;
}
.nav{
  position:fixed;
  top:18px;left:50%;
  transform:translateX(-50%);
  width:min(calc(100% - 36px), 1360px);
  height:74px;
  z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  gap:18px;
  padding:0 20px;
  border-radius:999px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(25,118,210,.12);
  box-shadow:0 18px 55px rgba(9,63,98,.12), inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(26px);
}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.logo{
  width:46px;height:46px;border-radius:18px;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 30% 22%, white 0 9%, transparent 10%),
    conic-gradient(from 215deg,#17c7e8,#1976d2,#4edce9,#17c7e8);
  box-shadow:0 16px 36px rgba(23,199,232,.24), inset 0 1px 8px rgba(255,255,255,.72);
}
.logo::before{
  content:"";position:absolute;inset:8px;border-radius:13px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.9);
}
.logo::after{
  content:"";position:absolute;left:8px;top:17px;width:30px;height:13px;
  border-top:2px solid var(--deep);border-radius:50%;transform:rotate(-18deg);opacity:.82;
}
.brand strong{display:block;color:var(--deep);font-size:17px;letter-spacing:-.02em}
.brand small{display:block;margin-top:3px;color:#6e8999;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.links{display:flex;gap:3px;align-items:center;font-size:16px;color:#426a80}
.links a{padding:10px 11px;border-radius:999px;transition:.22s ease;white-space:nowrap}
.links a:hover{background:rgba(23,199,232,.09);color:var(--blue)}
.home-nav-dropdown{
  position:relative;
  display:flex;
  align-items:center;
}
.home-nav-dropdown::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:14px;
}
.home-nav-dropdown-trigger{
  display:inline-flex;
  align-items:center;
}
.home-nav-dropdown-menu{
  position:absolute;
  top:calc(100% + 12px);
  left:50%;
  min-width:132px;
  padding:8px;
  border:1px solid rgba(25,118,210,.14);
  border-radius:18px;
  background:rgba(255,255,255,.92);
  box-shadow:0 20px 54px rgba(12,74,115,.14), inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(22px);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%, 8px);
  transition:opacity .18s ease, transform .18s ease;
}
.home-nav-dropdown:hover .home-nav-dropdown-menu,
.home-nav-dropdown:focus-within .home-nav-dropdown-menu{
  opacity:1;
  pointer-events:auto;
  transform:translate(-50%, 0);
}
.home-nav-dropdown-menu a{
  display:block;
  padding:9px 12px;
  border-radius:12px;
  color:#315f78;
  font-size:14px;
  font-weight:700;
  line-height:1.35;
}
.home-nav-dropdown-menu a:hover{
  background:rgba(23,199,232,.1);
  color:var(--blue);
}
.login{
  padding:12px 18px;border-radius:999px;
  background:linear-gradient(135deg,#fff,#e6f9ff);
  border:1px solid rgba(25,118,210,.13);
  color:var(--deep);font-weight:800;
  box-shadow:0 12px 30px rgba(12,74,115,.11);
  white-space:nowrap;
}
.home-user{
  position:relative;
  display:flex;
  align-items:center;
}
.home-user::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:14px;
}
.home-user-trigger{
  display:flex;
  align-items:center;
  gap:9px;
  max-width:190px;
  padding:8px 14px 8px 8px;
  border:1px solid rgba(25,118,210,.13);
  border-radius:999px;
  background:linear-gradient(135deg,#fff,#e6f9ff);
  color:var(--deep);
  font-weight:800;
  box-shadow:0 12px 30px rgba(12,74,115,.11);
  cursor:pointer;
}
.home-user-avatar{
  width:32px;
  height:32px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:linear-gradient(135deg,#17c7e8,#1976d2);
  color:white;
  font-size:14px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(25,118,210,.2);
}
.home-user-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-user-menu{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  min-width:132px;
  padding:8px;
  border:1px solid rgba(25,118,210,.14);
  border-radius:18px;
  background:rgba(255,255,255,.92);
  box-shadow:0 20px 54px rgba(12,74,115,.14), inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(22px);
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .18s ease, transform .18s ease;
}
.home-user:hover .home-user-menu,
.home-user:focus-within .home-user-menu{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.home-user-menu button{
  width:100%;
  display:block;
  padding:9px 12px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#315f78;
  font-size:14px;
  font-weight:700;
  line-height:1.35;
  text-align:left;
  cursor:pointer;
}
.home-user-menu button:hover{
  background:rgba(23,199,232,.1);
  color:var(--blue);
}
.side-guide{
  position:fixed;
  right:22px;
  top:50%;
  transform:translate(18px, -50%);
  z-index:90;
  display:flex;
  flex-direction:column;
  gap:6px;
  width:188px;
  padding:10px;
  border-radius:22px;
  border:1px solid rgba(25,118,210,.12);
  background:rgba(255,255,255,.68);
  box-shadow:0 20px 60px rgba(8,68,106,.12), inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(22px);
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease, transform .28s ease;
}
.bob-home-page.side-guide-visible .side-guide{
  opacity:1;
  pointer-events:auto;
  transform:translate(0, -50%);
}
.side-guide::before{
  content:"";
  position:absolute;
  top:22px;
  bottom:22px;
  right:18px;
  width:1px;
  background:linear-gradient(180deg, transparent, rgba(23,199,232,.36), transparent);
}
.side-guide-item{
  position:relative;
  display:grid;
  grid-template-columns:30px 1fr;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:8px 26px 8px 9px;
  border-radius:14px;
  color:#4d7185;
  transition:color .22s ease, background .22s ease, box-shadow .22s ease, transform .22s ease;
}
.side-guide-item::after{
  content:"";
  position:absolute;
  right:13px;
  top:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  transform:translateY(-50%);
  background:#b8d5df;
  box-shadow:0 0 0 4px rgba(23,199,232,.08);
  transition:background .22s ease, box-shadow .22s ease, transform .22s ease;
}
.side-guide-no{
  color:#1494bd;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.side-guide-text{
  font-size:13px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:.04em;
}
.side-guide-item:hover,
.side-guide-item.active{
  color:var(--deep);
  background:linear-gradient(135deg, rgba(255,255,255,.86), rgba(229,250,255,.76));
  box-shadow:0 12px 34px rgba(12,74,115,.10);
  transform:translateX(-4px);
}
.side-guide-item:hover::after,
.side-guide-item.active::after{
  background:var(--cyan);
  box-shadow:0 0 0 5px rgba(23,199,232,.16), 0 0 18px rgba(23,199,232,.78);
  transform:translateY(-50%) scale(1.16);
}
.side-guide-item.active .side-guide-no{
  color:var(--blue);
}
.hero{
  position:relative;
  min-height:100vh;
  display:flex;align-items:center;
  padding:132px 24px 88px;
}
#heroCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:-4}
.hero::before{
  content:"";
  position:absolute;right:-18vw;top:5vh;width:78vw;height:78vw;max-width:1060px;max-height:1060px;border-radius:50%;
  background:
    radial-gradient(circle at 38% 32%, rgba(255,255,255,.95), transparent 9%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.74) 0 16%, rgba(213,247,255,.7) 17% 44%, rgba(23,199,232,.14) 45% 64%, transparent 75%);
  z-index:-5;
}
.hero::after{
  content:"";
  position:absolute;left:-12vw;bottom:-14vh;width:62vw;height:38vw;border-radius:50%;
  background:radial-gradient(circle, rgba(23,199,232,.14), transparent 70%);
  filter:blur(10px);z-index:-5;
}
.kp{
  position:absolute;right:-8vw;top:16vh;width:min(780px,58vw);height:540px;opacity:.13;color:var(--deep);z-index:-1;pointer-events:none;
}
.kp svg{width:100%;height:100%;overflow:visible}
.kp path{
  fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;
  stroke-dasharray:9 13;animation:dash 16s linear infinite;
}
@keyframes dash{to{stroke-dashoffset:-320}}
.hero-inner{
  width:min(100%,var(--max));
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1.02fr;
  gap:54px;
  align-items:center;
  position:relative;z-index:1;
}
.badge{
  display:inline-flex;align-items:center;gap:10px;
  padding:9px 14px;border-radius:999px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(23,199,232,.25);
  box-shadow:0 12px 34px rgba(12,74,115,.08), inset 0 1px 0 rgba(255,255,255,.95);
  color:#1b6d8c;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  backdrop-filter:blur(18px);
}
.badge i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px rgba(23,199,232,.85)}
h1{
  margin:28px 0 0;
  font-size:clamp(48px,6.4vw,94px);
  line-height:1;
  letter-spacing:-.078em;
  color:var(--deep);
}
h1 span{
  display:block;
  background:linear-gradient(100deg,#062f49 0%,#0c6697 42%,#17c7e8 78%,#062f49 100%);
  -webkit-background-clip:text;color:transparent;
}
h1 .en{
  margin-top:12px;
  font-size:clamp(34px,4.5vw,66px);
  letter-spacing:-.058em;
  background:linear-gradient(90deg,#063856,#1976d2,#17c7e8);
  -webkit-background-clip:text;color:transparent;
}
.slogan{
  margin:22px 0 0;
  color:#124f72;
  font-size:clamp(20px,2.15vw,30px);
  line-height:1.42;
  font-weight:700;
  letter-spacing:-.02em;
}
.value{
  margin:20px 0 0;
  padding:16px 18px;
  max-width:720px;
  border-left:4px solid var(--cyan);
  border-radius:16px;
  background:rgba(255,255,255,.48);
  color:#1b5f80;
  font-size:18px;
  line-height:1.7;
  font-weight:700;
  box-shadow:0 15px 40px rgba(12,74,115,.06);
}
.desc{margin:22px 0 0;max-width:700px;color:var(--muted);font-size:16px;line-height:1.92}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.btn{
  border:0;cursor:pointer;border-radius:999px;padding:16px 24px;
  background:linear-gradient(135deg,#17c7e8,#1976d2);
  color:white;font-weight:800;letter-spacing:.02em;
  box-shadow:0 18px 45px rgba(25,118,210,.24);
  overflow:hidden;position:relative;transition:.24s ease;
}
.btn::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 5%,rgba(255,255,255,.38),transparent 44%);
  transform:translateX(-120%);transition:.65s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 24px 60px rgba(25,118,210,.3)}
.btn:hover::before{transform:translateX(120%)}
.btn.ghost{
  color:var(--deep);
  background:rgba(255,255,255,.72);
  border:1px solid rgba(25,118,210,.14);
  box-shadow:0 16px 42px rgba(12,74,115,.1);
}
.proof-strip{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px;max-width:720px;
}
.proof{
  padding:14px 15px;border-radius:20px;
  border:1px solid rgba(25,118,210,.1);
  background:rgba(255,255,255,.64);
  box-shadow:var(--shadow2);backdrop-filter:blur(18px);
}
.proof b{display:block;font-size:24px;color:var(--deep);letter-spacing:-.04em}
.proof small{display:block;margin-top:4px;color:#718a99;font-size:12px}
.atlas{
  position:relative;
  min-height:680px;
  display:grid;
  place-items:center;
}
.atlas-shell{
  position:relative;
  width:min(640px,94vw);
  aspect-ratio:1/1;
}
.atlas-bg{
  position:absolute;inset:4%;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.96) 0 14%, rgba(255,255,255,.52) 15% 30%, transparent 31%),
    conic-gradient(from 130deg, rgba(23,199,232,.24), rgba(25,118,210,.05), rgba(55,198,164,.16), rgba(123,110,246,.08), rgba(23,199,232,.24));
  border:1px solid rgba(25,118,210,.13);
  box-shadow:0 34px 95px rgba(12,74,115,.13), inset 0 0 70px rgba(23,199,232,.10);
  animation:rotate 34s linear infinite;
}
.atlas-ring{position:absolute;inset:0;border:1px dashed rgba(25,118,210,.20);border-radius:50%;animation:rotate 46s linear infinite reverse}
.atlas-ring.r2{inset:13%;border-style:solid;border-color:rgba(23,199,232,.26);animation-duration:28s}
.atlas-ring.r3{inset:26%;border-color:rgba(55,198,164,.22);animation-duration:22s;animation-direction:normal}
@keyframes rotate{to{transform:rotate(360deg)}}
.core{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:230px;height:230px;border-radius:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(230,249,255,.78));
  border:1px solid rgba(23,199,232,.28);
  box-shadow:0 28px 90px rgba(12,74,115,.16), inset 0 1px 0 white;
  display:grid;place-items:center;text-align:center;z-index:4;backdrop-filter:blur(20px);
}
.core b{display:block;color:var(--deep);font-size:46px;letter-spacing:-.075em}
.core span{display:block;margin-top:8px;color:#567588;font-size:13px;line-height:1.5}
.dna{
  position:absolute;left:50%;top:50%;width:86px;height:250px;
  transform:translate(-50%,-50%) rotate(-15deg);
  z-index:3;opacity:.58;pointer-events:none;
}
.dna i{
  position:absolute;left:50%;top:calc(var(--i)*16px);width:86px;height:5px;margin-left:-43px;
  border-radius:999px;background:linear-gradient(90deg,transparent,rgba(23,199,232,.9),transparent);
  transform:rotateY(calc(var(--i)*31deg));animation:helix 4.2s ease-in-out infinite;animation-delay:calc(var(--i)*-.075s);
}
@keyframes helix{50%{transform:rotateY(calc(var(--i)*31deg + 180deg))}}
.orbit-label{
  position:absolute;z-index:5;
  min-width:128px;padding:10px 12px;border-radius:999px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(25,118,210,.11);
  color:#285d78;font-size:12px;font-weight:700;text-align:center;
  box-shadow:0 12px 30px rgba(12,74,115,.08);backdrop-filter:blur(16px);
}
.ol1{left:50%;top:16px;transform:translateX(-50%)}
.ol2{right:16px;top:30%}
.ol3{right:58px;bottom:88px}
.ol4{left:58px;bottom:88px}
.ol5{left:16px;top:30%}
.cap{
  position:absolute;z-index:6;width:190px;min-height:112px;padding:15px;border-radius:23px;
  background:rgba(255,255,255,.74);border:1px solid rgba(25,118,210,.12);
  box-shadow:0 18px 48px rgba(12,74,115,.12);backdrop-filter:blur(20px);
  transition:.25s ease;
}
.cap:hover{transform:translateY(-5px);border-color:rgba(23,199,232,.34);box-shadow:0 26px 70px rgba(12,74,115,.17)}
.cap h3{margin:0 0 7px;color:var(--deep);font-size:17px;letter-spacing:-.03em}
.cap p{margin:0;color:#718a99;line-height:1.52;font-size:12px}
.cap.a{left:-5px;top:108px}
.cap.b{right:-5px;top:108px}
.cap.c{left:10px;bottom:118px}
.cap.d{right:10px;bottom:118px}
.species-chips{
  position:absolute;left:50%;bottom:10px;transform:translateX(-50%);
  display:flex;gap:8px;z-index:7;flex-wrap:wrap;justify-content:center;width:78%;
}
.sp-chip{
  padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.78);
  border:1px solid rgba(25,118,210,.1);box-shadow:0 8px 22px rgba(12,74,115,.07);
  color:#2d6b86;font-size:12px;font-weight:700;
}
.section{position:relative;padding:104px 24px;scroll-margin-top:96px}
.container{width:min(100%,var(--max));margin:0 auto;position:relative;z-index:1}
.section-head{
  display:grid;grid-template-columns:.78fr 1fr;gap:42px;align-items:end;margin-bottom:44px;
}
.label{
  display:inline-flex;align-items:center;gap:10px;color:#1486aa;font-weight:800;letter-spacing:.15em;text-transform:uppercase;font-size:13px;
}
.label::before{content:"";width:38px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--cyan),transparent)}
h2{margin:18px 0 0;color:var(--deep);font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.064em}
.section-desc{margin:0;color:var(--muted);line-height:1.92;font-size:16px}
.glass{
  position:relative;border:1px solid rgba(25,118,210,.11);background:var(--card);
  border-radius:var(--r);box-shadow:var(--shadow);backdrop-filter:blur(24px);overflow:hidden;
}
.glass::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at var(--mx,50%) var(--my,0%), rgba(23,199,232,.16), transparent 30%),
             linear-gradient(135deg, rgba(255,255,255,.72), transparent 42%);
  opacity:.74;
}
.intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}
.intro-card{min-height:350px;padding:34px}
.intro-card h3,.module h3,.tool h3,.species h3,.cred h3{position:relative;z-index:1;color:var(--deep);letter-spacing:-.045em}
.intro-card h3{font-size:34px;margin:0 0 12px}
.intro-card h3 span{display:block;margin-top:6px;color:var(--blue);font-size:22px}
.intro-card p{position:relative;z-index:1;margin:0;color:#637f8f;line-height:2}
.signal-card{padding:24px;display:grid;gap:14px}
.signal-row{position:relative;z-index:1;display:grid;grid-template-columns:128px 1fr 46px;gap:12px;align-items:center}
.signal-row span:first-child{color:#436b80;font-size:13px;font-weight:700}
.bar{height:9px;border-radius:999px;background:rgba(6,56,86,.07);overflow:hidden}
.bar i{display:block;height:100%;width:var(--v);border-radius:inherit;background:linear-gradient(90deg,#65e7f6,#1976d2);box-shadow:0 0 16px rgba(23,199,232,.28);animation:bar 3.2s ease-in-out infinite alternate}
@keyframes bar{from{transform:translateX(-8%)}to{transform:translateX(3%)}}
.signal-row em{text-align:right;color:#1684a9;font-style:normal;font-size:12px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}
.feature{min-height:244px;padding:27px;transition:.25s ease}
.feature:hover{transform:translateY(-7px);border-color:rgba(23,199,232,.32)}
.icon{
  position:relative;z-index:1;width:60px;height:60px;border-radius:22px;display:grid;place-items:center;
  font-size:25px;color:var(--deep);background:linear-gradient(135deg,#fff,#dff7ff);
  border:1px solid rgba(23,199,232,.22);box-shadow:0 15px 36px rgba(12,74,115,.10);
}
.icon img{
  display:block;
  width:82%;
  height:82%;
  object-fit:contain;
}
.feature h3{position:relative;z-index:1;margin:24px 0 10px;font-size:25px;color:var(--deep);letter-spacing:-.04em}
.feature p{position:relative;z-index:1;margin:0;color:#718a99;line-height:1.8}
.matrix-wrap{
  background:
    radial-gradient(circle at 12% 10%, rgba(101,231,246,.22), transparent 28%),
    radial-gradient(circle at 86% 92%, rgba(25,118,210,.10), transparent 26%);
}
.matrix{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.module{
  min-height:420px;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:.25s ease;
}
.module:hover{transform:translateY(-7px);border-color:rgba(23,199,232,.32)}
.module-top{position:relative;z-index:1}
.module-code{color:#1486aa;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.module h3{font-size:27px;margin:18px 0 8px}
.module p{margin:0;color:#6f8797;line-height:1.7;font-size:14px}
.module-list{position:relative;z-index:1;display:grid;gap:9px;margin-top:22px}
.module-list span{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:11px 12px;border-radius:15px;background:rgba(255,255,255,.58);
  border:1px solid rgba(6,56,86,.07);color:#315f77;font-size:13px;font-weight:700;
}
.module-list i{font-style:normal;color:#1596bc}
.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.step{
  min-height:214px;padding:22px;border-radius:26px;background:rgba(255,255,255,.64);
  border:1px solid rgba(25,118,210,.1);box-shadow:var(--shadow2);position:relative;
}
.step:not(:last-child)::after{
  content:"";position:absolute;right:-16px;top:50%;width:16px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)
}
.step b{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;color:#0d7896;background:linear-gradient(135deg,#fff,#dff7ff);border:1px solid rgba(23,199,232,.22)}
.step h3{margin:22px 0 10px;color:var(--deep);font-size:20px;letter-spacing:-.03em}
.step p{margin:0;color:#718a99;line-height:1.72;font-size:14px}
.lab-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;margin-top:24px}
.terminal{min-height:430px;padding:24px;background:rgba(255,255,255,.76)}
.term-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.dots{display:flex;gap:7px}
.dots i{width:10px;height:10px;border-radius:50%;background:#17c7e8;box-shadow:0 0 10px rgba(23,199,232,.55)}
.term-title{color:#7893a3;letter-spacing:.14em;font-size:12px}
.code{position:relative;z-index:1;font-family:"SFMono-Regular","Consolas",monospace;font-size:13px;line-height:1.92;color:#38677e}
.code .c{color:#91a8b5}.code .k{color:#1976d2;font-weight:700}.code .s{color:#1095b5}.code .n{color:#7b5bd6}
.network{min-height:430px;position:relative}
#networkCanvas{position:absolute;inset:0;width:100%;height:100%}
.network-info{position:absolute;left:24px;right:24px;bottom:24px;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:18px}
.network-info h3{margin:0 0 8px;color:var(--deep);font-size:28px;letter-spacing:-.04em}
.network-info p{margin:0;color:#6b8494;max-width:480px;line-height:1.7}
.chip{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid rgba(23,199,232,.2);color:#167a9a;box-shadow:0 12px 28px rgba(12,74,115,.09);white-space:nowrap}
.module-showcase{
  min-height:430px;
  padding:28px;
  background:
    radial-gradient(circle at 12% 12%, rgba(23,199,232,.16), transparent 30%),
    rgba(255,255,255,.74);
}
.module-showcase-head{
  position:relative;
  z-index:1;
  margin-bottom:22px;
}
.module-showcase-head span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#1486aa;
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.module-showcase-head span::before{
  content:"";
  width:30px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--cyan),transparent);
}
.module-showcase-head h3{
  margin:12px 0 0;
  color:var(--deep);
  font-size:30px;
  line-height:1.16;
  letter-spacing:-.045em;
}
.module-card{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:46px 1fr;
  gap:16px;
  align-items:start;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(25,118,210,.10);
  background:rgba(255,255,255,.62);
  box-shadow:0 14px 36px rgba(12,74,115,.07);
}
.module-card + .module-card{margin-top:14px}
.module-card b{
  width:42px;
  height:42px;
  border-radius:16px;
  display:grid;
  place-items:center;
  color:#0877b3;
  background:linear-gradient(135deg,#fff,#dff7ff);
  box-shadow:inset 0 0 0 1px rgba(23,199,232,.20);
  font-size:13px;
}
.module-card h4{
  margin:0;
  color:var(--deep);
  font-size:21px;
  line-height:1.2;
  letter-spacing:-.035em;
}
.module-card p{
  margin:9px 0 0;
  color:#668494;
  line-height:1.72;
}
.module-card.primary{
  background:linear-gradient(135deg, rgba(255,255,255,.88), rgba(224,249,255,.70));
  border-color:rgba(23,199,232,.22);
}
.function-module-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:20px;
  margin-top:24px;
}
.function-module-card{
  min-height:268px;
  padding:28px 20px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.88), transparent 30%),
    rgba(255,255,255,.68);
  transition:.24s ease;
}
.function-module-card:hover{
  transform:translateY(-7px);
  border-color:rgba(23,199,232,.32);
}
.function-module-icon{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  margin-bottom:22px;
  border-radius:24px;
  color:#246ba2;
  font-size:22px;
  font-weight:900;
  letter-spacing:-.02em;
  background:linear-gradient(135deg, rgba(255,255,255,.90), rgba(221,247,255,.58));
  border:1px solid rgba(25,118,210,.10);
  box-shadow:0 16px 34px rgba(12,74,115,.09), inset 0 1px 0 rgba(255,255,255,.90);
}
.function-module-icon img{
  display:block;
  width:78%;
  height:78%;
  object-fit:contain;
}
.function-module-card h3{
  margin:0;
  color:var(--deep);
  font-size:22px;
  line-height:1.24;
  letter-spacing:-.04em;
}
.function-module-card p{
  margin:16px 0 0;
  color:#668494;
  line-height:1.78;
  font-size:15px;
}
.species-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.species{
  min-height:360px;padding:22px 22px 74px;border-radius:28px;background:rgba(255,255,255,.66);
  border:1px solid rgba(25,118,210,.1);box-shadow:var(--shadow2);position:relative;overflow:hidden;transition:.24s ease;
}
.species:hover{transform:translateY(-8px);border-color:rgba(23,199,232,.32)}
.species-visual{
  height:135px;border-radius:24px;margin-bottom:18px;position:relative;overflow:hidden;
  background:radial-gradient(circle at 50% 40%, rgba(255,255,255,.92), transparent 24%),
             radial-gradient(circle at 50% 100%, rgba(23,199,232,.24), transparent 58%),
             linear-gradient(135deg,#effcff,#dff7ff);
}
.species-visual svg{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
.species-visual img{
  position:absolute;
  left:50%;
  top:50%;
  width:50%;
  height:50%;
  transform:translate(-50%, -50%);
  object-fit:contain;
}
.species h3{margin:0;font-size:24px}
.species small{position:relative;z-index:1;display:block;margin-top:6px;color:#148bae;font-weight:700}
.species p{position:relative;z-index:1;margin:16px 0 0;color:#708999;line-height:1.55;font-size:14px}
.view{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(6,56,86,.08);color:#126d91;font-weight:700;font-size:13px}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tool{min-height:380px;padding:28px;display:flex;flex-direction:column;justify-content:space-between}
.tool h3{font-size:27px;margin:22px 0 10px}
.tool p{position:relative;z-index:1;margin:0;color:#708999;line-height:1.8}
.mini-bars{position:relative;z-index:1;height:118px;display:flex;align-items:flex-end;gap:9px;margin-top:22px}
.mini-bars span{flex:1;height:var(--h);border-radius:999px 999px 10px 10px;background:linear-gradient(180deg,#17c7e8,#1976d2);box-shadow:0 10px 22px rgba(23,199,232,.18);animation:bars 3.4s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.14s)}
@keyframes bars{50%{height:calc(var(--h)*.72)}}
.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.decision-switcher{grid-template-columns:.82fr 1.18fr;align-items:stretch}
.decision-panel-list{display:grid;gap:16px}
.decision-panel{
  position:relative;
  display:grid;
  grid-template-columns:54px 1fr;
  gap:16px;
  align-items:start;
  width:100%;
  min-height:132px;
  padding:20px;
  border:1px solid rgba(25,118,210,.10);
  border-radius:24px;
  background:rgba(255,255,255,.66);
  box-shadow:var(--shadow2);
  text-align:left;
  color:inherit;
  cursor:pointer;
  transition:.24s ease;
  overflow:hidden;
}
.decision-panel::after{
  content:"";
  position:absolute;
  inset:auto 18px 18px auto;
  width:42px;
  height:42px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(23,199,232,.22), transparent 70%);
  opacity:0;
  transition:.24s ease;
}
.decision-panel b{
  position:relative;
  z-index:1;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#0877b3;
  background:linear-gradient(135deg,#fff,#dff7ff);
  box-shadow:inset 0 0 0 1px rgba(23,199,232,.18);
}
.decision-panel strong{
  position:relative;
  z-index:1;
  display:block;
  color:var(--deep);
  font-size:23px;
  line-height:1.2;
  letter-spacing:-.045em;
}
.decision-panel em{
  position:relative;
  z-index:1;
  display:block;
  margin-top:10px;
  color:#668494;
  font-style:normal;
  line-height:1.72;
}
.decision-panel:hover,
.decision-panel.active{
  transform:translateX(8px);
  border-color:rgba(23,199,232,.32);
  background:linear-gradient(135deg, rgba(255,255,255,.90), rgba(224,249,255,.72));
  box-shadow:0 22px 58px rgba(12,74,115,.12);
}
.decision-panel:hover::after,
.decision-panel.active::after{opacity:1}
.decision-stage{
  position:relative;
  min-height:492px;
  padding:24px;
  overflow:hidden;
  background:
    radial-gradient(circle at 22% 8%, rgba(23,199,232,.18), transparent 30%),
    rgba(255,255,255,.70);
}
.decision-stage::before{
  content:"";
  position:absolute;
  inset:28px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.72);
  pointer-events:none;
  z-index:2;
}
.decision-stage-image{
  position:relative;
  height:100%;
  min-height:444px;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(135deg,#effcff,#dff7ff);
}
.decision-stage-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:opacity .22s ease, transform .32s ease;
}
.decision-stage-image img.switching{
  opacity:.15;
  transform:scale(1.018);
}
.decision-stage-caption{
  position:absolute;
  left:48px;
  right:48px;
  bottom:42px;
  z-index:3;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  border-radius:22px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(25,118,210,.10);
  box-shadow:0 16px 42px rgba(12,74,115,.12);
  backdrop-filter:blur(18px);
}
.decision-stage-caption span{
  color:#1486aa;
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.decision-stage-caption strong{
  color:var(--deep);
  font-size:26px;
  line-height:1.18;
  letter-spacing:-.045em;
  text-align:right;
}
.decision{min-height:390px;padding:22px 22px 28px;transition:.24s ease}
.decision:hover{transform:translateY(-7px);border-color:rgba(23,199,232,.32)}
.decision-visual{
  position:relative;
  z-index:1;
  aspect-ratio:16/9;
  margin-bottom:24px;
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(135deg,#effcff,#dff7ff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
.decision-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.decision h3{position:relative;z-index:1;margin:0 0 14px;color:var(--deep);font-size:27px;line-height:1.18;letter-spacing:-.05em}
.decision p{position:relative;z-index:1;margin:0;color:#708999;line-height:1.82}
.decision-list{position:relative;z-index:1;display:grid;gap:12px}
.decision-list div{display:flex;justify-content:space-between;gap:18px;padding:15px 16px;border-radius:17px;background:rgba(255,255,255,.62);border:1px solid rgba(25,118,210,.08);color:#315d74}
.decision-list small{color:#1486aa;font-weight:700;text-align:right}
.trust-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}
.cred{padding:32px;min-height:330px}
.cred h3{font-size:31px;margin:0 0 12px}
.cred p{position:relative;z-index:1;color:#6d8796;line-height:1.92;margin:0}
.cred-list{display:grid;gap:13px;margin-top:24px;position:relative;z-index:1}
.cred-list div{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:17px;background:rgba(255,255,255,.58);border:1px solid rgba(25,118,210,.08)}
.cred-list i{font-style:normal;width:30px;height:30px;display:grid;place-items:center;border-radius:11px;background:#e7f9ff;color:#1287a9;font-weight:900}
.scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;position:relative;z-index:1}
.scenario{padding:18px;border-radius:20px;background:rgba(255,255,255,.62);border:1px solid rgba(25,118,210,.08)}
.scenario b{display:block;color:var(--deep);font-size:18px;margin-bottom:8px}
.scenario span{color:#708999;line-height:1.6;font-size:13px}
.footer{padding:64px 24px 48px;background:linear-gradient(180deg,rgba(255,255,255,0),#e9f8ff);border-top:1px solid rgba(25,118,210,.08)}
.footer-inner{width:min(100%,var(--max));margin:0 auto;display:flex;justify-content:space-between;gap:24px;align-items:flex-end;color:#647f90}
.footer h3{margin:0 0 12px;color:var(--deep);font-size:24px;letter-spacing:-.03em}
.footer p{margin:0;line-height:1.8}
.copyright{text-align:right;font-size:13px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1160px){
.links{display:none}
.side-guide{display:none}
.hero-inner,.intro-grid,.lab-grid,.decision-grid,.trust-grid,.section-head{grid-template-columns:1fr}
.decision-grid{grid-template-columns:repeat(2,1fr)}
.decision-switcher{grid-template-columns:1fr}
.function-module-grid{grid-template-columns:repeat(2,1fr)}
.atlas{min-height:610px}
.matrix{grid-template-columns:repeat(2,1fr)}
.workflow{grid-template-columns:1fr 1fr}
.step:not(:last-child)::after{display:none}
.species-grid{grid-template-columns:repeat(2,1fr)}
.tool-grid,.feature-grid{grid-template-columns:1fr}
.proof-strip{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
.nav{top:12px;width:calc(100% - 24px);height:64px}
.brand small{display:none}
.login{font-size:13px;padding:10px 12px}
.hero{padding:108px 18px 60px}
.hero-inner{gap:26px}
.function-module-grid{grid-template-columns:1fr}
.function-module-card{min-height:auto;padding:26px 20px}
.decision-grid{grid-template-columns:1fr}
.decision-panel{grid-template-columns:44px 1fr;min-height:auto;padding:18px}
.decision-panel strong{font-size:21px}
.decision-stage{min-height:auto;padding:16px}
.decision-stage-image{min-height:auto;aspect-ratio:16/9}
.decision-stage-caption{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    margin-top:14px;
    display:block;
}
.decision-stage-caption strong{display:block;margin-top:8px;text-align:left;font-size:22px}
.proof-strip,.matrix,.workflow,.species-grid,.scenario-grid{grid-template-columns:1fr}
.atlas{min-height:auto;padding:18px 0}
.atlas-shell{width:100%;display:grid;gap:10px;aspect-ratio:auto}
.atlas-bg,.atlas-ring,.dna,.orbit-label,.species-chips{display:none}
.core{position:relative;left:auto;top:auto;transform:none;margin:0 auto 14px}
.cap{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%;min-height:auto}
.section{padding:76px 18px}
.network-info{display:block}
.chip{display:inline-block;margin-top:14px}
.footer-inner{display:block}.copyright{text-align:left;margin-top:24px}
}

/* V6.1 首屏简化版：去掉中左侧信息和右侧能力中枢，只保留图二式中心 Banner */
.hero-simple{
  min-height:100vh;
  padding:112px 24px 44px;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(47,211,255,.28), transparent 26%),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.34), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(20,178,230,.28), transparent 25%),
    linear-gradient(180deg,#d7f7ff 0%,#88dcf3 34%,#159bd0 68%,#0478b6 100%);
  isolation:isolate;
}
.hero-simple::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 52%, rgba(255,255,255,.22), transparent 18%),
    linear-gradient(180deg, rgba(255,255,255,.15), transparent 28%, rgba(0,85,145,.18) 100%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 4px);
  z-index:-3;
  pointer-events:none;
}
.hero-simple::after{
  content:"";
  position:absolute;
  inset:-18%;
  background:
    conic-gradient(from 40deg at 50% 52%, transparent 0 8%, rgba(255,255,255,.22) 10%, transparent 18% 36%, rgba(255,255,255,.16) 39%, transparent 46% 100%),
    radial-gradient(circle at 50% 50%, transparent 0 22%, rgba(255,255,255,.18) 23% 24%, transparent 25% 100%);
  filter:blur(1px);
  animation:oceanSpin 22s linear infinite;
  z-index:-2;
  pointer-events:none;
}
@keyframes oceanSpin{to{transform:rotate(360deg)}}
.hero-simple #heroCanvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:-1;
  opacity:.88;
}
.hero-frame{
  position:relative;
  width:min(100%, 1240px);
  min-height:min(72vh, 690px);
  border-radius:44px;
  border:2px solid rgba(235,253,255,.78);
  background:
    radial-gradient(circle at 48% 42%, rgba(0,95,150,.10), transparent 19%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  box-shadow:
    0 35px 100px rgba(0,77,125,.22),
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 0 70px rgba(255,255,255,.10);
  overflow:hidden;
  display:grid;
  place-items:center;
  backdrop-filter:blur(4px);
}
.hero-frame::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 16% 34%, rgba(255,255,255,.20), transparent 22%),
    radial-gradient(circle at 78% 28%, rgba(255,255,255,.15), transparent 18%),
    linear-gradient(110deg, transparent 0 38%, rgba(255,255,255,.22) 43%, transparent 48% 100%);
  mix-blend-mode:screen;
  opacity:.86;
  pointer-events:none;
  animation:frameSheen 8s ease-in-out infinite alternate;
}
@keyframes frameSheen{
from{transform:translateX(-3%)}
to{transform:translateX(3%)}
}
.hero-frame::after{
  content:"";
  position:absolute;
  inset:20px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.22);
  pointer-events:none;
}
.frame-corner{
  position:absolute;
  width:92px;
  height:92px;
  border-color:rgba(255,255,255,.78);
  z-index:2;
  pointer-events:none;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.45));
}
.corner-1{left:28px;top:28px;border-left:2px solid;border-top:2px solid;border-radius:24px 0 0 0}
.corner-2{right:28px;top:28px;border-right:2px solid;border-top:2px solid;border-radius:0 24px 0 0}
.corner-3{left:28px;bottom:28px;border-left:2px solid;border-bottom:2px solid;border-radius:0 0 0 24px}
.corner-4{right:28px;bottom:28px;border-right:2px solid;border-bottom:2px solid;border-radius:0 0 24px 0}
.hero-center{
  position:relative;
  z-index:4;
  text-align:center;
  padding:48px 28px 118px;
  color:#fff;
  transform:translateY(8px);
}
.hero-brand-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border-radius:999px;
  color:rgba(255,255,255,.78);
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.20);
  backdrop-filter:blur(12px);
  text-shadow:0 2px 14px rgba(0,71,112,.24);
  margin-bottom:34px;
}
.hero-main-title{
  margin:0;
  font-size:clamp(64px, 8vw, 118px);
  line-height:1;
  letter-spacing:.08em;
  font-weight:900;
  color:#f4fdff;
  text-shadow:
    0 0 10px rgba(255,255,255,.45),
    0 0 34px rgba(73,229,255,.55),
    0 16px 36px rgba(0,67,110,.24);
  filter:drop-shadow(0 0 12px rgba(255,255,255,.20));
}
.hero-slogan{
  margin:42px auto 0;
  font-size:clamp(18px, 2.2vw, 28px);
  letter-spacing:.28em;
  color:rgba(255,255,255,.92);
  text-shadow:0 6px 22px rgba(0,70,116,.26);
  font-weight:500;
}
.hero-platform-title{
  margin-top:54px;
  font-size:clamp(34px, 4.5vw, 66px);
  line-height:1.08;
  font-weight:900;
  color:#f7feff;
  letter-spacing:.03em;
  text-shadow:
    0 0 12px rgba(255,255,255,.40),
    0 0 36px rgba(50,222,255,.35),
    0 14px 34px rgba(0,67,110,.24);
}
.hero-en-title{
  margin-top:18px;
  font-size:clamp(34px, 5.4vw, 76px);
  line-height:1;
  font-weight:900;
  color:#fff;
  letter-spacing:-.03em;
  text-shadow:
    0 0 10px rgba(255,255,255,.34),
    0 0 34px rgba(50,222,255,.32),
    0 16px 36px rgba(0,67,110,.28);
}
.hero-institutes{
  position:absolute;
  left:50%;
  bottom:34px;
  transform:translateX(-50%);
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  color:#fff;
  text-align:left;
  white-space:nowrap;
  text-shadow:0 6px 18px rgba(0,70,116,.28);
}
.institute{display:flex;align-items:center;gap:14px}
.institute-logo{
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.92);
  color:#0877b3;
  font-weight:900;
  box-shadow:0 12px 32px rgba(0,78,126,.22), inset 0 0 0 4px rgba(8,119,179,.12);
}
.institute strong{
  display:block;
  font-size:24px;
  line-height:1.1;
  letter-spacing:.08em;
  font-weight:900;
}
.institute small{
  display:block;
  margin-top:5px;
  font-size:11px;
  letter-spacing:.08em;
  opacity:.92;
  font-weight:700;
}
.divider{
  width:1px;
  height:54px;
  background:rgba(255,255,255,.42);
  box-shadow:0 0 10px rgba(255,255,255,.3);
}
.hero-kunpeng{
  position:absolute;
  left:7%;
  top:18%;
  width:min(540px, 48vw);
  height:360px;
  z-index:1;
  opacity:.24;
  filter:drop-shadow(0 0 24px rgba(255,255,255,.28));
  pointer-events:none;
}
.hero-kunpeng svg{
  width:100%;
  height:100%;
  overflow:visible;
}
.hero-kunpeng path{
  fill:none;
  stroke:rgba(255,255,255,.62);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:10 14;
  animation:kpLine 15s linear infinite;
}
@keyframes kpLine{to{stroke-dashoffset:-340}}
.hero-dna{
  position:absolute;
  z-index:2;
  width:120px;
  height:440px;
  opacity:.46;
  filter:drop-shadow(0 0 18px rgba(255,255,255,.35));
  pointer-events:none;
}
.hero-dna-left{left:9%;top:21%;transform:rotate(-20deg)}
.hero-dna-right{right:8%;top:15%;transform:rotate(18deg)}
.hero-dna i{
  position:absolute;
  left:50%;
  top:calc(var(--i) * 22px);
  width:120px;
  height:6px;
  margin-left:-60px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.92), rgba(89,235,255,.72), transparent);
  transform:rotateY(calc(var(--i) * 30deg));
  animation:heroHelix 4.6s ease-in-out infinite;
  animation-delay:calc(var(--i) * -.08s);
}
.hero-dna i::before,
.hero-dna i::after{
  content:"";
  position:absolute;
  top:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  transform:translateY(-50%);
  box-shadow:0 0 14px rgba(255,255,255,.6);
}
.hero-dna i::before{left:0}
.hero-dna i::after{right:0}
@keyframes heroHelix{
50%{transform:rotateY(calc(var(--i) * 30deg + 180deg))}
}
@media(max-width:900px){
.hero-frame{min-height:72vh;border-radius:32px}
.hero-center{padding:38px 18px 138px}
.hero-slogan{letter-spacing:.12em}
.hero-institutes{
    width:92%;
    gap:14px;
    bottom:24px;
    transform:translateX(-50%) scale(.86);
}
.divider{display:none}
.hero-dna-left{left:-24px}
.hero-dna-right{right:-24px}
.hero-kunpeng{left:-4%;width:70vw}
}
@media(max-width:640px){
.hero-simple{padding:96px 14px 30px}
.hero-frame{min-height:76vh}
.hero-brand-mark{font-size:11px;margin-bottom:24px}
.hero-slogan{margin-top:28px;font-size:16px;line-height:1.8}
.hero-platform-title{margin-top:34px}
.hero-institutes{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:10px;
    transform:translateX(-50%) scale(.78);
}
.institute strong{font-size:20px}
.hero-dna{display:none}
}


/* =========================
   V6.2 首屏发布级 Banner
   只重做首屏：更像正式发布画面
========================= */
.hero-launch{
  min-height:100vh;
  padding:112px 24px 46px;
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 28%, rgba(255,255,255,.58), transparent 18%),
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.40), transparent 26%),
    radial-gradient(circle at 82% 20%, rgba(100,232,255,.26), transparent 30%),
    linear-gradient(180deg, #ddf9ff 0%, #87def3 31%, #18a7d8 64%, #0476b5 100%);
}
.hero-launch::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-5;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 46%, rgba(255,255,255,.24), transparent 18%),
    radial-gradient(ellipse at 50% 82%, rgba(0,98,155,.28), transparent 54%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.022) 0 1px, transparent 1px 4px);
}
.hero-launch::after{
  content:"";
  position:absolute;
  inset:-20%;
  z-index:-4;
  pointer-events:none;
  background:
    conic-gradient(from 18deg at 50% 54%, transparent 0 10%, rgba(255,255,255,.20) 13%, transparent 18% 37%, rgba(255,255,255,.14) 40%, transparent 47% 100%),
    radial-gradient(circle at 50% 54%, transparent 0 22%, rgba(255,255,255,.20) 23%, transparent 25% 100%);
  filter:blur(1px);
  opacity:.72;
  animation:launchOceanSpin 28s linear infinite;
}
@keyframes launchOceanSpin{
to{transform:rotate(360deg)}
}
.hero-launch #heroCanvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:-2;
  opacity:.72;
  mix-blend-mode:soft-light;
}
.ocean-light{
  position:absolute;
  pointer-events:none;
  z-index:-1;
  border-radius:50%;
  filter:blur(18px);
  mix-blend-mode:screen;
  animation:oceanLightFloat 12s ease-in-out infinite alternate;
}
.light-1{
  width:44vw;
  height:44vw;
  left:-13vw;
  top:5vh;
  background:radial-gradient(circle, rgba(255,255,255,.32), transparent 65%);
}
.light-2{
  width:36vw;
  height:36vw;
  right:-8vw;
  top:8vh;
  background:radial-gradient(circle, rgba(106,238,255,.26), transparent 65%);
  animation-delay:-4s;
}
.light-3{
  width:52vw;
  height:28vw;
  left:24vw;
  bottom:-14vw;
  background:radial-gradient(circle, rgba(255,255,255,.20), transparent 70%);
  animation-delay:-8s;
}
@keyframes oceanLightFloat{
from{transform:translate3d(0,0,0) scale(1)}
to{transform:translate3d(24px,-18px,0) scale(1.05)}
}
.kun-shadow{
  position:absolute;
  left:4%;
  top:12%;
  width:min(760px, 52vw);
  height:460px;
  z-index:0;
  opacity:.18;
  pointer-events:none;
  filter:drop-shadow(0 0 28px rgba(255,255,255,.35));
}
.kun-shadow svg{
  width:100%;
  height:100%;
  overflow:visible;
}
.kun-shadow path{
  fill:none;
  stroke:rgba(255,255,255,.66);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:10 14;
  animation:launchLineRun 16s linear infinite;
}
@keyframes launchLineRun{
to{stroke-dashoffset:-360}
}
.launch-dna{
  position:absolute;
  z-index:1;
  width:130px;
  height:480px;
  opacity:.42;
  pointer-events:none;
  filter:drop-shadow(0 0 18px rgba(255,255,255,.45));
}
.launch-dna-left{
  left:8%;
  top:18%;
  transform:rotate(-19deg);
}
.launch-dna-right{
  right:8%;
  top:13%;
  transform:rotate(18deg);
}
.launch-dna i{
  position:absolute;
  left:50%;
  top:calc(var(--i) * 22px);
  width:130px;
  height:6px;
  margin-left:-65px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.92), rgba(108,240,255,.72), transparent);
  transform:rotateY(calc(var(--i) * 29deg));
  animation:launchHelix 4.8s ease-in-out infinite;
  animation-delay:calc(var(--i) * -.075s);
}
.launch-dna i::before,
.launch-dna i::after{
  content:"";
  position:absolute;
  top:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(255,255,255,.95);
  transform:translateY(-50%);
  box-shadow:0 0 14px rgba(255,255,255,.75);
}
.launch-dna i::before{left:0}
.launch-dna i::after{right:0}
@keyframes launchHelix{
50%{transform:rotateY(calc(var(--i) * 29deg + 180deg))}
}
.launch-panel{
  position:relative;
  width:min(100%, 1280px);
  min-height:min(73vh, 710px);
  display:grid;
  place-items:center;
  border-radius:52px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.50);
  background:
    radial-gradient(circle at 50% 43%, rgba(255,255,255,.20), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045));
  box-shadow:
    0 42px 120px rgba(0,80,132,.24),
    inset 0 1px 0 rgba(255,255,255,.70),
    inset 0 0 90px rgba(255,255,255,.12);
  backdrop-filter:blur(5px);
}
.launch-panel::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:2px;
  background:
    linear-gradient(120deg,
      rgba(255,255,255,.90),
      rgba(120,238,255,.30) 28%,
      rgba(255,255,255,.16) 52%,
      rgba(255,255,255,.82));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  z-index:3;
}
.launch-panel::after{
  content:"";
  position:absolute;
  inset:22px;
  border-radius:38px;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 0 42px rgba(255,255,255,.06);
  pointer-events:none;
  z-index:2;
}
.panel-glow{
  position:absolute;
  inset:-20%;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.26), transparent 18%),
    radial-gradient(circle at 50% 72%, rgba(0,93,155,.22), transparent 35%),
    linear-gradient(110deg, transparent 0 36%, rgba(255,255,255,.22) 41%, transparent 47% 100%);
  mix-blend-mode:screen;
  animation:launchSheen 9s ease-in-out infinite alternate;
}
@keyframes launchSheen{
from{transform:translateX(-3%) translateY(0)}
to{transform:translateX(3%) translateY(-2%)}
}
.panel-corner{
  position:absolute;
  width:92px;
  height:92px;
  z-index:5;
  pointer-events:none;
  border-color:rgba(255,255,255,.82);
  filter:drop-shadow(0 0 10px rgba(255,255,255,.48));
}
.pc-1{left:30px;top:30px;border-left:2px solid;border-top:2px solid;border-radius:24px 0 0 0}
.pc-2{right:30px;top:30px;border-right:2px solid;border-top:2px solid;border-radius:0 24px 0 0}
.pc-3{left:30px;bottom:30px;border-left:2px solid;border-bottom:2px solid;border-radius:0 0 0 24px}
.pc-4{right:30px;bottom:30px;border-right:2px solid;border-bottom:2px solid;border-radius:0 0 24px 0}
.launch-copy{
  position:relative;
  z-index:6;
  color:white;
  text-align:center;
  padding:46px 28px 132px;
  transform:translateY(4px);
}
.launch-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 22px;
  margin-bottom:34px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.11);
  color:rgba(255,255,255,.78);
  font-weight:900;
  font-size:15px;
  letter-spacing:.18em;
  text-transform:uppercase;
  backdrop-filter:blur(14px);
  text-shadow:0 4px 18px rgba(0,75,120,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.launch-title{
  margin:0;
  font-size:clamp(72px, 8.6vw, 128px);
  line-height:1;
  letter-spacing:.09em;
  font-weight:900;
  color:#f8feff;
  text-shadow:
    0 0 10px rgba(255,255,255,.52),
    0 0 38px rgba(75,230,255,.58),
    0 20px 42px rgba(0,67,110,.28);
  filter:drop-shadow(0 0 10px rgba(255,255,255,.18));
}
.launch-slogan{
  margin:42px auto 0;
  font-size:clamp(18px, 2.15vw, 28px);
  letter-spacing:.30em;
  line-height:1.8;
  color:rgba(255,255,255,.94);
  font-weight:500;
  text-shadow:0 8px 24px rgba(0,70,116,.28);
}
.launch-platform{
  margin-top:50px;
  font-size:clamp(36px, 4.5vw, 66px);
  line-height:1.08;
  font-weight:900;
  color:#f8feff;
  letter-spacing:.03em;
  text-shadow:
    0 0 12px rgba(255,255,255,.44),
    0 0 38px rgba(55,225,255,.36),
    0 16px 38px rgba(0,67,110,.26);
}
.launch-en{
  margin-top:18px;
  font-size:clamp(36px, 5.4vw, 78px);
  line-height:1;
  font-weight:900;
  color:#fff;
  letter-spacing:-.035em;
  text-shadow:
    0 0 10px rgba(255,255,255,.38),
    0 0 36px rgba(55,225,255,.34),
    0 18px 42px rgba(0,67,110,.30);
}
.institute-bar{
  position:absolute;
  left:50%;
  bottom:32px;
  transform:translateX(-50%);
  z-index:7;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  padding:12px 22px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 16px 44px rgba(0,75,120,.12);
  backdrop-filter:blur(12px);
  color:#fff;
  white-space:nowrap;
  text-shadow:0 6px 18px rgba(0,70,116,.30);
}
.unit{
  display:flex;
  align-items:center;
  gap:13px;
}
.unit-badge{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:#0877b3;
  background:rgba(255,255,255,.94);
  font-weight:900;
  box-shadow:0 12px 32px rgba(0,78,126,.22), inset 0 0 0 4px rgba(8,119,179,.10);
}
.unit strong{
  display:block;
  font-size:22px;
  line-height:1.08;
  letter-spacing:.08em;
  font-weight:900;
}
.unit small{
  display:block;
  margin-top:5px;
  font-size:10px;
  letter-spacing:.08em;
  opacity:.92;
  font-weight:700;
}
.unit-cross{
  color:rgba(255,255,255,.72);
  font-size:24px;
  font-weight:200;
  margin:0 4px;
}
@media(max-width:940px){
.hero-launch{
    padding:104px 18px 34px;
}
.launch-panel{
    min-height:74vh;
    border-radius:38px;
}
.launch-copy{
    padding:40px 18px 148px;
}
.launch-slogan{
    letter-spacing:.14em;
}
.institute-bar{
    width:92%;
    bottom:24px;
    gap:14px;
    transform:translateX(-50%) scale(.88);
}
.unit-cross{
    display:none;
}
.launch-dna-left{
    left:-28px;
}
.launch-dna-right{
    right:-28px;
}
.kun-shadow{
    left:-5%;
    width:72vw;
}
}
@media(max-width:640px){
.hero-launch{
    padding:94px 14px 28px;
}
.launch-panel{
    min-height:78vh;
}
.launch-eyebrow{
    font-size:11px;
    margin-bottom:24px;
}
.launch-slogan{
    margin-top:28px;
    font-size:16px;
    line-height:1.8;
}
.launch-platform{
    margin-top:34px;
}
.institute-bar{
    flex-direction:column;
    align-items:center;
    text-align:center;
    border-radius:28px;
    transform:translateX(-50%) scale(.78);
    gap:10px;
}
.unit strong{
    font-size:19px;
}
.launch-dna{
    display:none;
}
.panel-corner{
    width:64px;
    height:64px;
}
}


/* =========================
   首屏方案组：A/B/C/D
   统一结构：无框、中心标题、底部背书
   ========================= */
.hero-variant{
  min-height:100vh;
  padding:112px 24px 46px;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.hero-variant #heroCanvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:-3;
  opacity:.56;
  mix-blend-mode:soft-light;
}
.hero-depth-layer{
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter:blur(20px);
  mix-blend-mode:screen;
  z-index:-2;
  animation:heroFloat 12s ease-in-out infinite alternate;
}
.hero-depth-layer.layer-1{
  width:46vw;
  height:46vw;
  left:-14vw;
  top:4vh;
  background:radial-gradient(circle, rgba(255,255,255,.38), transparent 66%);
}
.hero-depth-layer.layer-2{
  width:42vw;
  height:42vw;
  right:-10vw;
  top:10vh;
  background:radial-gradient(circle, rgba(100,238,255,.26), transparent 67%);
  animation-delay:-4s;
}
.hero-depth-layer.layer-3{
  width:58vw;
  height:30vw;
  left:21vw;
  bottom:-14vw;
  background:radial-gradient(circle, rgba(255,255,255,.20), transparent 70%);
  animation-delay:-8s;
}
@keyframes heroFloat{
from{transform:translate3d(0,0,0) scale(1)}
to{transform:translate3d(24px,-18px,0) scale(1.05)}
}
.hero-kun-large{
  position:absolute;
  z-index:0;
  pointer-events:none;
  filter:drop-shadow(0 0 28px rgba(255,255,255,.36));
}
.hero-kun-large svg{
  width:100%;
  height:100%;
  overflow:visible;
}
.hero-kun-large path{
  fill:none;
  stroke:rgba(255,255,255,.64);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:10 14;
  animation:heroLineRun 17s linear infinite;
}
@keyframes heroLineRun{
to{stroke-dashoffset:-360}
}
.explore-cta{
  margin:34px auto 0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:156px;
  height:60px;
  min-height:60px;
  padding:6px 0;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#fff;
  text-decoration:none;
  position:relative;
  z-index:8;
  cursor:pointer;
  appearance:none;
  transition:transform .28s ease;
}
.cta-circle{
  width:48px;
  height:48px;
  min-height:48px;
  max-height:48px;
  border-radius:999px;
  position:relative;
  display:flex;
  align-items:center;
  flex:0 0 auto;
  overflow:visible;
  background:rgba(5,22,44,.18);
  border:1px solid rgba(210,225,255,.82);
  box-shadow:0 12px 28px rgba(0,36,74,.18), inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter:blur(12px);
  transition:width .32s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease, transform .28s ease;
  animation:ctaFloat 3.8s ease-in-out infinite;
}
.cta-circle::before{
  content:"";
  position:absolute;
  left:13px;
  top:50%;
  width:0;
  height:2px;
  border-radius:99px;
  background:rgba(218,230,255,.94);
  opacity:0;
  transform:translateY(-50%);
  transform-origin:left center;
  transition:all .3s ease;
  z-index:2;
}
.cta-circle::after{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:inherit;
  background:linear-gradient(145deg, rgba(255,255,255,.18), transparent 54%);
  opacity:.72;
  pointer-events:none;
  z-index:0;
}
.cta-arrow{
  position:absolute;
  left:17px;
  top:50%;
  width:11px;
  height:11px;
  border-right:2px solid rgba(218,230,255,.94);
  border-bottom:2px solid rgba(218,230,255,.94);
  transform:translateY(-50%) rotate(-45deg);
  transition:all .3s ease;
  z-index:2;
}
.cta-label{
  position:absolute;
  left:74px;
  top:50%;
  transform:translateY(-50%);
  font-size:16px;
  font-weight:850;
  letter-spacing:.08em;
  color:rgba(255,255,255,.94);
  text-shadow:0 8px 22px rgba(0,45,82,.28);
  white-space:nowrap;
  transition:left .32s ease, color .28s ease, opacity .28s ease;
  z-index:2;
}
.explore-cta:hover{
  transform:none;
}
.explore-cta:hover .cta-circle{
  width:156px;
  height:48px;
  min-height:48px;
  max-height:48px;
  border-color:rgba(210,225,255,.88);
  background:rgba(5,22,44,.24);
  box-shadow:0 18px 42px rgba(0,36,74,.18), inset 0 1px 0 rgba(255,255,255,.16);
  animation:none;
}
.explore-cta:hover .cta-circle::before{
  width:14px;
  opacity:1;
}
.explore-cta:hover .cta-arrow{
  transform:translate(5px, -50%) rotate(-45deg);
  border-color:rgba(218,230,255,.98);
}
.explore-cta:hover .cta-label{
  left:62px;
  color:#fff;
  opacity:1;
}
.explore-cta:active{
  transform:translateY(0) scale(.98);
}
.explore-cta:focus-visible{
  outline:2px solid rgba(210,225,255,.82);
  outline-offset:6px;
  border-radius:999px;
}
@keyframes ctaFloat{
0%, 100%{transform:translateY(0)}
50%{transform:translateY(-6px)}
}
.hero-dna-fine{
  position:absolute;
  width:130px;
  height:520px;
  z-index:1;
  opacity:.40;
  pointer-events:none;
  filter:drop-shadow(0 0 18px rgba(255,255,255,.44));
}
.hero-dna-fine.dna-left{
  left:8%;
  top:16%;
  transform:rotate(-19deg);
}
.hero-dna-fine.dna-right{
  right:8%;
  top:12%;
  transform:rotate(18deg);
}
.hero-dna-fine i{
  position:absolute;
  left:50%;
  top:calc(var(--i) * 22px);
  width:130px;
  height:6px;
  margin-left:-65px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.94), rgba(111,240,255,.70), transparent);
  transform:rotateY(calc(var(--i) * 29deg));
  animation:heroHelixNew 4.8s ease-in-out infinite;
  animation-delay:calc(var(--i) * -.075s);
}
.hero-dna-fine i::before,
.hero-dna-fine i::after{
  content:"";
  position:absolute;
  top:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(255,255,255,.95);
  transform:translateY(-50%);
  box-shadow:0 0 14px rgba(255,255,255,.74);
}
.hero-dna-fine i::before{left:0}
.hero-dna-fine i::after{right:0}
@keyframes heroHelixNew{
50%{transform:rotateY(calc(var(--i) * 29deg + 180deg))}
}
.hero-title-wrap{
  position:relative;
  z-index:5;
  width:min(100%, 1120px);
  text-align:center;
  color:white;
  padding:34px 20px 132px;
}
.hero-mini-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 22px;
  margin-bottom:34px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.10);
  color:rgba(255,255,255,.78);
  font-weight:900;
  font-size:15px;
  letter-spacing:.18em;
  text-transform:uppercase;
  backdrop-filter:blur(14px);
  text-shadow:0 4px 18px rgba(0,75,120,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.hero-title-main{
  margin:0;
  line-height:1;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.18));
}
.hero-title-main-img{
  display:block;
  width:clamp(320px, 42vw, 640px);
  max-width:100%;
  height:auto;
  margin:0 auto;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 38px rgba(23,199,232,.22)) drop-shadow(0 20px 42px rgba(0,67,110,.28));
}
.hero-title-slogan{
  margin:42px auto 0;
  min-height:1.8em;
  font-size:clamp(16px, 1.94vw, 25px);
  letter-spacing:.30em;
  line-height:1.8;
  color:transparent;
  font-weight:500;
  background: linear-gradient(92deg, rgb(255 255 255), #fff 38%, #bff7ff 62%, rgba(255, 255, 255, .82));
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 8px 22px rgba(0,70,116,.30)) drop-shadow(0 0 18px rgba(80,235,255,.26));
}
.hero-title-platform{
  margin-top:50px;
  font-size:clamp(32px, 4.05vw, 61px);
  line-height:1.08;
  font-weight:900;
  color:#f8feff;
  letter-spacing:.03em;
  /* text-shadow:
    0 0 12px rgba(255,255,255,.44),
    0 0 38px rgba(55,225,255,.36),
    0 16px 38px rgba(0,67,110,.26); */
}
.hero-title-en{
  margin-top:18px;
  font-size:clamp(32px, 4.86vw, 72px);
  line-height:1;
  font-weight:900;
  color:#fff;
  letter-spacing:-.035em;
  /* text-shadow:
    0 0 10px rgba(255,255,255,.38),
    0 0 36px rgba(55,225,255,.34),
    0 18px 42px rgba(0,67,110,.30); */
}
.hero-unit-strip{
  position:absolute;
  left:50%;
  bottom:34px;
  transform:translateX(-50%);
  z-index:8;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:12px 20px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 16px 44px rgba(0,75,120,.12);
  backdrop-filter:blur(14px);
  color:#fff;
  white-space:nowrap;
  text-shadow:0 6px 18px rgba(0,70,116,.30);
}
.hero-unit{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
}
.hero-unit-logo{
  display:block;
  width:auto;
  height:62px;
  max-width:420px;
  flex:0 0 auto;
  object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(0,70,116,.18));
}
.hero-unit-logo-blue{
  height:57px;
  max-width:364px;
}
.hero-unit-logo-key-lab{
  height:50px;
  max-width:340px;
  mix-blend-mode:screen;
}
.hero-unit-logo-sanya{
  height:52px;
  max-width:290px;
  mix-blend-mode:screen;
}
.hero-unit-strip em{
  color:rgba(255,255,255,.72);
  font-size:24px;
  font-weight:200;
  font-style:normal;
  margin:0 4px;
}

/* A：无框海洋光场发布版 */
.hero-a{
  background:
    radial-gradient(circle at 50% 28%, rgba(255,255,255,.60), transparent 19%),
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.40), transparent 26%),
    radial-gradient(circle at 82% 20%, rgba(100,232,255,.26), transparent 30%),
    linear-gradient(180deg, rgba(221,249,255,.70) 0%, rgba(135,222,243,.58) 31%, rgba(24,167,216,.42) 64%, rgba(4,118,181,.34) 100%);
}
.hero-a::before{
  content:"";
  position:absolute;
  left:auto;
  right:auto;
  top:auto;
  bottom:auto;
  inset:-3%;
  width:auto;
  height:auto;
  max-width:none;
  max-height:none;
  border-radius:0;
  z-index:-5;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(221,249,255,.24), rgba(4,118,181,.10)),
    url("/assets/banner-CSuanuVq.png") center/cover no-repeat;
  transform-origin:center center;
  animation:heroBannerBreath 26s ease-in-out infinite;
  will-change:transform;
}
.hero-a::after{
  content:"";
  position:absolute;
  inset:-20%;
  z-index:-4;
  pointer-events:none;
  background:
    conic-gradient(from 18deg at 50% 54%, transparent 0 10%, rgba(255,255,255,.20) 13%, transparent 18% 37%, rgba(255,255,255,.14) 40%, transparent 47% 100%),
    radial-gradient(circle at 50% 54%, transparent 0 22%, rgba(255,255,255,.20) 23%, transparent 25% 100%);
  filter:blur(1px);
  opacity:.72;
  animation:heroOceanSpin 28s linear infinite;
}
.hero-a .hero-kun-large{
  left:4%;
  top:12%;
  width:min(760px, 52vw);
  height:460px;
  opacity:.18;
}
@keyframes heroBannerBreath{
0%, 100%{transform:scale(1.01)}
50%{transform:scale(1.026)}
}

/* B：鲲影主视觉版 */
.hero-b{
  background:
    radial-gradient(circle at 58% 32%, rgba(255,255,255,.42), transparent 20%),
    linear-gradient(135deg, #dff9ff 0%, #7edbf1 31%, #0b9dd2 63%, #026fae 100%);
}
.hero-b::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-5;
  background:
    radial-gradient(ellipse at 32% 55%, rgba(255,255,255,.22), transparent 28%),
    radial-gradient(ellipse at 50% 85%, rgba(0,67,112,.28), transparent 52%),
    linear-gradient(90deg, rgba(255,255,255,.14), transparent 38%, rgba(255,255,255,.08));
  pointer-events:none;
}
.hero-b .hero-kun-large{
  left:-2%;
  top:5%;
  width:min(980px, 68vw);
  height:620px;
  opacity:.30;
  transform:rotate(-4deg);
}
.hero-b .hero-kun-large path{
  stroke-width:2.45;
  stroke:rgba(255,255,255,.68);
}
.hero-b .hero-title-wrap{
  transform:translateX(5%);
}
.hero-b .hero-dna-fine.dna-left{
  opacity:.18;
}
.hero-b .hero-dna-fine.dna-right{
  opacity:.50;
  right:7%;
}

/* C：生命智能光核版 */
.hero-c{
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.62), transparent 14%),
    radial-gradient(circle at 50% 48%, rgba(94,238,255,.30), transparent 30%),
    linear-gradient(180deg, #e6fbff 0%, #8de3f5 32%, #12a4d5 66%, #0474b3 100%);
}
.hero-c::before{
  content:"";
  position:absolute;
  inset:-18%;
  z-index:-4;
  background:
    repeating-conic-gradient(from 0deg at 50% 52%, rgba(255,255,255,.12) 0 4deg, transparent 4deg 14deg),
    radial-gradient(circle at 50% 52%, transparent 0 18%, rgba(255,255,255,.18) 19% 20%, transparent 21% 30%, rgba(255,255,255,.14) 31% 32%, transparent 33% 100%);
  animation:heroOceanSpin 24s linear infinite;
  pointer-events:none;
}
.hero-c .hero-kun-large{
  left:3%;
  top:12%;
  width:min(720px, 50vw);
  height:460px;
  opacity:.12;
}
.hero-core-orb{
  position:absolute;
  left:50%;
  top:38%;
  width:min(540px, 60vw);
  height:min(540px, 60vw);
  transform:translate(-50%, -50%);
  z-index:-1;
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(circle at 45% 35%, rgba(255,255,255,.88), transparent 15%),
    radial-gradient(circle, rgba(255,255,255,.42), rgba(104,238,255,.22) 35%, transparent 68%);
  filter:drop-shadow(0 0 44px rgba(255,255,255,.38));
}
.hero-core-orb .ring{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.34);
  animation:heroOceanSpin 26s linear infinite;
}
.hero-core-orb .r2{
  inset:12%;
  border-style:dashed;
  animation-duration:18s;
  animation-direction:reverse;
}
.hero-core-orb .r3{
  inset:24%;
  border-color:rgba(255,255,255,.42);
  animation-duration:14s;
}
.hero-core-orb .spark{
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  background:white;
  box-shadow:0 0 18px rgba(255,255,255,.9);
}
.hero-core-orb .s1{left:14%;top:42%}
.hero-core-orb .s2{right:20%;top:26%}
.hero-core-orb .s3{right:18%;bottom:28%}

/* D：国际科研官网极简版 */
.hero-d{
  background:
    radial-gradient(circle at 50% 30%, rgba(255,255,255,.95), transparent 25%),
    radial-gradient(circle at 82% 16%, rgba(107,229,245,.18), transparent 28%),
    linear-gradient(180deg, #fbfeff 0%, #e8f9ff 42%, #d9f4fb 100%);
}
.hero-d #heroCanvas{
  opacity:.24;
  mix-blend-mode:multiply;
}
.hero-d::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  background:
    linear-gradient(rgba(6,56,86,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6,56,86,.035) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(circle at 50% 40%, #000 0%, transparent 76%);
  pointer-events:none;
}
.hero-d .hero-title-wrap{
  color:#063856;
  padding-top:78px;
}
.hero-d .hero-mini-label{
  color:#167b9c;
  background:rgba(255,255,255,.68);
  border-color:rgba(25,118,210,.12);
  text-shadow:none;
  box-shadow:0 14px 35px rgba(10,70,112,.08), inset 0 1px 0 white;
}
.hero-d .hero-title-main{
  filter:none;
}
.hero-d .hero-title-main-img{
  mix-blend-mode:multiply;
  filter:invert(1) sepia(1) saturate(4) hue-rotate(175deg) brightness(.55);
}
.hero-d .hero-title-slogan{
  color:#2d6a84;
  text-shadow:none;
}
.hero-d .hero-title-platform,
.hero-d .hero-title-en{
  color:#063856;
  text-shadow:none;
}
.hero-d .hero-unit-strip{
  color:#063856;
  background:rgba(255,255,255,.70);
  border-color:rgba(25,118,210,.10);
  box-shadow:0 18px 50px rgba(10,70,112,.10), inset 0 1px 0 white;
  text-shadow:none;
}
.hero-d .hero-unit-strip em{
  color:#6b8b9a;
}
.hero-d .hero-unit-logo-key-lab,
.hero-d .hero-unit-logo-sanya{
  mix-blend-mode:multiply;
  filter:invert(1) sepia(1) saturate(4) hue-rotate(175deg) brightness(.45);
}
.hero-d .hero-unit span{
  background:#e8f9ff;
  color:#0877b3;
  box-shadow:inset 0 0 0 4px rgba(8,119,179,.08);
}
.minimal-grid-lines{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background:
    radial-gradient(circle at 50% 50%, rgba(23,199,232,.10), transparent 32%),
    linear-gradient(120deg, transparent 0 42%, rgba(23,199,232,.07) 48%, transparent 54%);
}
.minimal-dna-mark{
  position:absolute;
  right:8%;
  top:18%;
  width:260px;
  height:420px;
  opacity:.20;
  z-index:0;
  pointer-events:none;
}
.minimal-dna-mark svg{
  width:100%;
  height:100%;
}
.minimal-dna-mark path{
  fill:none;
  stroke:#0b5f87;
  stroke-width:3;
  stroke-linecap:round;
}
.hero-d .hero-dna-fine{
  display:none;
}
@keyframes heroOceanSpin{
to{transform:rotate(360deg)}
}
@media(max-width:940px){
.hero-variant{
    padding:104px 18px 34px;
}
.hero-title-wrap{
    padding:40px 18px 150px;
}
.hero-title-slogan{
    letter-spacing:.14em;
}
.hero-unit-strip{
    width:92%;
    bottom:24px;
    gap:14px;
    padding:12px 18px;
    transform:translateX(-50%) scale(.88);
}
.hero-unit-logo-blue{
    max-width:min(364px, 48vw);
}
.hero-unit-logo-key-lab{
    max-width:min(310px, 42vw);
}
.hero-unit-logo-sanya{
    max-width:min(260px, 38vw);
}
.hero-unit-strip em{
    display:none;
}
.hero-dna-fine.dna-left{
    left:-28px;
}
.hero-dna-fine.dna-right{
    right:-28px;
}
.hero-b .hero-title-wrap{
    transform:none;
}
.hero-kun-large{
    width:72vw!important;
}
}
@media(max-width:640px){
.hero-variant{
    padding:94px 14px 28px;
}
.hero-mini-label{
    font-size:11px;
    margin-bottom:24px;
}
.hero-title-slogan{
    margin-top:28px;
    font-size:16px;
    line-height:1.8;
}
.hero-title-platform{
    margin-top:34px;
}
.explore-cta{
    width:138px;
    height:52px;
    min-height:52px;
    margin-top:28px;
    padding:5px 0;
}
.cta-circle{
    width:42px;
    height:42px;
    min-height:42px;
    max-height:42px;
}
.cta-circle::before{
    left:11px;
}
.cta-arrow{
    left:14px;
}
.cta-label{
    left:58px;
    font-size:14px;
    letter-spacing:.06em;
}
.explore-cta:hover .cta-circle{
    width:138px;
    height:42px;
    min-height:42px;
    max-height:42px;
}
.explore-cta:hover .cta-label{
    left:54px;
}
.hero-unit-strip{
    flex-direction:column;
    align-items:center;
    text-align:center;
    border-radius:28px;
    transform:translateX(-50%) scale(.78);
    gap:10px;
}
.hero-unit-logo{
    max-width:72vw;
}
.hero-unit-logo-blue{
    height:52px;
}
.hero-unit-logo-key-lab{
    height:44px;
}
.hero-unit-logo-sanya{
    height:46px;
}
.hero-dna-fine{
    display:none;
}
}
.entry-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:22px;
}
.entry{
      min-height:265px;
      padding:30px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      transition:.26s ease;
      cursor:pointer;
}
.entry:hover{
      transform:translateY(-8px);
      border-color:rgba(22,199,232,.34);
      box-shadow:0 32px 90px rgba(13,69,105,.16);
}
.entry-top{
      position:relative;
      z-index:1;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:14px;
}
.entry-code{
      color:#1597bd;
      font-size:13px;
      font-weight:800;
      letter-spacing:.12em;
}
.arrow{
      width:46px;
      height:46px;
      border-radius:50%;
      display:grid;
      place-items:center;
      background:#fff;
      border:1px solid rgba(25,118,210,.11);
      box-shadow:0 12px 28px rgba(13,69,105,.09);
      transition:.22s ease;
}
.entry:hover .arrow{transform:translateX(5px);color:var(--blue)}
.entry h3{
      position:relative;
      z-index:1;
      margin:26px 0 10px;
      color:var(--deep);
      font-size:32px;
      letter-spacing:-.05em;
}
.entry p{
      position:relative;
      z-index:1;
      margin:0;
      color:#6c8494;
      font-size:16px;
      line-height:1.75;
}
.entry-mark{
      position:absolute;
      right:-5px;
      bottom:-28px;
      font-size:118px;
      font-weight:900;
      letter-spacing:-.08em;
      color:rgba(7,59,92,.045);
      pointer-events:none;
}