/*
Custom Css
*/
/* 容器留白和背景可按需调整 */
#pospanda-services { }

/* 卡片外观 */
.service-card{
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}
.service-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0,0,0,.08);
}

/* 大号淡色编号 */
.service-card .card-no{
  position: absolute;
  top: 18px; left: 24px;
  font-weight: 800;
  font-size: 120px;
  line-height: 1;
  color: rgba(0,0,0,.05);   /* 很淡的编号色 */
  pointer-events: none;
  user-select: none;
}

/* 渐变线性图标（与截图的彩色线条一致） */
.icon-xxl{ font-size: 84px; line-height: 1; }
.icon-gradient{
  background: linear-gradient(135deg, #78b3ff, #1b76ed);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* 渐变线性图标2（与截图的彩色线条一致） */
.icon-xxl2{ font-size: 84px; line-height: 1; }
.icon-gradient2{
  background: linear-gradient(135deg, #e4e4e4, #000000);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* 按钮（橙色胶囊） */
.btn-orange{
  background: #1b76ed;
  color: #fff;
  border: none;
}
.btn-orange:hover{ background:#e2721b; color:#fff; }

/* 按钮2（橙色胶囊） */
.btn-orange-2{
  background: #000000;
  color: #fff;
  border: none;
}
.btn-orange:hover{ background:#e2721b; color:#fff; }



/*------------------------------------------------------------------------------------------------------------*/

/* Hero 图在小屏完整显示 */
.hero-img {
  width: 100%;
  height: auto;
}

/* 手机端：减小文字和内边距，限制图片最大高度，避免被“挤” */
@media (max-width: 676px) {
  #pospanda-hero-carousel2 .row {
    padding: 1.25rem 0 !important; /* 替代 p-5 的大内边距 */
  }
  .hero-img {
    max-height: 45vh;            /* 让整张图都能看到 */
    object-fit: contain;         /* 保持比例，完整展示 */
  }
  #pospanda-hero-carousel2 h1 { font-size: 1.25rem; }
  #pospanda-hero-carousel2 h3 { font-size: 0.95rem; }
  #pospanda-hero-carousel2 p  { font-size: 0.75rem; }
}