/* 入口页（员工端 / 中控端 分流） */
:root{
  --ink:#0f172a;--ink2:#4b5563;--ink3:#8b93a1;--line:#e6e9ef;
  --brand:#3b5bdb;--brand-2:#2f47a8;--red:#dc2626;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:var(--ink);background:#f4f5f8;
  background-image:radial-gradient(circle at 15% 0%,#ffffff 0%,transparent 45%),radial-gradient(circle at 90% 5%,#eef1fd 0%,transparent 45%);
  display:flex;align-items:center;justify-content:center;padding:28px 20px;min-height:100%;
  -webkit-text-size-adjust:100%;
}
.wrap{width:100%;max-width:430px}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.logo{
  width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(140deg,#4c6bf0,#2f47a8);color:#fff;font-size:20px;font-weight:600;
  box-shadow:0 10px 24px -12px rgba(60,90,220,.85);flex:none;
}
.brand h1{margin:0;font-size:21px;letter-spacing:-.4px}
.brand p{margin:3px 0 0;font-size:12.5px;color:var(--ink3)}

/* 两个入口 */
.pick{display:flex;flex-direction:column;gap:12px}
.pick-card{
  display:flex;align-items:center;gap:13px;padding:16px 15px;
  background:#fff;border:1px solid var(--line);border-radius:16px;
  text-decoration:none;color:inherit;
  box-shadow:0 16px 40px -30px rgba(15,23,42,.4);
  transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;
}
.pick-card:hover{border-color:#c3ccf2;box-shadow:0 18px 42px -26px rgba(15,23,42,.35)}
.pick-card:active{transform:scale(.985)}
.pick-ico{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none;
  background:#eef1fd;color:var(--brand);
}
.pick-card.admin .pick-ico{background:#eaf6ef;color:#0f9d58}
.pick-card.super .pick-ico{background:#f3eefe;color:#7c3aed}
.pick-txt{flex:1;min-width:0}
.pick-txt b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.2px}
.pick-txt small{display:block;margin-top:3px;font-size:12px;color:var(--ink3);line-height:1.5}
.pick-arrow{color:#c2c8d4;flex:none;display:flex}

.foot{text-align:center;font-size:11px;color:#a8afbb;margin:20px 0 0}

@media (max-width:520px){
  body{padding:0;display:block;background:#fff;background-image:none}
  .wrap{max-width:none;padding:52px 20px 28px;min-height:100vh;display:flex;flex-direction:column}
  .pick{margin-top:6px;flex:1;align-content:flex-start}
  .pick-card{padding:17px 15px}
  .foot{margin-top:auto;padding-top:22px}
}