/* Four visible surfaces with independent pointer focus. */
.card-stage{height:490px;margin-top:0;isolation:isolate;animation:arrive 1s .15s both;transform:none}.card-stage .orbit,.card-stage .art-cross{display:none}
.deck-header{display:flex;align-items:center;gap:8px;position:absolute;top:0;left:0;right:0;font-size:10px;letter-spacing:1px;color:var(--muted)}.deck-header>span:last-child{margin-left:auto}
.card-deck{position:absolute;inset:40px 0 50px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 19px;perspective:1100px;align-content:center}
.tier-card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--rest:0deg;--lift:0px;position:relative;width:100%;height:188px;padding:17px 16px 13px;border:1px solid var(--ink);border-radius:0;background:var(--surface);color:var(--ink);text-align:left;box-shadow:4px 4px 0 var(--shadow);cursor:pointer;transform-style:preserve-3d;transform:translateY(var(--lift)) rotate(var(--rest)) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .48s cubic-bezier(.18,.85,.25,1),box-shadow .35s,border-color .35s;will-change:transform;isolation:isolate;z-index:1}
.tier-card:nth-child(1){--rest:-4deg;top:-6px}.tier-card:nth-child(2){--rest:4deg;top:8px}.tier-card:nth-child(3){--rest:-3deg;top:-6px}.tier-card:nth-child(4){--rest:4deg;top:8px}
.tier-card.is-active,.tier-card:focus-visible{--lift:-8px;--rest:0deg;z-index:20;box-shadow:7px 9px 0 var(--shadow),0 12px 30px #00000012;outline:2px solid var(--ink);outline-offset:4px}.tier-card.is-tracking{transition:transform .12s ease-out,box-shadow .3s}
.tier-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px;position:relative;z-index:3}.tier-identity{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.tier-identity img{width:22px;height:22px;filter:grayscale(1);image-rendering:pixelated}.niup-mark{display:flex;gap:4px;align-items:center;font-size:8px;white-space:nowrap}.niup-pixel{width:17px;height:17px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:-3px;padding-right:3px}
.tier-middle{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;margin-top:17px}.tier-word{font-size:20px;line-height:1.1;letter-spacing:0}.tier-word>span{display:block;font-size:25px;margin-top:5px;white-space:nowrap}.tier-card-bottom{border-top:1px dashed var(--border);margin-top:14px;padding-top:9px;font-size:6px;letter-spacing:.7px;position:relative;z-index:3;display:flex;justify-content:space-between;gap:5px}.tier-card-bottom>span:last-child{display:none}
.price-tab{position:absolute;bottom:-11px;right:10px;top:auto;min-width:75px;display:flex;align-items:baseline;gap:2px;background:var(--ink);color:var(--paper);padding:7px 9px;font-size:21px;line-height:1;border:1px solid var(--ink);border-radius:0;box-shadow:3px 3px 0 var(--shadow);z-index:5;letter-spacing:0}.price-tab:before{display:none}.price-tab small{font-size:10px}.price-tab>span{font-size:11px;margin-left:6px}
.pixel-art{display:grid;grid-template-columns:repeat(12,3px);grid-template-rows:repeat(10,3px);gap:1px;width:47px;height:39px;image-rendering:pixelated;animation:pixelFloat 3s steps(4,end) infinite;animation-delay:calc(var(--i)*-.6s)}.pixel{background:currentColor;opacity:.8;animation:pixelShimmer 3s steps(2,end) infinite;animation-delay:calc(var(--p)*-.1s)}.pixel.accent{color:var(--paper)}.pixel.spark{color:var(--ink);animation:pixelTwinkle 1.5s steps(2,end) infinite;animation-delay:calc(var(--p)*-.2s)}
.card-pixels{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;opacity:.18;z-index:0;pointer-events:none}.tier-card:before{content:'';position:absolute;inset:0;background:repeating-conic-gradient(var(--ink) 0% 25%,transparent 0% 50%) 0 0/7px 7px;opacity:.04;pointer-events:none;z-index:0}.card-sheen{position:absolute;inset:0;pointer-events:none;z-index:4;opacity:0;background:radial-gradient(ellipse 100% 70% at var(--mx) var(--my),#ffffffd9 0%,#ffffff70 15%,#ffffff00 50%),conic-gradient(from 135deg at var(--mx) var(--my),transparent 0deg,#fff8 22deg,transparent 45deg,#0001 110deg,transparent 180deg);mix-blend-mode:soft-light;transition:opacity .3s}.tier-card.is-active .card-sheen{opacity:1}.card-glint{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:6}.card-glint:after{content:'';position:absolute;top:-60%;left:-80%;width:32%;height:220%;background:linear-gradient(90deg,transparent,#ffffffdc,transparent);transform:rotate(28deg);opacity:0}.tier-card.is-active .card-glint:after{animation:cardFlash .8s ease-out both}
.deck-toggle{position:absolute;bottom:8px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;padding:10px 0;background:none;border:0;border-top:1px dashed var(--border);font-size:10px;color:var(--muted);border-radius:0;text-align:left}.deck-toggle-icon{font-size:17px}.deck-focus-label{margin-left:auto;font-size:9px;color:var(--ink)}.card-stage .art-caption{position:absolute;bottom:-9px;left:0;right:0;text-align:left;font-size:7px;letter-spacing:1px;color:var(--muted);display:block}
.plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.plan-card{padding:22px 18px}.plan-card h3{font-size:23px;white-space:nowrap}.plan-card .plan-price>span{font-size:36px;letter-spacing:0}.plan-card .plan-price small{font-size:10px;line-height:1.8}.plan-card .plan-audience{font-size:11px}.plan-card ul{font-size:11px}.plan-grid .reveal:nth-child(4){transition-delay:.27s}.plan-index img{filter:grayscale(1);image-rendering:pixelated}.plan-price small{color:var(--muted)}
#fireworks{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:100;visibility:hidden}#fireworks.active{visibility:visible}.celebration-mark{margin-top:24px;color:var(--ink);font-size:55px;line-height:1;animation:celebrateTurn 4s steps(12,end) infinite}#planDialog{text-align:center;overflow:visible}#planDialog .eyebrow{justify-content:center;font-size:10px}#planDialog h2{font-size:29px;margin-top:14px}#planDialog p{font-size:12px}#wechatContinue{width:100%;text-align:left}.stay-button{display:block;background:none;border:0;margin:18px auto 0;font-size:12px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog::backdrop{background:#0007;backdrop-filter:blur(4px)}
@keyframes cardFlash{0%{left:-80%;opacity:0}15%{opacity:.85}100%{left:150%;opacity:0}}@keyframes pixelFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pixelShimmer{0%,65%,100%{opacity:.85}70%,80%{opacity:.25}}@keyframes pixelTwinkle{0%,100%{opacity:.1}50%{opacity:1}}@keyframes celebrateTurn{to{transform:rotate(360deg)}}
@media(max-width:1100px) and (min-width:761px){.hero{grid-template-columns:1fr 1.05fr;gap:30px}.card-stage{height:470px;transform:none}.tier-card{height:178px;padding:14px 11px}.niup-mark{font-size:7px}.tier-word{font-size:18px}.tier-word>span{font-size:23px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card h3{font-size:26px}}
@media(max-width:760px){.card-stage{height:422px;margin:50px 0 0;transform:none;overflow:visible}.deck-header{font-size:9px;letter-spacing:0}.card-deck{inset:38px 0 50px;gap:20px 12px}.tier-card{height:151px;padding:11px 10px 10px}.tier-card:nth-child(1),.tier-card:nth-child(3){--rest:-3deg;top:0}.tier-card:nth-child(2),.tier-card:nth-child(4){--rest:3deg;top:7px}.tier-identity{font-size:10px;gap:4px}.tier-identity img{width:16px;height:16px}.niup-mark{font-size:6px;gap:2px}.niup-pixel{width:12px;height:12px;font-size:8px}.tier-middle{margin-top:14px}.tier-word{font-size:17px}.tier-word>span{font-size:20px}.pixel-art{grid-template-columns:repeat(12,2px);grid-template-rows:repeat(10,2px);gap:0;width:24px;height:20px;position:absolute;right:0;top:13px}.tier-card-bottom{font-size:4px;margin-top:13px;padding-top:6px;letter-spacing:.3px}.price-tab{font-size:19px;min-width:65px;right:5px;bottom:-10px;padding:6px 7px}.price-tab small{font-size:9px}.price-tab>span{font-size:9px;margin-left:3px}.deck-toggle{font-size:10px;bottom:12px}.deck-focus-label{font-size:8px}.card-stage .art-caption{bottom:-3px;font-size:6px;letter-spacing:.5px}.plan-grid{grid-template-columns:1fr}.plan-card{padding:25px}.plan-card h3{font-size:28px}.plan-card ul{font-size:12px}.plan-card .plan-audience{font-size:12px}#planDialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.pixel-art,.pixel,.celebration-mark,.card-glint:after{animation:none!important}#fireworks{display:none}.tier-card{transition:none!important;--rx:0deg!important;--ry:0deg!important}}