/* ===== App 截图展示模块 ===== */
.baaad1c42b00 .app-screenshot-block,.baaad1c42b00.app-screenshot-block{
  position:relative;
  display:block;
  padding:40px 0;
  background-color:#ffffff;
}

.baaad1c42b00 .app-screenshot-block .row,.baaad1c42b00.app-screenshot-block .row{
  align-items:center;
}

/* ----- 图片列 ----- */
.baaad1c42b00 .app-screenshot-block .image-column,.baaad1c42b00.app-screenshot-block .image-column{
  position:relative;
}

.baaad1c42b00 .app-screenshot-block .showcase-image,.baaad1c42b00.app-screenshot-block .showcase-image{
  position:relative;
  display:block;
  max-width:360px;
  margin:0 auto;
}

.baaad1c42b00 .app-screenshot-block .showcase-inner-image,.baaad1c42b00.app-screenshot-block .showcase-inner-image{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:18px;
  box-shadow:0 24px 48px rgba(0,0,0,0.12);
  background-color:#f5f5f5;
  z-index:2;
}

.baaad1c42b00 .app-screenshot-block .showcase-inner-image img,.baaad1c42b00.app-screenshot-block .showcase-inner-image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
}

/* 点缀元素 */
.baaad1c42b00 .app-screenshot-block .showcase-dot,.baaad1c42b00.app-screenshot-block .showcase-dot{
  position:absolute;
  display:block;
  width:14px;
  height:14px;
  border-radius:50%;
  background-color:#e8791e;
  z-index:3;
}

.baaad1c42b00 .app-screenshot-block .dot-one,.baaad1c42b00.app-screenshot-block .dot-one{
  top:-14px;
  left:-14px;
}

.baaad1c42b00 .app-screenshot-block .dot-two,.baaad1c42b00.app-screenshot-block .dot-two{
  bottom:-14px;
  right:-14px;
  width:10px;
  height:10px;
  background-color:#000000;
  opacity:0.18;
}

.baaad1c42b00 .app-screenshot-block .showcase-ring,.baaad1c42b00.app-screenshot-block .showcase-ring{
  position:absolute;
  top:50%;
  left:50%;
  width:118%;
  height:118%;
  border:1px dashed rgba(232,121,30,0.35);
  border-radius:24px;
  transform:translate(-50%,-50%) rotate(-6deg);
  z-index:1;
  pointer-events:none;
}

/* ----- 内容列 ----- */
.baaad1c42b00 .app-screenshot-block .content-column,.baaad1c42b00.app-screenshot-block .content-column{
  position:relative;
}

.baaad1c42b00 .app-screenshot-block .showcase-column,.baaad1c42b00.app-screenshot-block .showcase-column{
  position:relative;
  padding-left:40px;
}

.baaad1c42b00 .app-screenshot-block .sec-title,.baaad1c42b00.app-screenshot-block .sec-title{
  position:relative;
  margin-bottom:25px;
}

.baaad1c42b00 .app-screenshot-block .sec-title h3,.baaad1c42b00.app-screenshot-block .sec-title h3{
  position:relative;
  display:block;
  color:#000000;
  font-size:56px;
  font-weight:300;
  line-height:1.2em;
  margin:0;
}

.baaad1c42b00 .app-screenshot-block .showcase-accent,.baaad1c42b00.app-screenshot-block .showcase-accent{
  position:relative;
  display:block;
  width:70px;
  height:3px;
  background-color:#e8791e;
  border-radius:2px;
}

/* ----- 响应式 ----- */
@media (max-width:991.98px){
  .baaad1c42b00 .app-screenshot-block .showcase-image,.baaad1c42b00.app-screenshot-block .showcase-image{
    max-width:300px;
    margin:0 auto 40px;
  }

  .baaad1c42b00 .app-screenshot-block .showcase-column,.baaad1c42b00.app-screenshot-block .showcase-column{
    padding-left:0;
  }

  .baaad1c42b00 .app-screenshot-block .sec-title h3,.baaad1c42b00.app-screenshot-block .sec-title h3{
    font-size:46px;
  }
}

@media (max-width:575.98px){
  .baaad1c42b00 .app-screenshot-block,.baaad1c42b00.app-screenshot-block{
    padding:24px 0;
  }

  .baaad1c42b00 .app-screenshot-block .showcase-image,.baaad1c42b00.app-screenshot-block .showcase-image{
    max-width:230px;
  }

  .baaad1c42b00 .app-screenshot-block .sec-title h3,.baaad1c42b00.app-screenshot-block .sec-title h3{
    font-size:38px;
  }
}