.phone{background:#f3f4f6;color:#222}
.bar{height:48px;background:#12131a;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;z-index:4}
.bar b{font-size:16px}
.bar .back,.bar .cs{position:absolute;top:0;height:48px;width:48px;display:grid;place-items:center;color:#fff;text-decoration:none}
.bar .back{left:0;font-size:30px}
.bar .cs{right:4px;font-size:18px}
.invite-scroll{height:calc(760px - 48px - 64px);overflow:auto;padding:0 10px 16px;background:linear-gradient(#ffe7d2 0 168px,#f3f4f6 220px)}
.hero{display:block;width:calc(100% + 20px);height:168px;position:relative;margin:0 -10px;overflow:hidden;border:0;padding:0;background:transparent;cursor:pointer}
.hero-copy{position:absolute;right:16px;top:46px;color:#ff7a18;font-size:28px;font-weight:800;line-height:1.2;text-align:right;text-shadow:0 2px 0 #fff8}
.hero-art{position:absolute;left:10px;bottom:8px;width:58%}
.p{position:absolute;bottom:18px;width:72px;height:92px;border-radius:36px 36px 18px 18px;background:linear-gradient(#f3c7a6,#e8a57a)}
.p:before{content:"";position:absolute;left:16px;top:-18px;width:40px;height:40px;border-radius:50%;background:#3a2418}
.p1{left:8px}
.p2{left:54px;height:86px;background:linear-gradient(#f7d3b4,#d9926a)}
.p2:before{background:#6b3a22}
.balloon{position:absolute;width:22px;height:28px;border-radius:50%;background:#f3c56a}
.balloon:after{content:"";position:absolute;left:10px;top:28px;width:1px;height:22px;background:#c9a24a}
.b1{left:118px;bottom:78px}
.b2{left:138px;bottom:92px;background:#e8b24a}
.mail{position:absolute;left:108px;bottom:18px;width:54px;height:36px;border-radius:6px;background:#f4c46a;box-shadow:0 6px 0 #e39a3a}
.marquee{margin:8px 2px 10px;height:36px;border-radius:18px;background:#fff;color:#666;display:flex;align-items:center;padding:0 12px;font-size:12px;overflow:hidden;white-space:nowrap}
.marquee span{display:inline-block;animation:mq 12s linear infinite}
@keyframes mq{from{transform:translateX(12%)}to{transform:translateX(-70%)}}
.card{background:#fff;border-radius:12px;padding:14px 12px 16px;margin-bottom:10px}
.card h2{margin:0 0 12px;font-size:15px;display:flex;align-items:center;gap:6px}
.card h2 i{width:16px;height:16px;border-radius:50%;border:1px solid #f5a33a;color:#f5a33a;font-style:normal;font-size:11px;display:grid;place-items:center}
.gift-card{border:1px solid #f3b56a}
.gift-split{display:grid;grid-template-columns:1fr 1fr;text-align:center;padding:6px 0 14px}
.gift-split div:first-child{border-right:1px solid #f0d2aa}
.gift-split small{display:block;color:#888;font-size:12px;margin-bottom:8px}
.gift-split b{font-size:22px;font-weight:700}
.claim{width:100%;height:40px;border:0;border-radius:20px;background:#e7e7e7;color:#888;font-size:15px}
.link-row{display:flex;align-items:center;gap:8px;background:#f7f7f7;border-radius:22px;padding:6px 6px 6px 12px}
.url{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#888;font-size:12px}
.copy{border:0;background:#ff8500;color:#fff;border-radius:18px;padding:9px 14px;white-space:nowrap;font-size:13px}
.reward-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.reward-grid div{border:1px solid #f0c48a;border-radius:10px;padding:12px 8px;text-align:center}
.reward-grid small{display:block;color:#888;font-size:12px;margin-bottom:8px}
.reward-grid b{font-size:18px}
.act{border:1px solid #f0c48a;border-radius:10px;padding:12px;margin-top:10px}
.act h3{margin:0 0 8px;color:#ff7a18;font-size:14px}
.act p,.act ol{margin:0;color:#666;font-size:13px;line-height:1.7}
.act ol{padding-left:1.2em}
.act strong{color:#ff7a18}
.vip-slider{display:flex;align-items:center;gap:6px;margin-top:8px}
.vip-slider .arrow{width:28px;height:44px;border:0;background:none;color:#ff9a3a;font-size:28px}
.vip-cols{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vip-cols div{background:#fff4e8;border-radius:18px;padding:10px 6px;text-align:center}
.vip-cols small{display:block;color:#ff7a18;font-size:11px;margin-bottom:6px}
.vip-cols b{font-size:18px}
.invite-tabs{position:absolute;left:0;right:0;bottom:0;height:64px;background:#fff;display:flex;align-items:center;justify-content:space-around;padding:0 10px;gap:8px}
.invite-tabs button{flex:1;height:40px;border:0;border-radius:20px;background:#ff8500;color:#fff;font-size:14px}
.mask{position:absolute;inset:0;background:#0008;z-index:30;display:flex;align-items:center;justify-content:center;padding:36px 16px;box-sizing:border-box}
.mask[hidden]{display:none}
.dialog{width:100%;height:66%;max-height:66%;min-height:0;overflow:hidden;background:#fff;border-radius:16px;padding:14px 14px 12px;display:flex;flex-direction:column;box-sizing:border-box}
.dialog.mark-box{outline:3px dashed #f5222d;outline-offset:5px}
.dialog h2{margin:0 0 10px;text-align:center;font-size:16px;font-weight:700;flex:none}
.dialog-body{overflow-y:auto;flex:1 1 auto;min-height:0;-webkit-overflow-scrolling:touch}
.detail-list{margin:0;padding:0;list-style:none;color:#555;line-height:1.75;font-size:13px}
.detail-list li{margin:0 0 12px;padding-left:1.7em;position:relative}
.detail-list li:last-child{margin-bottom:0}
.detail-list li::before{position:absolute;left:0;color:#888;font-size:12px}
.detail-list li:nth-child(1)::before{content:"①"}
.detail-list li:nth-child(2)::before{content:"②"}
.detail-list li:nth-child(3)::before{content:"③"}
.detail-list li:nth-child(4)::before{content:"④"}
.detail-list li:nth-child(5)::before{content:"⑤"}
.detail-list li:nth-child(6)::before{content:"⑥"}
.detail-list li:nth-child(7)::before{content:"⑦"}
.detail-list li:nth-child(8)::before{content:"⑧"}
.detail-list li:nth-child(9)::before{content:"⑨"}
.detail-list li:nth-child(10)::before{content:"⑩"}
.ok{width:100%;height:44px;margin-top:12px;border:0;border-radius:22px;background:#ff8500;color:#fff;font-size:16px;flex:none}
.sheet{width:100%;max-height:78%;background:#fff;border-radius:16px 16px 0 0;padding:0 0 18px;overflow:auto;align-self:end}
.sheet header{height:48px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #eee}
.sheet header .close{position:absolute;right:8px;top:0;height:48px;width:48px;border:0;background:none;font-size:26px;color:#888}
.rules{margin:12px 16px 0;padding-left:1.4em;color:#555;line-height:1.7;font-size:13px}
.rules li{margin-bottom:10px}
.empty{text-align:center;color:#999;padding:48px 0}
.toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);background:#2b2e34;color:#fff;padding:8px 14px;border-radius:6px;opacity:0;pointer-events:none;transition:.2s;z-index:40}
.toast.show{opacity:1}