/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}}:root{--wechat-green:#07c160;--wechat-bg:#ededed;--activity-red:#d82018;--activity-deep:#9e0c0a;--activity-orange:#ff6a16;--gold:#ffd66e;--gold-deep:#d99a25;--safe-bottom:max(14px, env(safe-area-inset-bottom));--safe-top:env(safe-area-inset-top)}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{color:#1d1d1f;-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:radial-gradient(circle at 50% 20%,#f5f5f5 0,#dedede 55%,#cfcfcf 100%);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,Arial,sans-serif}button{font:inherit;-webkit-tap-highlight-color:transparent}.demo-shell{isolation:isolate;background:#fff;width:min(100vw,430px);height:100dvh;min-height:667px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000d,0 18px 70px #00000038}.screen{width:100%;min-height:100%;position:absolute;inset:0;overflow:hidden}.status-bar{z-index:20;height:calc(29px + var(--safe-top));padding:var(--safe-top) 18px 0;color:#111;letter-spacing:.1px;justify-content:space-between;align-items:center;font-size:12px;font-weight:650;display:flex;position:relative}.status-icons{align-items:center;gap:5px;display:flex}.signal{align-items:flex-end;gap:1.5px;height:10px;display:flex}.signal i{background:currentColor;border-radius:2px;width:2px;display:block}.signal i:first-child{height:4px}.signal i:nth-child(2){height:6px}.signal i:nth-child(3){height:8px}.signal i:nth-child(4){height:10px}.wifi{border-top:2px solid;border-radius:50%;width:12px;height:9px;position:relative}.wifi:after{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.battery{border:1.2px solid;border-radius:2.5px;width:19px;height:9px;padding:1px;position:relative}.battery:before{content:"";background:currentColor;border-radius:1px;width:76%;height:100%;display:block}.battery:after{content:"";background:currentColor;border-radius:0 2px 2px 0;width:1.5px;height:3px;position:absolute;top:2px;right:-3px}.wechat-nav{z-index:18;color:#171717;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#edededf5;border-bottom:.5px solid #0000001a;grid-template-columns:62px 1fr 62px;align-items:center;height:48px;padding:0 15px;display:grid;position:relative}.nav-back{color:inherit;background:0 0;border:0;justify-self:start;padding:8px 8px 8px 0;font-size:27px;font-weight:300;line-height:1}.nav-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:17px;font-weight:590;overflow:hidden}.nav-more{color:inherit;letter-spacing:2px;background:0 0;border:0;justify-self:end;padding:8px 0 8px 8px;font-size:23px;line-height:1}.official-screen{background:var(--wechat-bg);transition:transform .43s cubic-bezier(.3,.72,.12,1);transform:translate(0)}.official-screen.is-leaving{transform:translate(-100%)}.official-chat{height:calc(100% - 77px - var(--safe-top));background:linear-gradient(#ffffff1c,#ffffff1c),#ededed;padding:12px 16px 102px;overflow-y:auto}.official-time{text-align:center;color:#a4a4a4;margin:5px 0 13px;font-size:12px}.official-account-row{color:#8b8b8b;align-items:center;gap:9px;margin:0 0 11px 2px;font-size:13px;display:flex}.brand-avatar{color:#fff;letter-spacing:-.4px;background:linear-gradient(145deg,#ffffff40,#0000 44%),linear-gradient(145deg,#df2822,#a4070c);border-radius:7px;flex:none;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #ffffff38}.article-card{text-align:left;width:100%;color:inherit;background:#fff;border:0;border-radius:9px;padding:0;transition:transform .12s,filter .12s;overflow:hidden;transform:scale(1);box-shadow:0 1px 2px #00000017}.article-card:active,.article-card.is-pressed{filter:brightness(.97);transform:scale(.985)}.cover-art{color:#fff5ce;background:radial-gradient(circle at 50% 53%,#ffe77a70,#0000 31%),radial-gradient(circle at 20% 0,#ffbf4866,#0000 37%),linear-gradient(148deg,#ed3e24 0%,#ca140e 45%,#9d0808 100%);flex-direction:column;align-items:center;height:224px;display:flex;position:relative;overflow:hidden}.cover-art:before,.cover-art:after{content:"";border:1px solid #ffdf8442;border-radius:50%;position:absolute}.cover-art:before{width:270px;height:270px;top:44px}.cover-art:after{width:220px;height:220px;top:70px}.cover-kicker{z-index:2;letter-spacing:1.8px;background:#7a000040;border:1px solid #ffe291b8;border-radius:999px;margin-top:18px;padding:4px 12px;font-size:13px;font-weight:650;position:relative}.cover-title{z-index:2;text-align:center;letter-spacing:.6px;text-shadow:0 2px 8px #5d000073;margin-top:10px;font-size:25px;font-weight:830;line-height:1.2;position:relative}.cover-title strong{color:#ffe183;font-size:36px;line-height:1.05;display:block}.cover-cards{width:230px;height:94px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.cover-mini-card{background:radial-gradient(circle,#f4cc63 0 2px,#0000 2.5px) 0 0/12px 12px,linear-gradient(145deg,#ad080a,#650006);border:2px solid #f7cf66;border-radius:7px;width:65px;height:86px;position:absolute;bottom:0;left:50%;box-shadow:0 9px 20px #48000059,inset 0 0 0 3px #8c0707}.cover-mini-card:after{content:"?";color:#ffd873;border:1px solid #ffd96da6;border-radius:50%;place-items:center;font-size:29px;font-weight:800;display:grid;position:absolute;inset:18px 13px}.cover-mini-card:first-child{transform:translate(-91px)rotate(-10deg)}.cover-mini-card:nth-child(2){z-index:2;transform:translate(-32px)translateY(-7px)}.cover-mini-card:nth-child(3){transform:translate(27px)rotate(10deg)}.cover-action{z-index:3;color:#8f0707;background:linear-gradient(#ffe8a0,#f2bc48);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:760;position:absolute;bottom:12px;right:16px;box-shadow:0 3px 9px #3d000038}.article-copy{padding:15px 16px 16px}.article-copy h2{color:#191919;margin:0 0 8px;font-size:18px;font-weight:630;line-height:1.35}.article-copy p{color:#777;margin:0;font-size:13px;line-height:1.55}.official-composer{z-index:20;height:calc(58px + var(--safe-bottom));padding:8px 12px var(--safe-bottom);background:#f7f7f7f7;border-top:.5px solid #0000001f;grid-template-columns:34px 1fr 32px 32px;align-items:center;gap:8px;display:grid;position:absolute;bottom:0;left:0;right:0}.composer-icon{color:#252525;border:1.5px solid;border-radius:50%;place-items:center;width:31px;height:31px;font-size:16px;font-weight:650;display:grid}.composer-input{background:#fff;border-radius:5px;height:38px;box-shadow:inset 0 0 0 .5px #0000000f}.composer-emoji{text-align:center;font-size:25px;line-height:1}.web-open-transition{z-index:25;background:#fff;transition:transform .43s cubic-bezier(.28,.74,.18,1);transform:translate(100%)}.web-open-transition.is-visible{transform:translate(0)}.web-open-line{background:#07c160;width:38%;height:2px;animation:.42s ease-out forwards loading-line}@keyframes loading-line{0%{opacity:.6;width:4%}to{opacity:0;width:84%}}.activity-screen{color:#fff8d9;background:radial-gradient(circle at 50% 25%,#ffbf3073,#0000 25%),radial-gradient(circle at 5% 40%,#ff892261,#0000 18%),linear-gradient(160deg,#f33a19 0%,#d4140d 42%,#a5070a 100%);overflow-y:auto}.activity-screen:before{content:"";pointer-events:none;opacity:.34;background-image:radial-gradient(circle,#ffe48a 0 1px,#0000 1.6px),radial-gradient(circle,#ffb53b 0 1px,#0000 1.6px);background-position:18px 34px,76px 90px;background-size:92px 92px,113px 113px;animation:7s linear infinite particle-drift;position:absolute;inset:0}@keyframes particle-drift{to{background-position:18px 126px,76px 203px}}.activity-content{z-index:2;min-height:100%;padding:calc(35px + var(--safe-top)) 17px calc(20px + var(--safe-bottom));flex-direction:column;align-items:center;display:flex;position:relative}.activity-content:before,.activity-content:after{content:"";border:2px solid #ffd96680;border-radius:9px;width:35px;height:54px;position:absolute;top:138px;transform:rotate(18deg)}.activity-content:before{left:-16px}.activity-content:after{right:-16px;transform:rotate(-18deg)}.activity-kicker{color:#ffe9ae;letter-spacing:1.5px;background:#7e00002e;border:1px solid #ffe58eb8;border-radius:999px;margin:0 0 10px;padding:5px 13px;font-size:13px;font-weight:680}.activity-title{text-align:center;color:#fff7dc;letter-spacing:-.4px;text-shadow:0 3px 10px #65000061;max-width:360px;margin:0;font-size:clamp(26px,7.4vw,32px);font-weight:860;line-height:1.13}.activity-subtitle{color:#fff7dce0;text-align:center;margin:9px 0 0;font-size:14px;line-height:1.4}.activity-benefit{color:#9b080a;background:linear-gradient(100deg,#ffefa9,#ffc94e);border-radius:999px;align-items:center;gap:6px;margin-top:11px;padding:6px 14px;font-size:13px;font-weight:760;display:inline-flex;box-shadow:0 5px 18px #6a000038}.activity-benefit:before,.activity-benefit:after{content:"✦";font-size:10px}.game-stage{isolation:isolate;width:100%;min-height:365px;margin-top:4px;position:relative}.game-glow{filter:blur(4px);pointer-events:none;background:radial-gradient(#ffd65b75,#0000 69%);border-radius:50%;width:300px;height:170px;transition:transform .28s,opacity .28s;position:absolute;top:155px;left:50%;transform:translate(-50%,-50%)}.game-stage.is-shuffling .game-glow{opacity:.92;animation:.62s ease-in-out infinite alternate shuffle-glow-pulse;transform:translate(-50%,-50%)scale(1.18)}@keyframes shuffle-glow-pulse{to{opacity:.56;transform:translate(-50%,-50%)scale(.9)}}.shuffle-vortex{z-index:0;pointer-events:none;width:310px;height:184px;position:absolute;top:137px;left:50%;transform:translate(-50%,-50%)}.shuffle-vortex:before,.shuffle-vortex:after,.shuffle-vortex span{content:"";border:1px solid #ffe28247;border-radius:50%;animation:1.05s linear infinite vortex-ring;position:absolute;inset:26px 16px;transform:rotate(-7deg)}.shuffle-vortex:after{border-style:dashed;border-color:#fff0b361;animation-duration:.78s;animation-direction:reverse;inset:42px 32px}.shuffle-vortex span:first-child{border-color:#ffcc4726;animation-duration:1.4s;inset:9px 1px}.shuffle-vortex span:nth-child(2){border-color:#fff6c680;animation-duration:.56s;animation-direction:reverse;inset:61px 52px}.shuffle-vortex span:nth-child(3){filter:blur(8px);background:radial-gradient(circle,#fff4b9c7,#0000 68%);border:0;animation:.55s ease-in-out infinite alternate vortex-core;inset:82px 80px}@keyframes vortex-ring{to{transform:rotate(353deg)}}@keyframes vortex-core{to{opacity:.42;transform:scale(1.45)}}.game-cards{perspective:1100px;width:100%;height:210px;position:absolute;top:44px;left:50%;transform:translate(-50%)}.mystery-card-wrap{--x:0px;--y:0px;--scale:1;--rotate:0deg;--shuffle-glow:0;cursor:pointer;opacity:1;width:clamp(88px,25vw,103px);height:clamp(142px,39vw,165px);transform:translate3d(var(--x), var(--y), 0) rotateZ(var(--rotate)) scale(var(--scale));transform-origin:50%;will-change:transform, opacity;background:0 0;border:0;margin-left:clamp(-51.5px,-12.5vw,-44px);padding:0;transition:transform .265s cubic-bezier(.22,.8,.22,1),opacity .26s,filter .26s;position:absolute;top:0;left:50%}.mystery-card-wrap.is-shuffling{transition:none}.mystery-card-wrap.is-shuffling:before{content:"";z-index:-1;opacity:var(--shuffle-glow);filter:blur(10px);background:#ffda699e;border-radius:20px;position:absolute;inset:10px 4px;transform:scale(.86);box-shadow:0 0 18px #ffdc70b3,0 0 42px #ff9f2a80}.mystery-card-wrap.is-entering{animation:.62s cubic-bezier(.18,.82,.22,1) both card-enter;animation-delay:var(--delay)}@keyframes card-enter{0%{opacity:0;transform:translate3d(var(--entry-x), 210px, 0) rotate(var(--entry-r)) scale(.76)}to{opacity:1;transform:translate3d(var(--x), var(--y), 0) rotate(0) scale(var(--scale))}}.mystery-card-wrap.is-ready{animation:2.3s ease-in-out infinite card-breathe;animation-delay:var(--delay)}@keyframes card-breathe{0%,to{transform:translate3d(var(--x), 0, 0) scale(1)}50%{transform:translate3d(var(--x), -7px, 0) scale(1.015)}}.mystery-card-wrap.is-selected{animation:none;z-index:20!important;--x:0px!important;--y:-7px!important;--scale:1.18!important;--rotate:0deg!important}.mystery-card-wrap.is-dismissed{opacity:0;filter:blur(2px);pointer-events:none;--y:40px!important;--scale:.68!important}.mystery-card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .82s cubic-bezier(.2,.72,.22,1);display:block;position:relative}.mystery-card.is-back{transform:rotateY(180deg)}.mystery-card.is-revealed{transform:rotateY(360deg)}.card-face{backface-visibility:hidden;border:2px solid #ffe491;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 13px 25px #59000057,inset 0 0 0 3px #9d100cb8,inset 0 0 20px #ffe48b38}.card-front-cover{color:#8f0808;background:radial-gradient(circle at 50% 17%,#ffffffd9,#0000 19%),linear-gradient(145deg,#fff2be,#e9ad39)}.card-front-cover:before{content:"✦";margin-bottom:10px;font-size:31px}.card-front-cover strong{font-size:15px;line-height:1.3}.card-front-cover span{letter-spacing:1.5px;margin-top:7px;font-size:10px}.card-back{color:#ffe08a;background:linear-gradient(115deg,#0000 25%,#ffffff2e 42%,#0000 55%) -160px 0/160px 100% no-repeat,radial-gradient(circle,#ffd66770 0 1px,#0000 1.5px) 0 0/13px 13px,linear-gradient(150deg,#b51516,#73020a 68%,#4f0006);animation:3.2s ease-in-out infinite card-sheen;transform:rotateY(180deg);box-shadow:0 13px 25px #5900005c,inset 0 0 0 5px #8e0b0c,inset 0 0 0 7px #ffd767b8}@keyframes card-sheen{0%,58%{background-position:-160px 0,0 0,0 0}to{background-position:160px 0,0 0,0 0}}.card-emblem{background:#5c000447;border:1.5px solid #ffde7fcc;border-radius:50%;place-items:center;width:57px;height:57px;margin-bottom:12px;font-family:Georgia,serif;font-size:34px;font-weight:800;display:grid;box-shadow:0 0 18px #ffd25933}.card-back strong{letter-spacing:.8px;font-size:12px}.card-reward{color:#a10b0a;background:radial-gradient(circle at 50% 22%,#fffffff5,#0000 26%),linear-gradient(155deg,#fff8d8,#f7ca62 64%,#e1a831)}.card-reward small{letter-spacing:.2px;margin-bottom:9px;font-size:10px;font-weight:780;line-height:1.2}.card-reward strong{letter-spacing:-2px;font-family:Arial,sans-serif;font-size:clamp(31px,8.6vw,38px);line-height:1}.mystery-card-wrap.is-sweeping:after{content:"";z-index:25;filter:blur(2px);pointer-events:none;background:linear-gradient(90deg,#0000,#fff4b8f2,#0000);width:30%;height:135%;animation:.76s ease-in-out gold-sweep;position:absolute;top:-18%;left:-60%;transform:rotate(14deg)}@keyframes gold-sweep{to{left:132%}}.game-prompt{text-align:center;color:#ffe6a2;margin:0;font-size:14px;font-weight:690;animation:.28s both prompt-in;position:absolute;top:260px;left:0;right:0}@keyframes prompt-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.shuffle-note{background:#6e000342;border-radius:999px;padding:6px 14px;font-size:12px;animation:.72s ease-in-out infinite alternate shuffle-note-pulse;position:absolute;top:259px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #5c00002e}@keyframes shuffle-note-pulse{to{opacity:.72;transform:translate(-50%)scale(.96)}}.reward-panel{color:#8e0c0b;text-align:center;background:radial-gradient(circle at 50% 0,#ffeb99eb,#0000 37%),linear-gradient(160deg,#fff8de,#ffdd7d);border:1px solid #ffe289a6;border-radius:22px;width:100%;margin-top:-61px;padding:18px 15px 14px;animation:.44s cubic-bezier(.19,.82,.22,1) both reward-panel-in;box-shadow:0 13px 30px #55000052,inset 0 1px #fff}.activity-screen.is-transitioning-to-service{pointer-events:none;animation:.62s cubic-bezier(.24,.72,.2,1) both reward-screen-exit}@keyframes reward-screen-exit{0%,16%{opacity:1;filter:brightness();transform:translate(0)scale(1)}to{opacity:.54;filter:brightness(.88);transform:translateY(-13px)scale(.972)}}.reward-panel.is-confirming{animation:.54s cubic-bezier(.22,.76,.2,1) both reward-panel-confirm}@keyframes reward-panel-confirm{0%{transform:translateY(0)scale(1);box-shadow:0 13px 30px #55000052,inset 0 1px #fff}18%{transform:translateY(2px)scale(.985);box-shadow:0 7px 18px #55000040,inset 0 1px #fff}52%{transform:translateY(-5px)scale(1.012);box-shadow:0 17px 38px #5500004d,0 0 0 5px #ffe69229,inset 0 1px #fff}to{opacity:.82;transform:translateY(-10px)scale(.965);box-shadow:0 10px 24px #5003,inset 0 1px #fff}}.reward-panel.is-confirming .primary-button{color:#fff2c8;background:linear-gradient(#c8281a,#a70c0a);box-shadow:0 5px 12px #aa0b0833,inset 0 0 0 1px #ffe5962e}.reward-panel.is-confirming .secondary-button{opacity:.35}@keyframes reward-panel-in{0%{opacity:0;transform:translateY(22px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.reward-panel h2{margin:0;font-size:17px;font-weight:760}.reward-amount{color:#d71913;letter-spacing:-4px;text-shadow:0 3px #ffffffb8;margin:5px 0 1px;font-family:Arial,sans-serif;font-size:clamp(53px,15vw,66px);font-weight:900;line-height:.98}.reward-name{margin:0 0 9px;font-size:16px;font-weight:800}.reward-description{color:#6d4a2e;margin:0;font-size:11px;line-height:1.5}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:13px;width:100%;font-weight:760;transition:transform .1s,filter .1s}.primary-button:active,.secondary-button:active{filter:brightness(.97);transform:scale(.98)}.primary-button{color:#fff7d9;background:linear-gradient(#ee3d22,#c8120e);min-height:49px;margin-top:13px;font-size:16px;box-shadow:0 7px 16px #aa0b0847,inset 0 1px #ffffff4d}.secondary-button{color:#8d6651;background:0 0;min-height:35px;margin-top:4px;font-size:13px}.celebration{z-index:16;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti{background:var(--confetti-color);width:7px;height:15px;animation:1.35s cubic-bezier(.12,.62,.16,1) both confetti-burst;animation-delay:var(--confetti-delay);border-radius:2px;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}@keyframes confetti-burst{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(.4)}to{opacity:0;transform:translate(calc(-50% + var(--confetti-x)), calc(-50% + var(--confetti-y))) rotate(var(--confetti-r)) scale(1)}}.service-screen{z-index:20;color:#321d18;background:radial-gradient(circle at 50% -6%,#ffc75b66,#0000 35%),radial-gradient(circle at -4% 94%,#b7151224,#0000 32%),radial-gradient(circle at 104% 72%,#da3b1b1f,#0000 31%),linear-gradient(155deg,#fffaf0,#f7ecd8 72%,#f0dfc1);transition:transform .39s cubic-bezier(.28,.76,.2,1),opacity .39s,filter .39s;overflow-y:auto}.service-screen.is-transitioning{opacity:.72;filter:brightness(.88)saturate(.86);transform:translate(-18%)scale(.985)}.service-screen.is-entering-from-reward{z-index:24;pointer-events:none;transform-origin:50% 100%;animation:.54s cubic-bezier(.2,.78,.18,1) 70ms both service-from-reward;box-shadow:0 -16px 45px #5c170924}.service-screen.is-entering-from-reward .service-content{animation:.47s cubic-bezier(.2,.75,.2,1) .135s both service-content-arrive}@keyframes service-from-reward{0%{opacity:1;border-radius:30px 30px 0 0;transform:translateY(100%)scale(.99)}72%{opacity:1;border-radius:18px 18px 0 0;transform:translateY(-3px)scale(1.004)}to{opacity:1;border-radius:0;transform:translate(0)scale(1)}}@keyframes service-content-arrive{0%{opacity:.78;transform:translateY(10px)}to{opacity:1;transform:translate(0)}}.service-ambient{pointer-events:none;position:absolute;inset:0;overflow:hidden}.service-ambient:before{content:"";border:38px solid #b212100e;border-radius:50%;width:180px;height:180px;position:absolute;top:120px;left:-96px}.service-ambient:after{content:"";border:24px solid #cd2b180f;border-radius:50%;width:126px;height:126px;position:absolute;bottom:122px;right:-74px}.service-ambient span{border:1px solid #b318141f;border-radius:7px;width:36px;height:52px;position:absolute;transform:rotate(15deg)}.service-ambient span:first-child{top:94px;right:18px}.service-ambient span:nth-child(2){bottom:185px;left:9px;transform:rotate(-17deg)}.service-ambient span:nth-child(3){top:45%;right:-18px;transform:rotate(31deg)}.service-ambient span:after{content:"";border:1px solid #b3181429;border-radius:50%;width:10px;height:10px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.service-content{z-index:2;min-height:100%;padding:calc(38px + var(--safe-top)) 20px calc(20px + var(--safe-bottom));flex-direction:column;align-items:center;display:flex;position:relative}.service-brand{color:#98110f;letter-spacing:.3px;align-items:center;gap:9px;width:100%;margin-bottom:29px;font-size:14px;font-weight:790;display:flex}.service-brand .brand-avatar{border-radius:8px;width:31px;height:31px}.service-content h1{text-align:center;color:#321c17;letter-spacing:-.8px;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:clamp(27px,7.3vw,31px);font-weight:820;line-height:1.2}.service-reward-card{color:#fff5d7;background:radial-gradient(circle at 88% 4%,#ffc44b40,#0000 31%),linear-gradient(150deg,#c7211c 0%,#9e0c0c 61%,#7f0609 100%);border:1px solid #edc26a;border-radius:23px;width:100%;margin-top:27px;position:relative;overflow:hidden;box-shadow:0 20px 45px #76130d38,0 4px 12px #6c371a1f,inset 0 1px #ffffff52}.service-card-shine{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:42%;height:200%;animation:3.8s ease-in-out 1.2s infinite service-card-shine;position:absolute;top:-52%;left:-45%;transform:rotate(17deg)}@keyframes service-card-shine{0%,45%{left:-45%}72%,to{left:122%}}.service-ticket-top{z-index:2;justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex;position:relative}.service-reward-label{color:#ffe5a2;letter-spacing:.8px;background:#5c00032e;border:1px solid #ffdc878f;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:720}.service-ticket-seal{color:#96100f;background:linear-gradient(145deg,#fff2bd,#eec059);border-radius:50%;place-items:center;width:32px;height:32px;font-size:17px;font-weight:850;display:grid;box-shadow:0 4px 12px #42000033}.service-reward-value{z-index:2;text-align:center;flex-direction:column;align-items:center;padding:21px 20px 24px;display:flex;position:relative}.service-reward-value strong{color:#ffe495;letter-spacing:-4px;text-shadow:0 3px #5e000247;font-family:Arial,sans-serif;font-size:clamp(51px,14vw,62px);font-weight:930;line-height:1}.service-reward-value span{color:#fff5db;margin-top:7px;font-size:18px;font-weight:790}.service-ticket-divider{border-top:1px dashed #ffe09766;height:1px;margin:0 18px;position:relative}.service-ticket-divider:before,.service-ticket-divider:after{content:"";background:#f7ead5;border-radius:50%;width:20px;height:20px;position:absolute;top:-10px}.service-ticket-divider:before{left:-29px}.service-ticket-divider:after{right:-29px}.service-reward-card p{z-index:2;color:#fff5dee0;text-align:center;margin:0;padding:19px 21px 22px;font-size:14px;line-height:1.68;position:relative}.service-actions{width:100%;margin-top:30px;padding-top:0}.service-actions .primary-button{color:#fff4d4;background:linear-gradient(#d62c22,#a30e0e);border:1px solid #ffde908f;min-height:54px;font-size:17px;box-shadow:0 12px 24px #84131038,inset 0 1px #ffffff4d}.customer-transition{z-index:30;color:#111;background:#fafafa;animation:.36s cubic-bezier(.28,.76,.2,1) both customer-transition-in;box-shadow:-14px 0 35px #00000021}@keyframes customer-transition-in{0%{transform:translate(100%)}to{transform:translate(0)}}.customer-transition .wechat-nav,.customer-screen .wechat-nav{background:#ededed}.transition-loading{height:calc(100% - 77px - var(--safe-top));place-items:center;padding-bottom:80px;display:grid}.transition-progress{z-index:22;left:0;top:calc(76px + var(--safe-top));background:#07c160;width:0;height:2px;animation:1.05s cubic-bezier(.18,.78,.2,1) both wechat-progress;position:absolute;box-shadow:0 0 7px #07c1604d}@keyframes wechat-progress{0%{opacity:1;width:0}68%{opacity:1;width:72%}to{opacity:0;width:100%}}.transition-stage{width:190px;height:100px;position:relative}.transition-connecting,.transition-ready{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.transition-connecting{animation:.18s .7s both transition-connecting-out}@keyframes transition-connecting-out{to{opacity:0;transform:translateY(-5px)scale(.96)}}.wechat-spinner{border:3px solid #dedede;border-top-color:#858585;border-radius:50%;width:34px;height:34px;animation:.72s linear infinite spinner;position:relative}.wechat-spinner i{background:#777;border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}@keyframes spinner{to{transform:rotate(360deg)}}.transition-copy{color:#8d8d8d;text-align:center;margin-top:15px;font-size:13px}.transition-ready{opacity:0;color:#777;font-size:13px;animation:.21s .735s both transition-ready-in}.transition-ready span{color:#fff;background:#07c160;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:12px;font-size:19px;font-weight:800;display:grid;box-shadow:0 5px 15px #07c16033}@keyframes transition-ready-in{0%{opacity:0;transform:translateY(6px)scale(.93)}to{opacity:1;transform:translateY(0)scale(1)}}.real-error{text-align:center;max-width:260px}.real-error p{color:#666;font-size:14px;line-height:1.55}.real-error button{color:#fff;background:#07c160;border:0;border-radius:7px;min-width:130px;min-height:40px;margin-top:13px}.customer-screen{background:#ededed;animation:.3s cubic-bezier(.2,.75,.22,1) both customer-screen-in}@keyframes customer-screen-in{0%{opacity:.68;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.customer-chat{height:calc(100% - 77px - var(--safe-top));padding:16px 13px calc(150px + var(--safe-bottom));background:#ededed;position:relative;overflow-y:auto}.customer-intro{flex-direction:column;align-items:center;margin-bottom:18px;display:flex}.customer-intro .brand-avatar{border-radius:11px;width:54px;height:54px;font-size:17px;box-shadow:0 2px 5px #0000001f}.customer-intro strong{margin-top:8px;font-size:15px}.system-tip{color:#fff;text-align:center;background:#00000026;border-radius:4px;width:fit-content;max-width:88%;margin:0 auto 17px;padding:5px 10px;font-size:11px;line-height:1.45}.message-row{align-items:flex-start;gap:9px;margin:13px 0;display:flex}.message-row.user{flex-direction:row-reverse}.message-avatar{color:#fff;background:linear-gradient(145deg,#d72b26,#97080b);border-radius:6px;flex:none;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.message-row.user .message-avatar{color:#707070;background:#fff;font-size:16px}.message-bubble{color:#171717;background:#fff;border:.5px solid #00000014;border-radius:5px;max-width:74%;padding:10px 12px;font-size:14px;line-height:1.52;position:relative;box-shadow:0 1px 1px #00000009}.message-bubble:before{content:"";background:inherit;border-bottom:.5px solid #00000014;border-left:.5px solid #00000014;width:10px;height:10px;position:absolute;top:13px;left:-6px;transform:rotate(45deg)}.message-row.user .message-bubble{background:#95ec69}.message-row.user .message-bubble:before{border-top:.5px solid #00000014;border-bottom:0;border-left:0;border-right:.5px solid #00000014;left:auto;right:-6px}.typing-dots{align-items:center;gap:4px;min-width:45px;min-height:38px;display:flex}.typing-dots i{background:#a2a2a2;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite typing}.typing-dots i:nth-child(2){animation-delay:.14s}.typing-dots i:nth-child(3){animation-delay:.28s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.quick-questions{z-index:9;left:0;right:0;bottom:calc(58px + var(--safe-bottom));scrollbar-width:none;background:#f7f7f7f5;border-top:.5px solid #00000014;gap:7px;padding:8px 11px;display:flex;position:absolute;overflow-x:auto}.quick-questions::-webkit-scrollbar{display:none}.quick-question{color:#3f3f3f;background:#fff;border:1px solid #d7d7d7;border-radius:5px;flex:none;min-height:30px;padding:5px 10px;font-size:12px}.quick-question:disabled{opacity:.45}.customer-composer{z-index:10;min-height:calc(58px + var(--safe-bottom));padding:8px 11px var(--safe-bottom);background:#f7f7f7;border-top:.5px solid #0000001f;grid-template-columns:32px 1fr 30px 30px;align-items:center;gap:8px;display:grid;position:absolute;bottom:0;left:0;right:0}.customer-input{background:#fff;border-radius:5px;height:39px}.round-tool{color:#222;border:1.5px solid #222;border-radius:50%;place-items:center;width:29px;height:29px;font-size:18px;line-height:1;display:grid}.demo-hotspot{z-index:80;opacity:0;background:0 0;border:0;width:58px;height:72px;position:fixed;top:0;right:max(0px,50vw - 215px)}.demo-menu-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000007a;place-items:center;padding:22px;animation:.17s fade-in;display:grid;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}}.demo-menu{color:#222;background:#fff;border-radius:18px;width:100%;max-width:340px;padding:18px;box-shadow:0 20px 60px #0000004d}.demo-menu-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.demo-menu-header strong{font-size:17px}.demo-menu-header button{color:#777;background:0 0;border:0;font-size:22px}.demo-menu p{color:#888;margin:0 0 13px;font-size:12px}.demo-menu-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.demo-menu-actions button{color:#333;background:#f7f7f7;border:1px solid #e5e5e5;border-radius:9px;min-height:42px;font-size:13px}.demo-menu-actions button:last-child{color:#fff;background:#b61716;border-color:#b61716;grid-column:1/-1}@media (width>=431px){.demo-shell{border-radius:20px;height:min(100dvh,900px);min-height:760px;margin-top:max(0px,50dvh - min(100dvh,900px)/2)}}@media (height<=730px){.activity-content{padding-top:calc(22px + var(--safe-top))}.activity-title{font-size:25px}.activity-kicker{margin-bottom:7px}.game-stage{min-height:300px}.service-content{padding-top:calc(24px + var(--safe-top))}.service-brand{margin-bottom:18px}.service-reward-card{margin-top:18px}.service-ticket-top{padding-top:15px}.service-reward-value{padding-top:14px;padding-bottom:16px}.service-reward-card p{padding-top:14px;padding-bottom:15px}.service-actions{margin-top:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}