/* Trip Never Starts — Main Stylesheet */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#fdf0e8;--card:#fff;--border:#ecddd6;
  --red:#e8553e;--red-dark:#c94030;--red-light:#fde8e4;
  --green:#2d8a4e;--green-light:#e6f4ec;
  --amber:#d4821a;--amber-light:#fef3e2;
  --blue:#2563be;--blue-light:#e8f0fe;
  --ink:#1f1f1f;--muted:#6b6b6b;--faint:#b0a8a2;
  --r:14px;--r-sm:8px;--shadow:0 2px 12px rgba(0,0,0,.10);
}
body{background:var(--bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}
html{scrollbar-gutter:stable;overflow-y:scroll}
/* sticky-footer：内容较少的视图不在 footer 下方留出大片空白；内容较高的视图正常滚动 */
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
/* NAV */
nav{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;height:56px;gap:24px}
.nav-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;cursor:pointer}
.nav-logo .icon{width:32px;height:32px;background:var(--red);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}
.nav-logo .sub{font-size:10px;font-weight:500;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}
.nav-links{display:flex;gap:8px;margin-left:12px}
.nav-links a{min-width:max-content;font-size:13px;color:var(--muted);cursor:pointer;transition:color .2s,background .2s;background:transparent;border:none;border-radius:16px;font-family:inherit;font-weight:600;padding:5px 13px}
.nav-links a:hover{color:var(--ink)}
.nav-links a.active{background:var(--red-light);color:var(--ink)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.nav-orders{font-size:13px;color:var(--muted);cursor:pointer}
.btn-donate{background:var(--red);color:#fff;border:none;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}
/* VIEWS */
.view{display:none}.view.active{display:block}