*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
.ti{color:inherit}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--page-bg);color:var(--text);font-size:15px;line-height:1.6;padding-bottom:0;transition:background .2s ease,color .2s ease;min-height:100vh;display:flex;flex-direction:column}
:root{
  --black:#000000;--text:#1d1d1f;--text-sub:#6e6e73;--text-sub-dark:#86868b;--icon-muted:#94a3b8;
  --page-bg:#f5f5f7;--surface:#ffffff;--border:#d2d2d7;--cta:#2563eb;--cta-hover:#1d4ed8;
  --link-light:#2563eb;--link-dark:#2997ff;
  --danger:#c00;--danger-hover:#a00000;--danger-bg:#fff2f2;--danger-border:#ffd0d0;
  --fav:#F56400;--fav-bg:rgba(245,100,0,0.12);
  --success:#1a7f37;--success-bg:#e6f4ea;
  --info-bg:#f0f8ff;--info-bg-hover:#e0f0ff;--info-border:#b3d7f5;--info-border2:#d2d2d7;--info-tag-bg:#dbeeff;
  --warn-bg:#fff8e1;--warn-border:#fde68a;--warn-text:#b45309;
  --navbar-bg:rgba(255,255,255,0.85);--bottomnav-bg:rgba(255,255,255,.97);--overlay-bg:rgba(255,255,255,0.85);
  --white:#ffffff;--spinner-track:#e8e8ed;--skel-base:#e8e8ed;
  --radius:10px;--radius-lg:14px;--radius-xl:18px;
  --shadow:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:0 4px 20px rgba(0,0,0,0.08),0 1px 4px rgba(0,0,0,0.06);
  --shadow-lg:0 12px 40px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.06);
}
:root[data-theme="dark"]{
  --text:#f5f5f7;--text-sub:#a1a1a6;--text-sub-dark:#86868b;
  --page-bg:#000000;--surface:#1c1c1e;--border:#38383a;--cta:#3b82f6;--cta-hover:#60a5fa;
  --link-light:#3b82f6;--link-dark:#2997ff;
  --danger:#ff453a;--danger-hover:#ff6961;--danger-bg:#3a1210;--danger-border:#6b241f;
  --fav:#ff8636;--fav-bg:rgba(255,134,54,0.16);
  --success:#30d158;--success-bg:#0f2a17;
  --info-bg:#0a2540;--info-bg-hover:#123a63;--info-border:#1c3f5f;--info-border2:#38383a;--info-tag-bg:#123a63;
  --warn-bg:#3a2f0a;--warn-border:#6b5714;--warn-text:#ffd60a;
  --navbar-bg:rgba(28,28,30,0.85);--bottomnav-bg:rgba(28,28,30,.97);--overlay-bg:rgba(0,0,0,0.85);
  --white:#1c1c1e;--spinner-track:#3a3a3c;--skel-base:#2c2c2e;
  --shadow:0 1px 3px rgba(0,0,0,0.4),0 1px 2px rgba(0,0,0,0.3);
  --shadow-md:0 4px 20px rgba(0,0,0,0.45),0 1px 4px rgba(0,0,0,0.3);
  --shadow-lg:0 12px 40px rgba(0,0,0,0.55),0 2px 8px rgba(0,0,0,0.35);
  color-scheme:dark;
}
.page-wrap{max-width:1200px;margin:0 auto}

.page{display:none}.page.active{display:block;flex:1 0 auto}