*{margin:0;padding:0;box-sizing:border-box;font-family:"SF UI Text",Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Roboto,"PingFang SC","Noto Sans",Arial,sans-serif}a{text-decoration:none}body{background-color:#fff;margin:0;height:100vh;overflow-x:hidden;overflow-y:auto}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,.6);display:none;opacity:0;transition:opacity .3s ease-in-out}.modal-content{display:flex;flex-direction:column;position:absolute;top:45%;left:50%;background-color:#fff;padding:30px;border-radius:34px;width:80%;height:auto;max-width:500px;box-shadow:0 4px 8px rgba(0,0,0,.2);transform:translate(-50%,-50%) scale(.9);transition:transform .3s ease-in-out}.modal-overlay.active{display:block;opacity:1}.modal-overlay.active .modal-content{transform:translate(-50%,-50%) scale(1)}.modal-avatar{width:96px;height:96px;border-radius:99px;position:relative;margin:0 auto 10px;overflow:hidden}.modal-avatar::before{content:"";position:absolute;inset:0;border-radius:50%;padding:1px;background:#f2f2f2;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1}.modal-avatar img{position:absolute;width:96px;height:96px;border-radius:50%;object-fit:cover;top:1px}.close-btn{width:25px;height:25px;position:absolute;top:8%;right:20px;font-weight:700;cursor:pointer;color:#fff}.close-btn:hover{color:#000}.confirm-btn{font-weight:500;display:flex;justify-content:center;align-items:flex-start;height:42px;font-family:SF UI Text;background-color:#000;color:#fff;padding:8px 20px;border:none;border-radius:12px;cursor:pointer;font-size:16px;margin-top:20px}.confirm-btn a{color:#fff}.app-container{padding-top:env(safe-area-inset-top);width:100%;margin:0 auto;height:100vh;overflow-y:auto}.status-icons i{margin-left:8px}.app-header{position:fixed;display:flex;width:100%;height:56px;align-items:center;justify-content:space-between;padding:16px 22px 12px 20px;background-color:#fff}.app-info{display:flex;align-items:center;gap:10px}.app-icon{width:36px;height:36px;border-radius:8px}.app-name{font-size:18px;font-weight:600}.open-btn{display:flex;background-image:linear-gradient(to bottom right,#fbb371,#7f3a15);width:76px;height:28px;border-radius:6px;text-align:center;line-height:28px;justify-content:center;align-items:flex-start}.open-btn-text{color:#fff;font-size:12px;font-weight:600}.user-card{display:flex;align-items:center;gap:16px;padding:4% 4% 4% 7%;background-color:#fff;margin-top:70px}.avatar-wrapper{width:88px;height:88px;border-radius:99px;position:relative}.avatar-wrapper::before{content:"";position:absolute;inset:0;border-radius:99px;padding:3px;background:linear-gradient(to bottom right,#fbb371,#7f3a15);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.avatar{height:84px;width:84px;border-radius:50%;object-fit:cover;padding-top:4px;padding-left:4px}.user-info{max-width:233px}.user-info h2{font-size:18px;font-weight:600}.user-p{max-width:233px;position:relative;top:8px;border-radius:50px;gap:2px;padding:1px 4px;height:18px;width:fit-content;background-color:rgba(0,0,0,5%);display:flex;align-items:center;white-space:nowrap}.user-p-icon{width:12px;height:12px}.user-info p{font-size:12px;color:#666;display:flex;align-items:center;gap:4px;overflow:hidden}.gender-icon{width:16px;height:16px;vertical-align:middle}.action-bar{height:30px;border-bottom:1px solid #000;display:grid;width:100%;background-color:#fff;margin-top:35px;justify-content:space-evenly;grid-template-columns:repeat(3,0fr)}.action-btn1{border-style:solid;border-width:0 0 3px 0;border-image:linear-gradient(to right,#FBB371,#7F3A15) 1;width:50px;height:30px;text-align:center}.action-btn2{width:50px;height:30px;margin:0 auto;text-align:center}.action-btn3{width:50px;height:30px;text-align:center}.vector{position:relative;width:20px;height:20px}.union{position:relative;width:20px;height:20px}.frame{position:relative;width:20px;height:20px}.image-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2px;justify-content:center}.grid-img{width:100%;aspect-ratio:129/170;object-fit:cover;overflow:hidden}.img{background:#f2f2f2;width:100%;height:100%;object-fit:cover;object-position:top}.join{bottom:0;position:absolute;width:100%;aspect-ratio:390/170;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,.87),rgba(0,0,0,.94))}.join-text{text-align:center}.join-p{font-weight:600;margin:10px;width:auto;position:absolute;bottom:65px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;white-space:nowrap}.join-banner{display:flex;justify-content:center;width:346px;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 40px;background:linear-gradient(to bottom right,#fbb371,#7f3a15);color:#fff;border:none;border-radius:50px;font-size:14px}.join-btn{color:#fff;font-size:14px;border:none;font-weight:600}.url{font-size:14px;color:#333}