/* 基础 */
body{
  margin:0;
  padding:0;
  background:linear-gradient(180deg,#e9f2ff 0%,#eef3f9 100%);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:#222;
  line-height:1.7;
}

.wap-page{
  width:100%;
  max-width:430px;
  margin:0 auto;
  padding:20px 16px 10px;
  background:linear-gradient(180deg,#e9f2ff 0%,#eef3f9 100%);
  min-height:100vh;
  box-sizing:border-box;
}

/* 动画 */
.fade-in{opacity:0;animation:fadeIn .8s ease forwards}
@keyframes fadeIn{to{opacity:1}}

/* 头部 */
.logo{width:80px;height:80px;display:block;margin:0 auto 10px}
.app-name{font-size:22px;font-weight:700;text-align:center;letter-spacing:.3px}
.subtitle{text-align:center;font-size:15px;color:#555}
.domain{text-align:center;font-size:14px;color:#888;margin-top:4px}

/* 下载按钮 */
.download-section{margin:30px 0 10px;display:flex;flex-direction:column;gap:12px}
.btn{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;height:52px;border-radius:30px;font-size:15.5px;font-weight:600;
  text-decoration:none;letter-spacing:.3px;transition:all .3s ease;
}
.btn img{width:20px;transition:filter .3s ease}

/* Android 按钮样式 */
.btn.android{background:#fff;color:#007aff;border:2px solid #007aff}
.btn.android img{filter:brightness(0) saturate(100%) invert(34%) sepia(89%) saturate(3107%) hue-rotate(200deg) brightness(98%) contrast(101%)}
.btn.android:active,.btn.android:hover{background:#007aff;color:#fff;box-shadow:0 6px 10px rgba(0,122,255,.2)}
.btn.android:active img,.btn.android:hover img{filter:brightness(0) invert(1)}

/* 教程区块 */
.tutorial{margin-top:30px}
.tutorial h2{text-align:center;font-size:18px;margin-bottom:20px;color:#111;font-weight:700}
.tutorial-block{
  background:#f9fbff;border-radius:12px;padding:16px 18px;margin-bottom:15px;
  box-shadow:0 2px 8px rgba(0,0,0,.03);border:1px solid rgba(0,122,255,.15)
}
.tutorial-block h3{color:#007aff;margin-bottom:6px;font-size:16px;font-weight:600}
ol{margin:0;padding-left:18px}
.highlight{color:#007aff;font-weight:700;cursor:pointer}
.highlight:active{opacity:.7}

/* Toast */
.toast{
  position:fixed;left:50%;bottom:20%;transform:translateX(-50%);
  background:rgba(0,0,0,.8);color:#fff;padding:10px 18px;border-radius:8px;
  font-size:14px;opacity:0;transition:opacity .3s ease;z-index:1000
}
.toast.show{opacity:1}

/* 页脚 */
.footer{text-align:center;font-size:15px;color:#999;margin-top:5px;line-height:1.8}