*{box-sizing:border-box}html{min-height:100%;background:#f7f6f2}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:38px 20px;color:#302e28;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}.phone-entry{width:min(100%,450px);text-align:center;background:#fff;border:1px solid #eeeae0;border-radius:24px;padding:34px 28px 30px;box-shadow:0 16px 52px #453d1a08}.phone-symbol{width:52px;height:65px;margin:0 auto 16px;color:#c89a22}.phone-symbol svg{width:100%;height:100%;fill:#fcf6e3;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.brand{margin:0 0 13px;color:#9b7c2e;font-size:12px;letter-spacing:4px}h1{font-size:23px;line-height:1.5;font-weight:600;margin:0 0 8px}.intro{font-size:14px;color:#858077;line-height:1.7;margin:0 0 23px}.phone-qr{width:248px;height:248px;display:grid;place-items:center;margin:auto;padding:12px;border:1px solid #f0ece1;border-radius:14px;font-size:13px;color:#797365}.phone-qr img,.phone-qr canvas{max-width:224px;max-height:224px}.entry-address{font-size:12px;color:#928a7a;overflow-wrap:anywhere;margin:14px 0 25px}.entry-note{font-size:12px;line-height:1.8;color:#9c968a;margin:0}@media(max-width:380px){.phone-entry{padding:26px 16px}h1{font-size:20px}.phone-qr{width:232px;height:232px;padding:4px}}