:root{color-scheme:light;--blue:#067ac2;--ink:#142338;--muted:#637188}*{box-sizing:border-box}body{margin:0;background:linear-gradient(160deg,#e7f3fb,#f7fbff 60%,#e8f2fa);font:16px/1.5 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);min-height:100vh}.shell{max-width:510px;margin:0 auto;padding:26px 16px 36px}header{text-align:center;margin-bottom:26px}.brand{font-size:27px;font-weight:900;letter-spacing:.04em;color:var(--blue)}.brand span{color:var(--ink);font-weight:700}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:800;color:#64758b;margin-top:5px}.member-card{border-radius:23px;overflow:hidden;background:white;box-shadow:0 18px 50px #153d6522;border:1px solid #d7e7f3;text-align:center}.topline{background:var(--blue);color:white;padding:16px;display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.08em}.active{color:#d3ffdf}.portrait{height:190px;width:160px;border-radius:15px;margin:24px auto 8px;overflow:hidden;background:#edf3f8}.portrait img{width:100%;height:100%;object-fit:cover}.member-card h1{font-size:24px;margin:14px 12px 0}.club{margin:4px 0 12px;color:var(--muted)}.qr-wrap{border-top:1px solid #e6edf5;margin:0 24px;padding:20px 0 15px}.qr-wrap canvas{width:min(100%,275px);height:auto;image-rendering:pixelated}.qr-wrap p{font-size:13px;color:var(--muted)}.card-foot{padding:13px;background:#f3f8fc;font-size:12px;color:var(--muted)}.panel{background:white;border-radius:22px;padding:30px 24px;box-shadow:0 12px 40px #153d651c;text-align:center}.panel h1{font-size:24px}.panel p{color:var(--muted)}button{cursor:pointer;background:var(--blue);color:white;border:0;border-radius:12px;padding:13px 22px;font-weight:700;font-size:15px}.actions{text-align:center;margin-top:18px}.secondary{background:#20394d}.notice{background:#fff4e5;color:#69400c;padding:14px 16px;border-radius:10px;margin-bottom:18px}.small{font-size:13px}.verify .result{font-size:21px;font-weight:900;padding:16px;border-radius:12px}.good{background:#e6f9ee;color:#0c773c}.bad{background:#ffeded;color:#ae2424}.verify-photo{height:190px;width:160px;object-fit:cover;border-radius:12px;margin-top:20px}footer{text-align:center;margin-top:28px;color:#74839a;font-size:12px}@media(max-width:360px){.brand{font-size:22px}.topline{font-size:10px}}
