:root{--color-text-primary:#fff;--color-text-secondary:#fff9;--color-text-tertiary:#fff6;--color-text-quaternary:#fffc;--color-text-quinary:#ffffff4d;--color-bg-primary:#000;--color-card:#ffffff1a;--page-pc-width:720px}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;width:100%;min-height:100%}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;touch-action:manipulation}body{min-height:100dvh;color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;overflow:hidden auto}#app{width:100%;min-height:100dvh}img,svg,video,canvas{max-width:100%;display:block}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}#app{margin:0 auto;position:relative}.invite-page{padding:0 20px}.page-header{flex-direction:row;justify-content:center;align-items:center;gap:10px;height:80px;display:flex}.header-mark{object-fit:contain;width:30px;height:12px}.header-name{font-size:14px;font-weight:600;line-height:1}.card{background:var(--color-card);border-radius:30px}.invite-card{flex-direction:column;align-items:center;margin-top:30px;padding:20px;display:flex}.avatar{border-radius:50%;width:66px;height:66px}.invite-card h1{margin-top:10px;font-size:20px;font-weight:500;line-height:28px}.code-box{color:#000;cursor:pointer;background:#fff;border-radius:16px;align-items:center;width:100%;max-width:400px;height:54px;margin-top:36px;padding:0 20px;display:flex}.invite-code{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:20px;font-weight:400;line-height:28px;overflow:hidden}.copy-icon{flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.copy-icon img{width:24px;height:24px}.invite-tip{color:var(--color-text-secondary);margin-top:14px;font-size:12px;line-height:16px}.download-card{flex-direction:column;align-items:center;margin-top:20px;padding:30px 0;display:flex}.qr-frame{background:#fff;border-radius:19px;justify-content:center;align-items:center;width:150px;height:150px;display:flex;overflow:hidden}.qr-frame svg{width:100%;height:100%}.download-card h2{margin-top:16px;font-size:16px;font-weight:600;line-height:22px}.store-button{color:#000;background:#fff;border-radius:23px;justify-content:center;align-items:center;min-width:147px;height:30px;margin-top:16px;padding:0 14px;font-size:12px;font-weight:500;line-height:24px;display:inline-flex}.store-button img{width:18px;height:18px}.usage-card{margin-top:22px;padding:20px}.usage-card h2{font-size:16px;font-weight:600;line-height:22px}.usage-card ul{color:var(--color-text-tertiary);margin-top:16px;padding-left:20px}.usage-card li{font-size:12px;font-weight:400;line-height:16px}.usage-card li+li{margin-top:6px}.usage-card strong{color:var(--color-text-quaternary);font-weight:600}.page-footer{text-align:center;flex-direction:column;align-items:center;margin-top:30px;padding:10px 0;display:flex}.footer-logo{width:36px;height:36px}.page-footer strong{margin-top:6px;font-size:16px;font-weight:600}.page-footer p{color:var(--color-text-quinary);margin-top:20px;margin-bottom:10px;font-size:10px}.dialog-overlay{z-index:10;background:#ffffff40;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.dialog-overlay[hidden]{display:none}.dialog-panel{background:linear-gradient(#252525,#252525) padding-box padding-box,linear-gradient(135deg,#ffffff7a,#ffffff0f 22%,#ffffff04 52%,#ffffff47 100%) border-box;border:1px solid #0000;border-radius:30px;width:300px;padding:14px;box-shadow:0 18px 50px #00000059}.dialog-title{color:var(--color-text-primary);font-size:17px;font-weight:600;line-height:22px}.dialog-content{color:var(--color-text-primary);margin-top:10px;font-size:17px;font-weight:400;line-height:22px}.dialog-confirm{width:100%;height:48px;color:var(--color-text-primary);cursor:pointer;background:#4c4c4f;border:0;border-radius:100px;margin-top:34px;font-size:17px;font-weight:500;line-height:22px}@media (min-width:721px){#app{width:var(--page-pc-width);max-width:var(--page-pc-width)}.invite-page{background:var(--color-bg-primary)}}@media (max-width:360px){.invite-page{padding:0 14px}.invite-card,.usage-card{padding:16px}}
