* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; padding: 0; }
body {
  font-family: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;
  color: #3A4A3A;
  -webkit-font-smoothing: antialiased;
  background: #E8EDE5;
}
input, button, textarea { font-family: inherit; outline: none; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { appearance: none; border: none; background: none; cursor: pointer; }
.app {
  max-width: 480px;
  margin: 0 auto;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
  background: inherit;
}
@media (min-width: 481px) {
  body { background: #c8d5c2; }
  .app { box-shadow: 0 0 40px rgba(45,55,45,.12); }
}