*{margin:0;padding:0}:root{--safe-area-inset-top: 0;--safe-area-inset-bottom: 0}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top: env(safe-area-inset-top);--safe-area-inset-bottom: env(safe-area-inset-bottom)}}html{font-family:PingFang SC,system-ui,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;font-size:16px}body{padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom);width:100vw;height:100vh;overflow:auto;box-sizing:border-box}img,svg{display:block}body{background:linear-gradient(135deg,#e0eafc,#cfdef3);color:#23395d}.container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:32px 12px 24px;box-sizing:border-box}.card{background:#fff;border-radius:18px;box-shadow:0 6px 28px #acb8c4cc;padding:28px 36px 24px;max-width:420px;width:100%;margin-bottom:22px;transition:box-shadow .2s;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}.card:hover{box-shadow:0 10px 36px #7e8da7cc}.card-title{font-size:1.35em;font-weight:700;margin-bottom:1.2em;letter-spacing:1px;color:#346beb;text-shadow:0 2px 8px #b9d2fa33}.info-row{width:100%;display:flex;justify-content:space-between;align-items:center;margin:10px 0;font-size:1.12em}.label{font-weight:500;color:#485263;letter-spacing:.5px}.value{font-weight:700;color:#346beb;font-size:1.12em;margin-left:16px}.ua-content{width:100%;word-break:break-all;color:#7c869a;background:#f8faff;border-radius:12px;padding:10px 12px;margin-top:8px;font-size:1em;box-shadow:0 1px 10px #e0eafc33;box-sizing:border-box}.copy-btn{margin-top:18px;padding:.85em 2.5em;background:linear-gradient(90deg,#4a8fff,#30cfff);color:#fff;font-size:1.15em;font-weight:600;border-radius:8px;border:none;outline:none;cursor:pointer;box-shadow:0 2px 12px #86c5ff22;transition:background .2s,box-shadow .2s;letter-spacing:1px}.copy-btn:active{background:linear-gradient(90deg,#2375f7,#26bada);box-shadow:0 1px 8px #85b7ff44}.copy-btn.success{background:linear-gradient(90deg,#46db8f 40%,#68e3bb);color:#fff}.copy-tips{margin-top:8px;color:#4caf50;font-size:.95em;min-height:1.2em;transition:opacity .3s}@media (max-width: 500px){.card{padding:18px 8vw 16px;max-width:98vw}.copy-btn{width:100%}}