:root{--bg: #f5f6fa;--card: #ffffff;--accent: #2f6fed;--text: #1f2430;--muted: #8a90a0}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text)}.wrap{max-width:960px;margin:0 auto;padding:32px 20px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1{font-size:20px;margin:0}.login{max-width:380px;margin:60px auto;background:var(--card);border-radius:14px;padding:28px;box-shadow:0 6px 24px #0000000f;text-align:center}.qr{width:220px;height:220px;margin:16px auto;border:1px solid #eee;border-radius:10px}.corp-name{font-size:15px;font-weight:600;margin:14px 0 10px}.qr-frame{width:300px;height:380px;border:1px solid #eee;border-radius:10px;margin:0 auto;display:block}.corp-switch{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}.corp-switch button{border:1px solid #dfe3ea;background:#fff;border-radius:999px;padding:6px 14px;cursor:pointer;font-size:13px}.corp-switch button.active{border-color:var(--accent);color:var(--accent)}.group-title{font-size:14px;color:#6b7280;margin:20px 0 10px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.tile{background:var(--card);border-radius:12px;padding:18px;cursor:pointer;border:1px solid #eef0f4;transition:transform .1s,box-shadow .1s;text-align:center}.tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2f6fed1f}.tile .icon{font-size:30px}.tile .name{margin-top:8px;font-size:14px}.muted{color:#8a90a0}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px}.empty{text-align:center;color:#8a90a0;padding:40px}