*{box-sizing:border-box}html{background:#f4f7f8;color:#183046;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}body{margin:0;background:radial-gradient(ellipse at 100% 0,rgba(198,223,226,.36),transparent 55%);min-height:100vh}.page{width:min(100%,480px);margin:auto;padding:28px 24px 22px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1.5px solid #28617a;color:#28617a;font-size:22px;font-weight:700;border-radius:4px}.brand strong{display:block;font-size:17px;letter-spacing:2px}.brand div>span{display:block;font-size:10px;letter-spacing:1px;color:#7a8b95;margin-top:3px}.brand-note{margin-left:auto;color:#667c88;font-size:12px;border-left:1px solid #d3dfe2;padding-left:12px}.intro{padding:32px 0 23px}.eyebrow{font-size:12px;letter-spacing:1px;color:#49726e;margin:0 0 13px;display:flex;align-items:center;gap:7px}.eyebrow span{width:6px;height:6px;background:#39977a;border-radius:50%}h1{font-size:36px;line-height:1.38;letter-spacing:1px;margin:0;font-weight:750}h1>span{color:#218064}.lead{font-size:14px;color:#697e89;line-height:1.9;margin:12px 0 0}.contact-card{background:white;border-radius:20px;padding:22px 22px 18px;border:1px solid #e1e9eb;box-shadow:0 12px 40px #183e4c08}.card-heading{display:flex;align-items:center;gap:11px}.wechat-icon{height:40px;width:40px;flex-shrink:0;background:#edf8f1;display:grid;place-items:center;border-radius:12px;color:#26a364}.wechat-icon svg{width:28px;height:28px}.card-heading h2{font-size:17px;margin:0 0 5px}.card-heading p{font-size:11px;color:#8a979e;margin:0}.qr-frame{width:248px;max-width:100%;margin:21px auto 14px;padding:11px;border:1px solid #e5ece9;border-radius:12px;background:#fff}.qr-frame img{display:block;width:100%;height:auto;user-select:auto;-webkit-touch-callout:default}.qr-tip{text-align:center;font-size:15px;font-weight:650;margin:0 0 8px;color:#28765d}.qr-help{text-align:center;font-size:11px;color:#8a979e;margin:0}.services{margin-top:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-heading h2{font-size:14px;margin:0;font-weight:650}.section-heading span{font-size:10px;color:#8a989f}.services ul{list-style:none;padding:0;margin:13px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.services li{font-size:12px;background:#fff9;border:1px solid #dfe7e9;border-radius:7px;text-align:center;padding:11px 3px;color:#566f7b}.notice{display:flex;gap:8px;margin-top:23px;color:#86949d}.notice-icon{flex-shrink:0;font-family:Georgia,serif;border:1px solid #a5b2b8;border-radius:50%;width:14px;height:14px;font-size:10px;text-align:center;margin-top:4px}.notice p{font-size:11px;line-height:1.85;margin:0}footer{text-align:center;margin-top:25px;font-size:10px;color:#a0adb3;letter-spacing:1px}footer>span:first-child{font-weight:600;color:#80949e}.footer-dot{margin:0 6px}@media(min-width:700px){.page{padding-top:42px;padding-bottom:30px}.intro{padding-top:35px}}@media(max-width:350px){.page{padding:22px 18px}h1{font-size:32px}.contact-card{padding:20px 16px}.section-heading span{display:none}.brand-note{font-size:11px}.card-heading h2{font-size:16px}}

/* Keep the QR and its instruction prominent on phone screens. */
@media(max-width:699px){.page{padding-top:20px}.intro{padding:20px 0 16px}.eyebrow{margin-bottom:10px}h1{font-size:32px;line-height:1.28}.lead{margin-top:8px;line-height:1.7}.contact-card{padding-top:18px}.qr-frame{margin-top:14px}}
@media(max-width:350px){.intro{padding-top:16px}h1{font-size:28px}.lead{font-size:13px}.contact-card{padding-top:16px}.qr-frame{margin-top:12px}}
@media(max-width:350px){.eyebrow{display:none}}