:root{color-scheme:light;--chat:#ededed;--nav:#f7f7f7;--text:#181818;--muted:#777;--green:#07c160;--self:#95ec69}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#d7d9d7;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.phone{width:100%;max-width:480px;height:100dvh;min-height:620px;margin:0 auto;background:var(--chat);overflow:hidden;position:relative;box-shadow:0 0 50px rgba(20,30,24,.12)}
.invite-screen{height:100%;background:#f5f5f5;display:grid;grid-template-rows:64px 1fr;padding-top:env(safe-area-inset-top)}.invite-top{display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:13px;color:var(--muted)}.invite-top button{border:0;background:transparent;color:var(--muted);padding:12px 0}.invite-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 30px 14vh}.avatar-stack{height:92px;display:flex;align-items:center;justify-content:center;margin-bottom:28px}.avatar{width:78px;height:78px;border-radius:15px;display:grid;place-items:center;border:4px solid #f5f5f5;color:#fff;font-size:25px;font-weight:800;box-shadow:0 9px 24px rgba(24,35,28,.12)}.avatar+.avatar{margin-left:-18px}.desire{background:#697b70;transform:rotate(-5deg)}.ledger{background:#2d6a4f;z-index:2;transform:translateY(-8px)}.experience{background:#9b7155;transform:rotate(5deg)}.invite-stage h1{font-size:27px;line-height:1.28;letter-spacing:-.02em;margin:0 0 13px}.invite-stage p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 34px}.join-button{width:min(286px,100%);height:52px;border:0;border-radius:7px;background:var(--green);color:#fff;font-weight:650;font-size:17px;box-shadow:0 8px 20px rgba(7,193,96,.18);transition:transform .15s,background .15s}.join-button:active{transform:scale(.98);background:#06ad56}.invite-stage small{margin-top:16px;color:#999;font-size:11px}
.chat-screen{height:100%;display:grid;grid-template-rows:calc(64px + env(safe-area-inset-top)) minmax(0,1fr) auto calc(58px + env(safe-area-inset-bottom));background:var(--chat)}.wechat-nav{padding:env(safe-area-inset-top) 10px 0;height:calc(64px + env(safe-area-inset-top));display:grid;grid-template-columns:48px 1fr 48px;align-items:center;background:var(--nav);border-bottom:1px solid #dfdfdf;z-index:4}.wechat-nav h1{font-size:16px;margin:0;text-align:center;font-weight:650}.wechat-nav p{font-size:10px;color:#8b8b8b;text-align:center;margin:2px 0 0}.nav-action{height:48px;border:0;background:transparent;font-size:31px;text-align:left;color:#222}.dots{font-size:16px;text-align:right;letter-spacing:1px}
.chat-body{min-height:0;overflow-y:auto;padding:16px 14px 22px;scroll-behavior:smooth}.system{width:max-content;max-width:86%;margin:8px auto 16px;padding:5px 8px;border-radius:3px;background:#d4d4d4;color:#fff;font-size:11px;text-align:center}.message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;margin-bottom:19px;align-items:start;animation:message-in .28s cubic-bezier(.16,1,.3,1)}.message.self{grid-template-columns:minmax(0,1fr) 42px}.message.self .portrait{grid-column:2}.message.self .message-main{grid-column:1;grid-row:1;text-align:right}.portrait{width:42px;height:42px;border-radius:5px;display:grid;place-items:center;color:#fff;font-weight:750;font-size:14px}.message-main{min-width:0}.sender{color:#777;font-size:11px;margin:0 0 4px 1px}.bubble{display:inline-block;position:relative;max-width:88%;padding:10px 12px;border-radius:5px;background:#fff;font-size:14px;line-height:1.58;text-align:left;box-shadow:0 1px 1px rgba(0,0,0,.03)}.bubble:before{content:"";position:absolute;left:-7px;top:14px;border-width:6px 8px 6px 0;border-style:solid;border-color:transparent #fff transparent transparent}.message.self .bubble{background:var(--self)}.message.self .bubble:before{left:auto;right:-7px;border-width:6px 0 6px 8px;border-color:transparent transparent transparent var(--self)}.typing .bubble{color:#999;letter-spacing:3px;padding:8px 13px}.moderator .portrait,.portrait.moderator{background:#58625c}.desire-p{background:#697b70}.ledger-p{background:#2d6a4f}.experience-p{background:#9b7155}.veteran-p{background:#68758a}
.choice-dock{background:linear-gradient(transparent,var(--chat) 18%);padding:18px 12px 10px;display:grid;gap:8px}.choice-title{text-align:center;color:#777;font-size:12px;margin-bottom:2px}.choice{width:100%;min-height:46px;border:1px solid #d7d7d7;border-radius:7px;background:#fff;color:#202020;font-weight:600;padding:10px 14px;box-shadow:0 2px 5px rgba(0,0,0,.04)}.choice:active{transform:scale(.985);background:#f8f8f8}.choice.primary{background:var(--green);border-color:var(--green);color:#fff}.text-answer{display:grid;grid-template-columns:1fr auto;gap:8px}.text-answer input{height:46px;border:1px solid #d2d2d2;border-radius:7px;padding:0 12px;background:#fff;color:#222;outline:none}.text-answer input:focus{border-color:var(--green)}.text-answer button{width:68px;border:0;border-radius:7px;background:var(--green);color:#fff;font-weight:650}.wechat-input{display:grid;grid-template-columns:38px 1fr 38px 38px;gap:5px;align-items:center;padding:7px 9px calc(7px + env(safe-area-inset-bottom));background:#f7f7f7;border-top:1px solid #ddd}.wechat-input button{border:0;background:transparent;font-size:23px;padding:0;color:#292929}.fake-input{height:39px;border-radius:5px;background:#fff;color:#aaa;font-size:12px;display:flex;align-items:center;padding:0 10px}
.sheet-backdrop,.ad-layer{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.48);display:grid;place-items:end center}.bottom-sheet{width:min(480px,100%);background:#fff;border-radius:14px 14px 0 0;padding:10px 20px calc(22px + env(safe-area-inset-bottom));text-align:center;animation:sheet-up .3s cubic-bezier(.16,1,.3,1)}.sheet-handle{display:block;width:36px;height:4px;border-radius:2px;background:#d4d4d4;margin:0 auto 22px}.bottom-sheet>p:first-of-type{color:var(--green);font-size:12px;font-weight:650;margin:0}.bottom-sheet h2{font-size:22px;margin:8px 0 10px}.bottom-sheet p{font-size:13px;color:#777;line-height:1.6;margin:0 0 20px}.sheet-primary,.sheet-secondary{width:100%;height:49px;border-radius:7px;font-weight:650}.sheet-primary{border:0;background:var(--green);color:#fff}.sheet-secondary{border:0;background:transparent;color:#777;margin-top:5px}.ad-layer{place-items:center}.ad-card{width:min(330px,calc(100% - 40px));border-radius:10px;background:#fff;padding:25px 20px;text-align:center}.ad-card>span{color:var(--green);font-size:11px;font-weight:650}.ad-card h2{font-size:20px;margin:8px 0 18px}.ad-count{width:86px;height:86px;margin:0 auto 16px;border-radius:50%;background:#f0f0f0;display:grid;place-items:center;font-size:30px;font-weight:750;color:var(--green)}.ad-card p{font-size:12px;color:#888}.ad-card button{width:100%;height:45px;border:0;border-radius:7px;background:var(--green);color:#fff;font-weight:650}.ad-card button:disabled{background:#ccc}.toast{position:fixed;z-index:40;left:50%;bottom:90px;transform:translateX(-50%);background:rgba(20,20,20,.86);color:#fff;padding:9px 13px;border-radius:5px;font-size:12px;white-space:nowrap}@keyframes message-in{from{opacity:0;transform:translateY(8px)}}@keyframes sheet-up{from{transform:translateY(100%)}}@media(min-width:700px){body{padding:24px 0}.phone{height:calc(100dvh - 48px);border-radius:15px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}