/* SEO/GEO readable baseline: system CJK fonts, 16px body, 200px side gutters */

:root {

  --seo-font: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Segoe UI", system-ui, sans-serif;

  --seo-text: 16px;

  --seo-lh: 1.7;

  --seo-gutter: 200px;

  --seo-container: 1200px;

  --seo-prose: var(--seo-container, 1200px);

}



/* 芯智站：navy + 白 + 浅灰。无额外色系。 */





html {


  scroll-behavior: smooth;


  overflow-x: hidden;


  height: 100%;


}





body {


  margin: 0;


  min-height: 100vh;


  min-height: 100dvh;


  display: flex;


  flex-direction: column;


  text-rendering: optimizeLegibility;


  background-color: #EEF1F4;


  color: #1C2430;


}





body > main {


  flex: 1 0 auto;


}





body > footer,


.site-footer {


  flex-shrink: 0;


  margin-top: auto;


}





::selection {


  background: #0B1C33;


  color: #fff;


}





:focus-visible {


  outline: 2px solid #0B1C33;


  outline-offset: 2px;


}





.site-wrap {


  width: auto;


  margin-inline: var(--seo-gutter, 200px);


}





/* —— 头部：细、轻、小字 —— */


.site-header,


header.sticky {


  background: #fff;


  border-bottom: 1px solid #D5D9DE;


}





header.sticky > .site-wrap {


  height: 3.5rem;


}





header.sticky img.site-logo,


header.sticky a > img {


  height: 2.25rem !important;


  width: 2.25rem !important;


}





header.sticky a.flex.items-center span.block.text-sm {


  font-size: 0.8125rem !important;


  font-weight: 600;


  letter-spacing: 0.06em;


  line-height: 1.2;


}





header.sticky a.flex.items-center span.block.text-\[11px\] {


  font-size: 0.6875rem !important;


  font-weight: 400;


  line-height: 1.2;


  color: #6B7280;


}





.nav-link {


  color: #1C2430;


  font-size: 0.89375rem;


  font-weight: 500;


  white-space: nowrap;


}





.nav-link:hover,


.nav-link.is-active {


  color: #0B1C33;


  font-weight: 600;


}





header.sticky nav[aria-label="主导航"] {


  gap: 2rem !important;


  transform: none;


}





header.sticky a.bg-navy-900 {


  font-size: 0.75rem;


  font-weight: 500;


  padding: 0.4rem 0.75rem;


  white-space: nowrap;


  flex-shrink: 0;


}





header.sticky .site-wrap > .flex.items-center.gap-3 {


  transform: none;


}





.hero-grid {


  background-color: #0B1C33;


}





.case-shot {


  display: block;


  width: 100%;


  aspect-ratio: 16 / 10;


  object-fit: cover;


  object-position: top center;


  border-bottom: 1px solid #D5D9DE;


}





.team-grid {


  display: grid;


  gap: 1rem;


  margin-top: 1.25rem;


}





@media (min-width: 768px) {


  .team-grid {


    grid-template-columns: repeat(2, minmax(0, 1fr));


  }


}





@media (min-width: 1100px) {


  .team-grid {


    grid-template-columns: repeat(4, minmax(0, 1fr));


  }


}





.team-card {


  background: #fff;


  border: 1px solid #D5D9DE;


  padding: 1.25rem 1.15rem 1.35rem;


}





.team-avatar {


  display: block;


  width: 6.5rem;


  height: 6.5rem;


  border-radius: 50%;


  object-fit: cover;


  object-position: center 18%;


  background: #EEF1F4;


}





.team-card h3 {


  margin: 0.85rem 0 0;


}





.team-role {


  margin: 0.25rem 0 0;


  color: #6B7280;


  font-size: 0.75rem !important;


  line-height: 1.5 !important;


}





.team-bio {


  margin: 0.65rem 0 0;


}





main article.border,


main form.border,


main .overflow-x-auto.border,


section[aria-labelledby="arch-title"] .dash-table tbody td,


section.bg-ice details.faq-item,


section.bg-white details.faq-item {


  background-color: #fff;


}





.dash-table thead.bg-sand th,


.dash-table thead.bg-mist th {


  color: #0B1C33;


  background-color: #EEF1F4;


  font-weight: 600;


}





