:root{--cyan:#0dd1fe;--orchid:#cb5bff;--iris:#8d73ff;--ring-pink:#ffa8d3;--ring-blue:#349dff;--indigo-top:#2e3192;--indigo-mid:#3d2c8d;--indigo-bottom:#3a1a8c;--violet-glow:#6b2fa8;--white:#fff;--ink:#000;--ink-2:#5c5c5c;--ink-3:#949494;--snow:#fbfcfc;--bg-page:linear-gradient(165deg, var(--indigo-top) 0%, var(--indigo-mid) 45%, var(--indigo-bottom) 80%, var(--violet-glow) 100%);--grad-primary:linear-gradient(90deg, var(--cyan), var(--orchid));--grad-ring:linear-gradient(135deg, var(--ring-pink), var(--ring-blue));--text-on-dark:var(--white);--text-on-dark-2:#ffffffa3;--text-on-dark-3:#ffffff6b;--text:var(--ink);--text-2:var(--ink-2);--text-3:var(--ink-3);--link:var(--cyan);--glass:#ffffff2e;--glass-border:#ffffff38;--card:var(--snow);--shadow-card:0 18px 48px #14084659;--shadow-btn:0 10px 24px #8d73ff66;--mask:#0a0628e0;--r-card:20px;--r-icon:26px}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;color:var(--text-on-dark);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}body{background:var(--indigo-mid);background-image:var(--bg-page);background-attachment:fixed}a{color:inherit}.page{min-height:100dvh;padding:calc(40px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;display:flex}.panel{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:360px;display:flex}.layout{flex-direction:column;align-items:center;width:100%;max-width:360px;display:flex}.col-brand,.col-qr{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}@media (width>=820px){.layout{flex-direction:row;justify-content:space-between;align-items:center;gap:64px;max-width:820px}.col-brand{text-align:left;flex:1;align-items:flex-start}.col-brand .actions{max-width:340px}.col-brand .status{text-align:left}.col-qr{flex:none;width:340px}.col-qr .qr-or{display:none}}.logo{border-radius:var(--r-icon);object-fit:cover;width:104px;height:104px;display:none;box-shadow:0 12px 32px #0dd1fe40,0 6px 18px #cb5bff4d}.name{letter-spacing:.5px;word-break:break-word;margin:20px 0 0;font-size:24px;font-weight:700;line-height:1.3}.tagline{color:var(--text-on-dark-2);margin:8px 0 0;font-size:14px;line-height:1.6}.actions{flex-direction:column;gap:14px;width:100%;margin-top:36px;display:flex}.btn{letter-spacing:1px;height:52px;color:var(--text-on-dark);background:var(--glass);border:1px solid var(--glass-border);border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s;display:flex}.btn:active{opacity:.85;transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.btn-primary{background:var(--grad-primary);box-shadow:var(--shadow-btn);border-color:#0000}.btn.disabled{opacity:.4;box-shadow:none;pointer-events:none}.card{isolation:isolate;width:100%;margin-top:40px;position:relative}.card:before{content:"";z-index:-1;border-radius:calc(var(--r-card) + 4px);background:linear-gradient(100deg, var(--cyan), var(--iris) 55%, var(--orchid));position:absolute;inset:-10px -8px -14px -6px;transform:rotate(-3deg)}.card-body{border-radius:var(--r-card);background:var(--card);box-shadow:var(--shadow-card);color:var(--text);flex-direction:column;align-items:center;padding:28px 24px 24px;display:flex}.qr-frame{padding:18px;line-height:0;position:relative}.qr-frame:before,.qr-frame:after{content:"";pointer-events:none;border:4px solid #0000;border-radius:18px;position:absolute;inset:0}.qr-frame:before{border-color:var(--cyan);-webkit-mask:linear-gradient(#000 0 0) 0 0/34px 34px no-repeat,linear-gradient(#000 0 0) 100% 0/34px 34px no-repeat;mask:linear-gradient(#000 0 0) 0 0/34px 34px no-repeat,linear-gradient(#000 0 0) 100% 0/34px 34px no-repeat}.qr-frame:after{border-color:var(--orchid);-webkit-mask:linear-gradient(#000 0 0) 0 100%/34px 34px no-repeat,linear-gradient(#000 0 0) 100% 100%/34px 34px no-repeat;mask:linear-gradient(#000 0 0) 0 100%/34px 34px no-repeat,linear-gradient(#000 0 0) 100% 100%/34px 34px no-repeat}.qr canvas{display:block}.qr-tip{color:var(--text);margin:14px 0 0;font-size:14px}.qr-or{color:var(--text-on-dark-3);align-items:center;gap:12px;width:100%;margin:36px 0 0;font-size:13px;display:flex}.qr-or:before,.qr-or:after{content:"";background:var(--glass-border);flex:1;height:1px}.qr-or+.card{margin-top:28px}.card-profile{margin-top:64px}.card-profile .card-body{padding-top:64px}.avatar-ring{background:var(--grad-ring);z-index:1;border-radius:50%;width:104px;height:104px;padding:3px;position:absolute;top:-52px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #349dff4d}.avatar-ring .logo{border:3px solid var(--card);width:100%;height:100%;box-shadow:none;border-radius:50%}.card-body .name{color:var(--text);margin-top:0}.card-body .tagline{color:var(--text-2)}.status{width:100%;color:var(--text-on-dark-2);margin-top:16px;font-size:13px;line-height:1.6;display:none}.status.show{display:block}.status.standalone{text-align:center;font-size:14px}.links{color:var(--text-on-dark-3);margin-top:40px;font-size:12px}.links a{color:var(--link);text-decoration:none}.links a:hover{text-decoration:underline}.sep{margin:0 8px}.policy-page{max-width:760px;padding:calc(28px + env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom));margin:0 auto}.policy-title{color:var(--text-on-dark);margin:0 4px 18px;font-size:22px;font-weight:700;line-height:1.3}.policy-content{border-radius:var(--r-card);background:var(--card);box-shadow:var(--shadow-card);color:var(--text);word-break:break-word;overflow-wrap:anywhere;padding:24px 20px;font-size:15px;line-height:1.8}.policy-content:empty{display:none}.policy-content img{max-width:100%;height:auto}.policy-content a{color:var(--iris)}.policy-content h2{margin:24px 0 8px;font-size:16px;font-weight:600}.policy-content h2:first-child{margin-top:0}.policy-content p{margin:0 0 6px}.wx-guide{z-index:999;background:var(--mask);padding:calc(16px + env(safe-area-inset-top)) 24px 0 0;flex-direction:column;align-items:flex-end;display:flex;position:fixed;inset:0}.wx-guide-arrow{color:var(--cyan);margin-right:8px;font-size:48px;line-height:1}.wx-guide-text{text-align:center;width:100%;color:var(--text-on-dark);margin-top:16px;font-size:16px;line-height:1.9}.wx-guide-dot{border:1px solid var(--text-on-dark);letter-spacing:1px;border-radius:6px;padding:0 8px;font-weight:600;display:inline-block}
