/* ==========================================================================
   download-third.css · 下载模板页 style_3 模板（third）
   对应源码：ptgame/app/src/download/comp/third.vue <style scoped>
   注：scoped 规则以根元素 data-dw-scope="third" 为作用域（对应 Vue scoped 的 data-v 属性机制）；
       Tailwind 工具类为全局规则（与源码 Tailwind 全局一致，与 download-second.css 重复定义值相同）。
   ========================================================================== */

/* ---- 源码 scoped 规则 ---- */
.ion-content[data-dw-scope='third'] {
  background: transparent;
}

[data-dw-scope='third'] .introduct {
  color: #FBAD31;
  font-size: .875rem;
  line-height: 1.5rem;
}

[data-dw-scope='third'] div.swiper-box {
  background: url('/images/download/swiper-bg-third.jpg') no-repeat center center / cover;
}

[data-dw-scope='third'] div.footer {
  background: url('/images/download/footer-bg-third.jpg') no-repeat center center / cover;
}

[data-dw-scope='third'] div.footer p.name {
  letter-spacing: -0.2rem;
  background: linear-gradient(0deg, #F8B419, #FFE0A7 40%, #FFF 50%, #FFE1A7 60%, #F8B419);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---- Tailwind 工具类等价规则 ---- */
.w-full { width: 100%; }
.h-\[33rem\] { height: 33rem; }
.p-4 { padding: 1rem; }
.h-\[5\.5rem\] { height: 5.5rem; }
.h-\[27\.5rem\] { height: 27.5rem; }
.px-\[2\.4375rem\] { padding-left: 2.4375rem; padding-right: 2.4375rem; }
.pt-\[7\.875rem\] { padding-top: 7.875rem; }
.h-\[22\.875rem\] { height: 22.875rem; }
.h-\[11\.75rem\] { height: 11.75rem; }
.h-\[5\.75rem\] { height: 5.75rem; }
.fixed { position: fixed; }
.z-50 { z-index: 50; }
.bottom-0 { bottom: 0; }
.px-3 { padding-left: .75rem; padding-right: .75rem; }
.font-bold { font-weight: 700; }
.w-\[5\.5rem\] { width: 5.5rem; }
.ml-2\.5 { margin-left: .625rem; }
.max-w-\[13\.75rem\] { max-width: 13.75rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.whitespace-nowrap { white-space: nowrap; }
.w-16 { width: 4rem; }
.h-\[3\.25rem\] { height: 3.25rem; }