/* =========================================================
   招商加盟两页共用（/join 人体工学椅招商、/join/kids 儿童桌椅招商）
   前缀：jc- 通用组件，jf- 合作申请表单
   ========================================================= */
.jc-h1 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* 区块背景图（绝对定位铺满） */
.jc-has-bg { position: relative; overflow: hidden; }
.jc-bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.jc-bg .pic, .jc-bg .pic img { width: 100%; height: 100%; object-fit: cover; }
.jc-bg-dark::after { content: ""; position: absolute; inset: 0; background: rgba(13, 13, 13, .68); }
.jc-inner { position: relative; z-index: 1; }

/* 条目图标（上传图片或内置线性图标） */
.jc-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.jc-icon img { max-width: 100%; max-height: 100%; object-fit: contain; }
.jc-icon .ico { stroke-width: 1.4; }

/* ---------- 轮播控件 ---------- */
.jc-slider { position: relative; }
.jc-slider .swiper-slide { height: auto; }
.jc-nav { display: none; justify-content: center; gap: .2rem; margin-top: .5rem; }
.jc-slider.is-many .jc-nav { display: flex; }
.jc-arrow { width: .8rem; height: .44rem; border-radius: .44rem; font-size: .2rem; }
.slide-btn.swiper-button-lock { display: none; }
.jc-progress { margin-top: .4rem; }
.jc-dots { position: static; margin-top: .3rem; text-align: center; }
.jc-dots .swiper-pagination-bullet { background: var(--c-primary); opacity: .2; }
.jc-dots .swiper-pagination-bullet-active { opacity: 1; }

/* ---------- 图文卡片（扶持政策 / 新零售优势）：悬停文字区变黑底白字 ---------- */
.jc-card { height: 100%; display: flex; flex-direction: column; border-radius: var(--radius-lg); overflow: hidden; background: var(--c-bg-gray); }
.jc-card-img { aspect-ratio: 3 / 2; overflow: hidden; background: var(--c-bg-gray-2); }
.jc-card-img .pic, .jc-card-img img { width: 100%; height: 100%; object-fit: cover; }
.jc-card-img img { transition: transform .6s var(--ease); }
.jc-card-body { flex: 1; padding: .36rem .4rem .44rem; background: var(--c-bg-gray); transition: background .4s, color .4s; }
.jc-card-body h3 { font-size: .26rem; margin-bottom: .18rem; }
.jc-card-body li { position: relative; padding-left: .2rem; font-size: .17rem; line-height: 2; color: var(--c-text-2); transition: color .4s; }
.jc-card-body li::before { content: ""; position: absolute; left: 0; top: .16rem; width: .06rem; height: .06rem; border-radius: 50%; background: currentColor; opacity: .6; }
.jc-card:hover .jc-card-img img { transform: scale(1.05); }
.jc-card:hover .jc-card-body { background: var(--c-primary); color: #fff; }
.jc-card:hover .jc-card-body li { color: rgba(255, 255, 255, .78); }

/* ---------- 奖项卡片 ---------- */
.jc-award { text-align: center; }
.jc-award-img { aspect-ratio: 1; border-radius: var(--radius-lg); overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; }
.jc-award-img .pic, .jc-award-img img { width: 100%; height: 100%; object-fit: cover; }
.jc-award-img img { transition: transform .5s var(--ease); }
.jc-award:hover .jc-award-img img { transform: scale(1.05); }
.jc-award-text { padding: .18rem .06rem 0; }
.jc-award-year { display: inline-block; font-size: .14rem; line-height: 1; padding: .05rem .12rem; border-radius: .3rem; border: 1px solid var(--c-line); color: var(--c-text-3); font-family: Arial, sans-serif; }
.jc-award h3 { margin-top: .1rem; font-size: .17rem; font-weight: 600; line-height: 1.5; }

/* =========================================================
   合作申请表单
   ========================================================= */
.jf-form { position: relative; max-width: 12rem; margin: 0 auto; }
.jf-row { display: grid; grid-template-columns: 1fr; gap: .24rem; }
.jf-row-3 { grid-template-columns: repeat(3, 1fr); }
.jf-row + .jf-row { margin-top: .24rem; }
.jf-field { position: relative; display: flex; align-items: center; height: .64rem; padding: 0 .24rem 0 .2rem; border: 1px solid transparent; border-radius: var(--radius); background: #fff; transition: border-color .3s, box-shadow .3s; cursor: text; }
.jf-field:hover { border-color: #d9d9d9; }
.jf-field:focus-within { border-color: var(--c-primary); }
.jf-field.is-error { border-color: #e5484d; box-shadow: 0 0 0 .03rem rgba(229, 72, 77, .12); }
.jf-star { flex-shrink: 0; width: .16rem; color: #e5484d; font-size: .18rem; line-height: 1; }
.jf-star-empty { visibility: hidden; }
.jf-field input { flex: 1; min-width: 0; height: 100%; border: 0; background: none; font-size: .17rem; }
.jf-field input::placeholder { color: #aaa; }
.jf-switch { flex-shrink: 0; margin-left: .12rem; padding-left: .12rem; border-left: 1px solid var(--c-line); font-size: .14rem; line-height: 1.2; color: var(--c-text-3); white-space: nowrap; transition: color .3s; }
.jf-switch:hover { color: var(--c-text); }
.jf-hp { position: absolute; left: -9999px; top: 0; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.jf-actions { margin-top: .44rem; text-align: center; }
.jf-btn { min-width: 2.6rem; height: .6rem; font-size: .18rem; letter-spacing: .02rem; }
.jf-btn[disabled] { opacity: .55; cursor: not-allowed; }
.jf-tip { margin-top: .2rem; text-align: center; font-size: .14rem; color: var(--c-text-3); }

/* ---------- 平板（761~1199，1rem=62.5px） ---------- */
@media (max-width: 1199px) {
  .jf-field input { font-size: .2rem; }
  .jf-switch { font-size: .17rem; }
}

/* ---------- 手机 ---------- */
@media (max-width: 760px) {
  .jc-progress { margin-top: .36rem; }
  .jc-card-body { padding: .32rem .32rem .4rem; }
  .jc-card-body h3 { font-size: .32rem; margin-bottom: .14rem; }
  .jc-card-body li { font-size: .26rem; line-height: 1.85; padding-left: .24rem; }
  .jc-card-body li::before { top: .21rem; width: .08rem; height: .08rem; }
  .jc-card:hover .jc-card-body { background: var(--c-bg-gray); color: var(--c-text); }
  .jc-card:hover .jc-card-body li { color: var(--c-text-2); }
  .jc-card:hover .jc-card-img img { transform: none; }

  .jc-award-text { padding-top: .16rem; }
  .jc-award-year { font-size: .2rem; padding: .06rem .14rem; }
  .jc-award h3 { font-size: .24rem; margin-top: .1rem; }

  .jf-row, .jf-row-3 { grid-template-columns: 1fr; gap: .24rem; }
  .jf-field { height: .96rem; padding: 0 .3rem 0 .26rem; border-radius: .16rem; }
  .jf-star { width: .24rem; font-size: .28rem; }
  .jf-field input { font-size: .3rem; }
  .jf-switch { font-size: .24rem; margin-left: .16rem; padding-left: .16rem; }
  .jf-actions { margin-top: .4rem; }
  .jf-btn { display: flex; width: 100%; height: .96rem; border-radius: .96rem; font-size: .32rem; }
  .jf-tip { font-size: .22rem; margin-top: .24rem; line-height: 1.6; }
}