:root{
    --bg:#0b1020; --bg2:#08101a; --card:#10162b; --line:#1e2746;
    --txt:#eef2ff; --dim:#8a93b8; --teal:#36e0c0; --gold:#ffb454;
  }
  *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
  html,body{margin:0}
  body{
    background:radial-gradient(120% 80% at 50% -10%,#141a36 0%,var(--bg) 55%,var(--bg2) 100%);
    color:var(--txt);min-height:100dvh;
    font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Segoe UI",sans-serif;
    padding:max(20px,env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom));
  }
  header{display:flex;align-items:center;gap:12px;margin:6px 4px 18px}
  header img{width:44px;height:44px;border-radius:11px}
  header .t{font-weight:800;font-size:20px;letter-spacing:.02em}
  header .s{color:var(--dim);font-size:12px;margin-top:2px}
  .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:560px;margin:0 auto}
  @media(min-width:520px){.grid{grid-template-columns:repeat(3,1fr)}}
  a.app{
    display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;
    background:linear-gradient(160deg,var(--card),#0b1120);border:1px solid var(--line);
    border-radius:18px;padding:15px 14px 13px;position:relative;overflow:hidden;
    transition:transform .12s ease,border-color .12s ease;
  }
  a.app:active{transform:scale(.97);border-color:var(--teal)}
  a.app .ic{font-size:30px;line-height:1}
  a.app .nm{font-weight:700;font-size:15px;margin-top:4px}
  a.app .ds{color:var(--dim);font-size:11.5px;line-height:1.45}
  a.app .bd{position:absolute;top:10px;right:10px;font-size:9px;font-weight:800;letter-spacing:.08em;
    padding:2px 6px;border-radius:7px;background:rgba(255,180,84,.16);color:var(--gold);border:1px solid rgba(255,180,84,.35)}
  a.app.beta::after{background:linear-gradient(90deg,var(--gold),#ff7a59);opacity:.5}
  a.app::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
    background:linear-gradient(90deg,var(--teal),var(--gold));opacity:.55}
  .tip{max-width:560px;margin:20px auto 0;color:var(--dim);font-size:12px;line-height:1.7;
    background:#0c1326;border:1px solid var(--line);border-radius:14px;padding:13px 15px}
  .tip b{color:var(--txt)}
  .foot{text-align:center;color:var(--dim);font-size:11px;margin-top:18px}
  #ios-hint{display:none}
