/* ==========================================================================
   智速力官网 · 解决方案 / 服务与支持 / 关于我们 / 联系我们 / 资料下载
   ========================================================================== */

/* ==========================================================================
   解决方案 · 场景六卡
   ========================================================================== */
.scenes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 28px;
}

.scene {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 176px;
  padding: 22px 24px;
  background: #fff;
  border-radius: var(--radius);
  border: 1px solid transparent;
  transition: border-color 0.2s var(--ease), transform 0.2s var(--ease),
    box-shadow 0.2s var(--ease);
}

.scene:hover {
  border-color: var(--c-line);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(18, 20, 26, 0.05);
}

.scene__no {
  font-family: var(--f-mono);
  font-size: 11px;
  font-weight: 500;
  color: var(--c-red);
}

.scene h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--c-ink);
  margin: 0;
}

.scene p {
  font-size: 13px;
  line-height: 1.65;
  color: var(--c-body);
}

.scene span.conf {
  margin-top: auto;
  font-family: var(--f-mono);
  font-size: 11px;
  line-height: 1.5;
  color: var(--c-violet);
}

.scene--fallback {
  border-color: var(--c-violet);
}

.scene--fallback .scene__no,
.scene--fallback span.conf {
  color: var(--c-red);
}

/* 示例工况 */
.case {
  display: flex;
  gap: 56px;
  margin-top: 28px;
  align-items: center;
}

.case__left {
  flex: 0 0 480px;
  width: 480px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.case__left p {
  font-size: 14px;
  line-height: 1.85;
  color: var(--c-body);
}

.case__nums {
  display: flex;
  gap: 56px;
  margin-top: 4px;
}

.case__num b {
  display: block;
  font-family: var(--f-num);
  font-size: 30px;
  font-weight: 600;
  line-height: 1.15;
  color: var(--c-ink);
}

.case__num b.red {
  color: var(--c-red);
}

.case__num span {
  font-size: 12px;
  color: var(--c-muted);
}

.case__note {
  font-size: 12px;
  line-height: 1.7;
  color: var(--c-muted);
}

/* 配置清单 */
.case__spec {
  flex: 1;
  min-width: 0;
  padding: 24px 28px;
  background: var(--c-soft);
  border-radius: var(--radius);
}

.case__spec > h3 {
  font-family: var(--f-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: var(--c-muted);
  margin: 0 0 4px;
}

.case__row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid var(--c-line);
}

.case__row:last-child {
  border-bottom: 0;
}

.case__row dt {
  flex: 0 0 72px;
  font-size: 11px;
  color: var(--c-muted);
}

.case__row dd {
  font-size: 13px;
  color: var(--c-ink);
}

/* 四步流程 */
.steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  margin-top: 28px;
}

.step {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.step__no {
  font-family: var(--f-mono);
  font-size: 11px;
  font-weight: 500;
  color: var(--c-red);
}

.step h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--c-ink);
  margin: 0;
}

.step p {
  font-size: 12px;
  line-height: 1.7;
  color: var(--c-body);
}

.step span {
  font-size: 11px;
  color: var(--c-muted);
  margin-top: 2px;
}

/* ==========================================================================
   服务与支持 · 五个入口
   ========================================================================== */
.entries {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin-top: 28px;
}

.entry {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 168px;
  padding: 20px;
  background: #fff;
  border-radius: var(--radius);
  border: 1px solid transparent;
  transition: border-color 0.2s var(--ease), transform 0.2s var(--ease);
}

.entry:hover {
  border-color: var(--c-line);
  transform: translateY(-2px);
}

.entry__no {
  font-family: var(--f-mono);
  font-size: 11px;
  font-weight: 500;
  color: var(--c-red);
}

.entry h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--c-ink);
  margin: 0;
}

.entry p {
  font-size: 12px;
  line-height: 1.7;
  color: var(--c-body);
}

.entry span.more {
  margin-top: auto;
  font-size: 11px;
  font-weight: 500;
  color: var(--c-violet);
}

/* 校准三分法 */
.cal {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 28px;
}

.cal__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 196px;
  padding: 24px;
  background: var(--c-soft);
  border-radius: var(--radius);
}

.cal__card .en {
  font-family: var(--f-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--c-muted);
}

.cal__card h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--c-ink);
  margin: 0;
}

.cal__card p {
  font-size: 13px;
  line-height: 1.75;
  color: var(--c-body);
}

/* FAQ 两列 */
.faq {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  margin-top: 28px;
}

.faq__col {
  display: flex;
  flex-direction: column;
}

.faq__item {
  padding: 18px 0;
  border-bottom: 1px solid var(--c-line);
}

.faq__item:last-child {
  border-bottom: 0;
}

.faq__item h3 {
  font-size: 14px;
  font-weight: 500;
  color: var(--c-ink);
  margin: 0 0 8px;
}

