:root{--brand:#2563eb;--brand-dark:#1d4ed8;--bg:#f1f5f9;--card:#fff;--text:#0f172a;--text-sub:#64748b;--border:#e2e8f0;--danger:#dc2626;--ok:#16a34a;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.page{flex-direction:column;min-height:100%;display:flex}.auth-wrap{justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}.auth-wrap .card{background:var(--card);border-radius:var(--radius);width:100%;max-width:380px;padding:28px 24px;box-shadow:0 8px 30px #0f172a14}.auth-wrap .card h1{margin-bottom:4px;font-size:22px}.auth-wrap .card .sub{color:var(--text-sub);margin-bottom:22px;font-size:13px}.field{margin-bottom:16px}.field label{color:var(--text-sub);margin-bottom:6px;font-size:13px;display:block}.field input{border:1px solid var(--border);border-radius:10px;outline:none;width:100%;height:44px;padding:0 14px;font-size:15px;transition:border-color .15s}.field input:focus{border-color:var(--brand)}.btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;height:46px;font-size:16px;font-weight:600;transition:background .15s}.btn:hover{background:var(--brand-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.link-row{text-align:center;color:var(--text-sub);margin-top:16px;font-size:13px}.link-row a{color:var(--brand);font-weight:600;text-decoration:none}.error{color:var(--danger);background:#fef2f2;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:13px}.topbar{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.topbar .title{font-size:17px;font-weight:700}.topbar .logout{border:1px solid var(--border);color:var(--text-sub);cursor:pointer;background:0 0;border-radius:8px;height:34px;padding:0 14px;font-size:13px}.home-body{padding:20px 16px}.info-card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:0 4px 16px #0f172a0d}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px 0;font-size:15px;display:flex}.info-row:last-child{border-bottom:none}.info-row .k{color:var(--text-sub)}.info-row .v{font-weight:600}.badge{color:var(--brand);background:#eff6ff;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.ok-tip{color:var(--ok);margin-top:16px;font-size:14px;font-weight:600}.entry{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;margin-bottom:16px;padding:16px;display:flex}.entry-ico{font-size:26px}.entry-txt{flex-direction:column;flex:1;display:flex}.entry-txt strong{font-size:15px}.entry-txt small{color:var(--text-sub);margin-top:2px;font-size:12px}.entry-arrow{color:var(--text-sub);font-size:22px}