.dash-table {


  width: 100%;


  border-collapse: collapse;


  font-size: 13px;


}





.dash-table th,


.dash-table td {


  padding: 0.5rem 0.6rem;


  text-align: left;


  border-bottom: 1px solid #D5D9DE;


}





.dash-table th {


  color: #6B7280;


  font-weight: 600;


}





.metric {


  font-variant-numeric: tabular-nums;


  letter-spacing: -0.03em;


}





.faq-item + .faq-item {


  border-top: 1px solid #D5D9DE;


}





.faq-item summary {


  cursor: pointer;


  list-style: none;


  font-weight: 600;


}





.faq-item summary::-webkit-details-marker {


  display: none;


}





input,


select,


textarea {


  font: inherit;


  background-color: #fff;


}





input:focus,


select:focus,


textarea:focus {


  outline: 1px solid #0B1C33;


  outline-offset: 0;


}





.is-invalid {


  border-color: #0B1C33 !important;


}





.form-ok {


  display: none;


}





.form-ok.is-show {


  display: block;


}





a.text-accent {


  color: #0B1C33;


  text-decoration: underline;


  text-underline-offset: 2px;


}





/* 统一页脚 */


.site-footer {


  background: #0B1C33;


  color: #D5D9DE;


  padding: 2.5rem 0 1.5rem;


  border-top: 1px solid #0B1C33;


}





.site-footer a {


  color: #D5D9DE;


}





.site-footer a:hover {


  color: #fff;


}





.footer-grid {


  display: flex;


  flex-wrap: nowrap;


  align-items: flex-start;


  justify-content: space-between;


  gap: 1.25rem 1.5rem;


}





.footer-brand {


  flex: 0 1 auto;


  max-width: 15rem;


}





.footer-cols {


  display: contents;


}





.footer-cols > div {


  flex: 0 1 auto;


  min-width: 0;


  padding-right: 0;


}





.footer-qr {


  margin-left: 0;


  flex: 0 0 auto;


  align-self: stretch;


  display: flex;


  flex-direction: column;


  align-items: flex-start;


}





.footer-qr img {


  display: block;


  width: 5.25rem;


  height: 5.25rem;


  margin-top: auto;


  background: #fff;


  padding: 3px;


}





.footer-grid h3,


.footer-grid .footer-title {


  margin: 0;


  color: #fff;


  font-size: 0.8125rem;


  font-weight: 600;


}





.footer-grid p,


.footer-grid li,


.footer-grid a {


  margin: 0;


  font-size: 0.8125rem;


  line-height: 1.7;


  overflow-wrap: anywhere;


}





.footer-grid ul {


  margin: 0.6rem 0 0;


  padding: 0;


  list-style: none;


}





.footer-copy {


  margin-top: 2rem;


  padding-top: 1.25rem;


  border-top: 1px solid rgba(255, 255, 255, 0.12);


  color: #9CA3AF;


  font-size: 0.75rem;


  text-align: center;


}


.footer-copy a {


  color: #D5D9DE;


  text-decoration: underline;


  text-underline-offset: 2px;


}





@media (max-width: 1023px) {


  .footer-grid {


    flex-wrap: wrap;


  }




  .footer-cols {


    display: flex;


    flex: 1 1 100%;


    flex-wrap: wrap;


    justify-content: space-between;


    gap: 1.25rem 2rem;


  }




  .footer-cols > div {


    flex: 0 1 auto;


  }


}





@media (max-width: 767px) {


  .footer-brand {


    flex: 1 1 100%;


    max-width: none;


  }




  .footer-cols {


    gap: 1rem 1.25rem;


  }




  .footer-qr {


    align-self: flex-start;


  }




  .footer-qr img {


    margin-top: 0.6rem;


  }


}





@media (max-width: 1023px) {


  #nav-panel[hidden] {


    display: none;


  }





  #nav-panel a {


    color: #1C2430;


    font-size: 0.9625rem;


    font-weight: 500;


  }


}





@media (max-width: 767px) {


  .site-wrap {


    width: calc(100% - 1.5rem);


    margin-inline: auto;


  }





  header.sticky a.flex.items-center span.block.text-\[11px\] {


    display: none;


  }





  .hero-grid h1 {


    font-size: 1.5rem !important;


    line-height: 1.35;


  }





  .hero-grid dl.grid-cols-3 {


    gap: 0.5rem;


  }





  .hero-grid dd {


    font-size: 1rem;


  }





  main h1 {


    font-size: 1.5rem;


  }





  .dash-table {


    display: block;


    overflow-x: auto;


  }





  .site-footer {


    overflow-wrap: anywhere;


  }


}





