/* ==========================================================================
   官网首页视觉升级 v2.1（只改字体/颜色/边框/悬停，不动布局宽度）
   作用范围：/web/HeziPlus/index.html
   ========================================================================== */

:root {
  --sv2-ink: #0f172a;
  --sv2-body: #475569;
  --sv2-muted: #94a3b8;
  --sv2-line: #e7ecf3;
  --sv2-blue: #2563eb;
  --sv2-blue-soft: #eff4ff;
}

/* --------------------------------------------------------------------------
   0. 动画兜底：首屏以下有区块靠滚动动画显示，动画没触发时内容会一直隐藏
   -------------------------------------------------------------------------- */
@keyframes sv2-force-show {
  to {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
}

[style*="opacity: 0;"],
[style*="visibility: hidden;"] {
  animation: sv2-force-show .01s linear 2s forwards;
}

/* --------------------------------------------------------------------------
   1. 标题排版
   -------------------------------------------------------------------------- */
.Heziyun-commodity-title span {
  font-size: 30px !important;
  font-weight: 700 !important;
  color: var(--sv2-ink) !important;
  letter-spacing: -.4px;
}

.Heziyun-commodity-title p {
  font-size: 14px !important;
  color: var(--sv2-muted) !important;
}

/* --------------------------------------------------------------------------
   2. 首屏四个入口
   -------------------------------------------------------------------------- */
.Heziyun-blockBackground .Heziyun-itemBlock {
  background: #fff !important;
  border: 1px solid var(--sv2-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, .06) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.Heziyun-blockBackground .Heziyun-itemBlock:hover {
  transform: translateY(-3px);
  border-color: #c7dbff !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, .12) !important;
}

.Heziyun-blockBackground .Heziyun-buy {
  color: var(--sv2-blue) !important;
}

/* --------------------------------------------------------------------------
   3. 产品卡片：只做视觉，不改宽高
   -------------------------------------------------------------------------- */
.Heziyun-itemServer {
  border: 1px solid var(--sv2-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.Heziyun-itemServer:hover {
  transform: translateY(-3px);
  border-color: #c7dbff !important;
  box-shadow: 0 14px 30px rgba(37, 99, 235, .12) !important;
}

.Heziyun-itemServer:nth-child(2) {
  border-color: var(--sv2-blue) !important;
  box-shadow: 0 12px 30px rgba(37, 99, 235, .14) !important;
}

.Heziyun-itemServer .Heziyun-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--sv2-ink) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Heziyun-itemServer .Heziyun-describe {
  font-size: 12px !important;
  line-height: 1.65 !important;
  color: var(--sv2-muted) !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.Heziyun-itemServer .Heziyun-setUp {
  font-size: 12px !important;
  color: var(--sv2-muted) !important;
}

.Heziyun-itemServer .Heziyun-setUp p {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #1f2937 !important;
}

.Heziyun-itemServer .Heziyun-price {
  font-size: 12px !important;
  color: var(--sv2-muted) !important;
}

.Heziyun-itemServer .Heziyun-price i {
  font-style: normal;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--sv2-ink) !important;
  letter-spacing: -.5px;
}

.Heziyun-itemServer > a {
  border-radius: 8px !important;
  background: var(--sv2-blue-soft) !important;
  color: var(--sv2-blue) !important;
  font-size: 13px !important;
  font-weight: 500;
  transition: background .18s ease, color .18s ease;
}

.Heziyun-itemServer:nth-child(2) > a,
.Heziyun-itemServer:hover > a {
  background: var(--sv2-blue) !important;
  color: #fff !important;
}

/* 切换条 */
.Heziyun-switchBar .Heziyun-itemButton {
  font-size: 14px !important;
  color: var(--sv2-body) !important;
}

.Heziyun-switchBar .Heziyun-itemButton.Heziyun-select {
  color: var(--sv2-blue) !important;
  font-weight: 600 !important;
}

.Heziyun-switchBar .Heziyun-whole {
  font-size: 13px !important;
  color: var(--sv2-blue) !important;
}

/* --------------------------------------------------------------------------
   4. 手机端
   -------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .Heziyun-commodity-title span {
    font-size: 22px !important;
  }

  .Heziyun-itemServer .Heziyun-title {
    white-space: normal;
  }
}