:root{
  --bg1:#f4f7fc; --bg2:#e7edf8;
  --card:#ffffff; --text:#1e2340; --muted:#6b7394;
  --ring:#dbe2f1; --accent:#3b6fe0; --accent2:#e0567a;
  --green:#1fa898; --amber:#c98a12; --purple:#7c5cff;
  --grid:#e4eaf6; --line:#cdd7ec;
}
*{box-sizing:border-box;}
body{margin:0;font-family:"Segoe UI","Microsoft JhengHei",sans-serif;
  background:radial-gradient(1200px 800px at 50% -10%,var(--bg1),var(--bg2));
  color:var(--text);min-height:100vh;padding:32px 16px;}
a.back{position:fixed;top:18px;left:18px;color:var(--muted);text-decoration:none;font-size:14px;z-index:10;}
a.back:hover{color:var(--accent);}
h1{text-align:center;font-size:26px;margin:0 0 4px;}
.sub{text-align:center;color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.7;}
.card{background:var(--card);border:1px solid var(--ring);border-radius:16px;padding:22px;
  box-shadow:0 6px 20px rgba(40,60,120,.06);}
#langToggle{position:fixed;top:14px;right:16px;z-index:20;display:flex;
  background:var(--card);border:1px solid var(--ring);border-radius:999px;overflow:hidden;
  box-shadow:0 4px 14px rgba(40,60,120,.1);}
#langToggle button{border:none;background:transparent;color:var(--muted);
  padding:7px 14px;font-size:13px;cursor:pointer;font-weight:600;}
#langToggle button.active{background:var(--accent);color:#fff;}