/* 简单重置，避免不同浏览器差异 */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif; }
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }
ul,li { list-style: none; }
body { background:#ffffff; }

@media (min-width:768px) {
  html, body { background: #eef2f7; }

  [class^="page-"],
  [class*=" page-"] {
    max-width: 480px;
    margin: 18px auto;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  }

  .tabbar {
    left: 50% !important;
    right: auto !important;
    width: 480px !important;
    transform: translateX(-50%) !important;
    border-left: 1px solid #e5e7eb;
    border-right: 1px solid #e5e7eb;
    box-sizing: border-box;
  }
}