.qr-landing{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f7;margin:0;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:30px 15px 15px}.qr-card{background:#fff;width:100%;max-width:450px;border-radius:18px;box-shadow:0 2px 10px #00000014;padding:20px;text-align:center;margin:0 auto;max-height:90vh;overflow-y:auto;box-sizing:border-box}.qr-card__profile{width:35%;max-width:120px;height:auto;aspect-ratio:1 / 1;border-radius:50%;margin:20px auto;display:block;object-fit:cover}.qr-card__title{color:#333;margin:0 0 5px;font-size:clamp(18px,5vw,24px);font-weight:700;word-wrap:break-word}.qr-card__subtitle{color:#666;font-size:clamp(14px,4vw,16px);margin:0 0 15px;word-wrap:break-word}.qr-card__body{width:100%;box-sizing:border-box}.qr-region{margin:15px 0;text-align:left}.qr-region__title{color:#1d1d1f;font-size:clamp(15px,4vw,17px);font-weight:600;margin:12px 0 0;padding:14px 15px;border-radius:12px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;user-select:none;background:#f5f5f7;border:1px solid #e5e5e7}.qr-region:first-child .qr-region__title{margin-top:0}.qr-region__title--kowloon{background:#f0f4ff;border-color:#d0d9ff;color:#4a5fc7}.qr-region__title--new-territories{background:#fff4f0;border-color:#ffddd0;color:#c75a4a}.qr-region__title--hong-kong-island{background:#f0fff4;border-color:#d0ffd0;color:#4ac75a}.qr-region__title:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:11px;transition:transform .2s ease;color:#86868b}.qr-region__title--kowloon:after{color:#6b7fd7}.qr-region__title--new-territories:after{color:#d76b5a}.qr-region__title--hong-kong-island:after{color:#5ad76b}.qr-region__title.is-collapsed:after{transform:rotate(-90deg)}.qr-region__title:hover{background:#e8e8ed}.qr-region__title--kowloon:hover{background:#e0e9ff}.qr-region__title--new-territories:hover{background:#ffe9e0}.qr-region__title--hong-kong-island:hover{background:#e0ffe9}.qr-region__title:active{transform:scale(.98)}.qr-region__content{overflow:hidden;transition:max-height .3s ease-out,opacity .3s;max-height:2000px;opacity:1}.qr-region__content.is-collapsed{max-height:0;opacity:0;margin:0}.qr-sub-region{margin:10px 0 0}.qr-sub-region__title{color:#86868b;font-size:clamp(12px,3.5vw,14px);font-weight:500;margin:12px 0 8px;padding-left:10px;text-align:left;letter-spacing:.3px}.qr-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 15px;margin:5px 0;font-size:clamp(13px,3.5vw,15px);color:#fff;background:#0aa563;border:none;border-radius:10px;text-decoration:none;transition:all .2s ease;-webkit-tap-highlight-color:transparent;box-sizing:border-box;font-weight:500}.qr-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.qr-btn:active{transform:scale(.98)}.qr-btn--whatsapp:hover{background:#0d8f55}.qr-btn--whatsapp:active{background:#0b7a48}.qr-btn--whatsapp:before{content:"";font-family:"Font Awesome 6 Brands";margin-right:10px;font-size:18px;flex-shrink:0}.qr-btn--facebook{background:#1877f2}.qr-btn--facebook:hover{background:#166fe5}.qr-btn--facebook:before{content:"";font-family:"Font Awesome 6 Brands";margin-right:10px;font-size:18px;flex-shrink:0}.qr-btn--youtube{background:red}.qr-btn--youtube:hover{background:#e60000}.qr-btn--youtube:before{content:"";font-family:"Font Awesome 6 Brands";margin-right:10px;font-size:18px;flex-shrink:0}.qr-btn--instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.qr-btn--instagram:hover{opacity:.9}.qr-btn--instagram:before{content:"";font-family:"Font Awesome 6 Brands";margin-right:10px;font-size:18px;flex-shrink:0}.qr-btn--website{background:#0aa563}.qr-btn--website:hover{background:#0d8f55}.qr-btn--website:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:10px;font-size:18px;flex-shrink:0}.qr-btn--xiaohongshu{background:#ff2442}.qr-btn--xiaohongshu:hover{background:#e6203a}.qr-btn--xiaohongshu:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:10px;font-size:18px;flex-shrink:0}.qr-social{margin-top:30px;padding-top:25px;border-top:1px solid #e5e5e7;display:flex;justify-content:center;align-items:center;gap:20px}.qr-social__link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#1d1d1f;transition:all .2s ease;gap:6px}.qr-social__link:hover{opacity:.7}.qr-social__link:active{transform:scale(.95)}.qr-social__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#1d1d1f;background:#f5f5f7;border-radius:10px;transition:all .2s ease}.qr-social__link:nth-child(1) .qr-social__icon{background:#f0f4ff;color:#1877f2}.qr-social__link:nth-child(2) .qr-social__icon{background:#fff0f5;color:#e4405f}.qr-social__link:nth-child(3) .qr-social__icon{background:#f0fff4;color:#0aa563}.qr-social__link:hover .qr-social__icon{background:#e8e8ed}.qr-social__link:nth-child(1):hover .qr-social__icon{background:#e0e9ff}.qr-social__link:nth-child(2):hover .qr-social__icon{background:#ffe0eb}.qr-social__link:nth-child(3):hover .qr-social__icon{background:#e0ffe9}.qr-social__label{font-size:11px;color:#86868b;font-weight:500;letter-spacing:.2px}@media(max-width:320px){.qr-card{padding:15px}.qr-btn{padding:10px 12px;margin:5px 0;font-size:13px}.qr-btn--whatsapp:before,.qr-btn--facebook:before,.qr-btn--youtube:before,.qr-btn--instagram:before,.qr-btn--website:before,.qr-btn--xiaohongshu:before{font-size:16px;margin-right:8px}.qr-social{gap:15px}.qr-social__icon{width:36px;height:36px;font-size:18px}}