*{box-sizing:border-box;margin:0;padding:0}
:root{color-scheme:light}
html,body{width:100%;height:100%;overflow:hidden}
body{background:#fff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-tap-highlight-color:transparent}
button,a{font:inherit}
button{border:0;background:transparent}
.landing{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#fff}
.artboard{position:absolute;left:50%;top:50%;width:max(100vw,177.7778vh);aspect-ratio:16/9;overflow:hidden;transform:translate(-50%,-50%)}
.scene{position:absolute;inset:0}
.scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease}
.scene-bg.is-active{opacity:1}
.logo{position:absolute;z-index:2;left:2.1354%;top:2.6852%;width:9.0104%;filter:drop-shadow(0 12px 24px rgba(160,34,93,.08))}
.headline{position:absolute;z-index:2;left:1.9271%;top:25.9259%;width:46.4063%;filter:drop-shadow(0 10px 22px rgba(213,53,119,.08))}
.contact-row{position:absolute;z-index:4;top:4.0741%;right:2.3958%;height:7.5%;display:flex;align-items:center;gap:1.4583vw}
.contact{display:block;height:100%;flex:none;cursor:pointer;transition:filter .22s ease,transform .22s ease}
.contact img{display:block;width:auto;height:100%}
.download-button img{display:block;width:100%;height:auto}
.contact:hover,.download-button:hover{filter:brightness(1.06);transform:translateY(-2px)}
.contact:active,.download-button:active{transform:scale(.98)}
.contact:focus-visible,.download-button:focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:999px}
.contact[aria-disabled="true"]{cursor:default}
.download-area{position:absolute;z-index:3;left:3.9583%;top:63.8889%;width:40.3646%;height:30.1852%;display:flex;align-items:flex-end;gap:7.0968%}
.qr-slot{position:relative;width:40.9032%;flex:none}
.qr-frame{position:relative;z-index:1;display:block;width:100%;height:auto;pointer-events:none}
.qr-code{position:absolute;z-index:2;left:17.5%;top:17.5%;display:block;width:65%;height:65%;object-fit:contain;background:#fff}
.download-buttons{display:flex;width:52%;height:100%;flex-direction:column;justify-content:space-between}
.download-button{display:block;width:100%;cursor:pointer;transition:filter .22s ease,transform .22s ease}
.install-warning{position:absolute;z-index:2;right:1.25%;bottom:.2778%;width:52.5%;height:auto;pointer-events:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media (max-aspect-ratio:4/5){
  .artboard{left:0;top:0;width:100vw;height:100vh;height:100dvh;aspect-ratio:auto;transform:none}
  .scene{background:#fdeef4}
  .scene-bg{inset:auto;left:50%;top:8%;width:100%;height:82%;object-fit:cover;object-position:69% center;transform:translateX(-50%)}
  .scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02) 45%,rgba(255,241,247,.18));pointer-events:none}
  .logo{left:2.6%;top:calc(1.5% + env(safe-area-inset-top));width:11.8%}
  .contact-row{left:16.5%;right:2.6%;top:calc(1.5% + env(safe-area-inset-top));height:auto;gap:1%;justify-content:space-between}
  .contact[data-contact="channel"],.contact[data-contact="group"],.contact[data-contact="business"]{width:32.5%;height:auto}
  .contact img{width:100%;height:auto}
  .headline{left:2%;top:17.5%;width:78%}
  .download-area{left:4%;right:auto;top:auto;bottom:calc(5.5% + env(safe-area-inset-bottom));width:86%;height:auto;gap:4%;align-items:flex-end}
  .qr-slot{width:35%}
  .download-buttons{width:59%;gap:.8vh}
  .install-warning{right:2%;bottom:calc(.8% + env(safe-area-inset-bottom));width:96%}
}

@media (prefers-reduced-motion:reduce){
  .scene-bg,.contact,.download-button{transition:none}
}