.moka-container {
  background-color: #fff;
}

#moka-app {
  overflow: hidden;
}

img {
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.moka-prd-block {
  width: 100%;
  position: relative;
}

/* —— block-01 Hero（首页(2).jpg：标题已烤进图内） —— */
.moka-prd-block.block-01 {
  width: 100%;
  height: 44.79rem;
  background: #f5f5f5 url(../images/W9200pro/01-hero.jpg?v=2) center top / 100% auto no-repeat;
  overflow: hidden;
}

.moka-prd-block.block-01 .hero-title {
  display: none;
}

/* —— block-02 KSP cards —— */
.moka-prd-block.block-02 {
  background: #000;
  padding: 6rem 0 5.5rem;
  box-sizing: border-box;
}

.moka-prd-block.block-02 .feature-rows {
  width: 96.28rem;
  margin: 0 0 0 7.75rem;
}

.moka-prd-block.block-02 .feature-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.15rem;
}

.moka-prd-block.block-02 .feature-row + .feature-row {
  margin-top: 1.09rem;
}

.moka-prd-block.block-02 .card {
  flex-shrink: 0;
  margin-top: 1.5rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0;
}

.moka-prd-block.block-02 .card.r1 {
  height: 13.72rem;
}

.moka-prd-block.block-02 .card.r2 {
  height: 13.12rem;
}

.moka-prd-block.block-02 .card.r3 {
  height: 10.19rem;
}

.moka-prd-block.block-02 .card-01 { width: 27.85rem; background-image: url(../images/W9200pro/cards/01.png?v=1); }
.moka-prd-block.block-02 .card-02 { width: 22.4rem; background-image: url(../images/W9200pro/cards/02.png?v=1); }
.moka-prd-block.block-02 .card-03 { width: 20.82rem; background-image: url(../images/W9200pro/cards/03.png?v=1); }
.moka-prd-block.block-02 .card-04 { width: 20.07rem; background-image: url(../images/W9200pro/cards/04.png?v=1); }
.moka-prd-block.block-02 .card-05 { width: 27.85rem; background-image: url(../images/W9200pro/cards/05.png?v=1); }
.moka-prd-block.block-02 .card-06 { width: 44.39rem; background-image: url(../images/W9200pro/cards/06.png?v=1); }
.moka-prd-block.block-02 .card-07 { width: 20.01rem; background-image: url(../images/W9200pro/cards/07.png?v=1); }
.moka-prd-block.block-02 .card-08 { width: 27.85rem; background-image: url(../images/W9200pro/cards/08.png?v=1); }
.moka-prd-block.block-02 .card-09 { width: 22.4rem; background-image: url(../images/W9200pro/cards/09.png?v=1); }
.moka-prd-block.block-02 .card-10 { width: 20.79rem; background-image: url(../images/W9200pro/cards/10.png?v=1); }
.moka-prd-block.block-02 .card-11 { width: 21.53rem; background-image: url(../images/W9200pro/cards/11.png?v=1); }

/* —— Design sections —— */
.moka-prd-block.block-design {
  background: #fff;
  text-align: center;
  padding-top: 6rem;
}

.moka-prd-block.block-design .sec-title {
  position: relative;
  top: 3rem;
  margin: 0 auto;
  font-family: "FZLTZCHK", "Microsoft YaHei", sans-serif;
  font-size: 2.2rem;
  line-height: 1.35;
  color: #111;
  opacity: 0;
}

.moka-prd-block.block-design .sec-title .line {
  display: block;
}

.moka-prd-block.block-design .sec-sub {
  position: relative;
  top: 3rem;
  margin: 0.9rem auto 0;
  max-width: 65rem;
  font-family: "FZLTXHK", "Microsoft YaHei", sans-serif;
  font-size: 1rem;
  line-height: 1.55;
  color: #444;
  opacity: 0;
}

.moka-prd-block.block-design .sec-img {
  width: 94.63rem;
  margin: 2.5rem auto 0;
}

.moka-prd-block.block-design .sec-img img {
  position: relative;
  top: 3rem;
  width: 100%;
  height: auto;
  display: block;
  opacity: 0;
}

.moka-prd-block.block-design .sec-img.full {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.moka-prd-block.block-03 {
  padding-top: 5.5rem;
}

.moka-prd-block.block-10,
.moka-prd-block.block-11,
.moka-prd-block.block-16 {
  padding-bottom: 0;
}

.moka-prd-block.block-17 {
  padding-bottom: 4rem;
}