:root {
  --bg: #fdf6f0;
  --bg2: #fffaf5;
  --bg3: #f8efe8;
  --bg4: #f0e4d8;
  --tx: #3d2c24;
  --tx2: #8a7060;
  --tx3: #b8a090;
  --bd: #e8d8cc;
  --gold: #d4a878;
  --gold2: #b89068;
  --pri: #d48898;
  --sec: #88b898;
  --bad: #d47070;
  --warn: #e0a840;
  --good: #88b898;
  --up: #d47070;
  --dn: #70a888;
  --rose: #e8c0c8;
  --mint: #b8d8c8;

  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-l: env(safe-area-inset-left, 0px);
  --safe-r: env(safe-area-inset-right, 0px);

  --nav-h: 52px;
  --tab-h: 60px;
  --radius: 14px;
  --radius-sm: 8px;
  --gap: 10px;
  --max-w: 1000px;
}
[data-theme="dark"] {
  --bg: #1a1412;
  --bg2: #241e1a;
  --bg3: #2e2822;
  --bg4: #383228;
  --tx: #e8ddd0;
  --tx2: #9a8a78;
  --tx3: #6a5e50;
  --bd: #3a3428;
  --gold: #d4a878;
  --gold2: #b89068;
  --pri: #d48898;
  --sec: #70a888;
  --bad: #d47070;
  --warn: #e0a840;
  --good: #70a888;
  --up: #d47070;
  --dn: #70a888;
  --rose: #5a4048;
  --mint: #3a5048;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{
  font-family:'PingFang SC','Microsoft YaHei','Noto Serif SC',sans-serif;
  background:var(--bg);
  color:var(--tx);
  line-height:1.7;
  transition:background .3s,color .3s;
  min-height:100vh;
  min-height:100dvh;
  padding-bottom:calc(var(--tab-h) + var(--safe-b));
  -webkit-font-smoothing:antialiased;
}
a{color:var(--pri);text-decoration:none}

@media(min-width:768px){
  body{padding-bottom:0}
}