*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:#eef1fb;color:#1f2937;font-size:14px;-webkit-font-smoothing:antialiased}#root{height:100%}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;border:none;background:none;cursor:pointer}input,textarea,select{font-family:inherit;font-size:14px;outline:none}.page{position:relative;min-height:100vh;padding-bottom:92px;overflow-x:hidden;background:radial-gradient(1100px 520px at 88% -8%,rgba(255,215,0,.2),transparent 60%),radial-gradient(900px 480px at -10% 12%,rgba(0,87,183,.22),transparent 62%),radial-gradient(760px 420px at 50% 108%,rgba(56,189,248,.16),transparent 60%),linear-gradient(180deg,#f7f8ff,#eef1fb 55%,#e9edfa)}.page:before,.page:after{content:"";position:fixed;border-radius:50%;filter:blur(60px);z-index:0;pointer-events:none;opacity:.55}.page:before{width:280px;height:280px;top:-70px;right:-80px;background:radial-gradient(circle at 30% 30%,#38BDF8,#1E7FD8 60%,transparent 70%);animation:floatA 16s ease-in-out infinite}.page:after{width:240px;height:240px;bottom:60px;left:-90px;background:radial-gradient(circle at 60% 40%,#FDE68A,#60A5FA 60%,transparent 70%);animation:floatB 20s ease-in-out infinite}.page>*{position:relative;z-index:1}@keyframes floatA{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-18px,26px,0) scale(1.08)}}@keyframes floatB{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(22px,-20px,0) scale(1.1)}}.page-header{position:sticky;top:0;z-index:10;padding:16px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(120deg,#0057b7,#0b4f9e 42%,gold);background-size:200% 200%;animation:gradShift 12s ease infinite;border-radius:0 0 22px 22px;box-shadow:0 12px 28px -14px #0057b7bf}.page-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff38,#fff0 60%)}.page-header h1{font-size:18px;font-weight:700;letter-spacing:.3px}.page-body{padding:14px 14px 4px}@keyframes gradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.bottom-nav{position:fixed;left:12px;right:12px;z-index:100;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;gap:4px;padding:8px 10px;border-radius:22px;background:#ffffffc7;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.85);box-shadow:0 14px 40px -14px #062a5473,0 2px 8px #0f172a0f}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 0 5px;border-radius:16px;color:#8b93a7;font-size:11px;font-weight:600;transition:transform .18s ease,color .18s ease,background .25s ease}.bottom-nav a .icon{font-size:19px;line-height:1;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.bottom-nav a.active{color:#fff;background:linear-gradient(135deg,#1e7fd8,#38bdf8 55%,gold);box-shadow:0 8px 18px -8px #0b4f9ed9}.bottom-nav a.active .icon{transform:translateY(-1px) scale(1.12)}.bottom-nav a:active{transform:scale(.94)}.card{position:relative;background:#ffffffdb;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:15px;margin-bottom:12px;box-shadow:0 18px 40px -22px #0057b773,0 2px 10px #0f172a0d;animation:fadeUp .38s cubic-bezier(.22,.9,.32,1) both}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(0,87,183,.1),rgba(255,215,0,.06) 45%,transparent 70%)}.card-title{font-size:15px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:6px}.card-title:before{content:"";width:4px;height:14px;border-radius:3px;background:linear-gradient(180deg,#1e7fd8,gold)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.stat-card{position:relative;overflow:hidden;background:#ffffffe6;border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:14px 8px;text-align:center;box-shadow:0 14px 30px -20px #0057b780}.stat-card:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#1e7fd8,gold,gold)}.stat-card .num{font-size:21px;font-weight:800;background:linear-gradient(135deg,#0057b7,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-card .label{font-size:12px;color:#6b7280;margin-top:4px}.task-card{display:flex;gap:12px;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .25s ease}.task-card:active{transform:scale(.985)}.task-card .thumb{width:70px;height:70px;border-radius:14px;object-fit:cover;flex-shrink:0;background:linear-gradient(135deg,#eaf2ff,#fff7db);box-shadow:0 6px 16px -8px #0057b7a6,inset 0 0 0 1px #fffc}.task-card .info{flex:1;min-width:0}.task-card .title{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card .meta{font-size:12px;color:#6b7280;margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}.task-card .reward{font-size:18px;font-weight:800;background:linear-gradient(135deg,#f43f5e,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.task-card .reward small{font-size:12px}.tag{display:inline-block;font-size:11px;padding:3px 8px;border-radius:999px;font-weight:600;background:linear-gradient(135deg,#0057b724,#ffd70024);color:#0b3e7a;border:1px solid rgba(30,127,216,.22)}.btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(120deg,#1e7fd8,#38bdf8 45%,gold);background-size:180% 180%;color:#fff;border-radius:14px;padding:12px 0;font-size:15px;font-weight:700;width:100%;box-shadow:0 14px 28px -14px #0b4f9ed9;transition:transform .16s ease,box-shadow .25s ease,filter .2s ease}.btn:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-18deg);animation:shine 3.2s ease-in-out infinite;z-index:-1}.btn:active{transform:scale(.975);box-shadow:0 8px 18px -12px #0b4f9ee6}.btn:disabled{opacity:.55;box-shadow:none}.btn-outline{background:#ffffffe6;color:#0057b7;border:1.5px solid rgba(0,87,183,.55);box-shadow:0 10px 24px -18px #0057b7cc}.btn-outline:after{display:none}.btn-danger{background:linear-gradient(120deg,#f43f5e,#fb7185);box-shadow:0 14px 28px -16px #f43f5ee6}.btn-sm{width:auto;padding:8px 16px;font-size:13px;border-radius:12px}@keyframes shine{0%{left:-60%}55%,to{left:130%}}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:#6b7280;margin-bottom:6px;font-weight:600}.field input,.field textarea,.field select{width:100%;border:1.5px solid #e5e7eb;border-radius:14px;padding:12px 13px;background:#fffffff0;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.field input:focus,.field textarea:focus,.field select:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #1e7fd829}.field textarea{resize:vertical;min-height:80px}.status-0{color:#f59e0b}.status-1{color:#3b82f6}.status-2{color:#10b981}.status-3{color:#ef4444}.status-4{color:#f59e0b}.empty{text-align:center;color:#9ca3af;padding:44px 0;font-size:13px;background:radial-gradient(closest-side,rgba(0,87,183,.07),transparent);border-radius:16px}.loading{text-align:center;color:#8b93a7;padding:34px 0;font-size:13px;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.auth-page{position:relative;overflow:hidden;min-height:100vh;padding:58px 26px 40px;display:flex;flex-direction:column;background:radial-gradient(760px 420px at 15% 0%,rgba(0,87,183,.55),transparent 60%),radial-gradient(720px 420px at 95% 18%,rgba(255,215,0,.42),transparent 60%),radial-gradient(620px 380px at 50% 110%,rgba(56,189,248,.3),transparent 62%),linear-gradient(165deg,#062a54,#0b3e7a 42%,#0a3d66)}.auth-page:before{content:"";position:absolute;width:320px;height:320px;right:-110px;top:90px;border-radius:50%;filter:blur(70px);opacity:.5;background:radial-gradient(circle at 40% 40%,#FFD700,transparent 65%);animation:floatA 18s ease-in-out infinite}.auth-page>*{position:relative;z-index:1}.auth-logo{color:#fff;margin-bottom:32px}.auth-logo h1{font-size:30px;font-weight:800;letter-spacing:.5px;background:linear-gradient(120deg,#fff,#bfdbfe 45%,#fde68a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 24px rgba(96,165,250,.45)}.auth-logo p{font-size:13px;opacity:.82;margin-top:8px}.auth-box{background:#fffffff0;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.7);border-radius:22px;padding:24px 20px;box-shadow:0 30px 70px -30px #020617d9,0 0 0 1px #1e7fd826 inset;animation:fadeUp .45s cubic-bezier(.22,.9,.32,1) both}.auth-box .title{font-size:18px;font-weight:800;margin-bottom:18px}.auth-link{text-align:center;margin-top:14px;font-size:13px;color:#cbd5e1}.auth-link a{color:#93c5fd;font-weight:700}.auth-tip{color:#bfdbfe;text-align:center;margin-top:20px;font-size:12px;opacity:.8}.detail-banner{position:relative;overflow:hidden;color:#fff;padding:22px 16px;border-radius:0 0 24px 24px;background:linear-gradient(120deg,#0057b7,#0b4f9e 45%,gold);background-size:200% 200%;animation:gradShift 12s ease infinite;box-shadow:0 16px 36px -18px #0057b7cc}.detail-banner:after{content:"";position:absolute;width:220px;height:220px;right:-70px;top:-80px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.32),transparent 65%)}.detail-banner .reward{font-size:30px;font-weight:900;margin-top:8px}.detail-banner .reward small{font-size:14px;font-weight:400}.detail-section{margin-bottom:12px}.detail-section h3{font-size:15px;font-weight:700;margin-bottom:8px}.steps-list{padding-left:18px}.steps-list li{margin-bottom:6px;line-height:1.6}.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.upload-item{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#f3f4f6;box-shadow:0 10px 24px -16px #0f172a99;animation:fadeUp .3s ease both}.upload-item img{width:100%;height:100%;object-fit:cover}.upload-item .del{position:absolute;top:5px;right:5px;width:22px;height:22px;background:#0f172a9e;color:#fff;border-radius:50%;font-size:12px;line-height:22px;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.upload-add{aspect-ratio:1;border-radius:14px;color:#1e7fd8;font-size:12px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1.5px dashed rgba(30,127,216,.55);background:linear-gradient(135deg,#0057b714,#ffd70014);transition:transform .18s ease,box-shadow .22s ease}.upload-add:active{transform:scale(.97)}.upload-add .plus{font-size:26px}.record-item{display:flex;align-items:center;justify-content:space-between}.record-item .t{font-size:14px;font-weight:700}.record-item .s{font-size:12px;color:#6b7280;margin-top:4px}.record-item .r{font-size:15px;font-weight:800}.wallet-hero{position:relative;overflow:hidden;border-radius:22px;color:#fff;padding:24px 18px;margin-bottom:14px;background:linear-gradient(125deg,#0057b7,#0b4f9e 40%,gold);background-size:200% 200%;animation:gradShift 14s ease infinite;box-shadow:0 26px 54px -26px #0b4f9ef2}.wallet-hero:before{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-110px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.35),transparent 62%);animation:floatA 16s ease-in-out infinite}.wallet-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 20%,rgba(255,255,255,.18) 45%,transparent 70%);transform:translate(-100%);animation:sweep 4.5s ease-in-out infinite}@keyframes sweep{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.wallet-hero>*{position:relative;z-index:1}.wallet-hero .label{font-size:13px;opacity:.88}.wallet-hero .amount{font-size:34px;font-weight:900;margin-top:6px;letter-spacing:.5px;text-shadow:0 8px 26px rgba(2,6,23,.35)}.wallet-hero .sub{display:flex;gap:22px;margin-top:18px;font-size:12px}.wallet-hero .sub div{flex:1;opacity:.95}.tx-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(148,163,184,.18)}.tx-row:last-child{border-bottom:none}.tx-row .plus{color:#10b981;font-weight:800}.tx-row .minus{color:#ef4444;font-weight:800}.me-avatar{width:58px;height:58px;border-radius:20px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;background:linear-gradient(135deg,#1e7fd8,#2196f3 55%,gold);box-shadow:0 16px 30px -16px #2196f3f2}.me-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(148,163,184,.18);font-size:14px}.me-row:last-child{border-bottom:none}.me-row .arrow{color:#d1d5db}.toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#111827db;color:#fff;padding:13px 22px;border-radius:14px;font-size:14px;z-index:999;max-width:80%;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 44px -20px #020617e6;animation:fadeIn .22s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.seg{display:flex;gap:8px;overflow-x:auto;padding:10px 0;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg button{flex-shrink:0;padding:7px 15px;border-radius:999px;font-size:13px;font-weight:600;background:#ffffffe6;color:#6b7280;border:1px solid rgba(148,163,184,.28);transition:transform .16s ease,box-shadow .22s ease,color .2s ease}.seg button:active{transform:scale(.95)}.seg button.active{color:#fff;border-color:transparent;background:linear-gradient(120deg,#1e7fd8,#2196f3 55%,gold);box-shadow:0 10px 22px -12px #0b4f9ef2}.marquee-wrap{overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:inline-flex;align-items:center;animation:marquee 22s linear infinite;will-change:transform}.marquee-wrap:hover .marquee-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{display:inline-flex;align-items:center;gap:8px;padding:0 22px;flex-shrink:0}.flex-between{display:flex;align-items:center;justify-content:space-between}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.muted{color:#6b7280}.danger{color:#ef4444}.success{color:#10b981}.primary{color:#0057b7}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.lang-fab{position:fixed;z-index:120;top:calc(14px + env(safe-area-inset-top));right:12px;display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.4px;color:#0057b7;background:#ffffffe6;border:1px solid rgba(0,87,183,.28);box-shadow:0 10px 22px -12px #062a548c;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);transition:transform .16s ease}.lang-fab:active{transform:scale(.94)}.lang-fab-globe{font-size:13px;line-height:1}.lang-fab.dark{color:#dbeafe;background:#1e1b4b99;border-color:#a5b4fc66;box-shadow:0 10px 22px -14px #020617e6}.lang-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:22px;background:#0f172a73;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fadeIn .16s ease}.lang-panel{width:100%;max-width:320px;background:#fff;border-radius:18px;padding:8px;box-shadow:0 30px 70px -30px #020617d9;animation:fadeUp .22s cubic-bezier(.22,.9,.32,1) both}.lang-panel-h{font-size:12px;font-weight:700;color:#6b7280;padding:10px 12px 6px}.lang-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px;border-radius:12px;font-size:15px;font-weight:600;color:#1f2937;text-align:left;transition:background .18s ease,color .18s ease}.lang-opt:active{transform:scale(.99)}.lang-opt.active{color:#0057b7;background:linear-gradient(120deg,#0057b724,#ffd70024)}.lang-opt-label{overflow-wrap:anywhere}.lang-opt-tick{color:#0057b7;font-weight:800}.lang-opt-reset{font-size:13px;color:#6b7280}.lang-row{cursor:pointer}.lang-cur{overflow-wrap:anywhere;text-align:right;margin-left:8px}html{-webkit-text-size-adjust:100%}.page-header{padding-right:84px}.page-header.header-home{padding:10px 84px 10px 16px}.page-header h1{font-size:clamp(15px,4.6vw,18px);overflow-wrap:anywhere}.card-title{font-size:clamp(13.5px,4vw,15px);overflow-wrap:anywhere}.detail-banner{padding-right:84px}.detail-banner .reward{font-size:clamp(23px,7.4vw,30px)}.wallet-hero .amount{font-size:clamp(24px,8vw,34px);overflow-wrap:anywhere}.wallet-hero .sub{gap:12px;flex-wrap:wrap}.wallet-hero .sub div{min-width:72px;overflow-wrap:anywhere}.auth-logo h1{font-size:clamp(23px,7.4vw,30px);overflow-wrap:anywhere}.auth-box .title{font-size:clamp(16px,4.8vw,18px)}.auth-page{padding:52px 20px 36px}.btn{padding-left:12px;padding-right:12px;line-height:1.25;white-space:normal;text-align:center;overflow-wrap:anywhere}.btn-chat-send{width:72px;flex-shrink:0;border-radius:20px;padding:9px 0;font-size:14px}.btn-sm{white-space:nowrap}.task-card .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:1.3;overflow-wrap:anywhere}.task-card .meta,.task-card .reward{overflow-wrap:anywhere}.tx-row,.record-item{gap:10px}.tx-row>div:first-child,.record-item>div:first-child{flex:1;min-width:0;overflow-wrap:anywhere}.tx-row>div:last-child,.record-item>div:last-child{flex-shrink:0;margin-left:8px}.me-head{display:flex;align-items:center;gap:14px}.me-head-info{flex:1;min-width:0}.me-row{gap:8px;flex-wrap:wrap;overflow-wrap:anywhere}.me-row>span:first-child{flex-shrink:0}.me-val{text-align:right;overflow-wrap:anywhere}.stat-card .num{overflow-wrap:anywhere}.stat-card .label{font-size:11px;line-height:1.25;overflow-wrap:anywhere}.seg button{white-space:nowrap}.bottom-nav a .lb{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:1.15}.bottom-nav a{padding-left:2px;padding-right:2px}.field label,.empty,.loading,.toast{overflow-wrap:anywhere}.upload-add{overflow-wrap:anywhere;padding:4px}.steps-list li,.card div{overflow-wrap:anywhere}@media (max-width: 380px){.page-body{padding:12px 10px 4px}.page-header{padding:14px 80px 14px 12px}.page-header.header-home{padding-right:78px}.auth-page{padding:46px 16px 32px}.auth-box{padding:20px 15px}.stat-card{padding:10px 5px}.stat-card .num{font-size:15px}.wallet-hero{padding:20px 14px}.wallet-hero .sub div{font-size:11px}.lang-fab{height:32px;padding:0 10px;font-size:11px}.bottom-nav{left:8px;right:8px;padding:7px 8px}.bottom-nav a .lb{font-size:10px}.detail-banner{padding:18px 78px 18px 12px}}.aura{position:fixed;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:0;pointer-events:none;background:radial-gradient(38% 30% at 16% 10%,rgba(0,87,183,.55),transparent 70%),radial-gradient(34% 26% at 84% 6%,rgba(255,215,0,.48),transparent 70%),radial-gradient(42% 34% at 72% 94%,rgba(56,189,248,.4),transparent 72%),radial-gradient(32% 26% at 8% 86%,rgba(253,224,71,.36),transparent 72%);filter:blur(24px) saturate(145%);animation:auraDrift 26s ease-in-out infinite alternate}.aura:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:conic-gradient(from 0deg,#0057b700,#2196f352,#38bdf82e,#fde0474d,#0057b700);filter:blur(70px);opacity:.7;animation:auraSpin 48s linear infinite}.aura:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes auraDrift{0%{transform:translate3d(-2%,-1%,0) scale(1.03)}50%{transform:translate3d(2%,2%,0) scale(1.07)}to{transform:translate3d(-1%,1%,0) scale(1.04)}}@keyframes auraSpin{to{transform:rotate(360deg)}}.page-body,.detail-banner,.wallet-hero{animation:fadeUp .4s cubic-bezier(.22,.9,.32,1) both}.task-live{position:relative;border:2px solid transparent!important;background:linear-gradient(180deg,#eef2fff5,#fffffffa 62%) padding-box,linear-gradient(115deg,#1e7fd8,#2196f3 25%,gold,#fbbf24,#1e7fd8) border-box!important;background-size:auto,320% 320%!important;animation:holoFlow 7s linear infinite,cardPop .45s cubic-bezier(.22,.9,.32,1) both;box-shadow:0 22px 50px -26px #0b4f9ed9,0 0 0 1px #fff9 inset!important}@keyframes holoFlow{to{background-position:0 0,320% 50%}}@keyframes cardPop{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}.task-card{animation:fadeUp .42s cubic-bezier(.22,.9,.32,1) both}.task-card:nth-child(2){animation-delay:.04s}.task-card:nth-child(3){animation-delay:.08s}.task-card:nth-child(4){animation-delay:.12s}.task-card:nth-child(5){animation-delay:.16s}.task-card:after{content:"";position:absolute;top:-60%;bottom:-60%;width:45%;left:-80%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform:skew(-18deg);opacity:0;pointer-events:none}.task-card:active:after{opacity:1;animation:cardSweep .75s ease-out}@keyframes cardSweep{to{left:120%}}.task-card .thumb{box-shadow:0 8px 20px -8px #0057b7b3,0 0 0 1px #1e7fd840}.live-dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#10b981;box-shadow:0 0 #10b981bf;animation:livePulse 1.6s ease-out infinite;vertical-align:middle}@keyframes livePulse{0%{box-shadow:0 0 #10b981bf}70%{box-shadow:0 0 0 7px #10b98100}to{box-shadow:0 0 #10b98100}}.tag-live{display:inline-flex;align-items:center}.reward-shine{background:linear-gradient(100deg,#f59e0b,gold 38%,#fff3b0,gold 62%,#f59e0b);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shineX 3.2s linear infinite}@keyframes shineX{to{background-position:-260% 0}}.cd-box{position:relative;overflow:hidden}.cd-bar{height:4px;margin-top:6px;border-radius:999px;overflow:hidden;background:#94a3b847}.cd-bar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,gold,#2196f3 55%,#fbbf24);box-shadow:0 0 12px #38bdf8d9;transition:width 1s linear}.cd-urgent{animation:urgentPulse 1.1s ease-in-out infinite}.cd-urgent .cd-bar>i{background:linear-gradient(90deg,#f87171,#fbbf24);box-shadow:0 0 14px #f87171e6}@keyframes urgentPulse{0%,to{box-shadow:inset 0 0 #f8717100}50%{box-shadow:inset 0 0 0 2px #f8717147}}.btn-glow{animation:btnGlow 2.6s ease-in-out infinite}@keyframes btnGlow{0%,to{box-shadow:0 14px 28px -14px #0b4f9ed9}50%{box-shadow:0 20px 40px -14px #ffd700f2,0 0 0 5px #2196f31a}}.skeleton{position:relative;overflow:hidden;height:76px;margin-bottom:12px;border-radius:18px;background:#ffffff9e;border:1px solid rgba(255,255,255,.85)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);animation:skel 1.5s ease-in-out infinite}@keyframes skel{to{transform:translate(100%)}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-14px;border-radius:2px;opacity:.95;animation:confFall 1.6s cubic-bezier(.25,.6,.4,1) forwards}@keyframes confFall{0%{transform:translateZ(0) rotate(0);opacity:0}8%{opacity:1}to{transform:translate3d(var(--dx, 0),104vh,0) rotate(calc(720deg + var(--rot, 0deg)));opacity:.85}}.stat-card{transition:transform .2s ease,box-shadow .25s ease}.stat-card:active{transform:scale(.97)}.bottom-nav a.active{animation:navPop .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes navPop{0%{transform:translateY(3px) scale(.96)}to{transform:none}}@media (max-width: 480px){.aura{filter:blur(18px) saturate(135%)}.aura:before{animation:none;opacity:.5;filter:blur(50px)}}@media (prefers-reduced-motion: reduce){.aura,.aura:before,.task-live,.reward-shine,.live-dot,.cd-urgent,.btn-glow,.confetti i{animation:none!important}}.flash-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:1}.flash-layer .shine{position:absolute;top:-60%;bottom:-60%;width:46%;left:-70%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),rgba(255,215,0,.28),transparent);transform:skew(-18deg);animation:sweepAcross 4.6s cubic-bezier(.55,0,.45,1) infinite}.flash-layer .shine.d2{animation-delay:2.3s;opacity:.55;width:30%}@keyframes sweepAcross{0%{left:-70%}58%,to{left:132%}}.flash-layer .spark{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(255,255,255,.7) 38%,transparent 72%);box-shadow:0 0 10px #fffffff2,0 0 20px #ffd700bf;opacity:0;transform:scale(.35);animation:sparkPop 3.6s ease-in-out infinite}.flash-layer .spark:after{content:"";position:absolute;left:50%;top:-6px;width:1.5px;height:18px;margin-left:-.75px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.95),transparent)}.flash-layer .spark:before{content:"";position:absolute;top:50%;left:-6px;height:1.5px;width:18px;margin-top:-.75px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent)}.flash-layer .spark:nth-child(3){left:10%;top:16%;animation-delay:.1s}.flash-layer .spark:nth-child(4){left:76%;top:22%;animation-delay:1s}.flash-layer .spark:nth-child(5){left:87%;top:66%;animation-delay:1.9s}.flash-layer .spark:nth-child(6){left:24%;top:80%;animation-delay:2.7s}.flash-layer .spark:nth-child(7){left:52%;top:8%;animation-delay:1.5s}@keyframes sparkPop{0%,to{opacity:0;transform:scale(.3) rotate(0)}30%{opacity:1;transform:scale(1.2) rotate(25deg)}48%{opacity:.9;transform:scale(.95) rotate(55deg)}70%{opacity:0;transform:scale(.35) rotate(90deg)}}.reward-flash{animation:rewardFlash 3s ease-in-out infinite}.reward-shine.reward-flash{animation:shineX 3.2s linear infinite,rewardFlash 3s ease-in-out infinite}@keyframes rewardFlash{0%,to{filter:brightness(1);transform:scale(1)}16%{filter:brightness(1.28) drop-shadow(0 0 8px rgba(255,215,0,.8));transform:scale(1.07)}36%{filter:brightness(1);transform:scale(1)}}.btn-claim-flash{animation:btnGlow 2.4s ease-in-out infinite,btnFlash 1.9s ease-in-out infinite}@keyframes btnFlash{0%,to{filter:brightness(1)}42%{filter:brightness(1.2) saturate(1.12)}}.cd-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;border-radius:inherit;background:radial-gradient(closest-side,#ffffffd9,#fff0 72%);animation:cdFlash 1.1s ease-in-out infinite}@keyframes cdFlash{0%,to{opacity:0}50%{opacity:.22}}.tx-row .reward-flash,.task-card .reward-flash{animation-duration:3.4s}.lnk{background:none;border:0;padding:0;margin:0;font-size:10.5px;font-weight:700;color:#0057b7;text-decoration:underline;cursor:pointer}.toast-wrap{position:fixed;z-index:300;left:50%;transform:translate(-50%);top:calc(12px + env(safe-area-inset-top));width:min(92vw,420px);display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-item{pointer-events:auto;padding:10px 14px;border-radius:12px;font-size:13px;font-weight:600;line-height:1.45;color:#0f172a;background:#fffffff7;border:1px solid rgba(0,87,183,.18);box-shadow:0 14px 30px -14px #062a548c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:toastIn .22s ease both;word-break:break-word}.toast-item.toast-ok{color:#047857;border-color:#04785747}.toast-item.toast-err{color:#b91c1c;border-color:#b91c1c47}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.cpa-repaint{opacity:.999}@media (prefers-reduced-motion: reduce){.toast-item{animation:none}}.upload-item .uping{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#0f172a6b;color:#fff;font-size:11px;font-weight:700}.upload-item .uping .spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:cpa-spin .8s linear infinite}.refresh-fab{position:fixed;z-index:105;right:14px;bottom:calc(84px + env(safe-area-inset-bottom));width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:#0057b7;background:#ffffffeb;border:1px solid rgba(0,87,183,.25);box-shadow:0 12px 24px -12px #062a548c;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);transition:transform .16s ease}.refresh-fab:active{transform:scale(.92)}.refresh-ico{display:inline-block}.refresh-fab.spinning .refresh-ico{animation:cpa-spin .9s linear infinite}@keyframes cpa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pull-tip{position:fixed;z-index:150;left:50%;top:calc(8px + env(safe-area-inset-top));padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;color:#0057b7;background:#fffffff2;border:1px solid rgba(0,87,183,.22);box-shadow:0 10px 22px -12px #062a548c;pointer-events:none;white-space:nowrap}.pull-tip.ready{color:#047857;border-color:#0478574d}@media (prefers-reduced-motion: reduce){.refresh-fab.spinning .refresh-ico{animation:none}}.flash-layer{display:none!important}.page-header,.btn,.btn:after,.task-live,.reward-shine,.reward-flash,.wallet-hero:before,.wallet-hero:after,.live-dot,.cd-urgent,.cd-flash,.btn-glow,.btn-claim-flash,.aura,.aura:before{animation:none!important}@media (prefers-reduced-motion: reduce){.flash-layer .shine,.flash-layer .spark,.reward-flash,.btn-claim-flash,.cd-flash{animation:none!important}}