input,select,textarea,button{font-size:16px}html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#172033;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;padding-bottom:82px}.wrap{max-width:620px;margin:auto;padding:14px 15px}.head{display:flex;justify-content:space-between;padding:8px 0 15px}.back{color:#1677ff;text-decoration:none}.card{background:#fff;border-radius:18px;padding:16px;margin:10px 0;box-shadow:0 6px 20px #11100009}.big{font-size:25px;font-weight:600}.muted{font-size:13px;color:#697386;line-height:1.6}.notice{padding:11px;border-radius:10px;margin:8px 0}.err{background:#fff0ef;color:#b42318}.ok{background:#e8f7ee;color:#168346}.pool-viewport{height:320px;max-height:320px;overflow:hidden;border-radius:15px;background:#f7f9fc;padding:9px;border:1px solid #e8edf3;position:relative}.pool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;transition:transform .35s ease}.pool-item{height:66px;min-height:66px;border:1px solid #dfe5eb;border-radius:12px;background:#fff;padding:10px 11px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 2px 8px #11100006}.pool-item:first-child{border:2px solid #20a875;background:#f1fbf7}.pool-dot{width:8px;height:8px;border-radius:50%;background:#aab3bf;margin-bottom:6px}.pool-item:first-child .pool-dot{background:#20a875}.pool-phone{font-size:15px;font-weight:600;line-height:22px;min-height:22px;letter-spacing:.6px;color:#263246;white-space:nowrap;overflow:visible;text-overflow:clip}.pool-label{font-size:10px;line-height:14px;color:#8a94a3;margin-top:2px}.pool-empty{grid-column:1/-1;height:90px;display:flex;align-items:center;justify-content:center;color:#7b8493;font-size:13px}@media(max-width:360px){.pool-viewport{height:300px;max-height:300px}.pool-item{height:62px;min-height:62px;padding:8px 9px}.pool-phone{font-size:13px;line-height:20px;min-height:20px;letter-spacing:.2px}}.btn{width:100%;padding:13px;border:0;border-radius:11px;background:#1677ff;color:#fff;font-weight:600}.wa{background:#20bd69}.lock{background:#fff8e6;color:#805d00;padding:13px;border-radius:12px}.action-card{padding-top:14px}.top-action{margin:10px 0 12px}.primary-get{font-size:18px;min-height:52px;box-shadow:0 7px 18px #1677ff30}.success-card{border:1px solid #ccefd9;background:linear-gradient(180deg,#f1fff6,#fff)}.success-pop{position:fixed;z-index:100;top:calc(10px + env(safe-area-inset-top));left:12px;right:12px;max-width:596px;margin:auto;background:#fff;border:1px solid #ccefd9;border-radius:16px;box-shadow:0 14px 35px #1114;padding:13px 14px;transform:translateY(-140%);opacity:0;transition:transform .28s ease,opacity .28s ease}.success-pop.show{transform:translateY(0);opacity:1}.success-pop-head{display:flex;gap:10px;align-items:flex-start}.success-pop-icon{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#20bd69;color:#fff;font-weight:900}.success-pop-title{font-weight:900;font-size:15px}.success-pop-phone{font-size:18px;font-weight:900;margin-top:2px}.success-pop-meta{font-size:12px;color:#697386;margin-top:3px}.success-pop-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.success-pop-actions a{min-height:44px;display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;font-weight:600;font-size:13px}.success-pop-wa{background:#20bd69;color:#fff}.success-pop-next{background:#edf3ff;color:#1677ff}.success-pop-close{position:absolute;right:9px;top:7px;border:0;background:transparent;color:#7b8493;font-size:20px;padding:3px}@media(max-width:380px){.success-pop-actions{grid-template-columns:1fr}.success-pop{left:9px;right:9px}}.success-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#20bd69;color:#fff;font-size:22px;font-weight:900}.got-phone{font-size:21px;font-weight:900;letter-spacing:.3px;margin:8px 0}.success-actions{display:grid;gap:9px;margin-top:14px}.success-actions .btn{min-height:48px;display:flex;align-items:center;justify-content:center;text-decoration:none}.secondary{background:#edf3ff;color:#1677ff}.bottom{position:fixed;z-index:50;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e6e9ee}.nav{width:min(620px,100%);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 5px calc(8px + env(safe-area-inset-bottom))}.nav a{text-decoration:none;color:#7b8493;text-align:center;font-size:11px;padding:5px}.nav a.active{color:#1677ff;font-weight:600}.ico{font-size:20px;display:block}input,select,textarea,button{font-size:16px!important}input::placeholder,textarea::placeholder{font-size:12px!important;line-height:1.2}@media(max-width:380px){input::placeholder,textarea::placeholder{font-size:11px!important}}
/* bottom-nav-stable-v963 */
.bottom .nav a,
.nav a{
  transform:none!important;
  transition:color .15s ease,background-color .15s ease!important;
  font-weight:600!important;
  padding:5px!important;
  min-height:48px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
.bottom .nav a:active,
.nav a:active{
  transform:none!important;
}
.bottom .nav a.active,
.nav a.active{
  transform:none!important;
  font-weight:600!important;
  color:#1677ff!important;
  background:#f3f7ff!important;
}
.bottom .nav a .ico,
.nav a .ico{
  transform:none!important;
  font-size:20px!important;
  line-height:22px!important;
  width:24px!important;
  height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto 2px!important;
}

.home-hero{background:linear-gradient(145deg,#fff,#f5f9ff);border:1px solid #dbeafe;padding:19px 17px 17px}
.home-kicker{font-size:12px;font-weight:800;color:#1677ff;margin-bottom:7px}
.home-title{font-size:23px;line-height:1.28;font-weight:900;letter-spacing:-.3px;margin:0}
.home-title .money{color:#168346}.home-desc{font-size:14px;line-height:1.65;color:#526071;margin-top:9px}
.home-points{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}
.home-point{background:#fff;border:1px solid #e8edf3;border-radius:12px;padding:10px 6px;text-align:center}
.home-point b{display:block;font-size:12px;color:#263246;margin-top:5px}.home-point span{font-size:20px}
.home-flow{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:13px;font-size:11px;font-weight:800;color:#64748b;white-space:nowrap}
.home-flow i{font-style:normal;color:#b1bac6}.home-start{margin-top:14px;min-height:52px;font-size:17px!important;font-weight:900!important}
.home-note{text-align:center;font-size:11px;color:#7b8493;margin-top:8px;line-height:1.5}
@media(max-width:350px){.home-title{font-size:21px}.home-flow{font-size:10px;gap:3px}.home-points{gap:5px}.home-point{padding:9px 3px}}

/* V9.6.60 first-real-work tutorial */
.tutorial-mask{position:fixed;inset:0;background:rgba(12,20,35,.58);z-index:180;display:none;pointer-events:none}
.tutorial-mask.show{display:block}
.tutorial-focus{position:relative!important;z-index:191!important;box-shadow:0 0 0 5px #fff,0 0 0 9px #1677ff,0 14px 36px rgba(0,0,0,.28)!important;border-radius:12px}
.tutorial-tip{position:fixed;z-index:195;pointer-events:auto;left:16px;right:16px;max-width:560px;margin:auto;background:#fff;border-radius:16px;padding:15px 15px 13px;box-shadow:0 16px 45px #0005;display:none}
.tutorial-tip.show{display:block}
.tutorial-tip-title{font-size:16px;font-weight:900;margin-bottom:5px}.tutorial-tip-text{font-size:13px;color:#526071;line-height:1.6}
.tutorial-tip-actions{display:flex;gap:8px;margin-top:11px}.tutorial-tip-actions button,.tutorial-tip-actions a{flex:1;border:0;border-radius:10px;padding:11px;text-align:center;text-decoration:none;font-weight:800;font-size:13px}
.tutorial-next{background:#1677ff;color:#fff}.tutorial-skip{background:#eef2f7;color:#657083}
.tutorial-arrow{position:fixed;z-index:194;font-size:31px;line-height:1;filter:drop-shadow(0 2px 2px #fff);display:none;animation:tArrow .8s infinite alternate}
.tutorial-arrow.show{display:block}@keyframes tArrow{from{transform:translateY(0)}to{transform:translateY(7px)}}
.tutorial-done{position:fixed;z-index:198;left:16px;right:16px;top:50%;transform:translateY(-50%);max-width:520px;margin:auto;background:#fff;border-radius:20px;padding:21px 17px;text-align:center;box-shadow:0 18px 55px #0006;display:none}
.tutorial-done.show{display:block}.tutorial-done .check{width:52px;height:52px;border-radius:50%;background:#20bd69;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:28px;font-weight:900}
.simple-intro{margin-top:12px}

/* V9.6.61 classic cohesive work home */
body{background:#f2f4f7;color:#1d2939}.wrap{max-width:600px;padding:12px 14px}.head{align-items:center;padding:7px 2px 12px}
.work-shell{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:17px 15px;margin:7px 0 12px;box-shadow:0 2px 8px rgba(16,24,40,.04)}
.work-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.work-eyebrow{font-size:10px;letter-spacing:1.2px;font-weight:800;color:#667085;margin-bottom:5px}
.work-top h1{font-size:21px;line-height:1.3;margin:0;color:#101828}.work-top p{font-size:12px;line-height:1.55;color:#667085;margin:7px 0 0;max-width:330px}
.work-count{flex:0 0 96px;background:#f8fafc;border:1px solid #eaecf0;border-radius:12px;padding:9px 8px;text-align:center}.work-count span,.work-count small{display:block;font-size:10px;color:#667085}.work-count b{display:block;font-size:18px;color:#101828;margin:2px 0}
.get-form{margin:15px 0 14px}.primary-get{background:#1677ff;border-radius:12px;min-height:52px;font-size:17px!important;font-weight:800!important;box-shadow:none}
.primary-get:active{opacity:.78}.pool-head{display:flex;align-items:center;justify-content:space-between;margin:2px 1px 8px}.pool-head b{font-size:13px}.pool-head span{font-size:10px;color:#667085}
.classic-pool{height:290px;max-height:290px;background:#f8fafc;border-color:#eaecf0}.work-safe{text-align:center;font-size:10px;color:#98a2b3;margin-top:8px}
.how-card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:15px;margin:0 0 12px}.how-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.how-title span{font-weight:800;font-size:15px}.how-title b{font-size:10px;color:#1677ff;background:#eff6ff;border-radius:20px;padding:5px 8px}
.how-row{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid #f0f2f5}.how-row:last-child{border-bottom:0;padding-bottom:2px}.how-row i{font-style:normal;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#f2f4f7;color:#344054;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.how-row div{min-width:0}.how-row b{display:block;font-size:13px}.how-row span{display:block;font-size:11px;color:#667085;line-height:1.5;margin-top:2px}
.mini-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}.mini-links a{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:12px;text-decoration:none;color:#1d2939;display:flex;align-items:center;gap:8px}.mini-links a>span{width:28px;height:28px;border-radius:8px;background:#f2f4f7;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.mini-links div{min-width:0;flex:1}.mini-links b,.mini-links small{display:block}.mini-links b{font-size:12px}.mini-links small{font-size:9px;color:#98a2b3;margin-top:2px}.mini-links em{font-style:normal;color:#98a2b3;font-size:20px}
@media(max-width:380px){.work-top h1{font-size:19px}.work-count{flex-basis:88px}.mini-links{grid-template-columns:1fr}.classic-pool{height:275px;max-height:275px}}
/* tutorial welcome */
.tutorial-welcome{position:fixed;z-index:205;pointer-events:auto;left:16px;right:16px;top:50%;transform:translateY(-50%);max-width:500px;margin:auto;background:#fff;border-radius:19px;padding:21px 18px 17px;box-shadow:0 20px 60px rgba(0,0,0,.28);display:none}
.tutorial-welcome.show{display:block}.tutorial-welcome-icon{width:48px;height:48px;border-radius:14px;background:#eff6ff;color:#1677ff;display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:12px}
.tutorial-welcome h2{font-size:20px;margin:0 0 7px}.tutorial-welcome p{font-size:13px;color:#667085;line-height:1.6;margin:0}.tutorial-welcome .tw-points{margin:12px 0 3px;padding:10px 11px;background:#f8fafc;border-radius:11px;font-size:12px;line-height:1.8;color:#475467}
.tutorial-welcome-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px;margin-top:15px}.tutorial-welcome-actions button{border:0;border-radius:11px;min-height:45px;font-weight:800}.tw-later{background:#f2f4f7;color:#475467}.tw-start{background:#1677ff;color:#fff}

/* V9.6.62 real-click tutorial */
.tutorial-focus{pointer-events:auto!important}
#tutorialGetBtn.tutorial-focus,#tutorialWaBtn.tutorial-focus{cursor:pointer!important}
.tutorial-tip .tutorial-next[style*="display: none"]{display:none!important}
.nav{grid-template-columns:repeat(5,1fr)!important;padding:4px 3px calc(4px + env(safe-area-inset-bottom))!important}.nav a{font-size:10px!important;min-height:47px!important;padding:3px!important}.nav a .ico{font-size:17px!important;line-height:19px!important;width:20px!important;height:20px!important;margin-bottom:1px!important}
/* V9.6.65 work page finance-app refresh */
body{background:#f3f5f8;color:#182230}.wrap{padding:12px 14px 24px}.head{align-items:center;padding:4px 1px 12px}
.work-summary{background:#182230;color:#fff;border-radius:18px;padding:17px;margin:6px 0 12px}.work-summary-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.work-summary h1{font-size:21px;line-height:1.3;margin:0}.work-summary p{font-size:11px;line-height:1.6;color:#d0d5dd;margin:7px 0 0}.work-chip{flex:0 0 auto;background:#ffffff12;border:1px solid #ffffff22;border-radius:12px;padding:8px 10px;text-align:center}.acq-status-line{margin:10px 0 8px;padding:10px 11px;border:1px solid #e8ecf2;border-radius:11px;background:#fff}
.acq-status-line.warn{border-color:#fedf89;background:#fffdf5}
.acq-line-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.acq-status-main{display:flex;align-items:center;gap:7px;min-width:0}.acq-status-main b{font-size:11px;color:#344054}
.acq-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 auto}.acq-dot.green{background:#12b76a}.acq-dot.yellow{background:#f79009}.acq-dot.red{background:#f04438}
.acq-status-link{text-decoration:none;font-size:9px;color:#475467;white-space:nowrap}
.acq-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}
.acq-metric-grid a{text-decoration:none;text-align:center;padding:8px 6px;border-radius:9px;background:#f8fafc;border:1px solid #eef2f6}
.acq-metric-grid span{display:block;color:#667085;font-size:8.5px;line-height:1.2}
.acq-metric-grid strong{display:block;margin-top:3px;font-size:16px;color:#101828;line-height:1}
.acq-block-card{margin:10px 0;padding:12px 13px;border:1px solid #fecdca;border-radius:13px;background:#fff}
.acq-block-top{display:flex;gap:8px;align-items:flex-start}.acq-block-top b{display:block;font-size:12px;color:#b42318}.acq-block-top small{display:block;margin-top:3px;font-size:9px;color:#667085;line-height:1.45}
.acq-inline-metrics{display:flex;gap:14px;margin-top:9px;padding-top:8px;border-top:1px solid #f2f4f7}
.work-action:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.15)}
.work-chip small{display:block;font-size:9px;color:#d0d5dd}.work-chip b{display:block;font-size:16px;margin-top:2px}
.work-action{margin-top:15px;background:#fff;color:#182230!important;min-height:50px!important;border-radius:12px!important;font-size:16px!important;font-weight:850!important;box-shadow:none!important}.work-action:active{opacity:.82}
.section-label{font-size:11px;color:#8a94a3;margin:14px 3px 6px}.pool-card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:14px}.pool-head{margin:0 1px 8px}.classic-pool{height:270px;max-height:270px;background:#f8fafc;border-color:#eaecf0}.pool-item{box-shadow:none}.work-safe{margin-top:8px}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-item{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:12px 8px;text-decoration:none;color:#182230;text-align:center}.quick-item span{width:32px;height:32px;border-radius:10px;background:#f2f4f7;display:flex;align-items:center;justify-content:center;margin:auto;font-size:15px}.quick-item b{display:block;font-size:11px;margin-top:7px}.quick-item small{display:block;font-size:9px;color:#98a2b3;margin-top:2px;line-height:1.35}
.how-card{box-shadow:none!important;border:1px solid #e4e7ec!important}.how-title b{background:#eef4ff;color:#175cd3}
.head{position:relative}.head-actions{display:flex;align-items:center;gap:7px;position:relative}.checkin-head{height:36px;padding:0 10px;border-radius:18px;background:#fff;border:1px solid #e4e7ec;color:#344054;text-decoration:none;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:850;white-space:nowrap}.checkin-head.done{color:#067647;background:#f6fef9}.bell-btn{width:36px;height:36px;border:1px solid #e4e7ec;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;font-size:16px;padding:0}.bell-badge{position:absolute;right:-2px;top:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ef4444;color:#fff;border:2px solid #f3f5f8;font-size:8px;font-weight:850;display:flex;align-items:center;justify-content:center}.notify-pop{display:none;position:absolute;z-index:80;right:0;top:48px;width:min(330px,calc(100vw - 28px));background:#fff;border:1px solid #e4e7ec;border-radius:16px;box-shadow:0 14px 38px rgba(16,24,40,.15);overflow:hidden}.notify-pop.show{display:block}.notify-head{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-bottom:1px solid #eef0f3}.notify-head b{font-size:14px}.notify-head span{font-size:9px;color:#98a2b3}.notify-item{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:#182230;border-bottom:1px solid #f0f2f5}.notify-item:last-child{border-bottom:0}.notify-icon{width:34px;height:34px;border-radius:10px;background:#f2f4f7;display:flex;align-items:center;justify-content:center}.notify-copy{flex:1}.notify-copy b{display:block;font-size:12px}.notify-copy small{display:block;font-size:9px;color:#98a2b3;margin-top:3px}.notify-num{font-size:11px;font-weight:850;color:#175cd3}.notify-empty{padding:24px 14px;text-align:center;color:#98a2b3;font-size:11px}
/* V9.6.71 finance-app popup on work page */
.maint-popup{position:fixed;inset:0;z-index:9999;background:rgba(16,24,40,.68);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:16px}.maint-popup.show{display:flex}.maint-popup-card{position:relative;width:min(400px,100%);max-height:88dvh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(16,24,40,.28);border:1px solid rgba(255,255,255,.6)}.maint-popup-card:before{content:"NOTICE";display:block;background:#182230;color:#98a2b3;font-size:9px;letter-spacing:1.2px;font-weight:850;padding:15px 16px 8px}.maint-popup-close{position:absolute;right:11px;top:10px;width:32px;height:32px;border:0;border-radius:50%;background:#ffffff14;color:#fff;font-size:20px;z-index:2}.maint-popup-img{width:calc(100% - 24px);margin:4px 12px 0;max-height:220px;object-fit:cover;border-radius:12px}.maint-popup-title{background:#182230;color:#fff;font-size:19px;font-weight:900;line-height:1.35;padding:0 48px 15px 16px}.maint-popup-text{white-space:pre-wrap;font-size:12px;line-height:1.65;color:#667085;padding:15px 16px 13px}.maint-popup-main{width:calc(100% - 32px);margin:0 16px 16px;border:0;border-radius:11px;min-height:46px;background:#182230;color:#fff;font-size:13px;font-weight:850}body.maint-popup-open{overflow:hidden!important}

/* V9.6.73 tutorial step-2 stacking fix */
.success-pop{z-index:193!important}
.success-pop .tutorial-focus{z-index:196!important;position:relative!important;box-shadow:0 0 0 4px #fff,0 0 0 8px #1677ff,0 10px 28px rgba(22,119,255,.28)!important;animation:waFocusPulse .85s infinite alternate}
@keyframes waFocusPulse{from{box-shadow:0 0 0 4px #fff,0 0 0 8px #1677ff,0 10px 28px rgba(22,119,255,.22)}to{box-shadow:0 0 0 4px #fff,0 0 0 11px rgba(22,119,255,.55),0 12px 32px rgba(22,119,255,.35)}}
.tutorial-welcome-icon.login-ok{background:#ecfdf3;color:#067647;font-size:23px}
.tutorial-welcome .welcome-status{font-size:9px;letter-spacing:1px;color:#98a2b3;font-weight:850;margin-bottom:5px}

/* V9.6.84 newbie first valid WhatsApp reward */
.newbie-reward-card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:14px;margin-bottom:12px}.newbie-reward-card.completed{border-color:#abefc6;background:#f6fef9}.newbie-reward-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.newbie-reward-head small,.newbie-reward-head b{display:block}.newbie-reward-head small{font-size:8px;letter-spacing:.9px;color:#98a2b3}.newbie-reward-head b{font-size:14px;margin-top:3px}.newbie-reward-head>span{font-size:15px;font-weight:900;color:#067647;white-space:nowrap}.newbie-reward-card p{font-size:10px;line-height:1.6;color:#667085;margin:10px 0}.newbie-target{display:flex;justify-content:space-between;gap:10px;background:#f8fafc;border-radius:10px;padding:9px 10px;margin-bottom:8px}.newbie-target span{font-size:9px;color:#98a2b3}.newbie-target b{font-size:12px}.newbie-wa{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;background:#20bd69;color:#fff;text-decoration:none;font-size:12px;font-weight:850}.newbie-state{text-align:center;font-size:9px;color:#98a2b3;margin-top:7px}

.finance-opportunity{background:linear-gradient(180deg,#fff,#fbfcfe);border:1px solid #e8edf3;border-radius:18px;padding:14px;margin:10px 0;box-shadow:0 7px 20px rgba(16,24,40,.05)}
.finance-op-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.finance-op-eyebrow{font-size:12px;font-weight:900;color:#344054}.finance-op-rule{font-size:9px;color:#667085;text-decoration:none;font-weight:800}
.finance-op-card{border:1px solid #eef1f4;border-radius:14px;padding:13px;background:#fff}.finance-op-title{font-size:11px;font-weight:850;color:#475467;margin-bottom:6px}.finance-op-main{font-size:18px;line-height:1.3;font-weight:950;color:#101828}.finance-op-sub{font-size:10px;line-height:1.55;color:#667085;margin-top:6px}
.finance-op-progress{height:6px;background:#eef2f6;border-radius:999px;overflow:hidden;margin-top:10px}.finance-op-progress span{display:block;height:100%;background:#1677ff;border-radius:999px}.finance-op-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:10px}.finance-op-label{font-size:9px;color:#98a2b3}.finance-op-amount{font-size:21px;font-weight:950;color:#168346}.finance-op-action{display:inline-flex;min-height:36px;align-items:center;padding:0 12px;border-radius:10px;background:#1677ff;color:#fff;text-decoration:none;font-size:11px;font-weight:900}

/* V9.8.37 integrated finance-style opportunity card */
.finance-opportunity{background:#fff!important;border:1px solid #e7ebf0!important;border-radius:14px!important;padding:14px 15px!important;margin:10px 0 12px!important;box-shadow:0 2px 8px rgba(16,24,40,.035)!important}
.finance-op-head{margin-bottom:12px!important}
.finance-op-eyebrow{font-size:12px!important;font-weight:800!important;color:#344054!important}
.finance-op-rule{font-size:10px!important;color:#98a2b3!important;font-weight:650!important}
.finance-op-card{border:0!important;border-radius:0!important;padding:0!important;background:transparent!important}
.finance-op-title{font-size:11px!important;font-weight:750!important;color:#667085!important;margin-bottom:7px!important}
.finance-op-main{font-size:19px!important;line-height:1.3!important;font-weight:900!important;color:#101828!important;letter-spacing:-.2px!important}
.finance-op-sub{font-size:11px!important;line-height:1.55!important;color:#667085!important;margin-top:7px!important}
.finance-op-progress{height:5px!important;background:#edf1f5!important;margin-top:11px!important}
.finance-op-meta{display:flex!important;justify-content:flex-start!important;align-items:flex-end!important;margin-top:11px!important;padding-top:10px!important;border-top:1px solid #f2f4f7!important}
.finance-op-label{font-size:9px!important;color:#98a2b3!important}
.finance-op-amount{font-size:22px!important;font-weight:900!important;color:#168346!important;letter-spacing:-.25px!important}

.reward-tutorial-overlay{position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.42);display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;pointer-events:none;transition:.22s ease}
.reward-tutorial-overlay.show{opacity:1;pointer-events:auto}
.reward-tutorial-modal{width:min(430px,100%);background:#fff;border-radius:20px;border:1px solid #e7ebf0;box-shadow:0 24px 70px rgba(15,23,42,.24);padding:18px}
.reward-tutorial-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.reward-tutorial-kicker{font-size:11px;color:#667085;font-weight:750;margin-bottom:5px}
.reward-tutorial-title{font-size:20px;line-height:1.25;font-weight:950;color:#101828}
.reward-tutorial-close{border:0;background:#f2f4f7;width:30px;height:30px;border-radius:50%;font-size:17px;color:#667085}
.reward-tutorial-sub{font-size:11px;line-height:1.6;color:#667085;margin-top:8px}
.reward-tier-group{margin-top:14px}
.reward-tier-slide{display:none;grid-template-columns:repeat(3,1fr);gap:8px}
.reward-tier-slide.active{display:grid}
.reward-tier{border:1px solid #edf0f3;border-radius:13px;background:#fafbfc;padding:11px 8px;text-align:center}
.reward-tier .deposit{font-size:10px;color:#667085}.reward-tier .bonus{font-size:15px;font-weight:950;color:#168346;margin-top:5px}
.reward-tier-dots{display:flex;justify-content:center;gap:5px;margin-top:10px}
.reward-tier-dot{width:6px;height:6px;border-radius:50%;background:#d0d5dd}.reward-tier-dot.active{background:#1677ff}
.reward-tutorial-note{margin-top:12px;padding:10px 11px;border-radius:11px;background:#f8fafc;color:#475467;font-size:10px;line-height:1.55}
.reward-tutorial-ok{width:100%;border:0;border-radius:11px;background:#1677ff;color:#fff;font-weight:900;font-size:13px;padding:12px;margin-top:13px;box-shadow:0 6px 16px rgba(22,119,255,.18)}

/* V9.8.39 compact finance opportunity */
.finance-opportunity{background:#fff!important;border:0!important;border-radius:14px!important;padding:0!important;margin:10px 0 12px!important;box-shadow:none!important}
.finance-op-head{margin:0 2px 7px!important;padding:0!important}
.finance-op-eyebrow{font-size:11px!important;font-weight:800!important;color:#667085!important}
.finance-op-rule{font-size:9px!important;color:#98a2b3!important;font-weight:650!important}
.finance-op-card{background:#fff!important;border:1px solid #e8edf3!important;border-radius:14px!important;padding:12px 13px!important;box-shadow:0 2px 7px rgba(16,24,40,.025)!important}
.finance-op-title{font-size:10px!important;color:#98a2b3!important;font-weight:750!important;margin-bottom:4px!important}
.finance-op-main{font-size:15px!important;line-height:1.35!important;font-weight:900!important;color:#101828!important;letter-spacing:0!important}
.finance-op-sub{font-size:10px!important;line-height:1.5!important;color:#667085!important;margin-top:5px!important}
.finance-op-progress{height:4px!important;background:#edf1f5!important;margin-top:9px!important}
.finance-op-meta{margin-top:9px!important;padding-top:8px!important;border-top:1px solid #f2f4f7!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.finance-op-label{font-size:9px!important;color:#98a2b3!important}
.finance-op-amount{font-size:18px!important;font-weight:900!important;color:#168346!important;letter-spacing:0!important}
.finance-op-action{display:none!important}

.reward-learn-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #e8edf3;border-radius:12px;padding:10px 11px;margin:10px 0 0;box-shadow:0 2px 7px rgba(16,24,40,.02)}
.reward-learn-strip .copy{min-width:0}.reward-learn-strip b{display:block;font-size:11px;color:#344054}.reward-learn-strip small{display:block;font-size:9px;line-height:1.45;color:#98a2b3;margin-top:2px}
.reward-learn-strip button{border:0;background:transparent;color:#1677ff;font-size:10px;font-weight:850;white-space:nowrap;padding:4px}
.reward-sheet{display:none;position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.34);align-items:flex-end;justify-content:center}
.reward-sheet.show{display:flex}.reward-sheet-box{width:min(620px,100%);background:#fff;border-radius:20px 20px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -16px 50px rgba(15,23,42,.16)}
.reward-sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.reward-sheet-title{font-size:17px;font-weight:950;color:#101828}.reward-sheet-sub{font-size:10px;line-height:1.55;color:#667085;margin-top:5px}
.reward-sheet-close{width:30px;height:30px;border:0;border-radius:50%;background:#f2f4f7;color:#667085;font-size:17px}
.reward-sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.reward-sheet-tier{background:#f8fafc;border:1px solid #edf0f3;border-radius:12px;padding:10px 7px;text-align:center}
.reward-sheet-tier small{display:block;font-size:9px;color:#667085}.reward-sheet-tier b{display:block;font-size:14px;color:#168346;margin-top:4px}

/* V9.8.40 今日机会：宽矮金融信息条 */
.finance-opportunity{margin:8px 0 10px!important}
.finance-op-head{margin:0 2px 5px!important}
.finance-op-card{min-height:0!important;padding:9px 12px!important;border-radius:12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"title amount" "main amount" "progress amount" "sub amount"!important;column-gap:12px!important;align-items:center!important}
.finance-op-title{grid-area:title!important;font-size:9px!important;margin:0 0 2px!important;line-height:1.25!important}
.finance-op-main{grid-area:main!important;font-size:14px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.finance-op-progress{grid-area:progress!important;margin:6px 0 0!important;height:3px!important;max-width:240px!important}
.finance-op-sub{grid-area:sub!important;margin:4px 0 0!important;font-size:9px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.finance-op-meta{grid-area:amount!important;margin:0!important;padding:0 0 0 11px!important;border:0!important;border-left:1px solid #f0f2f5!important;display:block!important;min-width:82px!important;text-align:right!important}
.finance-op-label{font-size:8px!important;line-height:1.2!important}
.finance-op-amount{font-size:17px!important;line-height:1.25!important;margin-top:2px!important}
@media(max-width:380px){
 .finance-op-card{padding:8px 10px!important;column-gap:8px!important}
 .finance-op-main{font-size:13px!important}
 .finance-op-meta{min-width:72px!important;padding-left:8px!important}
 .finance-op-amount{font-size:15px!important}
}

.first3-reward-strip{padding:9px 11px!important;border-radius:12px!important;margin-top:8px!important;box-shadow:0 2px 7px rgba(16,24,40,.025)!important}.first3-reward-strip b{font-size:11px!important}.first3-reward-strip small{font-size:9px!important}
.bell-reward-popup{position:fixed;z-index:9997;top:calc(54px + env(safe-area-inset-top));right:12px;width:min(330px,calc(100vw - 24px));background:#fff;border:1px solid #e7ebf0;border-radius:14px;padding:11px 12px;box-shadow:0 14px 36px rgba(16,24,40,.14);opacity:0;transform:translateY(-8px);pointer-events:none;transition:.22s ease}.bell-reward-popup.show{opacity:1;transform:translateY(0);pointer-events:auto}.bell-reward-top{display:flex;gap:9px;align-items:flex-start}.bell-reward-badge{width:30px;height:30px;border-radius:9px;background:#f2f7ff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.bell-reward-content{min-width:0;flex:1}.bell-reward-content b{display:block;font-size:11px;color:#344054}.bell-reward-content span{display:block;font-size:9px;line-height:1.45;color:#667085;margin-top:3px}.bell-reward-top button{border:0;background:transparent;color:#98a2b3;font-size:17px;padding:0}.bell-reward-popup>a{display:inline-block;margin:7px 0 0 39px;font-size:9px;color:#1677ff;font-weight:800;text-decoration:none}

.success-reward-tip{margin-top:9px;padding-top:9px;border-top:1px solid #e8f0ec;display:flex;align-items:center;gap:8px;cursor:pointer}
.success-reward-gift{width:27px;height:27px;border-radius:8px;background:#f6faf8;display:flex;align-items:center;justify-content:center;font-size:14px;flex:0 0 auto}
.success-reward-text{min-width:0;flex:1}.success-reward-text b{display:block;font-size:10px;color:#344054;line-height:1.3}.success-reward-text small{display:block;font-size:8.5px;color:#98a2b3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.success-reward-more{font-size:8.5px;color:#1677ff;font-weight:800;white-space:nowrap}

.notify-opportunity{margin:10px 10px 8px;padding:10px 11px;border:1px solid #e8edf3;border-radius:12px;background:#fbfcfe}
.notify-opportunity-head{display:flex;align-items:center;gap:6px}.notify-opportunity-head b{font-size:11px;color:#344054}.notify-opportunity-msg{font-size:11px;font-weight:850;color:#101828;margin-top:6px}.notify-opportunity-sub{font-size:9px;line-height:1.45;color:#667085;margin-top:3px}.notify-opportunity-sub strong{color:#168346;font-size:11px}.notify-opportunity a{display:inline-block;margin-top:6px;font-size:9px;color:#1677ff;font-weight:800;text-decoration:none}

.next-reward-target{margin:7px 0 0}.next-reward-target a{display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 9px;background:#f8fafc;border:1px solid #edf0f3;border-radius:10px;text-decoration:none}.next-reward-target .ico{font-size:12px}.next-reward-target .copy{min-width:0;flex:1}.next-reward-target small{display:block;font-size:8px;color:#98a2b3}.next-reward-target b{display:block;font-size:10px;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.next-reward-target .money{font-size:12px;font-weight:900;color:#168346;white-space:nowrap}.next-reward-target .arr{font-size:11px;color:#98a2b3}