.faq__item p {
  font-size: 13px;
  line-height: 1.75;
  color: var(--c-body);
}

/* ==========================================================================
   关于我们
   ========================================================================== */
.ab-intro {
  display: flex;
  gap: 64px;
  align-items: center;
}

.ab-intro__img {
  flex: 0 0 520px;
  width: 520px;
  height: 400px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--c-soft);
}

.ab-intro__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ab-intro__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
}

.ab-intro__text p {
  font-size: 14px;
  line-height: 1.85;
  color: var(--c-body);
}

.ab-stats {
  display: flex;
  gap: 56px;
  padding-top: 18px;
  border-top: 1px solid var(--c-line);
  margin-top: 4px;
}

.ab-stats b {
  display: block;
  font-family: var(--f-num);
  font-size: 26px;
  font-weight: 600;
  color: var(--c-ink);
  line-height: 1.2;
}

.ab-stats span {
  font-size: 12px;
  color: var(--c-muted);
}

/* 厂区四格 */
.fac {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 28px;
}

.fac__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.fac__img {
  width: 100%;
  height: 200px;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--c-soft);
}

.fac__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s var(--ease);
}

.fac__item:hover .fac__img img {
  transform: scale(1.03);
}

.fac__item .no {
  font-family: var(--f-mono);
  font-size: 11px;
  font-weight: 500;
  color: var(--c-red);
}

.fac__item h3 {
  font-size: 14px;
  font-weight: 500;
  color: var(--c-ink);
  margin: 0;
}

.fac__item p {
  font-size: 12px;
  line-height: 1.6;
  color: var(--c-body);
}

/* 能力四栏 */
.caps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  margin-top: 28px;
}

.cap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 18px;
  border-top: 1px solid var(--c-line);
}

.cap .no {
  font-family: var(--f-mono);
  font-size: 11px;
  font-weight: 500;
  color: var(--c-red);
}

.cap h3 {
  font-size: 15px;
  font-weight: 500;
  color: var(--c-ink);
  margin: 0;
}

.cap p {
  font-size: 12px;
  line-height: 1.75;
  color: var(--c-body);
}

/* 合作流程 */
.flow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 28px;
}

.flow__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px;
  background: var(--c-soft);
  border-radius: var(--radius);
}

.flow__item .no {
  font-family: var(--f-mono);
  font-size: 11px;
  font-weight: 500;
  color: var(--c-red);
}

.flow__item h3 {
  font-size: 15px;
  font-weight: 500;
  color: var(--c-ink);
  margin: 0;
}

.flow__item p {
  font-size: 12px;
  line-height: 1.7;
  color: var(--c-body);
}

.flow__item span {
  font-size: 11px;
  color: var(--c-muted);
  padding-top: 10px;
  border-top: 1px solid var(--c-line);
  margin-top: auto;
}

/* 服务行业六卡 */
.ab-inds {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  margin-top: 28px;
}

.ab-inds__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 116px;
  padding: 16px;
  background: #fff;
  border-radius: var(--radius);
  border: 1px solid var(--c-line);
  font-size: 14px;
  font-weight: 500;
  color: var(--c-ink);
  text-align: center;
  transition: border-color 0.2s var(--ease), color 0.2s var(--ease);
}

.ab-inds__item:hover {
  border-color: var(--c-red);
  color: var(--c-red);
}

/* 资质三卡 */
.ab-creds {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 28px;
}

.ab-cred {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ab-cred__box {
  height: 240px;
  border-radius: var(--radius);
  background: var(--c-soft);
  border: 1px solid #d8dce2;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ab-cred__box img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.ab-cred__pending {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  color: #b7bdc6;
  font-size: 12px;
}

.ab-cred h3 {
  font-size: 14px;
  font-weight: 500;
  color: var(--c-ink);
  margin: 0;
}

.ab-cred p {
  font-size: 12px;
  color: var(--c-muted);
}

/* ==========================================================================
   联系我们
   ========================================================================== */
.ct-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.ct-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 32px 28px 28px;
  background: var(--c-soft);
  border-radius: var(--radius-lg);
}

