:root { --bg:#f5f6f8; --card:#fff; --border:#e2e5ea; --primary:#1a66ff; --primary-soft:#eaf1ff;
    --text:#1f2733; --text-2:#5b6472; --text-3:#8b93a1; }
  * { margin:0; padding:0; box-sizing:border-box; }
  body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei UI","Microsoft YaHei","Noto Sans SC",sans-serif; background:var(--bg);
    min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; -webkit-font-smoothing:antialiased; }
  .wrap { text-align:center; max-width:520px; width:100%; }
  .logo-badge { width:64px; height:64px; margin:0 auto 16px; border-radius:14px;
    background:var(--primary); display:flex; align-items:center; justify-content:center;
    font-size:30px; color:#fff; box-shadow:0 8px 24px rgba(26,102,255,.25); }
  h1 { font-size:22px; color:var(--text); letter-spacing:.3px; }
  .sub { color:var(--text-2); font-size:14px; margin:8px 0 32px; }
  .links { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
  .link { display:flex; flex-direction:column; align-items:center; background:var(--card);
    border:1px solid var(--border); border-radius:12px; padding:24px 18px; text-decoration:none;
    color:var(--text); width:148px; box-shadow:0 2px 8px rgba(16,24,40,.05); transition:.15s; }
  .link:hover { transform:translateY(-2px); border-color:var(--primary); }
  .link .icon { width:46px; height:46px; border-radius:10px; display:flex; align-items:center;
    justify-content:center; font-size:22px; margin-bottom:10px; }
  .link:nth-child(1) .icon { background:var(--primary-soft); color:var(--primary); }
  .link:nth-child(2) .icon { background:#e9f9ef; color:#0f9d58; }
  .link .t { font-weight:600; font-size:14.5px; }
  .link .d { font-size:12px; color:var(--text-3); margin-top:3px; }
  .site-footer { margin-top:28px; font-size:12px; line-height:1.6; color:var(--text-3); }
  .site-footer a { color:var(--text-3); text-decoration:none; }
  .site-footer a:hover { color:var(--primary); }