@media (max-width: 1199px) {


  header.sticky nav[aria-label="主导航"] {


    display: none !important;


  }


}




@media (min-width: 1024px) and (max-width: 1199px) {


  #nav-toggle {


    display: flex !important;


  }




  #nav-panel[hidden] {


    display: none !important;


  }




  #nav-panel:not([hidden]) {


    display: block !important;


  }


}





@media (min-width: 1024px) and (max-width: 1279px) {


  header.sticky nav[aria-label="主导航"] {


    gap: 1.6rem !important;


  }


}





/* 字号层级：面包屑 < 正文 < 小节标题 < 主词 */


nav[aria-label="面包屑"] {


  font-size: 0.75rem !important;


  line-height: 1.6;


  color: #6B7280;


}





main h1 {


  font-size: 1.75rem !important;


  line-height: 1.3;


  font-weight: 650;


  letter-spacing: -0.01em;


}





.hero-grid h1 {


  font-size: 1.75rem !important;


  line-height: 1.3;


}





main h2 {


  font-size: 1.25rem !important;


  line-height: 1.4;


  font-weight: 650;


}





main h3 {


  font-size: 1.0625rem !important;


  line-height: 1.4;


  font-weight: 600;


}





main p,


main li,


main label,


main td,


main th,


main summary {


  font-size: 0.9375rem !important;


  line-height: 1.75;


}





main .text-xs,


main p.text-xs,


main li.text-xs {


  font-size: 0.75rem !important;


  line-height: 1.5;


}





@media (min-width: 1024px) {


  main h1,


  .hero-grid h1 {


    font-size: 2rem !important;


  }


}





@media (max-width: 767px) {


  main h1,


  .hero-grid h1 {


    font-size: 1.5rem !important;


  }





  main h2 {


    font-size: 1.125rem !important;


  }


}




body { font-family: var(--seo-font); font-size: var(--seo-text); line-height: var(--seo-lh); }

.hero-copy {
  padding-left: 3.75rem;
}

.hero-copy h1 {
  margin-top: calc(-0.55rem - 10px);
  font-size: 1.9rem !important;
  line-height: calc(1.65em + 10px);
}

.hero-copy > p {
  margin-top: 1.35rem;
  font-size: 0.98rem !important;
  line-height: 1.85;
}

.hero-copy-cta {
  margin-top: 1.75rem;
}

.hero-copy-cta a {
  font-size: 0.95rem;
}

.hero-copy-metrics {
  margin-top: 2.5rem;
  gap: 1.25rem;
}

.hero-copy-metrics dt {
  font-size: 0.8rem !important;
  line-height: 1.5;
}

.hero-copy-metrics .metric {
  margin-top: 0.45rem;
  font-size: 1.35rem !important;
  line-height: 1.3;
}

.hero-copy-metrics dd:not(.metric) {
  margin-top: 0.4rem;
  font-size: 0.8rem !important;
  line-height: 1.55;
}

@media (min-width: 1024px) {
  .hero-copy h1 {
    font-size: 2.15rem !important;
  }
}

@media (max-width: 767px) {
  .hero-copy {
    padding-left: 0.5rem;
  }

  .hero-copy h1 {
    margin-top: calc(-0.55rem - 10px);
    font-size: 1.6rem !important;
    line-height: calc(1.5em + 10px);
  }

  .hero-copy > p {
    margin-top: 1.1rem;
  }

  .hero-copy-cta {
    margin-top: 1.4rem;
  }

  .hero-copy-metrics {
    margin-top: 1.85rem;
    gap: 0.75rem;
  }
}

.hero-pcb {
  width: 68%;
  margin: 0 auto;
  justify-self: center;
}

.hero-pcb img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  border: 0;
  border-radius: 50%;
}



.seo-prose, article.prose, .article { max-width: var(--seo-prose); }

.article-body img,
.article-cover {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.article-body p {
  margin-top: 1rem;
}

.article-body h2 {
  margin-top: 2rem;
}