.ct-card .en {
  font-family: var(--f-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.09em;
  color: var(--c-violet);
}

.ct-card h3 {
  font-size: 15px;
  font-weight: 500;
  color: var(--c-ink);
  margin: 0;
}

.ct-card strong {
  font-family: var(--f-num);
  font-size: 22px;
  font-weight: 600;
  color: var(--c-ink);
  letter-spacing: 0.01em;
}

.ct-card p {
  font-size: 12px;
  line-height: 1.7;
  color: var(--c-body);
}

.ct-main {
  display: flex;
  gap: 48px;
  align-items: flex-start;
}

.ct-form {
  flex: 0 0 712px;
  width: 712px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.ct-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.ct-form .hint {
  font-size: 12px;
  line-height: 1.7;
  color: var(--c-muted);
  padding-top: 4px;
}

.ct-form__alt {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  background: var(--c-soft);
  border-radius: var(--radius);
}

.ct-form__alt p {
  font-size: 12px;
  line-height: 1.6;
  color: var(--c-body);
  flex: 1;
}

.ct-map {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.ct-map__box {
  height: 340px;
  border-radius: var(--radius-lg);
  background: var(--c-soft);
  border: 1px solid var(--c-line);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: var(--c-muted);
}

.ct-map__box b {
  font-size: 13px;
  font-weight: 400;
}

.ct-map__box span {
  font-size: 11px;
  color: var(--c-hint);
}

.ct-map__info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 12px;
  line-height: 1.7;
  color: var(--c-body);
}

.ct-map__info b {
  font-weight: 500;
  color: var(--c-ink);
}

.ct-map__tip {
  font-size: 11px;
  line-height: 1.7;
  color: var(--c-muted);
  padding-top: 12px;
  border-top: 1px solid var(--c-line);
}

/* ==========================================================================
   资料下载
   ========================================================================== */
.dl-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: 0 0 18px;
  border-bottom: 1px solid var(--c-line);
  flex-wrap: wrap;
}

.dl-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.dl-tab {
  height: 32px;
  padding: 0 14px;
  border-radius: 3px;
  border: 1px solid transparent;
  font-size: 13px;
  color: var(--c-muted2);
  transition: all 0.16s var(--ease);
}

.dl-tab:hover {
  color: var(--c-ink);
}

.dl-tab.is-on {
  background: #0e1116;
  color: #fff;
}

.dl-search {
  width: 240px;
  height: 34px;
  padding: 0 12px;
  border: 1px solid var(--c-line);
  border-radius: var(--radius);
  font-size: 12px;
  background: #fff;
  outline: none;
  transition: border-color 0.18s var(--ease);
}

.dl-search:focus {
  border-color: var(--c-ink);
}

.dl-list {
  margin-top: 8px;
}

.dl-row {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid var(--c-line);
}

.dl-type {
  flex: 0 0 54px;
  width: 54px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: var(--c-soft);
  border: 1px solid var(--c-line);
  font-family: var(--f-mono);
  font-size: 10px;
  font-weight: 500;
  color: var(--c-body);
  letter-spacing: 0.04em;
}

.dl-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.dl-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--c-ink);
}

.dl-meta {
  font-family: var(--f-mono);
  font-size: 11px;
  color: var(--c-muted);
}

.dl-act {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 500;
  color: var(--c-red);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: gap 0.2s var(--ease);
}

.dl-act:hover {
  gap: 10px;
}

.dl-ask {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-top: 48px;
  padding: 32px;
  background: var(--c-soft);
  border-radius: var(--radius-lg);
}

.dl-ask__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dl-ask__text h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--c-ink);
  margin: 0;
}

.dl-ask__text p {
  font-size: 13px;
  color: var(--c-body);
}

.dl-ask__act {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 0 0 auto;
}

.dl-ask__act span {
  font-family: var(--f-num);
  font-size: 14px;
  color: var(--c-body);
}

/* ==========================================================================
   404 页
   ========================================================================== */

.nf {
  padding: 96px var(--pad-x) 120px;
  background: var(--c-soft);
}

.nf__inner {
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
}

.nf__code {
  font-family: var(--f-num);
  font-size: 148px;
  font-weight: 800;
  line-height: 0.86;
  letter-spacing: 0.04em;
  color: var(--c-violet);
  opacity: 0.14;
  margin-bottom: 8px;
  user-select: none;
}

.nf__title {
  font-size: 40px;
  line-height: 1.25;
  color: var(--c-ink);
  margin: 14px 0 0;
}

.nf__desc {
  font-size: 17px;
  line-height: 1.75;
  color: var(--c-body);
  margin: 16px auto 0;
  max-width: 560px;
}

.nf__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 44px;
  text-align: left;
}

.nf__card {
  display: block;
  padding: 24px 26px;
  background: var(--c-card);
  border: 1px solid var(--c-line);
  border-radius: var(--radius-lg);
  text-decoration: none;
  transition: border-color 0.2s var(--ease), transform 0.2s var(--ease);
}

.nf__card:hover {
  border-color: var(--c-violet);
  transform: translateY(-2px);
}

.nf__card b {
  display: block;
  font-size: 17px;
  color: var(--c-ink);
  margin-bottom: 8px;
}

.nf__card:hover b {
  color: var(--c-violet);
}

.nf__card span {
  font-size: 14px;
  line-height: 1.6;
  color: var(--c-muted2);
}

.nf__foot {
  margin-top: 36px;
  font-size: 15px;
  color: var(--c-muted2);
}

.nf__foot a {
  color: var(--c-red);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgba(229, 0, 0, 0.3);
  padding-bottom: 1px;
}

.nf__foot a:hover {
  border-bottom-color: var(--c-red);
}