body{overflow-x:hidden}.hero{isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;width:420px;height:420px;border:1px solid #1717171f;border-radius:50%;right:8%;top:50%;transform:translateY(-50%);box-shadow:0 0 0 70px #fff1,0 0 0 140px #fff1;animation:halo 18s linear infinite}.hero-copy h1{filter:drop-shadow(0 8px 16px #8b670016)}.phone{height:535px;background:linear-gradient(#fff,#fffdf5)}.phone .face{display:block;width:185px;height:112px;margin:10px 0 0;background:url('chat-cafe.png') center/cover;border:3px solid #fff;border-radius:15px;font-size:0;-webkit-text-stroke:0;box-shadow:0 8px 18px #0002;animation:photoIn .8s 2s both}.phone .face:after{content:"下午的咖啡时光 ☕";display:block;position:absolute;left:16px;bottom:18px;width:max-content;padding:5px 8px;border-radius:8px;background:#0009;color:#fff;font-size:9px}.intro{position:relative}.intro:after{content:"聊 · 看 · 听 · 分享";position:absolute;right:7%;top:20%;color:#d9b60013;font-size:62px;font-weight:900;letter-spacing:8px}.stats span{border:1px solid #1717170d;transition:.25s}.stats span:hover{transform:translateY(-6px);box-shadow:0 18px 35px #0001}.features{background:radial-gradient(circle at 80% 10%,#6e5b201f,transparent 24%),#202020}.cards article{overflow:hidden}.cards article:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-45px;top:-45px;background:#ffffff0c}.cards article:nth-child(2):before{background:#fff7}.card-top i{transition:.35s}.cards article:hover .card-top i{transform:rotate(12deg) scale(1.15)}.scene-list article{border:1px solid #1717170a}.download{position:relative;overflow:hidden}.download:before,.download:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid #17171720}.download:before{left:-70px;top:-120px}.download:after{right:-70px;bottom:-120px}.download>*{position:relative;z-index:1}@keyframes halo{to{transform:translateY(-50%) rotate(360deg)}}@keyframes photoIn{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@media(max-width:720px){.hero:before{width:320px;height:320px;right:-35%;top:65%}.intro:after{display:none}.phone{height:535px}.phone .face{width:180px}}