/* ===== 设计令牌 ===== */
:root{
  --c-bg:           #eef3ff;
  --c-bg-2:         #ffffff;
  --c-ink:          #0b1020;
  --c-ink-2:        #3b4255;
  --c-ink-3:        #7c8597;
  --c-line:         #e3e8f4;
  --c-line-2:       #eef1f8;
  --c-brand:        #2563eb;
  --c-brand-2:      #4f46e5;
  --c-brand-3:      #7c3aed;
  --c-deep:         #1a0d36;
  --c-gold:         #d4af37;
  --c-red:          #b91c1c;
  --c-shadow:       0 12px 32px rgba(37,99,235,.08);
  --c-shadow-deep:  0 20px 50px rgba(37,99,235,.14);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","SF Pro Text","Helvetica Neue","Microsoft YaHei",sans-serif;
  color:var(--c-ink);background:var(--c-bg);
  line-height:1.55;-webkit-font-smoothing:antialiased;
  font-feature-settings:"tnum" on, "ss01" on;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit;border:0;outline:0;background:transparent}
em,i{font-style:normal}
ul,ol{list-style:none}

.page{
  max-width:480px;margin:0 auto;
  background:
    radial-gradient(80% 50% at 50% 0%, #e0e9ff 0%, transparent 60%),
    linear-gradient(180deg, #eef3ff 0%, #f4f7ff 50%, #fafbff 100%);
  position:relative;overflow:hidden;
  box-shadow:0 0 60px rgba(37,99,235,.08);
}
.bottom-space{height:88px}

/* ===== 1. Banner 轮播 ===== */
.carousel{
  position:relative;overflow:hidden;
  background:transparent;
  font-size:0;line-height:0;
  aspect-ratio: 5 / 4;     /* 固定比例,两张图始终等高 */
  margin-bottom:14px;      /* 与下方表单卡片留出间距 */
}
.carousel__track{
  display:flex;width:100%;height:100%;
  transition:transform .45s cubic-bezier(.4,.2,.2,1);
}
.carousel__slide{flex:0 0 100%;height:100%;font-size:0;line-height:0}
.carousel__slide img{
  width:100%;height:100%;
  object-fit:cover;        /* 不留黑边,超出部分裁切 */
  object-position:center;
  display:block;vertical-align:bottom;
}

.carousel__dots{
  position:absolute;left:0;right:0;bottom:10px;
  display:flex;justify-content:center;gap:6px;z-index:2;
}
.carousel__dots .dot{
  width:6px;height:6px;border-radius:6px;
  background:rgba(255,255,255,.6);transition:.3s ease;
  cursor:pointer;
  box-shadow:0 1px 3px rgba(0,0,0,.3);
}
.carousel__dots .dot.active{
  width:22px;background:#fff;
}

/* ===== 3. 产品海报 ===== */
.poster{
  margin:0 14px 14px;
  border-radius:18px;overflow:hidden;
  background:#fff;
  box-shadow:var(--c-shadow-deep);
  border:1px solid var(--c-line-2);
}
.poster img{
  width:100%;display:block;
}
