* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: #160f20;
  color: #d9cba0;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  line-height: 1.7;
  -webkit-text-size-adjust: 100%;
}
.page { max-width: 720px; margin: 0 auto; padding: 20px 16px 40px; }
.head {
  text-align: center; padding: 22px 0 14px;
  border-bottom: 1px solid rgba(217, 184, 112, .35);
  margin-bottom: 18px;
}
.head h1 { font-size: 22px; color: #f3d98b; letter-spacing: 3px; margin-bottom: 8px; }
.head p { font-size: 13px; color: #9a8a5c; letter-spacing: 1px; }
.dlBox {
  border: 1px solid rgba(217, 184, 112, .5); border-radius: 10px;
  background: rgba(40, 33, 52, .8); padding: 16px;
  margin-bottom: 20px;
}
.dlTitle { font-size: 15px; color: #f3d98b; letter-spacing: 2px; margin-bottom: 10px; }
.dlBtns { display: flex; gap: 10px; flex-wrap: wrap; }
.dlBtn {
  flex: 1; min-width: 150px; text-align: center; text-decoration: none;
  display: block; padding: 12px 10px; border-radius: 8px;
  border: 1px solid rgba(217, 184, 112, .6);
  background: linear-gradient(180deg, #dcc395 0%, #d2ad68 100%);
  color: rgb(61, 47, 20); font-weight: 700; font-size: 15px; letter-spacing: 2px;
}
.dlBtn.ghost {
  background: transparent; color: #f3d98b; font-weight: 400;
}
.dlBtn small { display: block; font-weight: 400; font-size: 11px; letter-spacing: 1px; opacity: .8; margin-top: 2px; }
.dlNote { font-size: 12px; color: #b7a878; margin-top: 10px; line-height: 1.8; }
.step {
  border: 1px solid rgba(157, 127, 91, .45); border-radius: 10px;
  background: linear-gradient(180deg, rgba(46, 39, 58, .92), rgba(30, 25, 40, .95));
  padding: 16px; margin-bottom: 16px;
}
.stepHead {
  display: flex; align-items: center; gap: 10px; margin-bottom: 10px;
}
.stepNo {
  flex: none; width: 30px; height: 30px; border-radius: 50%;
  background: linear-gradient(180deg, #dcc395, #d2ad68);
  color: rgb(61, 47, 20); font-weight: 700; font-size: 15px;
  display: flex; align-items: center; justify-content: center;
}
.stepTitle { font-size: 16px; color: #f3d98b; letter-spacing: 2px; }
.stepBody { font-size: 14px; color: #c9ba8a; }
.stepBody b { color: #f3d98b; }
.stepBody ol, .stepBody ul { padding-left: 22px; margin: 6px 0; }
.stepBody li { margin-bottom: 5px; }
.stepImg {
  display: block; width: 100%; max-width: 360px; margin: 12px auto 4px;
  border: 1px solid rgba(217, 184, 112, .35); border-radius: 8px;
  cursor: zoom-in;
}
.stepImgCap { text-align: center; font-size: 12px; color: #8f7f55; margin-bottom: 6px; }
.warnBox {
  border: 1px solid rgba(224, 101, 95, .5); border-radius: 10px;
  background: rgba(60, 30, 32, .6); padding: 16px; margin-bottom: 16px;
}
.warnTitle { font-size: 15px; color: #e0655f; letter-spacing: 2px; margin-bottom: 8px; }
.warnBox ol { padding-left: 22px; }
.warnBox li { font-size: 13px; color: #c9a08a; margin-bottom: 5px; }
.warnBox b { color: #e88a7f; }
.foot {
  text-align: center; font-size: 12px; color: #7a6c4a;
  padding-top: 14px; border-top: 1px solid rgba(157, 127, 91, .3);
}
.foot a { color: #b7a878; }
@media (max-width: 560px) {
  .head h1 { font-size: 19px; }
  .stepTitle { font-size: 15px; }
  .stepBody { font-size: 13px; }
}

/* SEO 内容区（必应优化关键词） */
.seoBlock {
  position: fixed; top: 100vh; left: 0; right: 0;
  max-width: 760px; margin: 0 auto; padding: 34px 20px 46px;
  color: #c8b98d; font-size: 13px; line-height: 1.9;
  border-top: 1px dashed rgba(157, 127, 91, .28);
}
.seoBlock h1 { font-size: 17px; color: #d9b870; text-align: center; margin-bottom: 12px; letter-spacing: 2px; }
.seoBlock p { margin-bottom: 8px; }