.liquid-stage{--lu:calc(var(--h) / 516);--bh:var(--h);--pad:calc(900 * var(--lu));position:relative;width:max-content;height:max-content;padding:var(--pad);display:grid;place-items:center;touch-action:manipulation;font-family:Lexend,Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}.liquid-stage--explore{--h:calc(60.156 * var(--u))}.liquid-stage--play{--h:calc(88.2288 * var(--u))}.liquid-plate{position:absolute;inset:var(--pad);border-radius:999px;background:linear-gradient(180deg,#ffffff16,#ffffff04 44%,#fff0 64%),#0a0c0a6b;box-shadow:0 calc(var(--h) * .08) calc(var(--h) * .18) #00000061,0 calc(var(--h) * .24) calc(var(--h) * .5) #00000047,0 calc(var(--h) * .48) calc(var(--h) * .96) #00000029,inset 0 1px #ffffff21,inset 0 calc(var(--h) * -.02) calc(var(--h) * .05) #ffffff0d;transition:box-shadow .38s cubic-bezier(.22,.61,.36,1),background .38s cubic-bezier(.22,.61,.36,1)}.liquid-stage.hot .liquid-plate{background:linear-gradient(180deg,#ffffff1b,#ffffff05 44%,#fff0 64%),#080a0880;box-shadow:0 calc(var(--h) * .1) calc(var(--h) * .22) #00000070,0 calc(var(--h) * .32) calc(var(--h) * .66) #00000057,0 calc(var(--h) * .66) calc(var(--h) * 1.32) #0003,inset 0 1px #ffffff2b,inset 0 calc(var(--h) * -.02) calc(var(--h) * .05) #ffffff0f}.liquid-fx{position:absolute;inset:0;width:100%;height:100%;display:block}.liquid-button{position:relative;height:var(--bh);border:0;background:none;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:inherit;font-weight:500;line-height:1;letter-spacing:0;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.liquid-button:focus-visible{outline:calc(4 * var(--lu)) solid rgba(255,255,255,.55);outline-offset:calc(10 * var(--lu))}.liquid-button .ico{display:block;flex:none;overflow:visible}.liquid-button .lbl{display:block;transform:translateY(calc(2 * var(--lu)))}.liquid-button--explore{padding:0 calc(224 * var(--lu)) 0 calc(95 * var(--lu));gap:calc(112 * var(--lu));font-size:calc(140 * var(--lu))}.liquid-button--explore .ico{width:calc(150 * var(--lu));height:calc(150 * var(--lu))}.liquid-button--play{width:var(--bh);height:var(--bh);padding:0}.liquid-button--play .ico{width:calc(176 * var(--lu));height:calc(176 * var(--lu));margin-left:calc(14 * var(--lu))}.liquid-button--play .lbl{display:none}.liquid-stage.press .liquid-plate{background:linear-gradient(180deg,#ffffff12,#ffffff03 44%,#fff0 64%),#0709078c;box-shadow:0 calc(var(--h) * .04) calc(var(--h) * .11) #00000075,0 calc(var(--h) * .13) calc(var(--h) * .32) #0000005c,0 calc(var(--h) * .27) calc(var(--h) * .62) #00000038,inset 0 1px #ffffff1a;transition-duration:.1s}#xiaobu-home .xb-cloth{position:absolute;z-index:2;pointer-events:none;opacity:0}#xiaobu-home .xb-shot[data-cloth-ready]{overflow:visible;background:transparent!important;border-color:transparent;box-shadow:none!important}#xiaobu-home .xb-shot[data-cloth-ready]>.xb-receipt,#xiaobu-home .xb-shot[data-cloth-ready]>img{opacity:0}#xiaobu-home .xb-shot[data-cloth-ready]>.xb-cloth{opacity:1}#xiaobu-home .xb-intro:has(.xb-entry)>.xb-primary{display:none}#xiaobu-home .xb-entry{position:relative;isolation:isolate;width:280px;max-width:100%;height:72px;margin:32px 0 24px}#xiaobu-home .xb-entry .liquid-stage{--h:72px;--u:1px;position:absolute;left:calc(-1 * var(--pad));top:calc(-1 * var(--pad));box-sizing:content-box;width:100%;height:var(--h);pointer-events:none}#xiaobu-home .xb-entry .liquid-plate{background-color:#34372f}#xiaobu-home .xb-entry .liquid-fx{pointer-events:none}#xiaobu-home .xb-entry .liquid-button{box-sizing:border-box;width:100%;text-decoration:none;pointer-events:auto;white-space:nowrap;padding:0 28px;gap:16px;font-size:21px}#xiaobu-home .xb-entry .liquid-button .ico{width:21px;height:21px}#xiaobu-home .xb-entry .liquid-button:focus-visible{outline:3px solid #5b707f;outline-offset:7px}@media(max-width:600px){#xiaobu-home .xb-entry{width:260px;height:64px;margin:24px 0}#xiaobu-home .xb-entry .liquid-stage{--h:64px}#xiaobu-home .xb-entry .liquid-button{font-size:19px}}@media(max-width:760px){#xiaobu-home .xb-intro{display:flex;flex-direction:column;align-items:flex-start;gap:0}#xiaobu-home .xb-entry{flex:none}}
