:root{
  --bg:#f6f7f9;
  --card:#fff;
  --text:#111214;
  --muted:#7a7f87;
  --line:#eceef1;
  --red:#fe2c55;
  --red2:#ff4d45;
  --dark:#0c0d0f;
  --radius:24px;
  --shadow:0 14px 40px rgba(18,20,24,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;padding-bottom:86px}
a{text-decoration:none;color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
.page-shell{max-width:760px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 0 1px rgba(0,0,0,.02)}
.topbar{height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(236,238,241,.8)}
.brand{display:flex;align-items:center;gap:8px;font-weight:800}.brand-text{font-size:19px;letter-spacing:-.4px}
.brand-mark{width:32px;height:32px;display:block;border-radius:10px;object-fit:cover;flex:0 0 auto;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.brand-mark.small{width:38px;height:38px;border-radius:12px;flex:0 0 auto}
.top-download{font-size:14px;font-weight:750;color:#fff;background:#111214;padding:10px 15px;border-radius:999px}
.section-dark{background:var(--dark);color:#fff}
.hero{padding:38px 22px 28px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto -150px -120px 30%;height:380px;background:radial-gradient(circle,#3d1820 0%,transparent 68%);opacity:.7}
.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#9a9da2}.eyebrow{color:#d4d5d7}
.hero h1{font-size:42px;line-height:1.08;margin:14px 0 14px;letter-spacing:-1.8px;font-weight:900}.hero h1 span{color:#ff4e5d}.hero p{font-size:15px;line-height:1.8;color:#b9bcc1;margin:0;max-width:500px}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:24px}.primary-cta{min-width:145px;height:50px;padding:0 22px;border-radius:14px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;box-shadow:0 10px 26px rgba(254,44,85,.22)}.text-link{font-size:14px;color:#d9dadd}.text-link span{display:inline-block;margin-left:4px}.hero-note{margin-top:12px;color:#747880;font-size:11px}
.phone-stage{position:relative;height:520px;margin-top:34px;display:grid;place-items:center}.halo{position:absolute;width:430px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,52,87,.2),rgba(37,244,238,.05) 38%,transparent 70%);filter:blur(18px)}.phone{width:272px;height:516px;background:#050506;border:7px solid #1b1c1f;border-radius:38px;box-shadow:0 30px 70px rgba(0,0,0,.48);overflow:hidden;position:relative;z-index:2}.phone:before{content:"";position:absolute;width:84px;height:20px;border-radius:0 0 14px 14px;background:#17181b;top:0;left:50%;transform:translateX(-50%);z-index:8}.phone-screen{position:absolute;inset:0;overflow:hidden}.video-scene{background:linear-gradient(165deg,#6d8a98 0%,#8b6e56 42%,#272326 78%,#0a0a0b 100%)}.video-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 58% 24%,rgba(255,215,150,.7),transparent 8%),linear-gradient(180deg,transparent 30%,rgba(0,0,0,.1) 46%,rgba(0,0,0,.86) 100%)}.video-scene:after{content:"";position:absolute;left:18px;right:18px;bottom:100px;height:170px;background:linear-gradient(105deg,transparent 0 20%,rgba(13,15,18,.95) 21% 28%,transparent 29% 44%,rgba(13,15,18,.9) 45% 58%,transparent 59%),linear-gradient(180deg,transparent 0 38%,rgba(7,8,10,.9) 39%);clip-path:polygon(0 100%,0 47%,10% 43%,16% 62%,26% 50%,35% 58%,45% 35%,54% 59%,63% 44%,72% 65%,81% 48%,91% 57%,100% 40%,100% 100%);opacity:.72}.phone-status{position:absolute;top:11px;left:18px;right:18px;display:flex;justify-content:space-between;font-size:9px;z-index:6}.feed-tabs{position:absolute;top:38px;left:0;right:0;display:flex;justify-content:center;gap:18px;font-size:13px;z-index:6}.feed-tabs span{color:rgba(255,255,255,.65)}.feed-tabs b:after{content:"";display:block;width:16px;height:2px;background:#fff;border-radius:3px;margin:5px auto 0}.scene-caption{position:absolute;left:16px;right:62px;bottom:57px;z-index:6}.scene-caption strong{font-size:12px}.scene-caption p{font-size:11px;line-height:1.5;color:#fff;margin:5px 0 3px}.scene-caption small{font-size:9px;color:#c3c6cb}.side-actions{position:absolute;right:10px;bottom:62px;display:flex;flex-direction:column;align-items:center;gap:14px;z-index:6}.avatar-dot{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#f0d7c1,#8f6f62);border:2px solid #fff;display:grid;place-items:center;color:#17181a;font-weight:800;font-size:12px}.side-actions button{border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0}.side-actions button span{font-size:25px;line-height:1}.side-actions button small{font-size:8px}.reward-pill{position:absolute;left:15px;top:80px;z-index:7;background:rgba(0,0,0,.5);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);padding:8px 10px;border-radius:12px}.reward-pill span{display:block;font-size:8px;color:#c9cbd0;margin-bottom:2px}.reward-pill b{font-size:10px}.phone-nav{position:absolute;bottom:0;left:0;right:0;height:42px;background:#050506;z-index:8;display:flex;align-items:center;justify-content:space-around;font-size:8px}.phone-nav b{width:28px;height:19px;border-radius:6px;background:linear-gradient(90deg,#25f4ee 0 28%,#fff 28% 72%,#fe2c55 72%);color:#111;display:grid;place-items:center;font-size:14px}.cash-float{position:absolute;z-index:4;background:#fff;color:#111;border-radius:15px;padding:11px 13px;box-shadow:0 18px 50px rgba(0,0,0,.26);min-width:130px}.cash-float small{display:block;color:#8b8e95;font-size:9px;margin-bottom:3px}.cash-float b{font-size:11px}.cash-float-a{left:12px;top:86px;transform:rotate(-3deg)}.cash-float-b{right:10px;bottom:78px;transform:rotate(4deg)}
.section{padding:30px 20px}.stats-strip{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;align-items:center;text-align:center;background:#fff;border-bottom:1px solid var(--line);padding-top:20px;padding-bottom:20px}.stats-strip i{width:1px;height:30px;background:var(--line)}.stats-strip b{display:block;font-size:14px}.stats-strip span{display:block;font-size:11px;color:#969aa1;margin-top:4px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.section-head h2{font-size:27px;letter-spacing:-1px;margin:6px 0 0}.section-meta{font-size:11px;color:#989ca3}.feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feed-card h3{font-size:13px;line-height:1.55;margin:9px 2px 7px}.feed-card p{font-size:10px;color:#8d9198;margin:0;display:flex;align-items:center;gap:5px}.mini-avatar{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:8px;font-weight:800}.avatar-a{background:#445b73}.avatar-b{background:#8a684c}.avatar-c{background:#6f7b5b}.feed-cover{height:230px;border-radius:17px;position:relative;overflow:hidden}.feed-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.1) 55%,rgba(0,0,0,.7))}.cover-a{background:linear-gradient(150deg,#c9c1b6 0%,#889ea6 36%,#475a61 68%,#1a1d22 100%)}.cover-b{background:linear-gradient(150deg,#e2c5a5,#b9794e 42%,#58443a 75%,#202124)}.cover-c{background:linear-gradient(150deg,#bbd0d7,#75959e 44%,#536b5a 74%,#202224)}.mock-subject{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);width:72px;height:132px;border-radius:42px 42px 18px 18px;background:rgba(20,23,26,.82);box-shadow:0 14px 24px rgba(0,0,0,.2)}.mock-subject:before{content:"";position:absolute;width:38px;height:38px;border-radius:50%;top:-24px;left:17px;background:#202226}.subject-b{width:84px;height:112px;background:rgba(79,53,39,.85)}.subject-c{height:122px;background:rgba(32,49,43,.86)}.mock-subject span{position:absolute;left:-22px;right:-22px;top:38px;height:28px;background:rgba(18,20,22,.5);border-radius:20px;transform:rotate(-7deg)}.duration{position:absolute;z-index:3;right:8px;top:8px;background:rgba(0,0,0,.5);color:#fff;border-radius:6px;font-size:9px;padding:4px 6px}.cover-copy{position:absolute;z-index:3;left:10px;right:10px;bottom:10px;color:#fff}.cover-copy b{display:block;font-size:11px}.cover-copy small{font-size:8px;color:#d8dade;margin-top:3px;display:block}
.earn-section{background:#f6f7f9}.task-phone{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.task-top{padding:24px;background:linear-gradient(145deg,#17181b,#0d0e10);color:#fff}.task-label{font-size:12px;color:#aeb1b7}.balance{display:flex;align-items:flex-end;gap:5px;margin-top:8px}.balance small{font-size:17px;margin-bottom:6px}.balance b{font-size:38px;letter-spacing:-1px}.task-top p{font-size:11px;color:#797d84;margin:4px 0 0}.task-list{padding:4px 18px}.task-list article{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.task-list article:last-child{border-bottom:0}.task-icon{width:44px;height:44px;border-radius:13px;background:#f7f7f8;position:relative}.task-icon i:before,.task-icon i:after{content:"";position:absolute}.icon-play i:before{left:17px;top:13px;border-left:13px solid #111;border-top:9px solid transparent;border-bottom:9px solid transparent}.icon-calendar i:before{left:11px;top:13px;width:22px;height:18px;border:2px solid #111;border-radius:4px}.icon-calendar i:after{left:11px;top:18px;width:22px;height:2px;background:#111}.icon-user i:before{width:11px;height:11px;border:2px solid #111;border-radius:50%;left:15px;top:10px}.icon-user i:after{width:20px;height:10px;border:2px solid #111;border-radius:12px 12px 4px 4px;border-bottom:0;left:11px;top:25px}.icon-share i:before{width:19px;height:14px;border-top:2px solid #111;border-right:2px solid #111;left:11px;top:18px;transform:skewY(-16deg)}.icon-share i:after{width:8px;height:8px;border-top:2px solid #111;border-right:2px solid #111;left:23px;top:11px;transform:rotate(18deg)}.task-copy b{display:block;font-size:14px}.task-copy span{display:block;color:#8b8f96;font-size:10px;line-height:1.5;margin-top:4px}.task-right{text-align:right}.task-right strong{display:block;font-size:10px;color:#fe2c55;margin-bottom:6px}.task-right button{border:0;background:#111214;color:#fff;border-radius:999px;font-size:10px;padding:7px 10px;cursor:pointer}
.steps-section{background:#fff}.steps{display:grid;gap:0}.steps article{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.steps article:last-child{border-bottom:0}.steps article>span{font-size:12px;color:#a4a8ae;padding-top:3px}.steps b{font-size:15px}.steps p{margin:6px 0 0;color:#858990;font-size:12px;line-height:1.65}
.lifestyle-section{padding-top:12px}.lifestyle-card{min-height:360px;border-radius:28px;background:#0f1012;color:#fff;padding:28px;position:relative;overflow:hidden}.lifestyle-card:before{content:"";position:absolute;width:320px;height:320px;right:-110px;top:-90px;background:radial-gradient(circle,rgba(37,244,238,.16),transparent 64%)}.lifestyle-copy{position:relative;z-index:3;width:56%}.kicker.light{color:#81858c}.lifestyle-copy h2{font-size:31px;line-height:1.15;margin:9px 0 13px;letter-spacing:-1px}.lifestyle-copy p{font-size:12px;color:#9ea2a9;line-height:1.7}.inline-cta{display:inline-flex;margin-top:18px;font-size:12px;font-weight:800;color:#fff;border-bottom:1px solid #62666c;padding-bottom:5px}.tile-stack{position:absolute;right:18px;top:28px;width:170px;height:300px}.tile{position:absolute;width:118px;height:170px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 36px rgba(0,0,0,.3)}.tile:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}.tile i{position:absolute;width:34px;height:70px;border-radius:25px 25px 10px 10px;background:rgba(15,17,20,.85);left:42px;bottom:36px}.tile i:before{content:"";position:absolute;width:23px;height:23px;border-radius:50%;background:#111;left:5px;top:-14px}.tile span{position:absolute;left:10px;bottom:10px;font-size:11px;font-weight:800}.tile-one{right:34px;top:0;background:linear-gradient(155deg,#c7d4d9,#7d919b 45%,#32424a)}.tile-two{right:0;top:78px;background:linear-gradient(155deg,#e6c9aa,#a66f4d 48%,#4f332a);transform:rotate(7deg)}.tile-three{right:52px;top:140px;background:linear-gradient(155deg,#b9d0b8,#739176 48%,#324937);transform:rotate(-7deg)}
.rules-section{background:#f6f7f9}.section-head.compact{margin-bottom:14px}.rules-card{background:#fff;border-radius:22px;border:1px solid var(--line);padding:0 18px}.rules-card details{border-bottom:1px solid var(--line);padding:16px 0}.rules-card details:last-child{border-bottom:0}.rules-card summary{cursor:pointer;font-weight:700;font-size:13px;list-style:none}.rules-card summary::-webkit-details-marker{display:none}.rules-card summary:after{content:"+";float:right;color:#9ca0a7}.rules-card details[open] summary:after{content:"−"}.rules-card p{font-size:11px;line-height:1.75;color:#81858d;margin:10px 0 0}
.final-cta{background:#fff}.final-card{text-align:center;border-radius:28px;background:#f5f6f8;padding:34px 24px}.final-brand{display:flex;align-items:center;justify-content:center;gap:9px}.final-brand strong{font-size:16px}.final-card h2{font-size:29px;letter-spacing:-1px;margin:18px 0 8px}.final-card p{font-size:12px;line-height:1.7;color:#858990;margin:0 auto;max-width:360px}.primary-cta.wide{width:100%;margin-top:22px;height:52px}.final-card small{display:block;color:#a0a4aa;font-size:9px;margin-top:10px}.footer{text-align:center;padding:0 20px 34px;background:#fff;color:#a1a5ab;font-size:9px;line-height:1.7}.footer p{margin:2px 0}
.download-dock{position:fixed;z-index:100;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);height:76px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid rgba(230,232,235,.95);display:flex;align-items:center;justify-content:space-between;gap:14px}.dock-brand{display:flex;align-items:center;gap:10px;min-width:0}.dock-brand div{min-width:0}.dock-brand b{display:block;font-size:13px}.dock-brand small{display:block;color:#92969d;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-button{flex:0 0 124px;height:44px;border-radius:13px;background:#fe2c55;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}
@media(max-width:520px){.page-shell{box-shadow:none}.topbar{height:58px;padding:0 15px}.brand-mark{width:29px;height:29px}.brand-text{font-size:17px}.top-download{font-size:12px;padding:9px 13px}.hero{padding:30px 18px 24px}.hero h1{font-size:37px}.hero p{font-size:13px}.hero-actions{gap:14px}.primary-cta{height:48px}.phone-stage{height:495px;margin-top:28px}.phone{width:248px;height:472px;border-radius:35px}.cash-float-a{left:-4px}.cash-float-b{right:-5px}.section{padding:26px 16px}.feed-grid{gap:9px}.feed-cover{height:194px}.feed-card h3{font-size:11px}.feed-card p{font-size:8px}.section-head h2{font-size:24px}.task-list{padding:4px 14px}.task-list article{grid-template-columns:42px 1fr auto;gap:9px}.task-icon{width:40px;height:40px}.task-copy span{font-size:9px}.task-right strong{font-size:9px}.task-right button{font-size:9px;padding:6px 9px}.lifestyle-card{padding:24px;min-height:330px}.lifestyle-copy{width:54%}.lifestyle-copy h2{font-size:27px}.tile-stack{right:4px;transform:scale(.9);transform-origin:right top}.download-dock{height:72px;padding-left:12px;padding-right:12px}.dock-button{flex-basis:116px}}
@media(max-width:380px){.hero h1{font-size:33px}.hero-actions{align-items:flex-start;flex-direction:column}.text-link{padding-left:4px}.phone-stage{height:450px}.phone{transform:scale(.92)}.cash-float{display:none}.feed-grid{grid-template-columns:repeat(2,1fr)}.feed-grid .feed-card:nth-child(3){display:none}.feed-cover{height:218px}.task-copy span{display:none}.lifestyle-copy{width:56%}.tile-stack{right:-12px;transform:scale(.82)}.dock-brand small{display:none}}

/* ===== V4 cash conversion modules ===== */
.cash-status-section{padding:0 16px 10px;background:#fff}
.cash-status-card{background:#fff;border-radius:0 0 24px 24px;padding:20px 18px 18px;box-shadow:0 16px 36px rgba(18,20,24,.06);border:1px solid var(--line);border-top:0;text-align:center}
.live-line{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#464a50}
.live-line strong{font-size:21px;color:#fe2c55;letter-spacing:.2px}
.live-pulse{width:8px;height:8px;border-radius:50%;background:#fe2c55;box-shadow:0 0 0 5px rgba(254,44,85,.1);animation:livePulse 1.8s ease-in-out infinite}
@keyframes livePulse{50%{box-shadow:0 0 0 9px rgba(254,44,85,0)}}
.gold-brush{display:inline-block;margin:14px auto 16px;padding:9px 25px;font-size:15px;font-weight:900;letter-spacing:2px;color:#c43c2b;background:linear-gradient(90deg,rgba(255,226,107,0),#ffe46f 17%,#fff0a2 50%,#ffd84e 83%,rgba(255,216,78,0));transform:rotate(-1deg)}
.cash-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cash-proof-grid>div{padding:12px 7px;border-radius:14px;background:#fafafb;border:1px solid #eff0f2}
.cash-proof-grid b{display:block;font-size:13px;color:#17181a}
.cash-proof-grid span{display:block;margin-top:4px;font-size:9px;line-height:1.4;color:#8a8e95}
.reward-balance b{color:#fff}
.activity-section{background:#f6f7f9}
.activity-head{align-items:end}
.activity-badge{font-size:9px;padding:5px 8px;border-radius:999px;background:#f0f1f3;color:#8d9198;border:1px solid #e7e9ec}
.activity-badge.live{background:#fff1f3;color:#fe2c55;border-color:#ffdce3}
.activity-card{height:226px;overflow:hidden;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:0 16px;position:relative}
.activity-card:before,.activity-card:after{content:"";position:absolute;z-index:2;left:0;right:0;height:26px;pointer-events:none}
.activity-card:before{top:0;background:linear-gradient(#fff,rgba(255,255,255,0))}
.activity-card:after{bottom:0;background:linear-gradient(rgba(255,255,255,0),#fff)}
.activity-list{animation:activityScroll 40s linear infinite;will-change:transform}
.activity-list:hover{animation-play-state:paused}
.activity-row{height:72px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #f0f1f2}
.activity-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#1b1c1f,#303238);color:#fff;font-size:11px;font-weight:800}
.activity-row b{display:block;font-size:12px;color:#1b1c1f}
.activity-row small{display:block;margin-top:4px;font-size:9px;color:#969aa1;line-height:1.45}
.activity-row time{font-size:8px;color:#b0b3b8;white-space:nowrap}
.activity-note{font-size:9px;line-height:1.6;color:#a0a4aa;margin:9px 3px 0;text-align:center}
@keyframes activityScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media(max-width:520px){.cash-status-section{padding:0 12px 8px}.cash-status-card{padding:17px 12px 15px}.live-line strong{font-size:19px}.gold-brush{font-size:14px;padding:8px 16px}.cash-proof-grid{gap:6px}.cash-proof-grid>div{padding:10px 5px}.activity-card{height:218px;padding:0 12px}.activity-row{height:70px;grid-template-columns:36px 1fr auto}.activity-avatar{width:32px;height:32px}}