.tapson-login{--gutter:clamp(16px, 3vw, 40px);--panel-w:clamp(380px, 30vw, 430px);grid-template-columns:minmax(0, 1fr) var(--panel-w);min-height:100svh;padding:0 var(--gutter);color:var(--t-ink);background:var(--t-page);grid-template-rows:auto auto auto;grid-template-areas:"top top""stage panel""foot foot";align-content:space-between;column-gap:20px;display:grid;container-type:inline-size}.tapson-login-top{grid-area:top;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px 16px;display:flex}.tapson-login-top .brand{color:var(--t-ink);font-family:var(--t-display);letter-spacing:-.02em;font-size:22px;font-weight:700}html[data-theme=dark] .tapson-login-top .brand-logo{content:url(/brand/logo-mark-white-128.png)}.tapson-login-stage{min-height:clamp(500px, calc((100cqw - var(--panel-w) - 20px) / 1.26), calc(100svh - 150px));grid-area:stage;grid-template-areas:"all";display:grid;position:relative}.tapson-scene{--zoom:1.02;--fx:.56;--fy:.5;isolation:isolate;background:#e6ded0;border-radius:28px;grid-area:all;position:relative;overflow:hidden;container-type:size}.tapson-shot{--sw:calc(max(100cqw, 150cqh) * var(--zoom));--sh:calc(var(--sw) / 1.5);width:var(--sw);aspect-ratio:1536/1024;left:clamp(calc(100cqw - var(--sw)), calc(50cqw - var(--sw) * var(--fx)), 0px);top:clamp(calc(100cqh - var(--sh)), calc(50cqh - var(--sh) * var(--fy)), 0px);position:absolute}.tapson-shot-photo{width:100%;height:100%;display:block}.tapson-scene:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#faf8f3db,#faf8f3b3 55%,#faf8f300);position:absolute;inset:0 38% 71% 0;-webkit-mask:linear-gradient(#000 62%,#0000);mask:linear-gradient(#000 62%,#0000)}.tapson-login-pitch{z-index:3;color:#141414;pointer-events:none;grid-area:all;align-self:start;max-width:640px;padding:clamp(24px,2.6vw,38px) clamp(24px,2.8vw,40px) 0;position:relative}.tapson-login-pitch h2{font-family:var(--t-display);letter-spacing:-.03em;margin:0;font-size:clamp(30px,3vw,44px);font-weight:700;line-height:1.08}html[data-language=zh] .tapson-login-pitch h2{letter-spacing:0;line-height:1.15}.tapson-login-pitch p{color:#3a3a36;text-shadow:0 0 14px #faf8f3e6,0 0 3px #faf8f3cc;max-width:22em;margin:12px 0 0;font-size:15px;line-height:1.55}html[data-language=zh] .tapson-login-pitch p{max-width:24em}.tapson-till{z-index:0;transform-origin:0 0;color:#141414;background:#f5f5f1;border-radius:12px;grid-template-rows:44px minmax(0,1fr);width:760px;font-size:12px;line-height:1.3;display:grid;position:absolute;top:0;left:0;overflow:hidden}.tapson-till-bar{background:#fff;border-bottom:1px solid #ececea;align-items:center;gap:8px;padding:0 16px;display:flex}.tapson-till-bar img{width:18px;height:18px}.tapson-till-bar>b{font-family:var(--t-display);letter-spacing:-.01em;font-size:14px;font-weight:700}.tapson-till-title{color:#4a4a45;border-left:1px solid #dcdcd6;margin-left:4px;padding-left:12px;font-size:12.5px;font-weight:600}.tapson-till-date{color:#6b6b65;margin-left:auto;font-size:11.5px}.tapson-till-live{color:#146c35;background:#e6f5eb;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-style:normal;font-weight:600;display:inline-flex}.tapson-till-live i{background:#1f9d4c;border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite tapson-live}@keyframes tapson-live{0%,to{box-shadow:0 0 #1f9d4c73}60%{box-shadow:0 0 0 5px #1f9d4c00}}.tapson-till-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1.2fr 1fr;gap:10px;min-height:0;padding:12px;display:grid}.tapson-till-total{background:radial-gradient(130% 150% at 0 0,#ffe680 0%,#ffe68000 58%),#ffd43b;border-radius:16px;grid-template-rows:auto auto auto 1fr;padding:14px 16px 10px;display:grid}.tapson-till-total>small{color:#141414b3;font-size:12px;font-weight:600}.tapson-till-total>strong{font-family:var(--t-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:40px;font-weight:700;line-height:1}.tapson-till-total>strong span{opacity:.55;font-size:24px}.tapson-till-total>p{color:#141414b8;align-items:center;gap:7px;margin:8px 0 0;font-size:11.5px;display:flex}.tapson-till-total>p em{color:#fff;font-family:var(--t-display);background:#141414;border-radius:999px;padding:2px 7px;font-size:11px;font-style:normal;font-weight:600}.tapson-till-hours{grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:7px;height:78px;margin:10px 0 0;padding:0;list-style:none;display:grid}.tapson-till-hours li{grid-template-rows:minmax(0,1fr) 14px;justify-items:center;height:100%;display:grid}.tapson-till-hours i{width:100%;height:calc(var(--v) * 1%);background:#14141429;border-radius:6px 6px 2px 2px;align-self:end}.tapson-till-hours li.is-now i{transform-origin:bottom;background:#141414;animation:5s ease-in-out infinite alternate tapson-grow}.tapson-till-hours span{color:#14141499;font-family:var(--t-display);font-size:10px;line-height:14px}@keyframes tapson-grow{0%{scale:1 .82}to{scale:1}}.tapson-till-channels,.tapson-till-sales{background:#fff;border:1px solid #ececea;border-radius:16px;min-width:0;padding:12px 14px}.tapson-till-heading{justify-content:space-between;align-items:baseline;margin:0 0 8px;display:flex}.tapson-till-heading b{font-size:12.5px;font-weight:650}.tapson-till-heading span{color:#6b6b65;font-size:11px}.tapson-till-channels ul{gap:11px;margin:0;padding:0;list-style:none;display:grid}.tapson-till-channels li{grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"tile name amount""tile track share";align-items:center;gap:5px 10px;display:grid}.tapson-till-channels li>.tapson-tile{grid-area:tile}.tapson-till-channels li>b{grid-area:name;font-size:12px;font-weight:600}.tapson-till-channels li>strong{font-family:var(--t-display);font-variant-numeric:tabular-nums;grid-area:amount;font-size:13px;font-weight:700}.tapson-till-channels li>small{color:#6b6b65;font-family:var(--t-display);text-align:right;grid-area:share;font-size:10.5px}.tapson-till-track{background:#f1f1ec;border-radius:3px;grid-area:track;height:6px;overflow:hidden}.tapson-till-track i{width:calc(var(--share) * 1%);background:#ffd43b;border-radius:3px;height:100%;display:block}.tapson-till-channels li:first-child .tapson-till-track i{background:#141414}.tapson-till-sales{grid-column:1/-1;padding-bottom:4px;overflow:hidden}.tapson-till-sales ul{margin:0;padding:0;list-style:none}.tapson-till-sales li{border-top:1px solid #f1f1ec;border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto 96px;align-items:center;gap:10px;margin:0 -6px;padding:5px 6px;display:grid}.tapson-till-sales li:first-child{border-top-color:#0000;animation:9s ease-out infinite tapson-arrive}.tapson-till-sales li>span{min-width:0;display:grid}.tapson-till-sales li>span b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.tapson-till-sales li>span small{color:#6b6b65;font-variant-numeric:tabular-nums;font-size:10.5px}.tapson-till-sales li>strong{color:#146c35;font-family:var(--t-display);text-align:right;font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:700}.tapson-till-sales li>em{color:#146c35;background:#e6f5eb;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 5px;font-size:10.5px;font-style:normal;font-weight:600;display:inline-flex}.tapson-till-sales li>em:before{content:"";width:11px;height:11px;-webkit-mask:var(--t-gl-check) center / contain no-repeat;-webkit-mask:var(--t-gl-check) center / contain no-repeat;mask:var(--t-gl-check) center / contain no-repeat;background:currentColor}.tapson-till-sales li>em.is-arriving{color:#8a5300;background:#fff2d4}.tapson-till-sales li>em.is-arriving:before{-webkit-mask-image:var(--t-gl-clock);-webkit-mask-image:var(--t-gl-clock);mask-image:var(--t-gl-clock)}@keyframes tapson-arrive{0%,5%{opacity:0;background:#fff4c4;translate:0 -8px}12%{opacity:1;background:#fff4c4;translate:0}40%,to{background:#fff4c400}}.tapson-tile{background:#ffd43b;border-radius:9px;width:28px;height:28px;position:relative}.tapson-tile:before{content:"";-webkit-mask:var(--ico) center / contain no-repeat;-webkit-mask:var(--ico) center / contain no-repeat;mask:var(--ico) center / contain no-repeat;background:#141414;position:absolute;inset:6px}.tapson-tile.is-qr{--ico:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='4' width='6' height='6' rx='1.3'/><rect x='14' y='4' width='6' height='6' rx='1.3'/><rect x='4' y='14' width='6' height='6' rx='1.3'/><path d='M14 14h2.5v2.5H14ZM19.5 19.5h.5M14 20h2M20 14v2.5'/></svg>")}.tapson-tile.is-bank{--ico:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 9.5 12 5l8 4.5Z'/><path d='M6 12v5M10 12v5M14 12v5M18 12v5M4 20h16'/></svg>")}.tapson-tile.is-wallet{--ico:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='6.5' y='3' width='11' height='18' rx='2.6'/><path d='M10.5 17.6h3'/><circle cx='12' cy='10.5' r='2.7'/></svg>")}.tapson-float{z-index:2;color:#141414;background:#fffffff7;border:1px solid #1414140d;border-radius:16px;font-size:12px;line-height:1.3;animation:7s ease-in-out infinite alternate tapson-float;position:absolute;box-shadow:0 1px 2px #1414140f,0 20px 40px -18px #14141461}@keyframes tapson-float{0%{translate:0}to{translate:0 -8px}}.tapson-float.is-paid{grid-template-rows:auto auto;grid-template-columns:38px auto;align-items:center;gap:3px 11px;padding:11px 16px 11px 11px;animation-name:tapson-float,tapson-pop;animation-duration:7s,9s;animation-timing-function:ease-in-out,ease-out;animation-direction:alternate,normal;display:grid;top:40%;right:57%}.tapson-float-tick{background:#ffd43b;border-radius:50%;grid-row:1/3;width:38px;height:38px;position:relative}.tapson-float-tick:before{content:"";background:#141414;position:absolute;inset:9px;-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='m5 12.5 4.5 4.5L19 7.5'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='m5 12.5 4.5 4.5L19 7.5'/></svg>") 50%/contain no-repeat}.tapson-float.is-paid>b{color:#4a4a45;font-size:12px;font-weight:600}.tapson-float.is-paid>span{white-space:nowrap;align-items:baseline;gap:8px;display:flex}.tapson-float.is-paid small{color:#6b6b65;font-size:11.5px}.tapson-float.is-paid strong{color:#146c35;font-family:var(--t-display);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;line-height:1.1}@keyframes tapson-pop{0%,6%{scale:1}9%{scale:1.04}13%,to{scale:1}}.tapson-float.is-usdt{width:214px;padding:12px 14px;animation-delay:-3s;top:65%;right:60%}.tapson-float.is-usdt>p{align-items:center;gap:8px;margin:0;display:flex}.tapson-float.is-usdt svg{border-radius:50%;flex:none;width:24px;height:24px}.tapson-float.is-usdt b{font-size:12.5px;font-weight:650}.tapson-float.is-usdt em{color:#146c35;background:#e6f5eb;border-radius:999px;align-items:center;gap:3px;margin-left:auto;padding:2px 7px 2px 4px;font-size:10.5px;font-style:normal;font-weight:600;display:inline-flex}.tapson-float.is-usdt em:before{content:"";width:11px;height:11px;-webkit-mask:var(--t-gl-check) center / contain no-repeat;-webkit-mask:var(--t-gl-check) center / contain no-repeat;mask:var(--t-gl-check) center / contain no-repeat;background:currentColor}.tapson-float.is-usdt>strong{font-family:var(--t-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;margin-top:10px;font-size:21px;font-weight:700;display:flex}.tapson-float.is-usdt>strong small{color:#6b6b65;font-size:12px;font-weight:600}.tapson-float.is-usdt>span{color:#6b6b65;margin-top:3px;font-size:11.5px;display:block}.tapson-float.is-payout{background:#ffd43b;border:0;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 7px;font-size:12.5px;font-weight:600;animation-delay:-5s;display:flex;top:17%;right:6%}.tapson-float.is-payout>i{background:#fff;border-radius:50%;width:26px;height:26px;position:relative}.tapson-float.is-payout>i:before{content:"";-webkit-mask:var(--t-gl-clock) center / contain no-repeat;-webkit-mask:var(--t-gl-clock) center / contain no-repeat;mask:var(--t-gl-clock) center / contain no-repeat;background:#141414;position:absolute;inset:6px}.tapson-login-panel{border:1px solid var(--t-line);background:var(--t-surface);box-shadow:var(--t-shadow);border-radius:28px;grid-area:panel;align-items:center;padding:clamp(28px,3vw,44px);display:grid}.tapson-login-form{justify-self:center;width:min(100%,360px)}.tapson-login-kicker{min-height:24px;color:var(--t-yellow-ink);background:var(--t-yellow-soft);border-radius:999px;align-items:center;margin:0 0 16px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.tapson-login-form h1{color:var(--t-ink);font-family:var(--t-display);letter-spacing:-.025em;margin:0;font-size:30px;font-weight:700;line-height:1.15}html[data-language=zh] .tapson-login-form h1{letter-spacing:0}.tapson-login-lede{color:var(--t-ink-3);margin:10px 0 26px;font-size:14px;line-height:1.55}.tapson-login-form .login-form{gap:18px}.tapson-login .login-error{color:var(--t-bad);background:var(--t-bad-bg);border-radius:12px;margin:-8px 0 20px;padding:11px 14px;font-size:13px;font-weight:600}.tapson-login-note{border-top:1px solid var(--t-line);color:var(--t-ink-3);align-items:center;gap:8px;margin:22px 0 0;padding-top:18px;font-size:12.5px;display:flex}.tapson-login-note i{width:15px;height:15px;-webkit-mask:var(--t-gl-lock) center / contain no-repeat;-webkit-mask:var(--t-gl-lock) center / contain no-repeat;mask:var(--t-gl-lock) center / contain no-repeat;background:currentColor;flex:none}.tapson-login-foot{color:var(--t-ink-3);flex-wrap:wrap;grid-area:foot;justify-content:space-between;gap:8px 20px;padding:18px 4px 22px;font-size:12.5px;display:flex}.tapson-login-foot a{color:var(--t-ink);text-decoration:underline;-webkit-text-decoration-color:var(--t-yellow);text-decoration-color:var(--t-yellow);text-underline-offset:4px;font-weight:600;text-decoration-thickness:2px}html[data-theme=dark] .tapson-shot-photo{filter:brightness(.86)saturate(.95)}html[data-theme=dark] .tapson-scene:after{background:linear-gradient(90deg,#f4f2ece0,#f4f2ecb8 55%,#f4f2ec00)}html[data-theme=dark] .tapson-float:not(.is-payout){color:#f4f4f0;background:#1c1c1af5;border-color:#2b2b28;box-shadow:0 22px 44px -18px #000000b3}html[data-theme=dark] :is(.tapson-float.is-paid small,.tapson-float.is-usdt>strong small,.tapson-float.is-usdt>span){color:#a3a39b}html[data-theme=dark] .tapson-float.is-paid strong{color:#86dba3}html[data-theme=dark] .tapson-float.is-paid>b{color:#c9c9c1}html[data-theme=dark] .tapson-float.is-usdt em{color:#86dba3;background:#17301f}html[data-theme=dark] .tapson-float.is-payout{color:#141414}@media (prefers-reduced-motion:reduce){.tapson-login :is(.tapson-float,.tapson-till-live i,.tapson-till-hours li.is-now i,.tapson-till-sales li:first-child){animation:none}}@media (max-width:980px){.tapson-login{grid-template:"top""stage""panel""foot"/minmax(0,1fr);row-gap:16px}.tapson-login-top{padding-bottom:0}.tapson-login-stage{grid-template-areas:"pitch""all";row-gap:18px;min-height:0}.tapson-login-pitch{max-width:none;color:var(--t-ink);grid-area:pitch;padding:6px 4px 0}.tapson-login-pitch p{color:var(--t-ink-2);text-shadow:none}.tapson-scene{--zoom:1.04;--fx:.6;height:clamp(280px,62vw,470px)}.tapson-scene:after{display:none}.tapson-login-panel{padding:30px 22px}.tapson-login-form{width:min(100%,420px)}.tapson-login-foot{justify-content:center;padding-top:4px}}@media (max-width:600px){.tapson-login{padding-inline:16px}.tapson-login-top .brand{font-size:20px}.tapson-login-pitch h2{font-size:30px}.tapson-login-pitch p{margin-top:8px;font-size:14px}.tapson-scene{--zoom:1.24;--fx:.655;border-radius:22px;height:300px}.tapson-float.is-usdt{display:none}.tapson-float.is-paid{border-radius:14px;gap:1px 8px;padding:7px 12px 7px 7px;top:9%;left:35%;right:auto}.tapson-float.is-paid .tapson-float-tick{width:28px;height:28px}.tapson-float.is-paid .tapson-float-tick:before{inset:7px}.tapson-float.is-paid>b{font-size:11px}.tapson-float.is-paid small{font-size:10.5px}.tapson-float.is-paid strong{font-size:15px}.tapson-float.is-payout{padding:5px 11px 5px 5px;font-size:11.5px;top:auto;bottom:9%;right:6%}.tapson-float.is-payout>i{width:22px;height:22px}.tapson-float.is-payout>i:before{inset:5px}.tapson-login-panel{border-radius:22px;padding:26px 20px}.tapson-login-form h1{font-size:26px}}