:root{--bg1: #061423;--bg2: #0b2a3d;--accent: #22d3ee;--accent2: #3b82f6;--ink: #eaf6fb;--muted: #8fb0c4;--card: rgba(255, 255, 255, .05);--card-border: rgba(120, 200, 230, .16);--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg1)}.app-bg{position:relative;min-height:100vh;overflow-x:hidden;background:radial-gradient(1100px 560px at 18% -12%,rgba(34,211,238,.16),transparent 60%),radial-gradient(900px 520px at 100% 0%,rgba(59,130,246,.14),transparent 55%),linear-gradient(160deg,#061423,#0a2233 55%,#061a26)}.nodes{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(127,227,239,.14) 1.2px,transparent 1.3px);background-size:26px 26px;mask-image:radial-gradient(ellipse at 50% 30%,#000 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 40%,transparent 80%)}.wrap{position:relative;max-width:1040px;margin:0 auto;padding:32px 20px 60px}.loading{text-align:center;color:var(--muted);padding:120px 0}.brand{display:flex;align-items:center;gap:12px;justify-content:center}.brand.small{justify-content:flex-start;gap:10px}.brand-mark{width:40px;height:40px;display:inline-block;filter:drop-shadow(0 0 10px rgba(34,211,238,.4))}.brand.small .brand-mark{width:30px;height:30px}.brand-title{font-size:20px;font-weight:700;letter-spacing:.5px}.brand.small .brand-title{font-size:16px}.brand-sub{font-size:11px;letter-spacing:3px;color:var(--accent);opacity:.85}.login-card{max-width:380px;margin:8vh auto 0;background:#091826b8;border:1px solid var(--card-border);border-radius:20px;padding:34px 30px 26px;text-align:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff0f}.lead{color:var(--muted);font-size:13px;line-height:1.7;margin:16px 4px 20px}.corp-switch{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:6px}.corp-switch button{border:1px solid var(--card-border);background:#ffffff0a;color:var(--muted);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;transition:all .15s}.corp-switch button.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.corp-name{font-size:16px;font-weight:600;margin:12px 0}.qr-box{width:268px;height:320px;margin:0 auto;padding:8px;background:#fff;border-radius:14px;box-shadow:0 8px 24px #0000004d,0 0 0 1px #22d3ee40;display:flex;align-items:center;justify-content:center;overflow:hidden}.qr-frame{width:260px;height:320px;border:0;display:block}.qr-loading{color:#9aa7b4;font-size:13px}.hint-line{color:var(--muted);font-size:12px;margin-top:16px;line-height:1.6}.link{background:none;border:0;color:var(--accent);cursor:pointer;font-size:12px;padding:0}.link:hover{text-decoration:underline}.muted{color:var(--muted)}.portal-header{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 22px;margin-bottom:8px;border-bottom:1px solid var(--card-border)}.user-area{display:flex;align-items:center;gap:14px}.user-name{color:var(--ink);font-size:14px}.group-title{font-size:13px;color:var(--muted);letter-spacing:1px;margin:26px 2px 12px;display:flex;align-items:center;gap:8px}.group-title:before{content:"";width:4px;height:14px;border-radius:2px;background:linear-gradient(var(--accent),var(--accent2))}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px}.tile{position:relative;text-align:left;background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:18px;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;gap:10px;min-height:132px;transition:transform .16s,border-color .16s,box-shadow .16s;overflow:hidden}.tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(300px 120px at 80% -20%,rgba(34,211,238,.18),transparent 70%);opacity:0;transition:opacity .16s}.tile:hover{transform:translateY(-3px);border-color:#22d3ee80;box-shadow:0 12px 28px #00000059}.tile:hover:after{opacity:1}.tile-icon{width:46px;height:46px;border-radius:12px;font-size:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#22d3ee2e,#3b82f62e);border:1px solid var(--card-border)}.tile-name{font-size:15px;font-weight:600;margin-top:auto}.tile-go{font-size:12px;color:var(--accent);opacity:0;transition:opacity .16s}.tile:hover .tile-go{opacity:1}.empty-tiles{text-align:center;color:var(--muted);padding:80px 20px}@media(max-width:520px){.login-card{margin-top:5vh}.tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}