*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#17223b;background:#eef2f7;font-family:Arial,Microsoft YaHei,sans-serif}button{font:inherit;cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}:root{--blue:#2878ff;--light-blue:#e9f2ff;--border:#e3eaf4;--muted:#8b98aa}.site-background{justify-content:center;min-height:100vh;display:flex}.mobile-shell{background:#fff;width:min(100%,540px);min-height:100vh;padding-bottom:76px;position:relative;overflow:hidden;box-shadow:0 0 28px #1f34571a}.notice-bar{color:#234267;white-space:nowrap;background:#dceaff;align-items:center;gap:9px;height:50px;padding:0 12px;font-size:14px;display:flex}.notice-bar>span{text-overflow:ellipsis;flex:1;overflow:hidden}.notice-bar b{color:#1e66df}.notice-close,.download-link{color:#276fdc;background:0 0;padding:0}.notice-close{font-size:30px;line-height:1}.download-link{font-size:14px}.header{background:#fff;padding:14px 14px 12px}.brand{align-items:center;gap:8px;margin-bottom:14px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#2b86ff,#7047ef);border-radius:14px;place-items:center;width:45px;height:45px;font-size:26px;font-weight:900;display:grid;box-shadow:0 6px 15px #2c71f040}.brand div{flex-direction:column;display:flex}.brand strong{color:#1760ca;letter-spacing:.5px;font-size:23px}.brand small{color:#8494aa;letter-spacing:1.8px;font-size:9px}.quick-actions{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.quick{color:#63738a;background:0 0;flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex}.quick>span{color:#4684dd;background:linear-gradient(#f8fbff,#eaf3ff);border:1px solid #dfe8f5;border-radius:11px;place-items:center;width:42px;height:37px;font-size:20px;font-weight:800;display:grid;box-shadow:0 3px 8px #2a61aa1a}.quick small{font-size:13px}.quick.active>span{color:#fff;border-color:var(--blue);background:linear-gradient(145deg,#65a8ff,#246cff)}.quick.active small{color:#1766e6}.promo-banner{color:#fff;background:radial-gradient(circle at 72% 20%,#ffffff3d,#0000 25%),linear-gradient(120deg,#1069e7,#4d8eff 55%,#6659ef);border-radius:15px;justify-content:space-between;align-items:center;min-height:98px;margin:0 14px 12px;padding:17px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #266bdf38}.promo-banner:after{content:"";border:18px solid #ffffff1a;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-35px;right:18%}.promo-banner div{z-index:1;flex-direction:column;gap:4px;display:flex}.promo-banner small{opacity:.8;font-size:10px}.promo-banner strong{font-size:22px}.promo-banner span{opacity:.9;font-size:12px}.promo-banner button{z-index:1;color:#2464d7;background:#fff;border-radius:20px;flex:none;padding:9px 12px;font-size:12px;font-weight:700}.content-area{align-items:flex-start;gap:10px;padding:0 12px 16px;display:flex}.category-list{flex-direction:column;flex:0 0 65px;gap:11px;display:flex;position:sticky;top:8px}.category{border:1px solid var(--border);color:#a0acbc;background:linear-gradient(#fbfdff,#f1f5fa);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:82px;display:flex;box-shadow:0 3px 8px #2d45660f}.category span{color:#92a1b5;background:#e5ebf2;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.category small{font-size:14px;font-weight:700}.category.active{color:var(--blue);border-color:var(--blue);background:#f2f7ff;box-shadow:0 5px 13px #2777ff26}.category.active span{color:#fff;background:linear-gradient(145deg,#5da8ff,#216dff)}.games-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}.game-card{aspect-ratio:.9;color:#fff;background:radial-gradient(circle at 70% 24%, #ffffff52, transparent 22%), linear-gradient(145deg, color-mix(in srgb, var(--tone) 78%, white), var(--tone));border-radius:16px;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 12px #20334f21}.game-card:before{content:"";border:12px solid #ffffff1c;border-radius:50%;width:85%;height:85%;position:absolute;transform:translate(34%,-31%)}.provider{z-index:2;background:#0918309e;border-radius:7px;padding:3px 5px;font-size:9px;font-weight:800;position:absolute;top:7px;right:7px}.game-art{z-index:1;letter-spacing:-1px;text-shadow:0 3px 8px #00000038;font-size:clamp(17px,5vw,27px);font-weight:900}.game-card strong{z-index:2;color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#081226b8);padding:19px 4px 7px;font-size:12px;font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.bottom-nav{z-index:20;background:#fffffff7;border-top:1px solid #e5ebf3;grid-template-columns:repeat(5,1fr);height:70px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -5px 15px #293e5b0f}.bottom-nav button{color:#a5aebb;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.bottom-nav span{height:27px;font-size:23px;font-weight:800}.bottom-nav small{font-size:12px}.bottom-nav button.active{color:var(--blue)}@media (width<=390px){.header{padding-left:9px;padding-right:9px}.content-area{gap:7px;padding-left:8px;padding-right:8px}.category-list{flex-basis:59px}.category{height:76px}.games-grid{gap:7px}.promo-banner{margin-left:9px;margin-right:9px}}.game-card.real-game{background:#dfe8f4}.game-card.real-game:before{display:none}.game-card.real-game img{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.game-card.real-game .provider{z-index:3}.game-card.real-game strong{z-index:3;text-transform:capitalize}.games-status{color:#8795a8;text-align:center;grid-column:1/-1;min-height:180px;padding:40px 12px;font-size:14px}.games-status.error{color:#df5353}.bottom-nav{width:min(100%,540px);position:fixed;left:50%;right:auto;transform:translate(-50%)}.game-player{z-index:100;background:#05070c;width:min(100%,540px);position:fixed;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.game-player-toolbar{color:#fff;background:#111a2c;justify-content:space-between;align-items:center;height:48px;padding:0 10px 0 15px;display:flex}.game-player-toolbar strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.game-player-toolbar button{color:#fff;background:#ffffff24;border-radius:50%;width:36px;height:36px;font-size:26px;line-height:1}.game-player iframe{background:#000;border:0;width:100%;height:calc(100% - 48px)}.launch-toast{z-index:120;color:#fff;background:#121e34eb;border-radius:22px;padding:11px 18px;font-size:13px;position:fixed;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000038}.launch-toast.error{background:#cd3737f2}.game-card:disabled{opacity:.65}.auth-overlay{z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09142894;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.auth-modal{background:#fff;border-radius:22px;width:min(100%,410px);padding:28px 24px 22px;position:relative;box-shadow:0 24px 60px #0819374d}.auth-close{color:#74839a;background:#edf2f8;border-radius:50%;width:34px;height:34px;font-size:24px;position:absolute;top:12px;right:12px}.auth-logo{color:#fff;background:linear-gradient(145deg,#2b86ff,#684bf2);border-radius:16px;place-items:center;width:52px;height:52px;margin:0 auto 12px;font-size:28px;font-weight:900;display:grid;box-shadow:0 7px 18px #2b70f242}.auth-modal h2{color:#172541;text-align:center;margin:0;font-size:23px}.auth-modal>p{color:#8491a4;text-align:center;margin:7px 0 22px;font-size:13px}.auth-modal form{flex-direction:column;gap:14px;display:flex}.auth-modal label{flex-direction:column;gap:7px;display:flex}.auth-modal label span{color:#3d4c63;font-size:13px;font-weight:700}.auth-modal input{color:#19253b;background:#f8faff;border:1px solid #dfe7f1;border-radius:12px;outline:none;width:100%;height:48px;padding:0 14px;font-size:16px}.auth-modal input:focus{border-color:#367cff;box-shadow:0 0 0 3px #367cff1f}.auth-error{color:#cf3f4d;background:#fff0f2;border-radius:9px;padding:9px 11px;font-size:12px}.auth-submit{color:#fff;background:linear-gradient(100deg,#2678ff,#6556ef);border-radius:13px;height:48px;margin-top:3px;font-size:15px;font-weight:700;box-shadow:0 7px 16px #2b6fec38}.auth-submit:disabled{opacity:.65}.auth-switch{color:#2874ed;background:0 0;width:100%;margin-top:17px;font-size:13px}.quick small{white-space:nowrap;text-overflow:ellipsis;max-width:68px;overflow:hidden}.member-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.member-summary{align-items:center;gap:10px;min-width:0;display:flex}.member-avatar,.profile-avatar{color:#fff;background:linear-gradient(145deg,#2d88ff,#6750ef);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.member-avatar{width:43px;height:43px}.member-summary>div{flex-direction:column;gap:3px;min-width:0;display:flex}.member-summary strong{color:#18325d;white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.member-summary button{color:#435d80;background:0 0;padding:0;font-size:14px}.member-summary button span{color:#2376ee;margin-left:4px}.member-actions{gap:13px;display:flex}.member-actions button{color:#586a83;background:0 0;flex-direction:column;align-items:center;gap:4px;display:flex}.member-actions span{color:#347cf0;background:#edf4ff;border-radius:10px;place-items:center;width:38px;height:34px;font-size:18px;font-weight:800;display:grid}.member-actions small{font-size:11px}.profile-page,.simple-page{z-index:15;background:#f5f7fb;width:min(100%,540px);position:fixed;top:50px;bottom:70px;left:50%;overflow-y:auto;transform:translate(-50%)}.profile-hero{color:#fff;background:linear-gradient(125deg,#1266d8,#4930c6);padding:22px 24px 28px}.profile-user{align-items:center;gap:12px;display:flex}.profile-avatar{background:#ffffff2e;border:2px solid #ffffffb8;width:58px;height:58px;font-size:25px}.profile-user>div{flex-direction:column;gap:4px;display:flex}.profile-user strong{font-size:20px}.profile-user small{color:#ffffffb8}.profile-balance{justify-content:space-between;align-items:flex-end;margin-top:25px;display:flex}.profile-balance>div:first-child{align-items:center;gap:8px;display:flex}.profile-balance small{font-size:14px}.profile-balance strong{font-size:25px}.profile-balance>div:first-child button{color:#fff;background:0 0;padding:0;font-size:21px}.profile-balance>div:last-child{gap:8px;display:flex}.profile-balance>div:last-child button{color:#1c67dd;background:#fff;border-radius:9px;padding:9px 16px;font-weight:700}.profile-tools{background:#fff;border-radius:0 0 16px 16px;grid-template-columns:repeat(4,1fr);margin:0 12px;padding:24px 8px;display:grid}.profile-tools button{color:#344158;background:0 0;flex-direction:column;align-items:center;gap:9px;display:flex}.profile-tools span{color:#236fdc;background:#f0f5fc;border-radius:50%;place-items:center;width:50px;height:50px;font-size:23px;display:grid}.profile-tools small{font-size:12px}.history-panel,.profile-links{background:#fff;border-radius:14px;margin:12px;overflow:hidden}.history-heading{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.history-heading button{color:#2875e9;background:0 0;font-size:20px}.history-panel>p{color:#96a0af;text-align:center;margin:0;padding:35px 15px}.history-item{border-bottom:1px solid #f0f2f6;justify-content:space-between;gap:10px;padding:13px 16px;display:flex}.history-item>div{flex-direction:column;gap:4px;display:flex}.history-item>div:last-child{text-align:right}.history-item small,.history-item span{color:#909aaa;font-size:11px}.history-item b{color:#1d9b64;font-size:12px}.profile-links button{color:#344158;background:#fff;border-bottom:1px solid #edf0f5;justify-content:space-between;width:100%;padding:16px;display:flex}.profile-links .logout-link{color:#df4c57}.simple-page{text-align:center;background:#fff;padding:100px 24px}.simple-page-icon{color:#fff;background:linear-gradient(145deg,#3187ff,#6551ed);border-radius:22px;place-items:center;width:70px;height:70px;margin:auto;font-size:32px;display:grid}.simple-page h2{margin:20px 0 8px}.simple-page p{color:#8a96a8}.simple-page button{color:#fff;background:#2d78ee;border-radius:22px;margin-top:18px;padding:11px 22px}.mine-page{background:#fff}.mine-hero{color:#fff;background:linear-gradient(120deg,#1161d5,#4c27bd);padding:22px 24px 20px}.mine-user-row{align-items:center;gap:12px;display:flex}.mine-avatar{background:#ffffff24;border:2px solid #fffc;border-radius:50%;flex:none;place-items:center;width:60px;height:60px;font-size:26px;font-weight:800;display:grid}.mine-user-info{flex:1;min-width:0}.mine-user-info>div{align-items:center;gap:8px;display:flex}.mine-user-info strong{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:20px;overflow:hidden}.mine-user-info button,.mine-message{color:#fff;background:#14148280}.mine-user-info button{border-radius:6px;padding:4px 7px;font-size:12px}.mine-user-info small{color:#ffffffb3;margin-top:7px;display:block}.mine-message{border-radius:9px;width:36px;height:36px;font-size:22px}.mine-balance-row{justify-content:space-between;align-items:center;margin-top:26px;display:flex}.mine-balance-row>div:first-child{align-items:center;gap:8px;display:flex}.mine-balance-row strong{font-size:24px}.mine-balance-row>div:first-child button{color:#fff;background:0 0;padding:0;font-size:20px}.mine-balance-row>div:last-child{gap:8px;display:flex}.mine-balance-row>div:last-child button{border-radius:8px;padding:9px 14px;font-weight:700}.mine-deposit{color:#fff;background:#2388ff}.mine-withdraw{color:#935a26;background:#ffe2ad}.mine-vip-card{background:#f7f0e7;border-radius:15px 15px 0 0;margin-top:-1px;overflow:hidden}.mine-vip-card>div:first-child{justify-content:space-between;padding:14px 24px;display:flex}.mine-benefits{background:#e7f1fd;grid-template-columns:repeat(4,1fr);padding:13px 12px;display:grid}.mine-benefits button{color:#35435a;white-space:nowrap;background:0 0;font-size:11px}.mine-tools{grid-template-columns:repeat(4,1fr);row-gap:28px;padding:35px 22px 22px;display:grid}.mine-tools button{color:#344158;background:0 0;flex-direction:column;align-items:center;gap:9px;display:flex}.mine-tools span{color:#25303f;background:#f2f7fd;border-radius:50%;place-items:center;width:56px;height:56px;font-size:26px;display:grid}.mine-tools small{font-size:12px}.mine-tools .blue-text{color:#176df1}.mine-welfare{color:#8c512f;background:linear-gradient(90deg,#fff1e2,#f9ead8);border-radius:32px;align-items:center;gap:7px;width:calc(100% - 36px);min-height:62px;margin:4px 18px 22px;padding:8px 14px;display:flex}.mine-welfare>span{font-size:30px}.mine-welfare strong{color:#f26335;font-size:14px}.mine-welfare small{flex:1;font-size:11px}.mine-welfare b{white-space:nowrap;background:#fff6e9;border:1px solid #d9a276;border-radius:18px;padding:7px 10px;font-size:11px}.mine-links{border-top:8px solid #f4f4f4;margin:0 12px 25px}.mine-links button{color:#303847;background:#fff;border-bottom:1px solid #edf0f4;justify-content:space-between;width:100%;padding:17px 14px;display:flex}.mine-links .mine-logout{color:#df4d55}@media (width<=390px){.mine-tools{padding-left:10px;padding-right:10px}.mine-benefits{padding-left:4px;padding-right:4px}.mine-benefits button{font-size:10px}}.mine-page{overflow-x:hidden}.mine-page button,.mine-page small,.mine-page span,.mine-page strong{word-break:keep-all}.wallet-page,.admin-page{z-index:16;background:#f3f6fb;width:min(100%,540px);padding-bottom:24px;position:fixed;top:50px;bottom:70px;left:50%;overflow:hidden auto;transform:translate(-50%)}.wallet-header{background:#fff;border-bottom:1px solid #e9edf4;justify-content:space-between;align-items:center;height:52px;padding:0 14px;display:flex}.wallet-header button{color:#2675ee;background:0 0;min-width:35px;font-size:25px}.wallet-balance-card{color:#fff;background:linear-gradient(125deg,#1767dc,#5032c5);border-radius:16px;margin:12px;padding:22px}.wallet-balance-card small{opacity:.8;display:block}.wallet-balance-card strong{margin:5px 7px 0 0;font-size:30px}.wallet-balance-card button{color:#fff;background:0 0;font-size:20px}.wallet-balance-card p{opacity:.7;margin:13px 0 0;font-size:11px}.wallet-form-card,.wallet-orders-card{background:#fff;border-radius:15px;margin:12px;padding:16px}.wallet-tabs{background:#edf2f8;border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:4px;display:grid}.wallet-tabs button{color:#778397;background:0 0;border-radius:9px;padding:10px}.wallet-tabs button.active{color:#fff;background:#2d78ef}.wallet-form-card label{color:#48576d;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.wallet-input{border:1px solid #dfe6f0;border-radius:11px;align-items:center;height:50px;display:flex;overflow:hidden}.wallet-input span{color:#687991;padding:0 12px;font-size:13px}.wallet-input input{border:0;outline:0;flex:1;min-width:0;height:100%;font-size:18px}.wallet-quick-amounts{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 18px;display:grid}.wallet-quick-amounts button{color:#3474dc;background:#edf4ff;border-radius:8px;padding:9px 4px}.wallet-submit{color:#fff;background:linear-gradient(100deg,#2479f5,#6250e9);border-radius:12px;width:100%;height:47px;font-weight:700}.wallet-submit:disabled{opacity:.6}.wallet-orders-card>div:first-child{justify-content:space-between;margin-bottom:10px;display:flex}.wallet-orders-card>div:first-child button{color:#2475ed;background:0 0;font-size:19px}.wallet-orders-card>p,.admin-orders>p{color:#929dac;text-align:center;padding:25px 5px}.wallet-orders-card article{border-top:1px solid #eef1f5;justify-content:space-between;padding:12px 0;display:flex}.wallet-orders-card article>div{flex-direction:column;gap:4px;display:flex}.wallet-orders-card article>div:last-child{text-align:right}.wallet-orders-card small{color:#929cac;font-size:10px}.wallet-orders-card span,.admin-order-heading>span{font-size:11px}.status-pending,.status-processing{color:#e38b27}.status-completed{color:#1b9b62}.status-rejected,.status-failed,.status-cancelled{color:#dc4d58}.admin-warning{color:#a66a21;text-align:center;background:#fff3dd;border-radius:10px;margin:12px;padding:11px;font-size:12px}.admin-orders{margin:12px}.admin-orders article{background:#fff;border-radius:14px;margin-bottom:12px;padding:15px}.admin-order-heading,.admin-order-amount{justify-content:space-between;align-items:center;display:flex}.admin-order-heading>div{flex-direction:column;gap:4px;display:flex}.admin-order-heading small{color:#939dac;font-size:10px}.admin-order-amount{margin:15px 0}.admin-order-amount span{color:#627087}.admin-order-amount strong{font-size:20px}.admin-order-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.admin-order-actions button{border-radius:9px;padding:10px;font-weight:700}.admin-order-actions .reject{color:#d44d58;background:#fff0f2}.admin-order-actions .approve{color:#fff;background:#2978ef}.deposit-page{background:#f4f4f4;padding:0;top:0;bottom:70px}.deposit-header{color:#fff;background:radial-gradient(circle at 65% 10%,#ffffff29,#0000 30%),linear-gradient(115deg,#075edb,#4923bd);grid-template-columns:80px 1fr 130px;align-items:center;height:68px;padding:0 18px;display:grid}.deposit-header>button:first-child{color:#fff;background:0 0;justify-self:start;font-size:37px}.deposit-header>strong{text-align:center;font-size:23px}.deposit-detail{color:#fff;background:0 0;justify-self:end;font-size:14px}.deposit-category-tabs{background:#ecebed;border-radius:24px;grid-template-columns:repeat(5,1fr);margin:12px 28px 10px;padding:3px;display:grid}.deposit-category-tabs button{color:#26222a;background:0 0;border-radius:19px;padding:8px 3px;font-size:15px}.deposit-category-tabs button.active{color:#fff;background:linear-gradient(100deg,#3a75ff,#5543e9)}.deposit-methods{background:#fff;grid-template-columns:repeat(4,1fr);align-content:start;gap:12px;min-height:250px;padding:0 28px 18px;display:grid}.deposit-method{color:#25222a;background:#f6f6f7;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:0;height:114px;padding:13px 3px 7px;display:flex;position:relative}.deposit-method.active{background:#fff;border-color:#2879ff}.method-icon{color:#fff;border-radius:50%;place-items:center;width:41px;height:41px;font-size:19px;font-weight:800;display:grid}.deposit-method strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;overflow:hidden}.deposit-method small{color:#ed333b;font-size:10px}.method-badge{color:#fff;background:#f23c43;border-radius:4px;padding:2px 4px;font-size:9px;font-weight:400;position:absolute;top:-3px;right:-2px}.method-badge.preferred{background:#ff951a}.deposit-amount-panel{background:#fff;margin-top:9px;padding:20px 28px 24px}.deposit-amount-panel h2{margin:0 0 21px;font-size:20px;font-weight:500}.deposit-amount-input{border-bottom:1px solid #ddd;align-items:center;gap:12px;height:48px;display:flex}.deposit-amount-input input{border:0;outline:0;flex:1;min-width:0;font-size:16px}.deposit-amount-input span{color:#85828b;flex:none;font-size:13px}.deposit-quick-amounts{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px;display:grid}.deposit-quick-amounts button{color:#1d1c22;background:#f5f5f6;border-radius:10px;height:42px;font-size:16px;font-weight:700}.confirm-deposit{color:#fff;background:linear-gradient(100deg,#8197ed,#7166eb);border-radius:11px;width:100%;height:58px;margin-top:25px;font-size:19px}.deposit-support{color:#25242a;background:#f4f4f4;width:100%;padding:26px 0 30px;font-size:16px}.deposit-support span{margin-right:9px;font-size:23px}@media (width<=390px){.deposit-header{grid-template-columns:55px 1fr 105px;padding:0 10px}.deposit-category-tabs{margin-left:12px;margin-right:12px}.deposit-methods{gap:7px;padding-left:12px;padding-right:12px}.deposit-amount-panel{padding-left:17px;padding-right:17px}}.earn-page{z-index:16;color:#172a66;background:#f0f4ff;width:min(100%,540px);position:fixed;inset:0 auto 70px 50%;overflow:hidden auto;transform:translate(-50%)}.earn-header{color:#fff;background:radial-gradient(circle at 70% 0,#ffffff24,#0000 35%),linear-gradient(115deg,#075fdc,#4922bd);grid-template-columns:105px 1fr 105px;align-items:center;height:66px;padding:0 22px;display:grid}.earn-header>strong{text-align:center;font-size:22px}.earn-header>button{color:#fff;white-space:nowrap;background:0 0;justify-content:flex-end;align-items:center;gap:6px;font-size:15px;display:flex}.earn-header>button span{font-size:20px}.earn-banner{color:#fff;background:radial-gradient(circle at 78% 20%,#ff86d8,#0000 28%),linear-gradient(100deg,#4778ff,#b956f1);border-radius:14px;justify-content:space-between;align-items:center;min-height:84px;margin:13px 24px 25px;padding:13px 17px;display:flex;overflow:hidden;box-shadow:0 7px 17px #4c4dda2e}.earn-banner>div:first-child{z-index:2;flex-direction:column;gap:3px;display:flex}.earn-banner small{opacity:.8;font-size:9px}.earn-banner strong{text-shadow:0 2px 3px #241f844d;font-size:17px}.earn-banner strong b{color:#fff343;-webkit-text-stroke:1px #e6506b;margin-left:5px;font-size:30px}.earn-banner>div:first-child>span{opacity:.8;font-size:10px}.earn-banner-art{color:#fff145;background:linear-gradient(145deg,#ffbc4c,#fb5878);border:7px solid #fff3;border-radius:50%;flex:none;place-items:center;width:65px;height:65px;font-size:34px;display:grid;transform:rotate(12deg)}.earn-section-title{align-items:baseline;gap:8px;margin:0 24px 17px;padding-left:16px;display:flex;position:relative}.earn-section-title:before{content:"";background:#173ca3;border-radius:3px;width:4px;position:absolute;top:1px;bottom:1px;left:0}.earn-section-title strong{font-size:20px}.earn-section-title span{color:#657297;font-size:13px}.rebate-list{flex-direction:column;gap:12px;padding:0 24px;display:flex}.rebate-card{color:#183b9d;background:#ffffffbd;border:1px solid #7696ee;border-radius:16px;align-items:center;gap:16px;min-height:105px;padding:15px 20px;display:flex}.rebate-icon{color:#fff;border-radius:50%;flex:none;place-items:center;width:58px;height:58px;font-size:20px;font-weight:800;display:grid;box-shadow:inset 0 -6px 15px #a83a1733}.rebate-icon.daily{background:linear-gradient(145deg,#5acbff,#ff733c)}.rebate-icon.weekly{background:linear-gradient(145deg,#ff9c43,#f15370)}.rebate-icon.monthly{background:linear-gradient(145deg,#ffd45e,#ff743d)}.rebate-card>div{text-align:left;flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.rebate-card>div strong{font-size:18px}.rebate-card>div small{color:#657297;font-size:13px}.rebate-estimate{color:#fff;background:linear-gradient(100deg,#ff5a55,#fa7770);border-radius:8px 28px 28px 8px;min-width:130px;padding:11px 17px;font-size:16px;box-shadow:0 3px 8px #e1434340}.rebate-rule{color:#687496;background:0 0;justify-content:center;gap:8px;width:100%;padding:17px 25px 22px;display:flex}.rebate-rule strong{color:#285ee2}.promotion-title{margin-top:0}.promotion-list{flex-direction:column;gap:11px;padding:0 24px;display:flex}.promotion-card{background:#ffffffc2;border:1px solid #7898ed;border-radius:15px;grid-template-columns:60px minmax(0,1fr) 91px 91px;align-items:center;gap:9px;min-height:95px;padding:13px 18px;display:grid}.promotion-icon{color:#fff;border-radius:50%;place-items:center;width:53px;height:53px;font-size:23px;font-weight:800;display:grid}.promotion-icon.link{background:#5fbef1}.promotion-icon.wechat{background:#4ecb77}.promotion-icon.invite{background:#8770ef}.promotion-card>div{flex-direction:column;gap:4px;min-width:0;display:flex}.promotion-card>div strong{font-size:17px}.promotion-card>div small{color:#697493;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.promotion-card>button{color:#fff;white-space:nowrap;background:linear-gradient(100deg,#4f82df,#657ee3);border-radius:17px;padding:8px 5px;font-size:11px;box-shadow:0 3px 7px #365cc433}.earn-notice{color:#8c6c30;text-align:center;background:#fff4d9;border-radius:9px;margin:18px 24px 30px;padding:11px;font-size:11px}@media (width<=430px){.earn-header{grid-template-columns:82px 1fr 95px;padding:0 12px}.earn-banner,.earn-section-title,.rebate-list,.promotion-list{margin-left:12px;margin-right:12px}.rebate-list,.promotion-list{padding:0}.rebate-card{gap:9px;padding-left:11px;padding-right:11px}.rebate-estimate{min-width:96px;padding-left:9px;padding-right:9px}.promotion-card{grid-template-columns:48px minmax(0,1fr) 75px 75px;gap:5px;padding-left:8px;padding-right:8px}.promotion-icon{width:43px;height:43px}.promotion-card>button{font-size:10px}}.activity-page{z-index:16;background:#f4f5f8;width:min(100%,540px);position:fixed;inset:0 auto 70px 50%;overflow:hidden auto;transform:translate(-50%)}.activity-header{color:#fff;background:radial-gradient(circle at 75% 0,#ffffff26,#0000 36%),linear-gradient(115deg,#075fdc,#4923bd);place-items:center;height:66px;display:grid}.activity-header strong{font-size:23px;font-weight:500}.activity-tabs{background:#fff;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 21px 11px;display:grid}.activity-tabs button{color:#29232a;background:#f6f6f7;border:1px solid #0000;border-radius:11px;height:54px;font-size:17px}.activity-tabs button.active{color:#276cf0;background:#fff;border-color:#2777ff}.activity-list{flex-direction:column;gap:13px;padding:13px 17px 5px;display:flex}.activity-card{text-align:left;background:radial-gradient(circle at 92% 15%,#57b7ff38,#0000 29%),linear-gradient(125deg,#fff,#edf4ff);border:2px solid #fff;border-radius:18px;align-items:center;width:100%;height:198px;padding:28px 25px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 13px #2c456d1a}.activity-card:after{content:"";background:#5a8fff17;border-radius:50%;width:230px;height:230px;position:absolute;bottom:-55px;right:-26px}.activity-card.red-packet{background:radial-gradient(circle at 89% 22%,#ff9d5b45,#0000 29%),linear-gradient(125deg,#fff,#fff5e9)}.activity-card.rebate{background:radial-gradient(circle at 90% 17%,#ffc13a3d,#0000 28%),linear-gradient(125deg,#fff,#f1f7ff)}.activity-tag{z-index:3;color:#fff;clip-path:polygon(0 0,100% 0,86% 100%,0 100%);background:linear-gradient(100deg,#21a842,#5dcc72);padding:5px 18px 5px 14px;font-size:13px;position:absolute;top:7px;left:-7px;transform:rotate(-4deg);box-shadow:0 3px 7px #1e7e3733}.activity-tag.limited{background:linear-gradient(100deg,#e9452e,#ff7957)}.activity-copy{z-index:2;flex-direction:column;gap:12px;width:66%;display:flex;position:relative}.activity-copy strong{color:#252d3d;text-shadow:0 2px 2px #1a2b4514;font-size:26px;line-height:1.15}.activity-copy strong b{color:#ff565c;margin:0 3px;font-size:40px;font-weight:800}.activity-copy span{color:#283142;font-size:21px;line-height:1.3}.activity-art{z-index:2;justify-content:center;align-items:center;width:32%;height:150px;display:flex;position:absolute;bottom:17px;right:20px}.activity-art>span{filter:drop-shadow(0 6px 5px #48311833);font-size:76px}.activity-art>strong{color:#ffb925;-webkit-text-stroke:2px #fff;text-shadow:0 3px 5px #a95c0f4d;font-size:43px;font-weight:900;position:absolute;bottom:0;right:1px}.activity-notice{color:#8d6c31;text-align:center;background:#fff4da;border-radius:9px;margin:10px 17px 28px;padding:11px;font-size:11px}@media (width<=430px){.activity-tabs{gap:6px;padding-left:10px;padding-right:10px}.activity-tabs button{font-size:15px}.activity-list{padding-left:10px;padding-right:10px}.activity-card{height:175px;padding-left:18px;padding-right:15px}.activity-copy strong{font-size:21px}.activity-copy strong b{font-size:32px}.activity-copy span{font-size:17px}.activity-art{height:130px;right:12px}.activity-art>span{font-size:62px}.activity-art>strong{font-size:35px}}