.page-title-bar{padding:15px;text-align:center;font-size:18px;font-weight:700;background:var(--beer-green)!important;color:#fff!important;box-sizing:border-box;display:block;width:100%;border-radius:0 0 16px 16px;position:relative}.animate-fade-in-up>.page-title-bar,.animate-fade-in-up>div>.page-title-bar,.animate-fade-in-up>div>div>.page-title-bar{padding:15px;text-align:center;font-size:18px;font-weight:700;background:var(--beer-green)!important;color:#fff!important;box-sizing:border-box;display:block;width:100%;border-radius:0 0 16px 16px}html{line-height:1.5;-webkit-text-size-adjust:100%;letter-spacing:.02em;font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-feature-settings:normal;font-feature-settings:normal;-webkit-tap-highlight-color:transparent}body{background:linear-gradient(180deg,#f3f4ff,#ededf5 50%,#ededed);background-attachment:fixed;color:#2a2d3a}p{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:400;line-height:1.5}.content{padding:15px 15px 0}:root{--font-cn:"Inter",-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Noto Sans SC",sans-serif;--font-num:"Inter","Segoe UI",-apple-system,sans-serif;--font-elegant:Georgia,"Times New Roman",serif;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:999px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--nav-height:86px;--safe-bottom:env(safe-area-inset-bottom,0px);--page-bg:#f5f6fb;--beer-green:#059669;--beer-green-light:#E8F4EA;--beer-green-deep:#046A38;--beer-green-darkest:#03502B;--beer-green-rgb:4,106,56;--gold-rgb:183,121,31;--taupe-rgb:136,152,170;--white-rgb:255,255,255;--accent-beer:#046A38;--accent-beer-light:#E8F4EA;--accent-beer-glow:rgba(4,106,56,.14);--neu-accent:#046A38;--neu-accent-deep:#03502B;--neu-rgb:4,106,56;--neon-red:#DF1B41;--beer-red:#DF1B41;--beer-yellow:#B7791F;--beer-yellow-light:#FCF3E3;--beer-yellow-2:#FCF3E3;--beer-yellow-pale:#FFF9EC;--beer-gold:#B7791F;--gold:#B7791F;--silver:#A3B1C2;--beer-mint:#F6F9FC;--beer-beige:#F6F9FC;--bg-deep:#F6F9FC;--bg-dark:#F0F4F8;--bg-card:#FFFFFF;--bg-elevated:#FFFFFF;--bg-gradient:#F6F9FC;--bg-gradient-subtle:#F6F9FC;--card-bg:#FFFFFF;--card-border:#E3E8EE;--border-color:#E3E8EE;--text-primary:#0A2540;--text-secondary:#425466;--text-muted:#8898AA;--success:#047857;--warning:#B7791F;--danger:#DF1B41;--info:#425466;--gradient-primary:linear-gradient(135deg,#0BA360 0%,#046A38 100%);--gradient-hero:#F6F9FC;--gradient-card:#FFFFFF;--gradient-shimmer:linear-gradient(110deg,transparent 33%,rgba(74,94,115,.06) 50%,transparent 67%);--gradient-mint-yellow:linear-gradient(135deg,#F6F9FC,#FCF3E3);--gradient-gold-green:linear-gradient(135deg,#046A38,#B7791F);--overlay-primary:rgba(10,37,64,.45);--overlay-dark:rgba(10,37,64,.5);--overlay-dark-soft:rgba(10,37,64,.3);--shadow-sm:0 2px 5px rgba(50,50,93,.1),0 1px 2px rgba(0,0,0,.07);--shadow-md:0 4px 10px rgba(50,50,93,.1),0 2px 4px rgba(0,0,0,.06);--shadow-lg:0 15px 35px rgba(50,50,93,.12),0 5px 15px rgba(0,0,0,.07);--shadow-glow:0 2px 5px rgba(50,50,93,.1);--btn-hover-shadow:0 2px 5px rgba(50,50,93,.12);--color-disabled:#F6F9FC;--color-locked:#A3B1C2;--card-placeholder-from:#F6F9FC;--card-placeholder-to:#EDF2F7;--tier-1:#046A38;--tier-2:#0A2540;--tier-3:#B7791F;--tier-4:#425466;--tier-5:#8898AA;--nav-bg:#FFFFFF;--nav-border:#E3E8EE;--nav-active-bg:#046A38;--nav-inactive-color:#000000;--nav-active-color:#046A38;--header-bg:#FFFFFF;--header-border:#E3E8EE;--glass-bg:#FFFFFF;--glass-border:#E3E8EE;--input-bg:#FFFFFF;--input-border:#E3E8EE;--input-focus-border:#046A38;--input-focus-shadow:0 0 0 3px rgba(4,106,56,.14);--popup-img-bg:#F6F9FC;--earning-from:#046A38;--earning-to:#03502B;--profile-accent-1:rgba(4,106,56,.06);--profile-accent-2:rgba(10,37,64,.04);--profile-accent-3:rgba(74,94,115,.05);--profile-accent-4:rgba(183,121,31,.06);--profile-accent-5:rgba(136,152,170,.08);--profile-accent-6:rgba(4,106,56,.04);--title-glow-from:rgba(255,255,255,0);--title-glow-to:rgba(255,255,255,0);--modal-overlay:rgba(10,37,64,.45);--modal-bg:#FFFFFF;--modal-border:#E3E8EE;--modal-radius:8px;--modal-radius-sheet:12px 12px 0 0;--modal-max-width:420px;--modal-shadow:0 15px 35px rgba(50,50,93,.12),0 5px 15px rgba(0,0,0,.07);--modal-backdrop-blur:0px;--modal-handle-bg:#E3E8EE;--modal-title-size:17px;--modal-title-weight:600;--modal-body-size:14px;--modal-body-color:#425466;--btn-radius:6px;--btn-radius-pill:999px;--btn-height-sm:36px;--btn-height-md:44px;--btn-height-lg:52px;--btn-font-sm:13px;--btn-font-md:15px;--btn-font-lg:17px;--btn-padding-sm:8px 16px;--btn-padding-md:12px 24px;--btn-padding-lg:14px 32px;--btn-primary-bg:linear-gradient(135deg,#0BA360 0%,#046A38 100%);--btn-primary-color:#FFFFFF;--btn-secondary-bg:#FFFFFF;--btn-secondary-color:#3C4257;--btn-secondary-border:1px solid #E3E8EE;--btn-outline-bg:transparent;--btn-outline-color:#046A38;--btn-outline-border:1px solid #046A38;--btn-danger-bg:#DF1B41;--btn-danger-color:#FFFFFF;--btn-text-color:#046A38;--btn-disabled-bg:#F6F9FC;--btn-disabled-color:#8898AA;--toast-radius:8px;--toast-max-width:420px;--toast-bg:#FFFFFF;--toast-border:1px solid #E3E8EE;--toast-shadow:0 15px 35px rgba(50,50,93,.12),0 5px 15px rgba(0,0,0,.07);--toast-blur:0px;--toast-icon-size:20px;--toast-icon-success:#047857;--toast-icon-error:#DF1B41;--toast-icon-warning:#B7791F;--toast-icon-info:#425466;--toast-title-size:15px;--toast-title-weight:600;--toast-body-size:13px;--toast-body-color:#425466;--neu-bg:#F6F9FC;--neu-bg2:#FFFFFF;--neu-txt:#0A2540;--neu-txt2:#425466;--neu-txt3:#8898AA;--neu-dark:rgba(50,50,93,0);--neu-dark2:rgba(50,50,93,0);--neu-light:rgba(255,255,255,0);--neu-light2:rgba(255,255,255,0);--neu-inset:none;--neu-inset-soft:none}[data-theme=blue]{--beer-green:#3a7cb9;--beer-green-light:#bcd2e7;--beer-green-deep:#3a7cb9;--beer-green-darkest:#2c5d8a;--beer-green-rgb:21,101,192;--accent-beer:#1565C0;--accent-beer-light:#E3F2FD;--accent-beer-glow:rgba(21,101,192,.14);--neu-accent:#1565C0;--neu-accent-deep:#0D47A1;--neu-rgb:21,101,192;--gradient-primary:linear-gradient(135deg,#3B93F5 0%,#1565C0 100%);--gradient-gold-green:linear-gradient(135deg,#1565C0,#B7791F);--earning-from:#1565C0;--earning-to:#0D47A1;--tier-1:#1565C0;--nav-active-bg:#1565C0;--nav-active-color:#1565C0;--input-focus-border:#1565C0;--input-focus-shadow:0 0 0 3px rgba(21,101,192,.14);--btn-primary-bg:linear-gradient(135deg,#3B93F5 0%,#1565C0 100%);--btn-outline-color:#1565C0;--btn-outline-border:1px solid #1565C0;--btn-text-color:#1565C0}[data-theme=purple]{--beer-green:#7B4FA3;--beer-green-light:#F3E8F6;--beer-green-deep:#5B2D6E;--beer-green-darkest:#451F54;--beer-green-rgb:91,45,110;--accent-beer:#5B2D6E;--accent-beer-light:#F3E8F6;--accent-beer-glow:rgba(91,45,110,.12);--neu-accent:#5B2D6E;--neu-accent-deep:#451F54;--neu-rgb:91,45,110;--gradient-primary:linear-gradient(135deg,#8E5FB8 0%,#5B2D6E 100%);--gradient-gold-green:linear-gradient(135deg,#5B2D6E,#B7791F);--earning-from:#5B2D6E;--earning-to:#451F54;--tier-1:#5B2D6E;--nav-active-bg:#5B2D6E;--nav-active-color:#5B2D6E;--input-focus-border:#5B2D6E;--input-focus-shadow:0 0 0 3px rgba(91,45,110,.12);--btn-primary-bg:linear-gradient(135deg,#8E5FB8 0%,#5B2D6E 100%);--btn-outline-color:#5B2D6E;--btn-outline-border:1px solid #5B2D6E;--btn-text-color:#5B2D6E}[data-theme=nestle]{--beer-green:#6D4C41;--beer-green-light:#EFE7E4;--beer-green-deep:#3E2723;--beer-green-darkest:#2E1B16;--beer-green-rgb:78,52,46;--accent-beer:#4E342E;--accent-beer-light:#EFE7E4;--accent-beer-glow:rgba(62,39,35,.12);--neu-accent:#4E342E;--neu-accent-deep:#2E1B16;--neu-rgb:78,52,46;--gradient-primary:linear-gradient(135deg,#795548 0%,#3E2723 100%);--gradient-gold-green:linear-gradient(135deg,#3E2723,#B7791F);--earning-from:#3E2723;--earning-to:#2E1B16;--tier-1:#3E2723;--nav-active-bg:#3E2723;--nav-active-color:#3E2723;--input-focus-border:#3E2723;--input-focus-shadow:0 0 0 3px rgba(62,39,35,.12);--btn-primary-bg:linear-gradient(135deg,#795548 0%,#3E2723 100%);--btn-outline-color:#3E2723;--btn-outline-border:1px solid #3E2723;--btn-text-color:#3E2723}[data-theme=coca]{--beer-green:#E5231D;--beer-green-light:#FDECEC;--beer-green-deep:#C4121E;--beer-green-darkest:#8E0A12;--beer-green-rgb:196,18,30;--accent-beer:#C4121E;--accent-beer-light:#FDECEC;--accent-beer-glow:rgba(196,18,30,.12);--neu-accent:#C4121E;--neu-accent-deep:#8E0A12;--neu-rgb:196,18,30;--gradient-primary:linear-gradient(135deg,#F0322B 0%,#C4121E 100%);--gradient-gold-green:linear-gradient(135deg,#C4121E,#B7791F);--earning-from:#C4121E;--earning-to:#8E0A12;--tier-1:#C4121E;--nav-active-bg:#C4121E;--nav-active-color:#C4121E;--input-focus-border:#C4121E;--input-focus-shadow:0 0 0 3px rgba(196,18,30,.12);--btn-primary-bg:linear-gradient(135deg,#F0322B 0%,#C4121E 100%);--btn-outline-color:#C4121E;--btn-outline-border:1px solid #C4121E;--btn-text-color:#C4121E}[data-theme=guinness]{--beer-green:#E5C158;--beer-green-light:#1C1C1C;--beer-green-deep:#D4AF37;--beer-green-darkest:#B8860B;--beer-green-rgb:212,175,55;--gold-rgb:212,175,55;--taupe-rgb:168,155,133;--white-rgb:255,255,255;--neon-red:#E5484D;--beer-red:#E5484D;--beer-yellow:#D4AF37;--beer-yellow-light:#B8860B;--beer-yellow-2:#B8860B;--beer-yellow-pale:#3D2F0F;--beer-gold:#D4AF37;--gold:#D4AF37;--silver:#6B7280;--beer-mint:#0F1115;--beer-beige:#1A1A1A;--accent-beer:#D4AF37;--accent-beer-light:rgba(212,175,55,.14);--accent-beer-glow:rgba(212,175,55,.22);--bg-deep:#0F1115;--bg-dark:#151515;--bg-card:#1A1A1A;--bg-elevated:#1A1A1A;--bg-gradient:#0F1115;--bg-gradient-subtle:#0F1115;--card-bg:#1A1A1A;--card-border:rgba(255,255,255,.1);--border-color:rgba(255,255,255,.1);--text-primary:#F2F4F7;--text-secondary:#9CA3AF;--text-muted:#6B7280;--success:#3FB984;--warning:#D4AF37;--danger:#E5484D;--info:#9CA3AF;--gradient-primary:linear-gradient(135deg,#E5C158 0%,#A67C00 100%);--gradient-hero:#0F1115;--gradient-card:#1A1A1A;--gradient-shimmer:linear-gradient(110deg,transparent 33%,rgba(212,175,55,.1) 50%,transparent 67%);--gradient-mint-yellow:linear-gradient(135deg,#151515,#2A2312);--gradient-gold-green:linear-gradient(135deg,#D4AF37,#B8860B);--overlay-primary:rgba(0,0,0,.55);--overlay-dark:rgba(0,0,0,.6);--overlay-dark-soft:rgba(0,0,0,.35);--shadow-sm:0 2px 5px rgba(0,0,0,.35);--shadow-md:0 4px 10px rgba(0,0,0,.35);--shadow-lg:0 15px 35px rgba(0,0,0,.45);--shadow-glow:0 2px 5px rgba(0,0,0,.4);--btn-hover-shadow:0 2px 5px rgba(0,0,0,.4);--color-disabled:#1A1A1A;--color-locked:#4A4F57;--card-placeholder-from:#1A1A1A;--card-placeholder-to:#22262C;--tier-1:#D4AF37;--tier-2:#B8860B;--tier-3:#8B6914;--tier-4:#9CA3AF;--tier-5:#6B7280;--nav-bg:#151515;--nav-border:rgba(255,255,255,.08);--nav-active-bg:#D4AF37;--nav-inactive-color:#9CA3AF;--nav-active-color:#D4AF37;--header-bg:#151515;--header-border:rgba(255,255,255,.08);--glass-bg:#1A1A1A;--glass-border:rgba(255,255,255,.1);--input-bg:#1A1A1A;--input-border:rgba(255,255,255,.12);--input-focus-border:#D4AF37;--input-focus-shadow:0 0 0 3px rgba(212,175,55,.16);--popup-img-bg:#0F1115;--earning-from:#D4AF37;--earning-to:#B8860B;--profile-accent-1:rgba(212,175,55,.08);--profile-accent-2:rgba(212,175,55,.05);--profile-accent-3:rgba(255,255,255,.04);--profile-accent-4:rgba(212,175,55,.1);--profile-accent-5:rgba(255,255,255,.03);--profile-accent-6:rgba(212,175,55,.04);--title-glow-from:rgba(212,175,55,.15);--title-glow-to:rgba(212,175,55,.3);--modal-overlay:rgba(0,0,0,.55);--modal-bg:#1A1A1A;--modal-border:rgba(255,255,255,.1);--modal-radius:8px;--modal-shadow:0 15px 35px rgba(0,0,0,.45);--btn-radius:6px;--btn-primary-bg:linear-gradient(135deg,#E5C158 0%,#A67C00 100%);--btn-primary-color:#0D0D0D;--btn-secondary-bg:#1A1A1A;--btn-secondary-color:#C9CED6;--btn-secondary-border:1px solid rgba(255,255,255,.12);--btn-outline-bg:transparent;--btn-outline-color:#E5C158;--btn-outline-border:1px solid #D4AF37;--btn-danger-bg:#E5484D;--btn-danger-color:#FFFFFF;--btn-text-color:#E5C158;--toast-bg:#1A1A1A;--toast-border:1px solid rgba(255,255,255,.1);--neu-bg:#0F1115;--neu-bg2:#1A1A1A;--neu-accent:#D4AF37;--neu-accent-deep:#8B6914;--neu-rgb:212,175,55;--neu-txt:#F2F4F7;--neu-txt2:#9CA3AF;--neu-txt3:#6B7280;--neu-dark:rgba(0,0,0,0);--neu-dark2:rgba(0,0,0,0);--neu-light:rgba(255,255,255,0);--neu-light2:rgba(255,255,255,0);--neu-inset:none;--neu-inset-soft:none;--neu-accent-glow:rgba(212,175,55,.25)}[data-theme=thums-up]{--beer-green:#0050C8;--beer-green-light:#E6F2FC;--beer-green-deep:#003580;--beer-green-darkest:#001F5A;--beer-green-rgb:0,80,200;--accent-beer:#0050C8;--accent-beer-light:#E6F2FC;--accent-beer-glow:rgba(0,80,200,.2);--neu-accent:#0050C8;--neu-accent-deep:#003580;--neu-rgb:0,80,200;--gradient-primary:linear-gradient(135deg,#0073E6 0%,#0050C8 100%);--gradient-gold-green:linear-gradient(135deg,#0050C8,#00C2E8);--earning-from:#0050C8;--earning-to:#003580;--tier-1:#0050C8;--nav-active-bg:#0050C8;--nav-active-color:#0050C8;--input-focus-border:#0050C8;--input-focus-shadow:0 0 0 3px rgba(0,80,200,.2);--btn-primary-bg:linear-gradient(135deg,#0073E6 0%,#0050C8 100%);--btn-outline-color:#0050C8;--btn-outline-border:1px solid #0050C8;--btn-text-color:#0050C8}[data-theme=thums-up] body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1.5px 1.5px at 12% 18%,rgba(255,255,255,.95),transparent 60%),radial-gradient(1px 1px at 28% 42%,rgba(255,255,255,.75),transparent 60%),radial-gradient(2px 2px at 47% 15%,rgba(255,255,255,.85),transparent 60%),radial-gradient(1px 1px at 65% 70%,rgba(255,255,255,.65),transparent 60%),radial-gradient(1.5px 1.5px at 80% 30%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1px 1px at 90% 80%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.5px 1.5px at 35% 88%,rgba(255,255,255,.8),transparent 60%),radial-gradient(1px 1px at 55% 55%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1.5px 1.5px at 70% 50%,rgba(255,255,255,.85),transparent 60%),radial-gradient(1px 1px at 20% 75%,rgba(255,255,255,.7),transparent 60%);background-size:240px 240px,200px 200px,300px 300px,180px 180px,260px 260px,220px 220px,280px 280px,200px 200px,320px 320px,240px 240px;background-repeat:repeat;animation:thums-up-twinkle 4s ease-in-out infinite}[data-theme=thums-up] #root{position:relative;z-index:1}@keyframes thums-up-twinkle{0%,to{opacity:.4}50%{opacity:.95}}[data-theme=green]{--neu-accent-glow:rgba(4,106,56,.14)}[data-theme=blue]{--neu-accent-glow:rgba(21,101,192,.14)}[data-theme=purple]{--neu-accent-glow:rgba(91,45,110,.12)}[data-theme=nestle]{--neu-accent-glow:rgba(62,39,35,.12)}[data-theme=coca]{--neu-accent-glow:rgba(196,18,30,.12)}[data-theme=thums-up]{--neu-accent-glow:rgba(0,80,200,.2)}html body,html .phone-frame{background:var(--bg-deep)!important;background-color:var(--bg-deep)!important}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font-cn);background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.5}#root{height:100%;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--beer-green);border-radius:2px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px var(--accent-beer-glow),0 0 20px var(--accent-beer-light)}50%{box-shadow:0 0 16px var(--accent-beer-glow),0 0 40px var(--accent-beer-light)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes banner-slide{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes ripple-effect{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes btn-ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes rotate-lens{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes count-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes flip-in{0%{transform:rotateX(-90deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes flip-out{0%{transform:rotateX(0);opacity:1}to{transform:rotateX(90deg);opacity:0}}@keyframes title-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes title-glow{0%,to{filter:drop-shadow(0 0 2px var(--title-glow-from))}50%{filter:drop-shadow(0 0 8px var(--title-glow-to))}}@keyframes nav-bounce{0%{transform:scale(1)}30%{transform:scale(.88)}60%{transform:scale(1.08)}80%{transform:scale(.97)}to{transform:scale(1)}}@keyframes nav-pill-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes nav-icon-lift{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes shimmer-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-down{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-scale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.popup-fit{font-size:clamp(11px,1.15vh + 7px,15px);line-height:1.5}.popup-fit img{max-height:52vh;width:auto;max-width:100%}.popup-plain{padding:0!important;margin:0;line-height:0;font-size:0}.popup-plain img{margin:0!important;max-width:100%!important;max-height:min(78vh,72dvh)!important;width:auto!important;height:auto!important;border-radius:0}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.96)}}.animate-toast-in{animation:toast-in .3s cubic-bezier(.34,1.56,.64,1) forwards}.animate-toast-out{animation:toast-out .25s ease-in forwards}.animate-sheet-up{animation:sheet-up .35s cubic-bezier(.4,0,.2,1) forwards}.animate-modal-scale{animation:modal-scale .3s cubic-bezier(.34,1.56,.64,1) forwards}.animate-nav-bounce{animation:nav-bounce .4s ease}.animate-nav-pill-in{animation:nav-pill-in .25s ease-out forwards}.animate-nav-icon-lift{animation:nav-icon-lift .25s ease-out forwards}.animate-skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.animate-shimmer-sweep{background-image:var(--gradient-shimmer);background-size:200% 100%;animation:shimmer-sweep 2s linear infinite}.font-num{font-family:var(--font-num)}.font-elegant{font-family:var(--font-elegant)}.animate-shimmer{background-image:var(--gradient-shimmer);background-size:200% 100%;animation:shimmer 2s infinite}.animate-glow{animation:glow-pulse 2s ease-in-out infinite}.animate-fade-in-up{animation:fade-in-up .3s ease-out forwards}.animate-fade-in{animation:fade-in .25s ease-out forwards}.animate-scale-in{animation:scale-in .3s cubic-bezier(.34,1.56,.64,1) forwards}.animate-bounce-in{animation:bounce-in .5s cubic-bezier(.34,1.56,.64,1) forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-marquee{animation:marquee 12s linear infinite}.animate-spin-slow{animation:spin-slow 8s linear infinite}*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}*::-webkit-scrollbar-track{display:none!important;background:transparent!important}*::-webkit-scrollbar-thumb{display:none!important;background:transparent!important}*::-webkit-scrollbar-corner{display:none!important;background:transparent!important}*{scrollbar-width:none!important;-moz-scrollbar-width:none!important}*{-ms-overflow-style:none!important}html,body{scrollbar-width:none!important;-ms-overflow-style:none!important;overflow-style:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.page-enter{animation:fade-in-up .3s ease-out forwards}@media (max-width:360px){:root{--nav-height: 78px}.btn-primary,.btn-secondary{font-size:13px;padding:10px 14px}}@media (min-width:361px) and (max-width:414px){:root{--nav-height: 82px}}@media (min-width:415px){:root{--nav-height: 86px}}.phone-frame,.app-container{height:100vh;height:100dvh;height:calc(var(--vh, 100vh) * 1)}.bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px)}html{font-size:clamp(14px,3.5vw,16px)}button,a,[role=button]{min-height:44px;min-width:44px}@keyframes aperture-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lens-flare{0%,to{opacity:0;transform:translate(-100%)}50%{opacity:.3;transform:translate(100%)}}@keyframes lens-flare-soft{0%,to{opacity:.28;transform:scale(1)}50%{opacity:.55;transform:scale(1.18)}}@keyframes shutter-click{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.aperture-ring{border:2px solid var(--beer-green);border-radius:50%;animation:aperture-spin 20s linear infinite}.lens-flare{position:absolute;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--accent-beer-glow),transparent);animation:lens-flare 4s ease-in-out infinite}.message-content img{max-width:100%!important;height:auto!important;border-radius:8px}.popup-content{width:100%;overflow:hidden;word-break:break-word}.popup-content img{max-width:100%!important;height:auto!important;display:block;margin:8px auto;border-radius:8px;object-fit:contain}.popup-content div{max-width:100%!important;width:auto!important}.popup-content span{max-width:100%!important;word-break:break-word}.popup-content p{margin:6px 0}.popup-content a{color:var(--beer-green-darkest);word-break:break-all}.popup-image-wrap{width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;background:var(--popup-img-bg)}.popup-image-wrap img{display:block;max-width:100%;height:auto;max-height:50vh;width:auto;margin:0 auto;object-fit:contain}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button[style*=background],.btn-primary,.btn-secondary,a[style*=background]{-webkit-tap-highlight-color:transparent}button[style*="#8B1A2B"],button[style*="#E88AA2"],button[style*="#A01635"],button[style*="#D06A82"],button[style*="#F2A6B8"],button[style*="#E30613"]{background:var(--gradient-primary)!important}.flip-card{perspective:1000px;display:inline-block}.flip-card-inner{position:relative;display:inline-block;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flip-card-inner.flipping{animation:flip-in .6s cubic-bezier(.4,0,.2,1)}html,body{background-color:var(--bg-deep)!important}#root,.app-container,.phone-frame,.animate-fade-in-up,.animate-fade-in-up>div,.animate-fade-in-up>div>div{background:transparent!important;background-color:transparent!important;background-image:none!important}.animate-fade-in-up>.ref-gift-page,.animate-fade-in-up>div>.ref-gift-page{background:var(--page-bg)!important;background-image:none!important}.animate-fade-in-up>.ref-gift-page>.gift-pending-card,.animate-fade-in-up>div>.ref-gift-page>.gift-pending-card{background:linear-gradient(135deg,var(--beer-green),var(--beer-green-deep))!important;background-image:linear-gradient(135deg,var(--beer-green),var(--beer-green-deep))!important}.product-card-chanel,.info-card,.balance-card{background-color:#fff!important}.nav-tab-active{background:transparent!important;color:var(--nav-active-bg)!important;border:none!important;transition:all .2s ease!important}.nav-tab-inactive{color:var(--nav-inactive-color,var(--text-muted))!important;transition:all .2s ease!important}.btn-primary{position:relative;overflow:hidden;background:var(--btn-primary-bg)!important;color:var(--btn-primary-color,#fff)!important;border:none!important;border-radius:var(--btn-radius)!important;font-family:var(--font-cn);font-weight:600;box-shadow:var(--shadow-sm)!important;cursor:pointer;transition:all .2s ease}.btn-primary:hover{box-shadow:var(--shadow-md)!important;filter:brightness(1.05)}.btn-primary:active{transform:scale(.97);box-shadow:none!important}.btn-secondary{position:relative;overflow:hidden;background:var(--btn-secondary-bg)!important;color:var(--btn-secondary-color)!important;border:var(--btn-secondary-border,1px solid var(--card-border))!important;border-radius:var(--btn-radius)!important;font-family:var(--font-cn);font-weight:500;box-shadow:none!important;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:var(--beer-green)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-sm)!important}.btn-secondary:active{transform:scale(.97);box-shadow:none!important}.btn-outline,button[class*=outline]{background:var(--btn-outline-bg,transparent)!important;color:var(--btn-outline-color,var(--beer-green))!important;border:var(--btn-outline-border,1px solid var(--beer-green))!important;border-radius:var(--btn-radius)!important;box-shadow:none!important;cursor:pointer;transition:all .2s ease}.btn-outline:hover,button[class*=outline]:hover{background:var(--accent-beer-glow)!important}.btn-outline:active,button[class*=outline]:active{transform:scale(.97)}.btn-disabled,button:disabled,[disabled]{background:var(--btn-disabled-bg)!important;color:var(--btn-disabled-color,var(--text-muted))!important;border:1px solid var(--card-border)!important;box-shadow:none!important;transform:none!important;cursor:not-allowed}button[style*="var(--btn-primary-bg)"]{box-shadow:var(--shadow-sm)}button[style*="var(--btn-secondary-bg)"],button[style*="var(--btn-outline-bg)"]{box-shadow:none}button[style*="var(--btn-danger-bg)"]{box-shadow:var(--shadow-sm)}button[style*="var(--btn-primary-bg)"]:active,button[style*="var(--btn-secondary-bg)"]:active,button[style*="var(--btn-outline-bg)"]:active,button[style*="var(--btn-danger-bg)"]:active{box-shadow:none!important}.product-card,.info-card,.balance-card,.card-dark,.product-card-chanel{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.product-card-chanel:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)!important}.product-card-chanel:active{transform:scale(.98)}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=range]):not([type=date]):not([type=time]):not([type=datetime-local]):not([type=color]):not([type=image]){background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:10px 14px;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=range]):not([type=date]):not([type=time]):not([type=datetime-local]):not([type=color]):not([type=image]):focus{border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow);outline:none}textarea,select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease}textarea:focus,select:focus{border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow);outline:none}.input-dark{width:100%;padding:10px 14px;background:var(--input-bg)!important;border:1px solid var(--input-border)!important;border-radius:var(--radius-md)!important;color:var(--text-primary);font-family:var(--font-cn);font-size:15px;box-shadow:none!important;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-dark:focus{border-color:var(--input-focus-border)!important;box-shadow:var(--input-focus-shadow)!important}.input-dark::placeholder{color:var(--text-muted)}.input-dark::-webkit-inner-spin-button,.input-dark::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-dark[type=number]{-moz-appearance:textfield}.badge-burgundy{display:inline-flex;align-items:center;padding:2px 10px;background:var(--accent-beer-glow);color:var(--beer-green-darkest);border-radius:var(--radius-full);font-size:12px;font-weight:600}.badge-success{display:inline-flex;align-items:center;padding:2px 10px;background:#0478571f;color:var(--success);border-radius:var(--radius-full);font-size:12px;font-weight:600}.badge-warning{display:inline-flex;align-items:center;padding:2px 10px;background:#b7791f1f;color:var(--warning);border-radius:var(--radius-full);font-size:12px;font-weight:600}.badge-muted{display:inline-flex;align-items:center;padding:2px 10px;background:#8898aa24;color:var(--text-secondary);border-radius:var(--radius-full);font-size:12px;font-weight:600}.tab-active{color:var(--beer-green-darkest);border-bottom:2px solid var(--beer-green)}.progress-bar{height:6px;background:var(--bg-dark);border-radius:var(--radius-full);overflow:hidden;box-shadow:none!important}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;left:-200%;width:200%;height:100%;background:var(--gradient-shimmer);background-size:200% 100%;animation:shimmer 2s infinite}.modal-card,.popup-card,.dialog-card{background:var(--modal-bg)!important;border:1px solid var(--modal-border)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--modal-shadow)!important;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-bar,.bottom-nav{background:var(--nav-bg)!important;border-top:1px solid var(--nav-border)!important;border-bottom:none!important;box-shadow:none!important}.header-bar,.page-header{background:var(--header-bg)!important;border-bottom:1px solid var(--header-border)!important;box-shadow:none!important}.title-bar{border-bottom:1px solid var(--border-color)}.hot-sale-toggle,.hot-sale-toggle:hover,.hot-sale-toggle:active{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important}.hot-sale-toggle span,.hot-sale-toggle svg{color:var(--danger)!important;stroke:var(--danger)!important}.hot-sale-toggle{animation:hot-sale-breath 1.8s ease-in-out infinite}@keyframes hot-sale-breath{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.94)}}@media (prefers-reduced-motion: reduce){.hot-sale-toggle{animation:none}}.nav-group{min-width:0}.nav-group--left{padding-right:38px}.nav-group--right{padding-left:38px}.nav-center-socket{position:absolute;left:50%;margin-left:-39px;top:0;width:78px;height:18px;border-radius:9px;background:var(--nav-bg);box-shadow:inset 0 -1px 0 var(--nav-border);pointer-events:none;z-index:0}.nav-center-btn{position:absolute;left:50%;margin-left:-33px;top:-14px;width:66px;height:66px;border-radius:50%;border:1px solid var(--card-border);padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--card-bg);box-shadow:0 0 0 4px var(--nav-bg),var(--shadow-md);z-index:3;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .2s ease-out;-webkit-tap-highlight-color:transparent;outline:none}.nav-center-btn:active{transform:scale(.93);box-shadow:0 0 0 4px var(--nav-bg),var(--shadow-sm)}.nav-center-btn.is-active{transform:scale(1.04)}.nav-center-btn.is-active:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:radial-gradient(circle,var(--neu-accent-glow,var(--neu-accent)) 0%,transparent 70%);opacity:.4;filter:blur(3px);z-index:-1;pointer-events:none}.nav-center-ring{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--neu-accent)}.nav-center-avatar{position:relative;width:52px;height:52px;border-radius:50%;object-fit:cover;background:var(--bg-dark)}.nav-center-fallback{position:relative;font-size:26px;line-height:1}.nav-center-home-label{position:relative;font-size:11px;font-weight:800;letter-spacing:.08em;color:#fff;font-family:var(--font-cn)}.marquee-border{position:relative;border-radius:var(--radius-lg);padding:1.5px;overflow:hidden;background:var(--bg-elevated);isolation:isolate}.marquee-border:before{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;background:conic-gradient(from 0deg,var(--accent-beer) 0deg,var(--accent-beer-glow) 60deg,transparent 120deg,transparent 240deg,var(--accent-beer-glow) 300deg,var(--accent-beer) 360deg);animation:marquee-border-spin 3s linear infinite;z-index:0;pointer-events:none}.marquee-border>div{position:relative;z-index:1}@keyframes marquee-border-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.marquee-border:before{animation:none}}.savanna-glow{position:relative;animation:savanna-glow-pulse 2.4s ease-in-out infinite}@keyframes savanna-glow-pulse{0%,to{box-shadow:0 0 0 3px rgba(var(--neu-rgb),.1),var(--shadow-sm)}50%{box-shadow:0 0 0 6px rgba(var(--neu-rgb),.18),var(--shadow-md)}}@media (prefers-reduced-motion: reduce){.savanna-glow{animation:none;box-shadow:0 0 0 3px rgba(var(--neu-rgb),.1)}}.breath-stroke{outline:2px solid rgba(var(--neu-rgb),.4);outline-offset:2px}.breath-stroke.on-accent{outline-color:#fff6}[data-theme=guinness] .product-card-chanel,[data-theme=guinness] .info-card,[data-theme=guinness] .balance-card,[data-theme=guinness] .product-card,[data-theme=guinness] .card-dark{background:var(--card-bg)!important;background-color:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--shadow-sm)!important}[data-theme=guinness] .btn-primary{color:#0d0d0d!important}[data-theme=guinness] .hot-sale-toggle span,[data-theme=guinness] .hot-sale-toggle svg{color:#e5484d!important;stroke:#e5484d!important}html body:before{content:"";position:fixed;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);z-index:99999;pointer-events:none}.home-hero{box-shadow:0 10px 24px rgba(var(--neu-rgb),.28)!important}.product-card-chanel .font-num{color:var(--beer-green-deep)}[data-theme=guinness] .product-card-chanel .font-num{color:var(--gold)}.nav-tab-active{font-weight:600}.progress-bar-fill{background:var(--gradient-primary)}@keyframes fab-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.fab-bounce{animation:fab-bounce 1.6s ease-in-out infinite}:root{--page-grad:linear-gradient(180deg,var(--pg-top,#F6F9FC) 0%,var(--bg-deep,#F6F9FC) 42%,var(--pg-bottom,#ECEFF3) 100%)}[data-theme=blue]{--pg-top:#F3F4FF;--pg-bottom:#E9ECF4}[data-theme=green]{--pg-top:#F0FAF4;--pg-bottom:#E9F2EC}[data-theme=purple]{--pg-top:#F7F3FB;--pg-bottom:#EFEAF3}[data-theme=nestle]{--pg-top:#F8F5F3;--pg-bottom:#EFEAE7}[data-theme=coca]{--pg-top:#FDF4F4;--pg-bottom:#F3EAEA}[data-theme=guinness]{--pg-top:#15181D;--pg-bottom:#0F1115}[data-theme=thums-up]{--pg-top:#E6F2FC;--pg-bottom:#B8D6F0}html body,body,html .phone-frame,.app-container{background:var(--page-grad)!important;background-color:transparent!important}.phone-frame{background-image:var(--page-grad)!important}.nav-tab-active{background:transparent!important;color:var(--nav-active-bg)!important;border-radius:12px!important}.nav-tab-active span{color:var(--nav-active-bg)!important}.b-card{background:var(--card-bg,#fff);border-radius:13px;box-shadow:0 5px 20px #00000014;border:none}.b-inner{background:var(--beer-green-light);border-radius:10px}.b-pill{border-radius:66px!important}.input-plain{background:transparent;border:none;outline:none;font-family:inherit}.input-plain::placeholder{color:var(--text-muted)}:root{--ref-btn-grad:linear-gradient(135deg,var(--beer-green),var(--beer-green-deep))}[data-theme=green]{--ref-btn-grad:linear-gradient(135deg,#059669,#4CBF9A)}[data-theme=blue]{--ref-btn-grad:linear-gradient(135deg,#2F80ED,#7AB0F5)}[data-theme=purple]{--ref-btn-grad:linear-gradient(135deg,#7B4FA3,#B39AD0)}[data-theme=nestle]{--ref-btn-grad:linear-gradient(135deg,#6D4C41,#A98D84)}[data-theme=coca]{--ref-btn-grad:linear-gradient(135deg,#E5231D,#F2857F)}[data-theme=guinness]{--ref-btn-grad:linear-gradient(135deg,#D4AF37,#F0DA9A)}[data-theme=thums-up]{--ref-btn-grad:linear-gradient(135deg,#0073E6,#0050C8)}@keyframes refPageFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.ref-anim{animation:refPageFadeIn .55s cubic-bezier(.22,1,.36,1) backwards}.ref-anim-1{animation-delay:.08s}.ref-anim-2{animation-delay:.16s}.ref-anim-3{animation-delay:.24s}.ref-anim-4{animation-delay:.32s}.ref-anim-5{animation-delay:.4s}.ref-anim-6{animation-delay:.48s}.ref-anim-7{animation-delay:.56s}@keyframes refBtnFlow{0%{background-position:0% 50%}to{background-position:400% 50%}}.ref-btn-flow{background-image:linear-gradient(270deg,var(--beer-green-light),var(--beer-green),var(--beer-green-light),var(--beer-green),var(--beer-green-light));background-size:400% 100%;animation:refBtnFlow 4s linear infinite}.ref-input{width:100%;background:linear-gradient(135deg,rgba(var(--beer-green-rgb),.05),rgba(var(--beer-green-rgb),.12));border:.5px solid rgba(9,11,71,.04);transition:transform .2s,box-shadow .2s;display:flex;align-items:center}.ref-input:focus-within{transform:translateY(-1px);box-shadow:0 0 0 2px #090b4714,0 4px 12px #090b471f}.ref-input input{border:0;outline:0;background:transparent!important;flex:1;min-width:0;font-family:inherit;font-size:15px;color:var(--text-primary)}.ref-input input::placeholder{color:var(--text-muted)}.ref-btn{width:100%;border:0;border-radius:50px;padding:10px 0;color:#fff;font-family:inherit;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:var(--ref-btn-grad);box-shadow:0 4px 10px #090b474d;transition:transform .2s,box-shadow .2s;margin:5px 0 20px}.ref-btn:active{transform:translateY(1px);box-shadow:0 2px 6px #090b4740}.ref-btn:disabled{opacity:.65;cursor:default}.ref-item{background:#fff;border-radius:10px;padding:7.5px;box-shadow:0 5px 20px #0000000f;overflow:hidden;position:relative;filter:none}.ref-box-mian{display:flex;align-items:center;padding:7.5px 10px;position:relative}.ref-title-a{display:flex;align-items:center;flex:1;min-width:0}.ref-title-logo{width:30px;height:30px;border-radius:50%;background:var(--beer-green-light);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--beer-green);font-size:13px;flex-shrink:0;overflow:hidden}.ref-title-logo img{width:100%;height:100%;object-fit:cover;display:block}.ref-title-r{margin-left:7.5px;flex:1;min-width:0}.ref-title-r .t{font-size:15px;color:#0d121f;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-title-r .msg{font-size:11px;color:#797979;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.ref-discount{position:absolute;right:10px;top:10px;width:40px;height:40px;background:linear-gradient(112deg,#e55888,#f79c58);border-radius:50%;display:flex;align-items:center;justify-content:center}.ref-discount .text{font-size:14px;font-weight:700;color:#fff}.ref-prodimg{height:150px;border-radius:10px;margin:0 10px;position:relative;overflow:hidden;background:var(--beer-green-light)}.ref-prodimg img{width:100%;height:100%;object-fit:cover;display:block}.ref-vipgif{position:absolute;top:0;left:0;width:60px;height:18px;z-index:1;background:linear-gradient(90deg,#f7c95c,#e5a13a);color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;border-radius:0 0 6px}.ref-zt{position:absolute;top:0;right:0;height:24px;padding:0 10px;background:linear-gradient(112deg,#e55888,#f79c58);border-radius:0 0 0 10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;z-index:1}.ref-imglock{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2}.ref-dbox{display:flex;padding:0 10px;height:60px;align-items:center}.ref-dbox1{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.ref-dbox2{flex:1;border-left:1px solid #f2f2f2;display:flex;flex-direction:column;align-items:center;justify-content:center}.ref-dbox .d_box_y{font-size:20px;color:#f38900;font-weight:700;line-height:26px}.ref-dbox .d_box_x{font-size:12px;color:#797979}.ref-dbox .d_box_z{font-size:12px;color:#0d121f}.ref-btns{display:flex;padding:10px}.ref-pbtn1{height:35px;flex:1;border-radius:50px;background:#fff;color:var(--beer-green);font-size:11px;font-weight:700;border:1px solid var(--beer-green);margin-right:7.5px;cursor:pointer;font-family:inherit}.ref-pbtn2{height:35px;flex:1;border-radius:50px;background:linear-gradient(135deg,var(--beer-green),var(--beer-green-deep));color:#fff;font-size:11px;font-weight:700;border:0;cursor:pointer;font-family:inherit;transition:transform .2s;box-shadow:0 4px 10px #090b474d}.ref-pbtn2:active{transform:translateY(1px)}.ref-pbtn2:disabled{opacity:.55}.ref-pbtn2.ref-flow{background-image:linear-gradient(270deg,var(--beer-green-light),var(--beer-green),var(--beer-green-light),var(--beer-green),var(--beer-green-light));background-size:400% 100%;animation:refBtnFlow 4s linear infinite}.ref-qa{display:flex;justify-content:space-around;background:#fff;border-radius:10px;padding:15px 0;margin:0 10px 12px;box-shadow:0 5px 20px #0000000f}.ref-qa-item{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;cursor:pointer;font-family:inherit;transition:transform .2s;padding:0 8px}.ref-qa-item:active{transform:scale(.9)}.ref-qa-icon{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.ref-qa-icon.ref-qa-green{background:#35c978;box-shadow:0 6px 12px #2bb16755}.ref-qa-icon.ref-qa-orange{background:#ffab2e;box-shadow:0 6px 12px #f09c2c55}.ref-qa-icon.ref-qa-blue{background:#4d8cff;box-shadow:0 6px 12px #4485f255}.ref-qa-icon.ref-qa-purple{background:#8155ff;box-shadow:0 6px 12px #744ce655}.ref-qa-name{font-size:12px;color:#0d121f;font-weight:600}.ref-category{display:flex;flex-wrap:wrap;background:#fff;border-radius:10px;border:1px solid var(--beer-green);padding:7.5px;margin:0 16px 12px;gap:5px}.ref-cat{font-size:12px;color:var(--beer-green);padding:5px 12.5px;border-radius:5px;background:#fff;cursor:pointer;font-family:inherit;border:0}.ref-cat.on{background:var(--beer-green);color:#fff}html,body,.phone-frame{background:#f5f6f5}:root{--pg-top:#f5f6f5;--pg-bottom:#f5f6f5}.ref-input input::placeholder{color:#090b4733}.nav-tab-active{background:transparent!important;box-shadow:none!important;border-radius:0!important;color:var(--nav-active-bg)!important}.nav-tab-active .nav-label,.nav-tab-active span{color:var(--nav-active-bg)!important;font-weight:600}.nav-tab-active svg{color:var(--nav-active-bg)!important;stroke:var(--nav-active-bg)!important}.nav-tab-active svg path{stroke:var(--nav-active-bg)!important;fill:var(--nav-active-bg)!important}html body:before{display:none!important}:root{--pg-top:#f3f4ff !important;--pg-bottom:#ededed !important}.ref-input{color:#273248!important}.ref-input input{color:#273248!important;width:80%!important;flex-shrink:0!important}.ref-input input::placeholder{color:#94a3b8!important;opacity:1!important;font-weight:400!important}.ref-input:focus-within{transform:translateY(-2px)!important;box-shadow:0 0 0 2px #090b4714,0 4px 12px #090b471f!important}.bottom-nav{border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.nav-center-btn,.nav-center-socket,.nav-center-ring,.nav-center-home-label{display:none!important}.nav-group--left{padding-right:0!important}.nav-group--right{padding-left:0!important}.ref-my{display:flex;align-items:center;border-radius:10px;padding:25px;margin:10px 0 0;background:linear-gradient(135deg,rgba(var(--beer-green-rgb),.1),rgba(var(--beer-green-rgb),.04));box-shadow:0 .5px 1px #090b470a,0 2px 6px #090b470f,0 6px 16px #090b4714}.ref-my-logo{width:46px;height:46px;border-radius:12px;object-fit:cover;background:#fff;box-shadow:0 2px 8px #090b4714;flex-shrink:0}.ref-my-phone{font-size:17px;font-weight:700;color:#0d121f;letter-spacing:.02em}.ref-my-sub{margin-top:3px;font-size:12px;color:#797979}.ref-my-vip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#c98a2d;background:linear-gradient(135deg,#fdf3e0,#f9e9c8);padding:3px 8px;border-radius:5px}.ref-quickcard{margin:10px 0 0;padding:10px 5px;background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;display:flex;align-items:center;justify-content:space-around}.ref-baritem{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 0;border:none;background:transparent;cursor:pointer;font-family:inherit;transition:transform .15s ease}.ref-baritem:active{transform:scale(.92)}.ref-baritem svg{fill:#888;display:block}.ref-baritem-icon{display:flex;align-items:center;justify-content:center}.ref-baritem-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:none}.ref-baritem-icon img{width:48px;height:48px;object-fit:contain;border-radius:50%}.ref-baritem-name{margin-top:0;font-size:12px;color:#888}.ref-category{background:#fff;border-radius:10px;padding:5px;border:1px solid var(--beer-green);display:flex;flex-direction:row;align-items:center;margin:10px 0 0}.ref-cat-item{flex-grow:1;text-align:center;background:transparent;border:none;font-size:12px;color:#0d121f;padding:10px 0;cursor:pointer;border-radius:5px;font-family:inherit;transition:all .2s}.ref-cat-item.ref-cat-on{background-color:var(--beer-green);color:#fff}.ref-hotsale{display:inline-flex;align-items:center;gap:3px;border:none;background:transparent;cursor:pointer;padding:8px 10px 8px 6px;font-size:12px;font-weight:800;color:#e60012;flex-shrink:0;font-family:inherit}.pf-page{min-height:100%;background:var(--page-grad)}.pf-head{position:relative;background:linear-gradient(160deg,var(--beer-green),var(--beer-green-deep,#2e6396) 75%);padding:30px 16px 0;overflow:visible}.pf-head:before{content:"";position:absolute;top:-40px;right:-30px;width:180px;height:180px;background:radial-gradient(circle,hsla(0,0%,100%,.18) 0,transparent 70%);border-radius:50%;pointer-events:none}.pf-head:after{content:"";position:absolute;bottom:40px;left:-10%;width:150px;height:150px;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);border-radius:50%;pointer-events:none}.pf-logout{position:absolute;right:12px;top:12px;width:32px;height:32px;border-radius:50%;border:0;background:#ffffff2e;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px}.pf-logout svg{width:100%;height:100%;fill:#fff}.pf-card{position:relative;background:#fff;border-radius:10px;padding:48px 12px 14px;box-shadow:0 5px 20px #0000000f;margin-top:20px;text-align:center}.pf-avatar{position:absolute;width:75px;height:75px;border-radius:50%;border:5px solid #fff;box-shadow:0 3px 9px #00000026;top:-37px;left:50%;transform:translate(-50%);overflow:hidden;background:var(--page-bg)}.pf-avatar img{width:100%;height:100%;object-fit:cover}.pf-mobile{width:100%;font-size:18px;font-weight:700;text-align:center;letter-spacing:.5px;color:#0d121f}.pf-vipbox{margin-top:6px}.pf-vip{display:inline-block;font-size:10px;font-weight:700;color:#c98a2d;background:linear-gradient(135deg,#fdf3e0,#f9e9c8);border-radius:18px;padding:2.5px 12px}.pf-cash{padding:12px 10px 2px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.pf-cash-item{text-align:center;border:0;background:transparent;cursor:pointer;font-family:inherit;padding:4px 2px}.pf-cash-item:active{transform:scale(.97)}.pf-cash-ky{font-size:22px;font-weight:800;margin-bottom:4px;color:var(--beer-green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-cash-title{font-size:14px;font-weight:600;color:#555}.pf-error{padding:16px 0;color:#e43d33;font-size:13px}.pf-retry{margin-top:10px;padding:8px 22px;border-radius:66px;border:1px solid var(--beer-green);background:transparent;color:var(--beer-green);font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.pf-menu{margin:12px 16px 0;background:#fff;border-radius:10px;box-shadow:0 5px 20px #0000000f;padding:2px 17.5px}.pf-menu-item{position:relative;width:100%;display:flex;align-items:center;background:transparent;border:0;border-bottom:1px solid #f5f5f5;font-size:15px;padding:17.5px 0 17.5px 40px;cursor:pointer;font-family:inherit;text-align:left;color:#0d121f}.pf-menu-item:last-child{border-bottom:none}.pf-menu-ico{width:25px;height:25px;position:absolute;top:17.5px;left:0}.pf-menu-ico svg{width:100%;height:100%;fill:var(--beer-green)}.pf-menu-name{line-height:1.4}.pf-menu-arrow{width:20px;height:20px;position:absolute;top:17.5px;right:0}.pf-menu-arrow svg{width:100%;height:100%;fill:#bdbdbd}.pf-menu-badge{background-color:#e43d33;min-width:20px;height:20px;padding:0 5px;font-size:10px;text-align:center;line-height:20px;color:#fff;border-radius:50%;position:absolute;right:30px;top:17.5px}.tm-page{min-height:100%;background:#fff}.tm-tops{position:relative;height:310px}.tm-top{position:absolute;left:0;top:0;width:100%;height:200px;background:linear-gradient(160deg,var(--beer-green),var(--beer-green-deep,#2e6396) 75%);overflow:hidden}.tm-top:after{content:"";position:absolute;right:10px;top:10px;width:200px;height:170px;background:radial-gradient(circle,hsla(0,0%,100%,.16) 0,transparent 70%);border-radius:50%}.tm-my{position:absolute;left:10px;right:10px;top:125px;background:#fff;border-radius:10px;box-shadow:0 15px 39px #00000014;padding:46px 12px 12px;text-align:center}.tm-avatar{position:absolute;width:75px;height:75px;border-radius:50%;border:5px solid #fff;background:var(--beer-green);top:-37px;left:50%;transform:translate(-50%);overflow:hidden;box-shadow:0 3px 9px #00000026}.tm-avatar img{width:100%;height:100%;object-fit:cover}.tm-name{font-size:18px;font-weight:700;color:#0d121f}.tm-total{text-align:center;font-size:13px;line-height:27.5px;color:#797979}.tm-total2{display:block;font-size:17px;font-weight:700;color:var(--beer-green)}.tm-total-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center;font-size:12px;padding:0 10px}.tm-total-item{margin:10px 0;background:rgba(var(--beer-green-rgb),.16);padding:10px 0;border-radius:10px;color:var(--beer-green)}.tm-ti-v{display:block;font-weight:700;font-size:14px}.tm-ti-l{display:block;padding-top:2px}.tm-hz{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 15px 0}.tm-item{background-color:var(--page-bg);text-align:center;padding:15px 10px;border-radius:7.5px}.tm-count{color:var(--beer-green);font-weight:700;font-size:15px;word-break:break-all}.tm-title{color:#888;font-size:12px;padding-top:5px}.tm-lv{padding:10px 15px 0}.tm-t{border-bottom:2px solid var(--beer-green);font-size:15px;line-height:25px}.tm-t span{background:var(--beer-green);color:#fff;padding:5px 25px;border-radius:10px 10px 0 0;display:inline-block}.tm-con{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 0}.tm-share{margin:10px 15px 0;display:flex;align-items:center;background:var(--page-bg);border-radius:7.5px;padding:12px}.tm-share-code{width:70%;color:var(--beer-green);font-weight:700;font-size:13px;word-break:break-all;cursor:pointer;line-height:1.4}.tm-share-btn{width:30%;text-align:right}.tm-share-btn button{font-size:10px;padding:5px 10px;background:var(--beer-green);border:0;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;margin-left:6px}.tm-tabs{display:flex;margin:15px 15px 0;border:1px solid var(--beer-green);border-radius:7.5px;overflow:hidden}.tm-tab{flex:1;border:0;background:#fff;color:#0d121f;font-size:13px;padding:10px 0;cursor:pointer;font-family:inherit}.tm-tab-on{background:var(--beer-green);color:#fff}.tm-list{padding:12px 15px 0;display:flex;flex-direction:column;gap:10px}.tm-member{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:7.5px;background:var(--page-bg);animation:refPageFadeIn .55s cubic-bezier(.22,1,.36,1) backwards}.tm-member-img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0}.tm-member-msg{flex:1;min-width:0}.tm-member-name{font-size:14px;font-weight:700;color:#0d121f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-member-sub{font-size:11px;color:#888}.tm-member-active{color:var(--beer-green);font-weight:700}.tm-member-amt{font-size:14px;font-weight:800;color:var(--beer-green);flex-shrink:0}.tm-state{text-align:center;padding:16px 0;color:#888;font-size:12px}.wd-page{min-height:100%;background:linear-gradient(180deg,#f3f4ff,#ededf5 50%,#ededed);background-attachment:fixed;padding:15px 15px 0;font-size:13px;color:#2a2d3a;letter-spacing:.02em}.wd-page>*{animation:wdFadeIn .55s cubic-bezier(.22,1,.36,1) backwards}.wd-page>*:nth-child(1){animation-delay:0ms}.wd-page>*:nth-child(2){animation-delay:80ms}.wd-page>*:nth-child(3){animation-delay:.16s}.wd-page>*:nth-child(4){animation-delay:.24s}.wd-page>*:nth-child(5){animation-delay:.32s}.wd-page>*:nth-child(6){animation-delay:.4s}.wd-page>*:nth-child(7){animation-delay:.48s}.wd-page>*:nth-child(n+8){animation-delay:.56s}@keyframes wdFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.wd-itembox{background-color:var(--card-bg,#fff);border:1px solid var(--border-color,#E3E8EE);border-radius:12px;padding:15px;font-size:13px;margin-bottom:15px;line-height:25px;box-shadow:0 4px 14px #0000000d}.wd-tx{padding:10px 0;font-size:15px;font-weight:700}.wd-amount-input{display:flex;align-items:center;font-size:18px;background:var(--card-bg,#fff);border:1.5px solid rgba(var(--beer-green-rgb,21,101,192),.45);padding:12px 14px;border-radius:14px;margin-top:5px;margin-bottom:15px;gap:10px;box-shadow:0 4px 14px #0000000f}.wd-amount-unit{color:var(--beer-green);font-weight:800}.wd-amount-field{flex:1}.wd-amount-field input{width:100%;border:0;outline:none;background:transparent;font-size:18px;font-weight:700;color:var(--beer-green);font-family:inherit}.wd-tips{margin-top:10px;font-weight:700;color:var(--text-muted,#8a94a6)}.wd-withdrawal-tips{background:rgba(var(--beer-green-rgb,21,101,192),.08);border:1px solid rgba(var(--beer-green-rgb,21,101,192),.25);border-radius:10px;color:var(--beer-green);padding:5px 10px;font-size:12px;line-height:18px;margin-top:10px;font-weight:700}.wd-type{display:flex;gap:10px;margin-top:10px}.wd-wt-item{flex:1;background:var(--card-bg,#fff);border:1.5px solid rgba(var(--beer-green-rgb,21,101,192),.45);border-radius:12px;padding:12px;box-shadow:0 4px 14px #0000000f}.wd-wt-on{border-color:var(--beer-green);box-shadow:0 4px 14px rgba(var(--beer-green-rgb,21,101,192),.18)}.wd-wt-title{font-size:16px;color:var(--beer-green);font-weight:800;border-bottom:1px solid var(--border-color,#E3E8EE);padding:0 0 10px;margin-bottom:10px}.wd-wt-con{font-size:12px;color:var(--text-muted,#8a94a6);line-height:18px;font-weight:600}.wd-spacer{height:15px}.wd-my-btn{display:flex;align-items:center;justify-content:center;border:none;color:#fff;background-image:linear-gradient(135deg,var(--beer-green),var(--beer-green-light));border-radius:50px;background-size:100% auto;font-family:inherit;font-size:17px;padding:.6em 1.5em;text-align:center;position:relative;z-index:30;box-shadow:0 4px 10px #090b474d;letter-spacing:1px;font-weight:500;transition:all .25s ease;width:100%;cursor:pointer}.wd-my-btn:active{transform:translateY(1px);box-shadow:0 2px 5px #090b4740}.wd-my-btn1{background-image:none;background:#a5a4a4}.wd-btn-count{margin-left:5px;color:#fff;font-size:19px}.wd-item{display:flex;padding:6px 5px;border-bottom:1px solid var(--border-color,#E3E8EE)}.wd-item-title{width:125px;font-weight:700;color:var(--text-muted,#8a94a6)}.wd-item-con{width:calc(100% - 125px);word-wrap:break-word;font-weight:700}.wd-charging{margin-top:10px}.wd-btn-b{margin-top:10px;padding:11px;text-align:center;border-radius:999px;font-size:15px;font-weight:800;background:var(--card-bg,#fff);color:var(--beer-green);fill:var(--beer-green);border:1.5px solid rgba(var(--beer-green-rgb,21,101,192),.45);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.wd-btn-b:active{transform:scale(.98)}.wd-btn-b svg{width:14px;height:14px}.wd-itembox-htmlk{font-size:13px;line-height:25px;margin-bottom:15px}.wd-itembox-htmlk ul{padding:0;margin:0}.wd-itembox-htmlk li{list-style:none;border-left:2px solid var(--beer-green);color:var(--beer-green);background-color:var(--page-bg);padding:10px 0 10px 15px;margin:15px 0;font-size:13px;line-height:23px;font-weight:700;text-align:left}.wd-divtop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.5;z-index:9998;min-height:100vh}.wd-pwdbox{position:fixed;left:50%;transform:translate(-50%);top:150px;width:300px;background-color:var(--card-bg,#fff);border:1px solid var(--border-color,#E3E8EE);border-radius:14px;box-shadow:0 12px 32px #00000038;z-index:9999}.wd-msg{font-size:12px;text-align:center;padding:20px 15px 0;line-height:20px;font-weight:700;color:var(--text-primary,#2a2d3a)}.wd-sppwd{padding:0 10px 10px}.wd-pwd{width:100%;font-size:40px;text-align:center;letter-spacing:10px;border:0;border-bottom:1.5px solid rgba(var(--beer-green-rgb,21,101,192),.45);outline:none;background:transparent;color:var(--text-primary,#2a2d3a);font-family:inherit}.wd-btnlist{padding:15px;display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:7.5px;row-gap:7.5px}.wd-key{background-color:var(--card-bg,#fff);border:1px solid var(--border-color,#E3E8EE);border-radius:8px;height:46px;font-size:20px;color:var(--text-primary,#2a2d3a);cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;padding:0;font-weight:700;transition:background-color .15s ease}.wd-key:active{background-color:rgba(var(--beer-green-rgb,21,101,192),.12)}.wd-key svg{width:20px;height:20px}.rc-page{min-height:100%;background:linear-gradient(180deg,#f3f4ff,#ededf5 50%,#ededed);background-attachment:fixed;padding:15px 15px 0;font-size:13px;color:#2a2d3a;letter-spacing:.02em}.rc-page>*{animation:rcFadeIn .55s cubic-bezier(.22,1,.36,1) backwards}.rc-page>*:nth-child(1){animation-delay:0ms}.rc-page>*:nth-child(2){animation-delay:80ms}.rc-page>*:nth-child(3){animation-delay:.16s}.rc-page>*:nth-child(4){animation-delay:.24s}.rc-page>*:nth-child(5){animation-delay:.32s}.rc-page>*:nth-child(6){animation-delay:.4s}.rc-page>*:nth-child(7){animation-delay:.48s}.rc-page>*:nth-child(n+8){animation-delay:.56s}@keyframes rcFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.rc-agrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.rc-ag{background-color:var(--page-bg);color:var(--beer-green);font-size:13px;font-weight:500;text-align:center;padding:10px;border-radius:50px;border:2px solid #e74c3c;font-family:inherit;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease;cursor:pointer}.rc-ag:active{transform:scale(.9)}.rc-ag-on{background-color:var(--beer-green);border-color:var(--beer-green);color:#fff}.rc-cz{margin-top:15px;background-color:#fff;border-radius:10px;padding:15px}.rc-cz-title{padding-bottom:10px;font-weight:500;font-size:15px}.rc-amount-input{display:flex;align-items:center;font-size:18px;background:var(--card-bg,#fff);border:1.5px solid rgba(var(--beer-green-rgb,21,101,192),.45);padding:12px 14px;border-radius:14px;gap:10px;box-shadow:0 4px 14px #0000000f}.rc-unit{color:var(--beer-green);font-weight:800}.rc-field{flex:1}.rc-field input{width:100%;border:0;outline:none;background:transparent;font-size:18px;font-weight:700;color:var(--beer-green);font-family:inherit}.rc-itemlist1{margin-top:15px;display:grid;grid-template-columns:1fr;gap:10px}.rc-ch-card{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#e74c3c;border:2px solid #e74c3c;border-radius:999px;padding:13px 18px;cursor:pointer;transition:all .25s ease;min-width:0}.rc-ch-card:active{transform:scale(.98)}.rc-ch-card-on{background:var(--beer-green);border-color:var(--beer-green);color:#fff}.rc-ch-logo{display:inline-flex;align-items:center;justify-content:center;flex:none}.rc-ch-logo img{width:24px;height:24px;border-radius:50%;object-fit:cover;display:block;border:1.5px solid rgba(255,255,255,.85)}.rc-ch-logo svg{width:20px;height:20px}.rc-ch-name{font-size:14px;font-weight:800;text-align:center;word-break:break-word;line-height:1.25}.rc-my-btn{display:flex;align-items:center;justify-content:center;border:none;color:#fff;background-image:linear-gradient(135deg,var(--beer-green),var(--beer-green-light));border-radius:50px;background-size:100% auto;font-family:inherit;font-size:17px;padding:.6em 1.5em;text-align:center;position:relative;z-index:30;box-shadow:0 4px 10px #090b474d;letter-spacing:1px;font-weight:500;transition:all .25s ease;width:100%;cursor:pointer;margin-top:15px}.rc-my-btn:active{transform:translateY(1px);box-shadow:0 2px 5px #090b4740}.rc-my-btn1{background-image:none;background:#a5a4a4}.rc-btn-count{margin-left:5px;color:#fff;font-size:19px}.rc-itembox-htmlk{font-size:13px;line-height:25px;margin-top:15px;margin-bottom:15px}.rc-itembox-htmlk ul{padding:0;margin:0}.rc-itembox-htmlk li{list-style:none;border-left:2px solid var(--beer-green);color:var(--beer-green);background-color:var(--page-bg);padding:10px 0 10px 15px;margin:15px 0;font-size:13px;line-height:23px;font-weight:700;text-align:left}.rc-prompt-box{position:fixed;left:0;top:0;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;z-index:9999;background:transparent;opacity:0;transition:opacity .3s ease,background .3s ease}.rc-prompt-box.rc-is-open{background:#00000080;opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.rc-prompt{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:300px;min-height:150px;transform:scale(.7) translateY(20px);opacity:0;transition:opacity .35s cubic-bezier(.34,1.56,.64,1),transform .35s cubic-bezier(.34,1.56,.64,1)}.rc-prompt.rc-is-open{transform:scale(1) translateY(0);opacity:1}.rc-promptbody{width:100%;border-radius:12px;background:linear-gradient(180deg,#fff,#fafaff);overflow:hidden;box-shadow:0 6px 20px #0000002e;position:relative}.rc-cancel{position:absolute;background:linear-gradient(135deg,#ff6b6b,#da0000);z-index:10000;right:-12.5px;top:-12.5px;width:35px;height:35px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 7px #da000066;padding:7.5px;cursor:pointer;transition:transform .2s ease}.rc-cancel svg{width:100%;height:100%;fill:#fff}.rc-cancel:active{transform:scale(.9)}.rc-prompt-top{display:flex;flex-direction:column;align-items:center;width:100%;text-align:left;padding:20px 20px 0}.rc-prompt-title{margin-bottom:10px;color:#333;font-size:18px;font-weight:600}.rc-html-box{width:100%;text-align:center;font-size:15px}.rc-prompt-buttons{display:flex;width:100%;border-top:.5px solid #f0f0f0;margin-top:20px}.rc-prompt-confirm{color:#fff;display:flex;justify-content:center;align-items:center;font-size:15px;font-weight:600;letter-spacing:.5px;border:none;background-color:var(--beer-green);flex:1;height:46px;cursor:pointer;font-family:inherit;transition:opacity .2s ease,transform .2s ease}.rc-prompt-confirm:active{opacity:.85;transform:scale(.98)}.ref-baritem{animation:ref-baritem-in .5s calc(var(--i, 0)*80ms) backwards}.ref-baritem-icon{display:flex;align-items:center;justify-content:center;background:transparent!important}.ref-baritem:nth-child(1) .ref-baritem-icon{background:transparent!important}.ref-baritem:nth-child(2) .ref-baritem-icon{background:transparent!important}.ref-baritem:nth-child(3) .ref-baritem-icon{background:transparent!important}.ref-baritem:nth-child(4) .ref-baritem-icon{background:transparent!important}.ref-baritem-svg{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ref-baritem-svg svg{width:26px;height:26px;fill:#fff;display:block}@keyframes ref-baritem-in{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.ref-earn-page.content{padding:15px 15px 100px;background:linear-gradient(180deg,#f3f4ff,#ededf5 50%,#ededed);background-attachment:fixed}.ref-earn-page.content .earnings_two{width:100%;height:50px;background-color:#fff;border-radius:10px;display:flex;flex-direction:row;line-height:47px;box-shadow:0 .5px 1px #090b470a,0 2px 6px #090b470f,0 6px 16px #090b4714}.ref-earn-page.content .earnings_two .earnings1{width:calc(100% - 190px);padding-left:10px;color:#f0ad4e;font-size:18px;font-weight:700}.ref-earn-page.content .earnings_two .earnings2{width:190px;text-align:right;padding-right:10px;font-size:13px}.ref-earn-page.content .earnings_two .earnings2 span{background-color:var(--beer-green);color:#fff;padding:7.5px 10px;border-radius:7.5px;cursor:pointer;transition:.2s}.ref-earn-page.content .earnings_two .earnings2 span:active{transform:translateY(1px);box-shadow:0 2px 5px #090b4740}.ref-earn-page.content .product4{padding:10px 0}.ref-earn-page.content .product4 .item{border-radius:10px;margin-bottom:10px;padding:10px;background-color:#fff;box-shadow:0 .5px 1px #090b470a,0 2px 6px #090b470f,0 6px 16px #090b4714}.ref-earn-page.content .product4 .item .box_mian{display:flex;flex-direction:row;position:relative}.ref-earn-page.content .product4 .item .box_mian .img{width:140px;height:140px;position:relative;flex-shrink:0}.ref-earn-page.content .product4 .item .box_mian .img .zt{width:100%;height:100%;border-radius:5px;object-fit:cover;display:block}.ref-earn-page.content .product4 .item .box_mian .img .vipgif{width:60px;height:18px;position:absolute;top:0;left:0;z-index:2}.ref-earn-page.content .product4 .item .box_mian .img .title{font-size:15px;background-image:linear-gradient(0deg,#000,transparent);border-radius:0 0 5px 5px;padding:15px 10px 5px;left:0;bottom:0;color:#fff;width:calc(100% - 20px);position:absolute;z-index:1;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.ref-earn-page.content .product4 .item .box_mian .img .run_type{position:absolute;top:0;left:0;font-size:10px;width:100%;opacity:.85;text-align:center;z-index:2}.ref-earn-page.content .product4 .item .box_mian .img .run_type span{background-color:#00c76e;padding:3px 0;border-radius:5px 5px 0 0;display:block;color:#fff}.ref-earn-page.content .product4 .item .box_mian .img .run_type span.error{background-color:#bf0000}.ref-earn-page.content .product4 .item .box_mian .img .img_lock{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-color:#000000b3;border-radius:5px;text-align:center;display:flex;align-items:center;justify-content:center;color:#fff}.ref-earn-page.content .product4 .item .box_mian .img .img_lock svg{width:50px;height:50px;fill:#fff}.ref-earn-page.content .product4 .item .box_mian .r_box{width:calc(100% - 150px);display:grid;grid-template-columns:1fr;grid-row-gap:8px;margin-right:10px;margin-left:10px}.ref-earn-page.content .product4 .item .box_mian .r_box .title{padding-left:0;font-size:13px;font-weight:700;padding-bottom:5px;color:var(--beer-green);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-earn-page.content .product4 .item .box_mian .r_box .con_item{display:grid;grid-template-columns:1fr 1fr;font-size:11px;background-color:var(--page-bg);border-radius:5px;align-items:center;padding:0 10px}.ref-earn-page.content .product4 .item .box_mian .r_box .con_item .l{text-align:left;color:#888}.ref-earn-page.content .product4 .item .box_mian .r_box .con_item .r{text-align:right;font-weight:700;color:var(--beer-green)}.ref-earn-page.content .product4 .item .box_k{display:grid;grid-template-columns:1fr 1fr;font-size:11px;background-color:var(--page-bg);border-radius:5px;align-items:center;margin-top:10px;padding:7.5px 10px}.ref-earn-page.content .product4 .item .box_k .l{text-align:left;color:#888}.ref-earn-page.content .product4 .item .box_k .r{text-align:right;font-weight:700;color:var(--beer-green)}.ref-earn-page.content .product4 .item .btns{padding:5px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ref-earn-page.content .product4 .item .btns .btn{font-size:12px;padding:7.5px 15px;background:var(--gradient-primary);color:#fff;border-radius:5px;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;box-shadow:0 2px 6px #090b4740;transition:.2s}.ref-earn-page.content .product4 .item .btns .btn:active{transform:translateY(1px)}.ref-earn-page.content .product4 .item .btns .btn svg{width:12px;height:12px;fill:#fff}.ref-earn-page.content .product4 .item .btns .btn1{font-size:12px;padding:7.5px 15px;background-color:#bbbcc6;color:#fff;border-radius:5px;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.ref-earn-page.content .product4 .item .btns .btn2{font-size:12px;padding:7.5px 15px;color:#fff;border-radius:5px;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;background-image:linear-gradient(270deg,var(--beer-green-light),var(--beer-green),var(--beer-green-light),var(--beer-green),var(--beer-green-light));background-size:400%;animation:ref-r10-flow 4s linear 0s infinite;box-shadow:0 3px 10px #090b4766;font-weight:500}.ref-earn-page.content .product4 .item .btns .btn2 svg{width:12px;height:12px;fill:#fff}.ref-earn-page.content .product4 .item .m1{font-size:16px;color:var(--beer-green);font-weight:700;text-align:center;padding:10px}.ref-earn-page.content .product4 .item .m2{color:#888;margin-top:5px;font-size:13px;text-align:center}@keyframes ref-r10-flow{0%{background-position:0}to{background-position:400%}}.ref-share-page.content{background-color:var(--beer-green);padding:0;min-height:calc(100vh - 100px);position:relative}.ref-share-page.content .s_bj{width:100%;position:relative;z-index:1}.ref-share-page.content .s_bj img{width:100%;display:block;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 40%,#000);mask-image:linear-gradient(0deg,transparent 0,#000 40%,#000);-webkit-mask-size:cover;mask-size:cover}.ref-share-page.content .bj_top{position:absolute;background-color:var(--beer-green);height:200px;width:100%;left:0;top:0;z-index:0}.ref-share-page.content .bj_top .bj_ty{position:absolute;background-color:var(--beer-green);top:200px;width:100%;height:100px;border-radius:0 0 200% 200%}.ref-share-page.content .ref-share-back{position:absolute;top:12px;left:12px;z-index:10;background:#fff3;border:0;cursor:pointer;padding:6px;border-radius:50%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.ref-share-page.content .ref-share-back:active{transform:scale(.92)}.ref-share-page.content .box{margin:10px;position:relative;background-color:#fff;padding:20px 0;border-radius:10px;text-align:center;z-index:2;box-shadow:0 .5px 1px #090b470a,0 2px 6px #090b470f,0 6px 16px #090b4714}.ref-share-page.content .box .sbox{display:flex;gap:10px;font-size:14px;background-color:#f3f3f3;padding:10px;margin:10px;border-radius:10px;align-items:center}.ref-share-page.content .box .sbox .sbox_msg{text-align:left;font-weight:700;color:var(--beer-green);font-size:12px;flex:1;padding:2.5px 0}.ref-share-page.content .box .sbox .sbox_btn{text-align:right;flex-shrink:0}.ref-share-page.content .box .sbox .sbox_btn span{font-size:10px;padding:5px 10px;background:var(--gradient-primary);border-radius:5px;color:#fff;cursor:pointer;box-shadow:0 2px 6px #090b4740;transition:.2s;display:inline-block}.ref-share-page.content .box .sbox .sbox_btn span:active{transform:translateY(1px)}.ref-share-page.content .box .mycode{padding-top:15px}.ref-share-page.content .box .code{width:150px;height:150px;margin:15px auto}.ref-share-page.content .btn-gr{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 15px 10px}.ref-share-page.content .btn-gr .btn{font-size:12px;padding:10px 15px;background:var(--gradient-primary);color:#fff;border-radius:25px;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;box-shadow:0 3px 10px #090b4759;letter-spacing:.5px;font-weight:500;transition:all .25s ease}.ref-share-page.content .btn-gr .btn:active{transform:translateY(1px);box-shadow:0 1px 4px #090b4740}.ref-share-page.content .btn-gr .btn svg{width:12px;height:12px;fill:#fff}.ref-share-page.content .btn-gr .btn1{font-size:12px;padding:10px 15px;background-color:#bbbcc6;color:#fff;border-radius:25px;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;letter-spacing:.5px}.ref-share-page.content .btn-gr .btn2{font-size:12px;padding:10px 15px;color:#fff;border-radius:25px;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;background:var(--beer-green);letter-spacing:.5px;box-shadow:0 3px 10px #090b4766;font-weight:500}.ref-share-page.content .btn-gr .btn2 svg{width:12px;height:12px;fill:#fff}.ref-job-page.content{padding:15px 15px 0;background:linear-gradient(180deg,#f3f4ff,#ededf5 50%,#ededed);background-attachment:fixed;min-height:100%}.ref-job-page.content .earnings_two{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 .5px 1px #090b470a,0 2px 6px #090b470f,0 6px 16px #090b4714}.ref-job-page.content .job{padding:15px 0 0}.ref-job-page.content .job .btn2{font-size:12px;padding:7.5px 15px;color:#fff;border-radius:10px;background-image:linear-gradient(270deg,var(--beer-green),#313b82,var(--beer-green));background-size:400%;-webkit-animation:r12-ro1 10s linear 0s infinite;animation:r12-ro1 10s linear 0s infinite;margin-bottom:15px;text-shadow:1px 1px #666;text-align:center;font-weight:500}.ref-job-page.content .job .item{background-color:#fff;display:flex;flex-direction:row;border-radius:10px;margin-bottom:15px;box-shadow:0 .5px 1px #090b470a,0 2px 6px #090b470f,0 6px 16px #090b4714;overflow:hidden}.ref-job-page.content .job .item .m{border-radius:10px 0 0 10px;padding:0 15px;color:#fff;font-size:11px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;text-align:center;line-height:1.4;flex-shrink:0}.ref-job-page.content .job .item .desc{padding:15px;flex-grow:1;position:relative;min-width:0}.ref-job-page.content .job .item .desc .title{font-size:15px;font-weight:700;color:var(--beer-green);padding-right:70px;position:relative}.ref-job-page.content .job .item .desc .title .rbtn{font-size:10px;font-weight:300;background-color:#dd524d;color:#fff;padding:2.5px 0;border-radius:5px;width:60px;text-align:center;position:absolute;right:0;top:50%;transform:translateY(-50%);cursor:pointer;transition:filter .2s}.ref-job-page.content .job .item .desc .title .rbtn:hover{filter:brightness(.95)}.ref-job-page.content .job .item .desc .title .rbtn:active{transform:translateY(-50%) translateY(1px)}.ref-job-page.content .job .item .desc .title .rbtn1{background-color:#00b900}.ref-job-page.content .job .item .desc .title .rbtn2{background-color:#cbcbcb;cursor:default}.ref-job-page.content .job .item .desc .con{color:#bbbcbe;font-size:10px;padding:8.5px 0}.ref-job-page.content .job .item .desc .con .tc{color:var(--beer-green);font-weight:700}.ref-job-page.content .job .item .desc .wcd{font-size:10px;position:relative}.ref-job-page.content .job .item .desc .wcd .u-line-progress{position:relative;height:20px;border-radius:10px;background:var(--page-bg);overflow:hidden;box-shadow:inset 0 1px 2px #090b470f}.ref-job-page.content .job .item .desc .wcd .u-percentage-slot{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#000;width:100%;padding:0 10px;text-align:center;font-weight:700;z-index:2}.ref-job-page.content .job .item .desc .wcd .u-percentage-slot1{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff;width:100%;padding:0 10px;text-align:center;font-weight:700;z-index:2}.ref-job-page.content .btn-group{margin-top:5px}.ref-job-page.content .btn-group .btn2{font-size:12px;padding:10px 15px;color:#fff;border-radius:50px;text-align:center;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:5px;background-image:linear-gradient(270deg,var(--beer-green-light),var(--beer-green),var(--beer-green-light),var(--beer-green),var(--beer-green-light));background-size:400%;-webkit-animation:r12-btn-flow 4s linear infinite;animation:r12-btn-flow 4s linear infinite;box-shadow:0 3px 10px #090b4766;font-weight:700;cursor:pointer}.ref-job-page.content .btn-group .btn2:active{transform:translateY(1px);box-shadow:0 2px 5px #090b4740}.ref-job-page.content .btn-group .btn2:disabled{cursor:default;filter:saturate(.6)}@-webkit-keyframes r12-ro1{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes r12-ro1{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@-webkit-keyframes r12-btn-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes r12-btn-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ref-card-page.content{padding:0;background:linear-gradient(180deg,#f3f4ff,#ededf5 50%,#ededed);background-attachment:fixed;min-height:100%}.ref-card-page.content .itembox{background-color:#fff;padding:15px;border-radius:10px;margin:0 15px 15px;min-height:calc(100vh - 130px);box-shadow:0 .5px 1px #090b470a,0 2px 6px #090b470f,0 6px 16px #090b4714}.ref-card-page.content .card_box{position:relative}.ref-card-page.content .card_box .card{position:relative;background-image:linear-gradient(to left top,#888,#000);border-radius:15px;padding:25px;color:#fff;text-shadow:1px 1px #000;font-size:15px;box-shadow:0 1px 4px #0000007d,0 3px 6px #0000006b;overflow:hidden}.ref-card-page.content .card_box .card .card_a{font-size:15px;font-weight:700}.ref-card-page.content .card_box .card .card_number{margin-top:10px;font-size:18px;font-weight:700;letter-spacing:1px}.ref-card-page.content .card_box .card .card_name{margin-top:35px;font-size:13px;opacity:.92}.ref-card-page.content .list-card{background-color:#fff;border-radius:10px;padding:12px;margin-bottom:8px;box-shadow:0 .5px 1px #090b470a,0 2px 6px #090b470f,0 6px 16px #090b4714;transition:transform .2s}.ref-card-page.content .list-card:active{transform:scale(.98)}.ref-card-page.content .input_con{display:flex;flex-direction:column;box-sizing:border-box;width:100%;margin-bottom:15px}.ref-card-page.content .input_con .input_lable{display:block;margin-bottom:6px;font-size:13px;font-weight:700;color:#05060f99;transition:color .3s cubic-bezier(.25,.01,.25,1) 0s}.ref-card-page.content .input_con .input_box{max-width:100%;padding:10px;background:#fff;border:1px solid var(--beer-green-light);border-radius:10px;font-size:14px;font-weight:500;color:var(--beer-green);box-shadow:inset 0 2px 4px var(--beer-green-light);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.ref-card-page.content .input_con .input_box:focus-within{outline:none;background:var(--page-bg);border-color:var(--beer-green);box-shadow:0 4px 15px #005eb81a,inset 0 2px 4px #00000003;transform:translateY(-2px)}.ref-card-page.content .my_btn{display:flex;align-items:center;justify-content:center;padding:10px 0;border-radius:50px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;background:var(--gradient-primary);box-shadow:0 4px 10px #090b474d;letter-spacing:1px;transition:all .25s ease;border:none;text-align:center}.ref-card-page.content .my_btn:active{transform:translateY(1px);box-shadow:0 2px 5px #090b4740}.ref-card-page.content .my_btn1{color:#fff;background:linear-gradient(135deg,#bbbcc6,#8c8d99);box-shadow:0 4px 10px #00000026}.ref-settings-page.content{padding:0;background:linear-gradient(180deg,#f3f4ff,#ededf5 50%,#ededed);background-attachment:fixed;min-height:100%}.ref-settings-page.content .itembox{background-color:#fff;padding:15px;border-radius:10px;margin:0 15px 15px;box-shadow:0 .5px 1px #090b470a,0 2px 6px #090b470f,0 6px 16px #090b4714}.ref-settings-page.content .menu-card{background-color:#fff;padding:0 15px;border-radius:10px;box-shadow:0 .5px 1px #090b470a,0 2px 6px #090b470f,0 6px 16px #090b4714}.ref-settings-page.content .menu-card .menu-card__item{position:relative;border-bottom:1px solid #f5f5f5;font-size:15px;padding:17.5px 0 17.5px 40px;display:flex;align-items:center;cursor:pointer;transition:background .2s}.ref-settings-page.content .menu-card .menu-card__item:hover{background:var(--page-bg)}.ref-settings-page.content .menu-card .menu-card__item .ico{width:25px;height:25px;position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;font-size:18px}.ref-settings-page.content .menu-card .menu-card__item .name{line-height:1.4;flex:1;min-width:0}.ref-settings-page.content .menu-card .menu-card__item .icon-right{width:20px;height:20px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.ref-settings-page.content .menu-card .menu-card__item .icon-right svg{width:100%;height:100%;fill:#bdbdbd}.ref-settings-page.content .menu-card .menu-card__item .badge{background-color:#e43d33;min-width:20px;height:20px;padding:0 5px;font-size:10px;text-align:center;line-height:20px;color:#fff;border-radius:50%;position:absolute;right:30px;top:17.5px}.ref-settings-page.content .input_con{display:flex;flex-direction:column;box-sizing:border-box;width:100%;margin-bottom:15px}.ref-settings-page.content .input_con .input_lable{display:block;margin-bottom:6px;font-size:13px;font-weight:700;color:#05060f99}.ref-settings-page.content .input_con .input_box{max-width:100%;padding:10px;background:#fff;border:1px solid var(--beer-green-light);border-radius:10px;font-size:14px;font-weight:500;color:var(--beer-green);box-shadow:inset 0 2px 4px var(--beer-green-light);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.ref-settings-page.content .input_con .input_box:focus-within{outline:none;background:var(--page-bg);border-color:var(--beer-green);box-shadow:0 4px 15px #005eb81a,inset 0 2px 4px #00000003;transform:translateY(-2px)}.ref-settings-page.content .my_btn{display:flex;align-items:center;justify-content:center;padding:10px 0;border-radius:50px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;background:var(--gradient-primary);box-shadow:0 4px 10px #090b474d;letter-spacing:1px;transition:all .25s ease;border:none;text-align:center}.ref-settings-page.content .my_btn:active{transform:translateY(1px);box-shadow:0 2px 5px #090b4740}.ref-settings-page.content .my_btn1{color:#fff;background:linear-gradient(135deg,#bbbcc6,#8c8d99);box-shadow:0 4px 10px #00000026}.ref-msg-page.content{padding:0;background:linear-gradient(180deg,#f3f4ff,#ededf5 50%,#ededed);background-attachment:fixed;min-height:100%}.ref-msg-page.content .itembox{background-color:#fff;padding:15px;border-radius:10px;margin:0 15px 15px;box-shadow:0 .5px 1px #090b470a,0 2px 6px #090b470f,0 6px 16px #090b4714}.ref-msg-page.content .list-card{background-color:var(--page-bg);border-radius:10px;padding:12px 15px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:transform .2s,background .2s}.ref-msg-page.content .list-card:hover{background:#eaf1fa}.ref-msg-page.content .list-card:active{transform:scale(.98)}.ref-balance-page.content{padding:0;background:linear-gradient(180deg,#f3f4ff,#ededf5 50%,#ededed);background-attachment:fixed;min-height:100%}.ref-balance-page.content .earnings_two{width:100%;background-color:#fff;border-radius:10px;box-shadow:0 .5px 1px #090b470a,0 2px 6px #090b470f,0 6px 16px #090b4714}.ref-balance-page.content .category{display:flex;gap:8px}.ref-balance-page.content .category .category_item{flex:1;border:0;border-radius:5px;padding:10px 0;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s}.ref-balance-page.content .category .category_item.item{background:#fff;color:var(--beer-green);box-shadow:0 1px 3px #090b470f}.ref-balance-page.content .category .category_item.item_selected{background:var(--beer-green);color:#fff;box-shadow:0 2px 6px #090b4733}.ref-balance-page.content .itembox2{padding-top:15px}.ref-balance-page.content .itembox2 .item{margin-bottom:15px;background-color:#fff;border-radius:10px;box-shadow:0 .5px 1px #090b470a,0 2px 6px #090b470f,0 6px 16px #090b4714;font-size:12px;padding:5px;background:repeating-linear-gradient(45deg,var(--beer-green),var(--beer-green) 10px,var(--beer-green-light) 0,var(--beer-green-light) 20px)}.ref-balance-page.content .itembox2 .item .item_con{display:grid;grid-template-columns:1fr;gap:5px;background-color:#fff;border-radius:5px;padding:10px 15px;font-size:12px}.ref-balance-page.content .itembox2 .item .item_con .title{font-size:14px;font-weight:700;color:var(--beer-green)}.ref-balance-page.content .itembox2 .item .item_con .amount{font-size:14px;font-weight:700;text-align:right}.ref-balance-page.content .itembox2 .item .item_con .time{color:#aaa}.ref-balance-page.content .itembox2 .item .item_con .type{color:#18bc37;font-weight:700;text-align:right}.ref-balance-page.content .itembox2 .item .item_con .yellow{color:#f0ad4e}.ref-balance-page.content .itembox2 .item .item_con .red{color:#dd524d}.ref-balance-page.content .my_btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 0;border-radius:50px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;background:var(--gradient-primary);box-shadow:0 4px 10px #090b474d;letter-spacing:1px;transition:all .25s ease;border:none;text-align:center}.ref-balance-page.content .my_btn:active{transform:translateY(1px);box-shadow:0 2px 5px #090b4740}.ref-pd-page.content{padding:0 15px;background:linear-gradient(180deg,#f3f4ff,#ededf5 50%,#ededed);background-attachment:fixed;min-height:100%}.ref-pd-page.content .product4{padding:10px 0}.ref-pd-page.content .product4 .item{border-radius:10px;margin-bottom:10px;padding:10px;background-color:#fff;box-shadow:0 .5px 1px #090b470a,0 2px 6px #090b470f,0 6px 16px #090b4714}.ref-pd-page.content .product4 .item .box_mian{display:flex;flex-direction:row;position:relative;flex-wrap:wrap}.ref-pd-page.content .product4 .item .box_mian .img{width:100%;height:220px;position:relative;flex-shrink:0}.ref-pd-page.content .product4 .item .box_mian .img .zt{width:100%;height:100%;border-radius:5px;object-fit:cover;display:block}.ref-pd-page.content .product4 .item .box_mian .img .run_type{position:absolute;top:0;left:0;font-size:10px;width:100%;opacity:.85;text-align:center;z-index:2}.ref-pd-page.content .product4 .item .box_mian .img .run_type span{background-color:var(--beer-green);padding:3px 0;border-radius:5px 5px 0 0;display:block;color:#fff;font-weight:700}.ref-pd-page.content .product4 .item .box_mian .img .title{font-size:15px;background-image:linear-gradient(0deg,#000,transparent);border-radius:0 0 5px 5px;padding:15px 10px 5px;left:0;bottom:0;color:#fff;width:calc(100% - 20px);position:absolute;z-index:1;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.ref-pd-page.content .product4 .item .box_mian .r_box{width:100%;display:grid;grid-template-columns:1fr;grid-row-gap:8px;margin:10px 0 0}.ref-pd-page.content .product4 .item .box_mian .r_box .title{font-size:15px;font-weight:700;color:var(--beer-green)}.ref-pd-page.content .product4 .item .box_mian .r_box .con_item{display:flex;justify-content:space-between;align-items:center;font-size:13px}.ref-pd-page.content .product4 .item .box_mian .r_box .con_item .l{color:#888;font-size:12px}.ref-pd-page.content .product4 .item .box_mian .r_box .con_item .r{color:var(--beer-green);font-weight:700;font-size:14px;font-family:var(--font-num)}.ref-pd-page.content .product4 .item .box_k{display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:12px;color:var(--beer-green);font-weight:700}.ref-pd-page.content .product4 .item .box_k .l{font-size:12px;color:var(--beer-green);font-weight:700}.ref-pd-page.content .product4 .item .box_k .r{color:var(--beer-green);font-weight:700;font-size:12px;font-family:var(--font-num)}.ref-pd-page.content .product4 .item .btns{padding:10px 0}.ref-pd-page.content .product4 .item .btns .btn2{font-size:13px;padding:12px 15px;color:#fff;border-radius:25px;text-align:center;background-image:linear-gradient(270deg,var(--beer-green-light),var(--beer-green),var(--beer-green-light),var(--beer-green),var(--beer-green-light));background-size:400%;animation:r17-btn-flow 4s linear infinite;letter-spacing:.5px;box-shadow:0 3px 10px #090b4766;font-weight:700;cursor:pointer;transition:all .2s}.ref-pd-page.content .product4 .item .btns .btn2:active{transform:translateY(1px);box-shadow:0 2px 5px #090b4740}.ref-pd-page.content .my_btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 0;border-radius:50px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;background:var(--gradient-primary);box-shadow:0 4px 10px #090b474d;letter-spacing:1px;transition:all .25s ease;border:none;text-align:center}.ref-pd-page.content .my_btn:active{transform:translateY(1px);box-shadow:0 2px 5px #090b4740}.ref-pd-page.content .my_btn1{color:#fff;background:linear-gradient(135deg,#bbbcc6,#8c8d99);box-shadow:0 4px 10px #00000026}@keyframes r17-btn-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ref-item-h{display:flex;flex-direction:row;align-items:stretch;padding:0;min-height:220px;overflow:hidden;border-radius:8px}.ref-item-h .ref-box-mian{display:none}.ref-item-h .ref-prodimg{width:40%;flex-shrink:0;align-self:stretch;height:auto;margin:0;border-radius:0;position:relative;overflow:hidden;background:var(--beer-green-light)}.ref-item-h .ref-prodimg img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ref-item-h .ref-prodimg .ref-vipgif,.ref-item-h .ref-prodimg .ref-zt{position:absolute;z-index:2}.ref-item-h-right{width:60%;display:flex;flex-direction:column;align-self:stretch}.ref-item-h .ref-dbox{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;box-sizing:border-box;border-left:1px solid #f2f2f2}.ref-item-h .ref-dcell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4px}.ref-item-h .ref-dcell:nth-child(1){border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}.ref-item-h .ref-dcell:nth-child(2){border-bottom:1px solid #f2f2f2}.ref-item-h .ref-dcell:nth-child(3){border-right:1px solid #f2f2f2}.ref-item-h .ref-dcell-label{font-size:11px;font-weight:700;color:var(--text-muted);margin-bottom:3px}.ref-item-h .ref-dcell-value{font-size:14px;font-weight:700;color:var(--text-primary)}.ref-item-h .ref-btns{padding:4px 10px 6px;box-sizing:border-box}.ref-item-h .ref-pbtn2{flex:1;width:100%}.content .team .team_box .team_t{border-bottom:2px solid var(--beer-green);font-size:15px;line-height:25px}.content .team .team_box .team_t span{background-color:var(--beer-green);color:#fff;padding:5px 25px;border-radius:10px 10px 0 0}.content .team .hz{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:10px;grid-row-gap:10px;padding:10px 0}.content .team .hz .item{background-color:var(--page-bg);text-align:center;padding:15px 10px;border-radius:7.5px}.content .team .hz .item .count{color:var(--beer-green);font-weight:700;font-size:15px}.content .team .hz .item .title{color:var(--text-muted);font-size:12px;padding-top:5px}.content .team .hz1{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:10px;grid-row-gap:10px;padding:10px 0}.content .team .hz1 .item{background-color:var(--page-bg);text-align:center;padding:15px 10px;border-radius:7.5px}.content .team .hz1 .item .count{color:var(--beer-green);font-weight:700;font-size:15px}.content .team .hz1 .item .title{color:var(--text-muted);font-size:12px;padding-top:5px}.content .team .team_tops{height:310px;position:relative}.content .team .team_tops .team_top{background-color:var(--beer-green);width:100%;position:absolute;left:0;top:0;height:200px}.content .team .team_tops .team_top .my_svg{width:200px;height:150px;position:absolute;right:10px;top:-18%;z-index:2}.content .team .team_tops .team_top .my_svg svg{width:100%;height:100%}.content .team .team_tops .team_top .team_my{width:calc(100% - 20px);background-color:#fff;box-shadow:0 15px 39px #00000014;margin:0 10px;border-radius:10px;position:absolute;left:0;top:125px}.content .team .team_tops .team_top .team_my .img{background-color:var(--beer-green);width:75px;height:75px;border-radius:50%;border:5px solid #fff;position:absolute;top:-75%;left:15px;overflow:hidden}.content .team .team_tops .team_top .team_my .img img{width:100%;height:100%;border-radius:50%;object-fit:cover}.content .team .team_tops .team_top .team_my .name{margin-left:100px;font-size:18px;font-weight:700;padding:10px 0}.content .team .team_tops .my_total{text-align:center;font-size:13px;line-height:27.5px}.content .team .team_tops .my_total .my_total2{font-size:17px;font-weight:700;color:var(--beer-green)}.content .team .team_tops .my_total_list{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;text-align:center;padding:0 10px;font-size:12px}.content .team .team_tops .my_total_list .my_total_item{margin:10px 0;background-color:var(--beer-green-light);padding:10px 0;border-radius:10px;color:var(--beer-green)}.content .team .team_tops .my_total_list .my_total_item .my_total_iteml{font-size:15px;font-weight:700}.content .team .team_tops .my_total_list .my_total_item .my_total_itemr{font-size:11px}.content .share{padding:10px}.content .share .share_box{background-color:var(--page-bg);padding:10px;border-radius:5px;display:flex;font-size:15px;align-items:center}.content .share .share_box .share_code{width:70%;color:var(--beer-green);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.content .share .share_box .share_btn{width:30%;text-align:right}.content .share .share_box .share_btn span{font-size:10px;padding:5px 10px;background:var(--beer-green);border-radius:5px;color:#fff;cursor:pointer}.content .itembox_htmlk ul{padding:0;margin:0}.content .itembox_htmlk li{list-style:none;border-left:2px solid var(--beer-green);color:var(--beer-green);background-color:var(--page-bg);padding:10px 0 10px 15px;margin:15px 0;font-size:13px;line-height:23px;font-weight:700;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:10px}.content .itembox_htmlk li div:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content .itembox_htmlk li div:nth-child(2){font-size:11px;color:var(--text-muted);font-weight:400;flex-shrink:0}.content .itembox_htmlk li div:last-child{font-size:14px;font-weight:700;color:var(--beer-green);flex-shrink:0}.tm-level-tabs{display:flex;gap:8px;padding:8px;margin:12px 12px 0;background:var(--card-bg,#fff);border:1.5px solid var(--beer-green);border-radius:12px;box-shadow:0 4px 16px #0000000f}.ref-team-page .team .tm-level-tabs{background:var(--card-bg,#fff)!important}.tm-level-tab{flex:1;border:0;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:10px 0;border-radius:7.5px;background-color:var(--page-bg);color:var(--text-muted)}.tm-level-tab.tm-level-tab-on{background:var(--gradient-primary);color:#fff}.ref-team-page.content{min-height:100vh;background:var(--card-bg,#fff)}.ref-baritem:nth-child(1) .ref-baritem-icon{background:transparent;box-shadow:none}.ref-baritem:nth-child(2) .ref-baritem-icon{background:transparent;box-shadow:none}.ref-baritem:nth-child(3) .ref-baritem-icon{background:transparent;box-shadow:none}.ref-baritem:nth-child(4) .ref-baritem-icon{background:transparent;box-shadow:none}.ref-baritem-name{font-size:12px;color:#1a1a1a;font-weight:600;line-height:18px}.ref-item-h .ref-prodname{font-size:14px;font-weight:700;color:var(--beer-green);text-align:center;padding:4px 8px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content .team .btn_gr{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 10px 10px}.content .team .category{background:#fff;border-radius:10px;padding:5px;border:1px solid var(--beer-green);display:flex;flex-direction:row}.content .team .category .category_item{flex-grow:1;text-align:center;position:relative}.content .team .category .category_item .item_selected{background-color:var(--beer-green);border-radius:5px;color:#fff;padding:10px 0;font-size:12px}.content .team .category .category_item .item{background:#fff;border-radius:5px;color:var(--beer-green);padding:10px 0;font-size:12px}.content .team .p_success{background-color:var(--beer-green-light);text-align:center;color:#fff;font-size:17px;border-radius:5px;padding:5px 0;margin:10px 10px 0}.content .team .itembox_htmlk ul{padding:0;margin:0}.content .team .itembox_htmlk li{list-style:none;border-left:2px solid var(--beer-green);color:var(--beer-green);background-color:#f5f8fc;padding:10px 0 10px 15px;margin:15px 0;font-size:13px;line-height:23px;font-weight:700;text-align:left}.content .team table{border:0;border-collapse:collapse;width:100%;margin:10px 0 20px;box-shadow:0 0 2.5px #0000004d}.content .team td,.team th{padding:7.5px 15px;border:0}.content .team .ue-table-interlace-color-double{background-color:var(--beer-green-light)}.content .team .ue-table-interlace-color-single{background-color:#f5f8fc}.content .team .share{background-color:#fff;margin-bottom:15px}.content .team .share .share_box{background-color:#f5f6fb;padding:10px;border-radius:5px;display:flex;font-size:15px}.content .team .share .share_box .share_code{width:70%;color:var(--beer-green);font-weight:700}.content .team .share .share_box .share_btn{width:30%;text-align:right}.content .team .share .share_box .share_btn span{font-size:10px;padding:5px 10px;background:var(--beer-green);border-radius:5px;color:#fff}.content .team .share .share_con{padding:15px 0}.content .team .btn{padding-bottom:10px}.content .team .team_2{padding:10px 0}.content .team .team_2 .team_box{margin-bottom:10px}.content .team .team_2 .team_box .team_con{padding:0 5px}.content .team .team_tops .team_top .team_my{padding-bottom:0}.content .team .team_2 .tm-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;margin:10px 0;padding:15px;border:1px solid var(--border-color,#e0e0e0)}.content .team .team_2 .tm-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.content .team .team_2 .tm-card-badge{background:var(--beer-green);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px}.content .team .team_2 .tm-card-title{font-size:15px;font-weight:700;color:var(--text-primary)}.content .team .team_2 .tm-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.content .team .team_2 .tm-card-item{background:var(--page-bg);border-radius:8px;padding:10px;text-align:center}.content .team .team_2 .tm-card-val{font-size:14px;font-weight:700;color:var(--beer-green)}.content .team .team_2 .tm-card-label{font-size:11px;color:var(--text-muted);margin-top:2px}\feff  .ref-countdown-card{background:var(--card-bg);border-radius:16px;padding:18px 20px 20px;margin:12px auto;max-width:430px;width:calc(100% - 24px);display:flex;flex-direction:column;align-items:center;gap:8px;border:1.5px solid var(--beer-green);box-shadow:0 4px 20px #0000001a}.ref-countdown-label{font-size:15px;font-weight:700;color:var(--beer-green)}.ref-countdown-desc{font-size:11px;color:var(--text-muted)}.flip-clock{display:flex;align-items:center;gap:4px;margin-top:4px}.flip-clock-group{display:flex;gap:2px}.flip-clock-sep{font-size:26px;font-weight:800;color:var(--beer-green);line-height:1;padding:0 2px}.flip-card{position:relative;width:30px;height:42px;font-size:26px;font-weight:700;perspective:300px}.flip-static-top,.flip-static-bottom,.flip-anim-top,.flip-anim-bottom{position:absolute;left:0;width:100%;height:50%;overflow:hidden;background:#1a1a1a;color:#fff}.flip-static-top,.flip-anim-top{top:0;border-radius:6px 6px 0 0;display:flex;align-items:flex-end;justify-content:center}.flip-static-top span,.flip-anim-top span{display:block;line-height:42px;transform:translateY(50%)}.flip-static-bottom,.flip-anim-bottom{bottom:0;border-radius:0 0 6px 6px;display:flex;align-items:flex-start;justify-content:center}.flip-static-bottom span,.flip-anim-bottom span{display:block;line-height:42px;transform:translateY(-50%)}.flip-card:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#00000080;z-index:100;transform:translateY(-.5px)}.flip-anim-top{transform-origin:bottom center;animation:flipTop .3s ease-in forwards;z-index:10}.flip-anim-bottom{transform-origin:top center;animation:flipBottom .3s ease-out .3s forwards;z-index:10;transform:rotateX(90deg)}@keyframes flipTop{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flipBottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}\feff  .animate-fade-in-up>.ref-countdown-card,.animate-fade-in-up>div>.ref-countdown-card,.animate-fade-in-up>div>div>.ref-countdown-card{background:var(--card-bg)!important;background-color:var(--card-bg)!important;background-image:none!important;border:1.5px solid var(--beer-green)!important;box-shadow:0 4px 20px #0000001a!important;border-radius:16px!important;padding:18px 20px 20px!important;margin:12px auto!important;max-width:430px!important;width:calc(100% - 24px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important}.ref-cd-stats{width:100%;margin-top:10px;padding:12px 8px;display:flex;align-items:stretch;border-radius:12px;box-sizing:border-box;background:linear-gradient(135deg,rgba(var(--beer-green-rgb),.12),rgba(var(--beer-green-rgb),.05))}.ref-cd-stat{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}.ref-cd-stat-label{font-size:11px;font-weight:700;color:var(--text-muted)}.ref-cd-stat-value{font-size:17px;font-weight:800;color:var(--beer-green);line-height:1.2}.ref-cd-stat-divider{width:1px;flex:0 0 1px;background:rgba(var(--beer-green-rgb),.25);margin:2px 0}.animate-fade-in-up>.ref-countdown-card>.ref-cd-stats,.animate-fade-in-up>div>.ref-countdown-card>.ref-cd-stats,.animate-fade-in-up>div>div>.ref-countdown-card>.ref-cd-stats{background:linear-gradient(135deg,rgba(var(--beer-green-rgb),.12),rgba(var(--beer-green-rgb),.05))!important;background-color:transparent!important;background-image:linear-gradient(135deg,rgba(var(--beer-green-rgb),.12),rgba(var(--beer-green-rgb),.05))!important}.ref-input-no-box{background:transparent!important;border:1px solid rgba(var(--beer-green-rgb),.25)!important;box-shadow:none!important}.ref-input-no-box:focus-within{box-shadow:0 0 0 2px rgba(var(--beer-green-rgb),.15)!important;transform:translateY(-1px)!important}.ref-input-no-box input{background:transparent!important;border:0!important;outline:0!important}.ref-input-no-box input::placeholder{color:#090b4733!important}input[type=password]::-ms-reveal,input[type=password]::-ms-clear,input[type=password]::-webkit-credentials-auto-fill-button,input::-webkit-textfield-decoration-container{display:none!important}.rc-pay-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rc-pay-loading .rc-pay-spin{width:46px;height:46px;border-radius:50%;border:4px solid rgba(var(--beer-green-rgb,21,101,192),.18);border-top-color:var(--beer-green);animation:rc-pay-rot .8s linear infinite}.rc-pay-loading .rc-pay-txt{margin-top:14px;font-size:14px;font-weight:600;color:#fff;letter-spacing:.5px;text-shadow:0 1px 4px rgba(0,0,0,.4)}@keyframes rc-pay-rot{to{transform:rotate(360deg)}}.ref-auth-page,.ref-auth-page *:not(img):not(svg){font-weight:700!important}.ref-auth-page button{font-weight:800!important}.ref-auth-page input::placeholder{color:#090b4794!important;opacity:1!important;font-weight:700!important}.ref-auth-page select{font-weight:700}.pf-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--beer-green),var(--beer-green-deep,#2e6396));padding-bottom:16px;margin:12px 12px 0;border-radius:16px}.animate-fade-in-up>.pf-page>.pf-hero,.animate-fade-in-up>div>.pf-hero{background:linear-gradient(160deg,var(--beer-green),var(--beer-green-deep,#2e6396))!important;background-image:linear-gradient(160deg,var(--beer-green),var(--beer-green-deep,#2e6396))!important}.pf-hero-hasimg{background:transparent}.animate-fade-in-up>.pf-page>.pf-hero-hasimg,.animate-fade-in-up>div>.pf-hero-hasimg{background:transparent!important;background-image:none!important}.pf-hero-bg{position:absolute;top:0;left:0;right:0;height:200px;background-size:cover;background-position:center;background-color:var(--beer-green);filter:blur(2px) saturate(1.05);transform:scale(1.03)}.pf-hero-mask{position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,#0000000f,#00000038)}.pf-hero-row{position:relative;z-index:2;height:140px;display:flex;align-items:center;gap:12px;padding:0 16px}.pf-hero-avatar{width:56px;height:56px;border-radius:14px;border:2.5px solid rgba(255,255,255,.92);overflow:hidden;background:var(--card-bg,#fff);box-shadow:0 4px 14px #00000040;flex-shrink:0}.pf-hero-avatar img{width:100%;height:100%;object-fit:cover;display:block}.pf-hero-phone{font-size:17px;font-weight:800;color:#fff;letter-spacing:.5px;text-shadow:0 1px 4px rgba(0,0,0,.45);word-break:break-all}.pf-hero-error{position:relative;z-index:2;margin:-20px 16px 18px;text-align:center;color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.4)}.pf-retry-light{border:1.5px solid #fff!important;background:transparent!important;color:#fff!important;margin-top:8px}.pf-bal-card{position:relative;z-index:2;margin:-37px 16px 0;background:var(--card-bg,#fff);border:1px solid var(--border-color,#E3E8EE);border-radius:16px;padding:11px 6px 13px;box-shadow:0 10px 28px #00000029;display:flex;align-items:stretch}.pf-bal-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:0 6px}.pf-bal-divider{width:1px;background:var(--border-color,#E3E8EE);margin:2px 0}.pf-bal-label{font-size:12px;font-weight:700;color:var(--text-muted);letter-spacing:.5px;white-space:nowrap}.pf-vip-sm{font-size:10px;padding:2px 10px;flex:none}.pf-bal-amount{margin-top:5px;font-size:22px;font-weight:800;color:var(--beer-green);line-height:1.15;word-break:break-all;text-align:center}.pf-bal-amount-sm{font-size:19px}.pf-menu{border-radius:16px;border:1px solid var(--border-color,#E3E8EE)}.animate-fade-in-up>.pf-page>.pf-menu,.animate-fade-in-up>div>.pf-menu{background:var(--card-bg,#fff)!important;background-image:none!important}.pf-menu-name{font-weight:700;color:var(--text-primary)}.tm-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--beer-green),var(--beer-green-deep,#2e6396));padding:140px 0 16px;margin:12px 12px 0;border-radius:16px}.tm-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-color:var(--beer-green)}.tm-hero-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000000a,#00000024)}.ref-team-page .team .pf-bal-card{background:var(--card-bg,#fff)!important}.ref-team-page .team .tm-members-card{margin:12px 12px 0;background:var(--card-bg,#fff);border:1px solid var(--border-color,#E3E8EE);border-radius:12px;padding:10px 12px;box-shadow:0 4px 16px #0000000f}.ref-team-page .team .tm-members-card li{margin:0 0 10px}.ref-team-page .team .tm-members-card li:last-child{margin-bottom:0}.gift-celebration-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000008c;cursor:pointer;animation:giftCeleFadeIn .25s ease both}.gift-celebration-gold{margin-bottom:12px;font-size:36px;font-weight:900;letter-spacing:1px;color:#ffd24c;text-shadow:0 2px 12px rgba(0,0,0,.55),0 0 22px rgba(255,197,61,.55);white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;animation:giftGoldDrop 1.6s cubic-bezier(.2,.9,.3,1.06) both}.gift-celebration-chest{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 12px 26px rgba(0,0,0,.4));animation:giftChestPop .5s cubic-bezier(.22,1.2,.4,1) both}.gift-celebration-text{margin-top:8px;font-size:14px;font-weight:800;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}@keyframes giftCeleFadeIn{0%{opacity:0}to{opacity:1}}@keyframes giftChestPop{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes giftGoldDrop{0%{transform:translateY(-480px) scale(.4);opacity:0}8%{opacity:1}58%{transform:translateY(0) scale(1.15)}74%{transform:translateY(-20px) scale(1)}88%{transform:translateY(0) scale(1)}to{transform:translateY(0) scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.gift-celebration-mask{animation:none}}@keyframes btnWhiteShine{0%{transform:skew(-20deg) translate(-160%);opacity:0}12%{opacity:1}42%,to{transform:skew(-20deg) translate(360%);opacity:0}}.white-shine{position:relative;overflow:hidden}.white-shine:after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg) translate(-160%);animation:btnWhiteShine 1.4s ease-in-out infinite;pointer-events:none}.ab-page{min-height:100vh;background:var(--page-bg);padding-bottom:28px}.ab-hero{position:relative;height:220px;background:var(--beer-green);overflow:hidden;border-radius:12px}.ab-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center}.ab-hero-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#00000061,#00000014 45%,#00000038)}.ab-logo-wrap{display:flex;justify-content:center;margin-top:-34px;position:relative;z-index:2}.ab-logo{width:68px;height:68px;border-radius:50%;border:3px solid var(--card-bg,#fff);overflow:hidden;background:var(--card-bg,#fff);box-shadow:0 4px 14px #00000024;display:flex;align-items:center;justify-content:center}.ab-logo img{width:100%;height:100%;object-fit:cover;display:block}.ab-slogan{text-align:center;font-size:13px;font-weight:600;color:var(--text-muted);padding:10px 20px 0;letter-spacing:.2px}.ab-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 15px 0}.ab-stat{background:var(--card-bg,#fff);border:1.5px solid var(--beer-green);border-radius:12px;padding:12px 8px;text-align:center;box-shadow:0 2px 8px #0000000d}.ab-stat b{display:block;font-size:18px;font-weight:800;color:var(--beer-green);line-height:1.2}.ab-stat span{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-top:2px}.ab-sec-title{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:800;color:var(--text-primary);margin:20px 15px 10px}.ab-sec-title:before{content:"";width:4px;height:16px;border-radius:2px;background:var(--beer-green)}.ab-cards{padding:0 15px}.ab-card{display:flex;gap:11px;align-items:flex-start;background:var(--card-bg,#fff);border:1.5px solid var(--beer-green);border-radius:12px;padding:13px 14px;margin-bottom:10px;box-shadow:0 2px 8px #0000000d}.ab-card-icon{width:38px;height:38px;flex-shrink:0;border-radius:10px;background:rgba(var(--beer-green-rgb,22,163,74),.12);color:var(--beer-green);display:flex;align-items:center;justify-content:center}.ab-card-body{flex:1;min-width:0}.ab-card-body b{display:block;font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.3}.ab-card-body i{display:block;font-style:normal;font-size:12.5px;color:var(--text-muted);line-height:1.45;margin-top:3px}.msg-html{word-break:break-word;overflow-wrap:anywhere}.msg-html img{max-width:100%;height:auto}.msg-html pre{white-space:pre-wrap;word-break:break-word}.ab-hero-back{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:12px;z-index:3;width:36px;height:36px;border:none;border-radius:50%;background:#00000059;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.ab-hero-title{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:0;right:0;z-index:2;text-align:center;font-size:17px;font-weight:800;color:#fff;letter-spacing:.3px;text-shadow:0 1px 8px rgba(0,0,0,.45);pointer-events:none}