:root{--bg:#141414;--bg-elev:#0A0A0A;--fg:#F2F2F2;--fg-muted:#A8A8A8;--fg-faint:#8A8A8A;--cyan:#00F0FF;--cyan-on:#001416;--magenta:#FF2BD6;--magenta-on:#1A0014;--accent:var(--cyan);--accent-on:var(--cyan-on);--border:#1A1A1A;--border-strong:#5C5C5C;--border-field:#5C5C5C;--border-neon:color-mix(in srgb, var(--cyan) 28%, #1A1A1A);--danger:#FF5C7A;--card:#000000;--glow-cyan:0 0 10px color-mix(in srgb, var(--cyan) 28%, transparent);--glow-cyan-soft:0 0 18px color-mix(in srgb, var(--cyan) 18%, transparent);--glow-magenta:0 0 10px color-mix(in srgb, var(--magenta) 28%, transparent);--font:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-display:"PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius:0px;--chamfer:10px;--chamfer-sm:7px;--space:8px;--max:1120px;--ring:var(--cyan);--overlay:rgba(0, 0, 0, 0.82);--grid-line:color-mix(in srgb, var(--cyan) 5%, transparent);--mask-show:#FFFFFF;--shadow-deep:rgba(0, 0, 0, 0.6);--ease:cubic-bezier(0.2, 0.7, 0.2, 1);--dur:0.16s}*,::after,::before{box-sizing:border-box}body,html{overflow-x:clip}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.5;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;position:relative;min-height:100vh}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}.field input:focus-visible,:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--cyan);color:var(--cyan-on);padding:8px 12px;font-weight:600;opacity:0;pointer-events:none}.skip-link:focus,.skip-link:focus-visible{opacity:1;pointer-events:auto}.wrap{width:min(100% - 40px,var(--max));margin-inline:auto}@media (max-width:640px){.wrap{width:min(100% - 24px,var(--max))}}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.fx-grid,.fx-scan{pointer-events:none;position:fixed;inset:0;z-index:0}.fx-grid{background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 65% 50%at 50% 0%,var(--mask-show) 15%,transparent 72%);opacity:.85}.fx-scan{background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,color-mix(in srgb,var(--fg) 2.5%,transparent) 3px,color-mix(in srgb,var(--fg) 2.5%,transparent) 4px);opacity:.28}.topbar{position:relative}.footer,main{z-index:1}.bottom-nav,.footer,main{position:relative}.topbar{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.topbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 0%,var(--cyan) 18%,var(--magenta) 82%,transparent 100%);opacity:.45}.logo,.topbar__inner{display:flex;align-items:center}.topbar__inner{gap:16px;height:60px}.logo{gap:8px;font-weight:600;letter-spacing:-.02em;flex-shrink:0;transition:opacity var(--dur) var(--ease)}.logo:hover{opacity:.88}.logo__mark{width:16px;height:16px;background:var(--cyan);box-shadow:var(--glow-cyan);clip-path:polygon(0 0,100%0,100% 70%,70% 100%,0 100%)}.logo__text,.topbar__nav a.is-active,.topbar__nav a:hover{color:var(--fg)}.logo__lat{font-family:var(--font-display);font-weight:700;font-size:.92em;color:var(--cyan);letter-spacing:.04em}.topbar__search{flex:1;max-width:360px;display:flex;align-items:center;gap:8px;border:0;background:var(--bg-elev);padding:0 12px;height:40px;--edge:var(--border-field);clip-path:polygon(0 0,calc(100% - var(--chamfer-sm))0,100% var(--chamfer-sm),100% 100%,var(--chamfer-sm) 100%,0 calc(100% - var(--chamfer-sm)));filter:drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge));transition:filter var(--dur) var(--ease),background-color var(--dur) var(--ease)}.topbar__search:focus-within{--edge:color-mix(in srgb, var(--cyan) 50%, var(--border));filter:drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 10px color-mix(in srgb,var(--cyan) 28%,transparent))}.topbar__search input{flex:1;border:0;background:0 0;outline:0;min-width:0}.topbar__search input::placeholder{color:var(--fg-faint)}.topbar__search svg{color:var(--fg-faint);flex-shrink:0}.search-kbd{font-family:var(--font-mono);font-size:11px;color:var(--fg-faint);border:1px solid var(--border);padding:2px 8px;line-height:1.4}.topbar__nav{display:flex;gap:2px}.topbar__nav a{padding:8px 12px;color:var(--fg-muted);min-height:40px;transition:color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.topbar__nav a.is-active{box-shadow:inset 0-2px 0 var(--cyan)}.topbar__actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.topbar__actions .btn,.topbar__actions .credits-badge,.topbar__actions .user-btn{height:40px}.btn,.topbar__nav a{display:inline-flex;align-items:center;font-size:14px}.btn{justify-content:center;height:44px;padding:0 16px;font-weight:500;border:0;position:relative;--edge:transparent;clip-path:polygon(0 0,calc(100% - var(--chamfer-sm))0,100% var(--chamfer-sm),100% 100%,var(--chamfer-sm) 100%,0 calc(100% - var(--chamfer-sm)));transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),filter var(--dur) var(--ease),opacity var(--dur) var(--ease)}.btn:active{filter:brightness(.9) drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge))}.btn:disabled{opacity:.45;cursor:not-allowed;color:var(--fg-faint)}.btn--ghost,.btn--ghost:hover{filter:drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge))}.btn--ghost{color:var(--fg);background:var(--bg);--edge:var(--border-strong)}.btn--ghost:hover{--edge:color-mix(in srgb, var(--cyan) 45%, var(--border-strong));color:var(--cyan)}.btn--primary{background:var(--cyan);color:var(--cyan-on);--edge:var(--cyan);filter:drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 10px color-mix(in srgb,var(--cyan) 28%,transparent))}.btn--primary:hover{filter:brightness(1.06) drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 18px color-mix(in srgb,var(--cyan) 18%,transparent))}.btn--magenta{background:var(--magenta);color:var(--magenta-on);--edge:var(--magenta);filter:drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 10px color-mix(in srgb,var(--magenta) 28%,transparent))}.btn--magenta:hover{filter:brightness(1.06) drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 10px color-mix(in srgb,var(--magenta) 28%,transparent))}.btn--block{width:100%;clip-path:none;filter:none;height:44px}.btn-text{display:inline-flex;align-items:center;height:44px;padding:0 12px;font-size:14px;font-weight:500;color:var(--magenta);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;background:0 0;border:0;transition:color var(--dur) var(--ease),opacity var(--dur) var(--ease)}.btn-text:hover,.hero h1{color:var(--fg)}.auth-guest .credits-badge:hover,.credits-badge{filter:drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge))}.credits-badge{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:0;font-size:13px;color:var(--fg-muted);background:var(--bg-elev);--edge:var(--border-field);clip-path:polygon(0 0,calc(100% - var(--chamfer-sm))0,100% var(--chamfer-sm),100% 100%,var(--chamfer-sm) 100%,0 calc(100% - var(--chamfer-sm)));transition:color var(--dur) var(--ease),filter var(--dur) var(--ease)}.auth-guest .credits-badge:hover{--edge:color-mix(in srgb, var(--magenta) 40%, var(--border));color:var(--fg)}.credits-badge__val{color:var(--magenta);font-weight:600;font-variant-numeric:tabular-nums;text-shadow:0 0 8px color-mix(in srgb,var(--magenta) 35%,transparent)}.auth-guest,.auth-user{display:none;align-items:center;gap:8px}body[data-auth=guest] .auth-guest,body[data-auth=user] .auth-user{display:flex}.auth-user,.user-menu{position:relative}.user-btn{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--border);font-size:13px;background:var(--bg-elev);transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.user-btn:hover{border-color:color-mix(in srgb,var(--cyan) 35%,var(--border))}.avatar{width:22px;height:22px;background:var(--magenta);color:var(--magenta-on);display:grid;place-items:center;font-size:11px;font-weight:700;clip-path:polygon(0 0,100%0,100% 70%,70% 100%,0 100%)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.dropdown,.hero::after{position:absolute;right:0}.dropdown{top:calc(100% + 6px);min-width:168px;background:var(--bg-elev);border:1px solid var(--border-neon);z-index:50;box-shadow:0 12px 32px var(--shadow-deep)}.dropdown a,.dropdown button{display:block;width:100%;text-align:left;padding:12px 16px;font-size:13px;color:var(--fg-muted);min-height:44px;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.dropdown a:hover,.dropdown button:hover{background:var(--card);color:var(--fg)}.recharge-btn{height:40px;padding:0 14px;font-size:13px}.recharge-btn.is-current{color:var(--cyan);--edge:color-mix(in srgb, var(--cyan) 45%, var(--border-strong))}@media (max-width:900px){.topbar__nav,.topbar__search{display:none}.topbar__inner{height:56px;gap:8px}.auth-user,.topbar__actions{gap:6px}.credits-badge{height:36px;padding:0 8px;gap:6px;font-size:12px}.topbar__actions .btn,.topbar__actions .credits-badge,.topbar__actions .user-btn{height:36px}.recharge-btn{padding:0 10px;font-size:13px;flex-shrink:0}.user-btn{padding:0 8px}#userName{max-width:4.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:420px){#userName,.auth-guest .credits-badge{display:none}}.hero{position:relative;border-bottom:0;padding:24px 0 0;overflow:hidden}.hero::after{content:"";left:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--cyan) 18%,var(--magenta) 82%,transparent 100%);opacity:.45;z-index:2;pointer-events:none}.hero__grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,680px);gap:16px;align-items:end}.hero__copy{padding-bottom:36px;position:relative;z-index:1}@media (max-width:800px){.hero{padding:20px 0 0}.hero__grid{grid-template-columns:1fr;gap:0}.hero__copy{padding-bottom:8px}}.hero h1{margin:0 0 16px;font-size:clamp(28px,4.6vw,44px);line-height:1.15;font-weight:700;letter-spacing:-.03em;overflow-wrap:break-word;min-width:0;text-wrap:balance}.hero p{margin:0 0 24px;color:var(--fg-muted);max-width:34ch;font-size:16px}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.hero__art{justify-self:end;align-self:end;width:680px;max-width:100%;margin:0;pointer-events:none;user-select:none;position:relative;z-index:1}.hero__art img{display:block;width:100%;height:auto;object-fit:contain;object-position:right bottom}@media (max-width:800px){.hero__art{width:min(100%,520px);margin-inline:auto 0}}.section{padding:48px 0 40px}@media (max-width:800px){.section{padding:32px 0 28px}}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}.section__head h2{margin:0;font-size:clamp(22px,2.2vw,28px);font-weight:600;letter-spacing:-.02em}.section__head p{margin:0;color:var(--fg-faint);font-size:13px}.cats{display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cats button{height:40px;padding:0 16px;font-size:13px;color:var(--fg-muted);border:0;background:var(--bg-elev);white-space:nowrap;flex-shrink:0;--edge:var(--border-field);clip-path:polygon(0 0,calc(100% - var(--chamfer-sm))0,100% var(--chamfer-sm),100% 100%,var(--chamfer-sm) 100%,0 calc(100% - var(--chamfer-sm)));filter:drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge));transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease),filter var(--dur) var(--ease)}.cats button.is-active{color:var(--cyan-on);background:var(--cyan);--edge:var(--cyan);filter:drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 10px color-mix(in srgb,var(--cyan) 28%,transparent))}.cats button:active:not(.is-active),.cats button:hover:not(.is-active){filter:drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge))}.cats button:hover:not(.is-active){color:var(--fg);--edge:color-mix(in srgb, var(--magenta) 40%, var(--border))}.cats button:active:not(.is-active){--edge:color-mix(in srgb, var(--cyan) 35%, var(--border))}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media (max-width:1024px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.tool-card{position:relative;background:var(--card);color:var(--fg);padding:20px 16px 16px;min-height:176px;display:flex;flex-direction:column;gap:8px;border:0;--stroke:var(--border);--fill:var(--card);cursor:pointer;transition:background-color var(--dur) var(--ease),transform var(--dur) var(--ease),filter var(--dur) var(--ease)}.tool-card::after,.tool-card::before{content:"";position:absolute;z-index:0;pointer-events:none}.tool-card,.tool-card::before{clip-path:polygon(0 0,calc(100% - var(--chamfer))0,100% var(--chamfer),100% 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)))}.tool-card::before{inset:0;background:var(--stroke)}.tool-card::after{top:1px;right:1px;bottom:1px;left:1px;background:var(--fill);clip-path:polygon(0 0,calc(100% - calc(var(--chamfer) - 1px))0,100% calc(var(--chamfer) - 1px),100% 100%,calc(var(--chamfer) - 1px) 100%,0 calc(100% - calc(var(--chamfer) - 1px)))}.tool-card>*{position:relative;z-index:1}.tool-card:hover{--stroke:color-mix(in srgb, var(--cyan) 50%, var(--border));--fill:var(--bg-elev);background:var(--bg-elev);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--cyan) 28%,transparent));transform:translateY(-2px)}.tool-card:active{transform:translateY(0);filter:brightness(.98) drop-shadow(0 0 6px color-mix(in srgb,var(--cyan) 18%,transparent))}.tool-card:focus-visible{--stroke:color-mix(in srgb, var(--cyan) 55%, var(--border));--fill:var(--bg-elev);background:var(--bg-elev);outline:2px solid var(--ring);outline-offset:2px}.tool-card:hover .tool-card__icon,.tool-card__icon{filter:drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge))}.tool-card__icon{width:36px;height:36px;display:grid;place-items:center;border:0;color:var(--cyan);margin-bottom:4px;background:color-mix(in srgb,var(--cyan) 7%,var(--card));--edge:var(--border-neon);clip-path:polygon(0 0,calc(100% - var(--chamfer-sm))0,100% var(--chamfer-sm),100% 100%,var(--chamfer-sm) 100%,0 calc(100% - var(--chamfer-sm)));transition:background-color var(--dur) var(--ease),filter var(--dur) var(--ease)}.tool-card:hover .tool-card__icon{background:color-mix(in srgb,var(--cyan) 12%,var(--bg-elev));--edge:color-mix(in srgb, var(--cyan) 45%, var(--border))}.tool-card__name{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}.tool-card__desc{margin:0;flex:1;color:var(--fg-faint);font-size:13px;line-height:1.45}.tool-card__foot{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border);margin-top:auto;gap:8px}.tool-card__cost{font-size:12px;color:var(--fg-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tool-card__cost.is-disabled{color:var(--danger)}.tool-card__cta{font-size:12px;color:var(--cyan);font-weight:500;transition:opacity var(--dur) var(--ease),letter-spacing var(--dur) var(--ease)}.tool-card:hover .tool-card__cta{letter-spacing:.02em}.tool-card__badge{position:absolute;top:12px;right:14px;font-size:11px;color:var(--magenta-on);background:var(--magenta);padding:4px 8px;box-shadow:var(--glow-magenta);font-weight:500}.tool-card.is-locked{opacity:.55}.tool-card.is-locked:hover{opacity:.7}.band p,.empty{color:var(--fg-muted)}.empty{border:0;padding:48px 24px;text-align:center;background:color-mix(in srgb,var(--bg-elev) 80%,transparent);--edge:var(--border-strong);clip-path:polygon(0 0,calc(100% - var(--chamfer))0,100% var(--chamfer),100% 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)));filter:drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge))}.band{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:40px 0;background:linear-gradient(90deg,color-mix(in srgb,var(--cyan) 6%,transparent),transparent 38%,color-mix(in srgb,var(--magenta) 6%,transparent)),var(--bg-elev);color:var(--fg)}.band__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.band h2,.modal h2{margin:0 0 8px;letter-spacing:-.02em}.band h2{font-size:clamp(22px,2.2vw,28px);font-weight:600}.band p{margin:0;font-size:14px;max-width:42ch}.footer{padding:36px 0 56px;color:var(--fg-faint);font-size:13px}.footer__row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:24px;align-items:center}.footer nav{display:flex;gap:20px}.footer a{transition:color var(--dur) var(--ease);min-height:44px;display:inline-flex;align-items:center}.bottom-nav a.is-active,.footer a:hover{color:var(--cyan)}.modal[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:80;background:var(--overlay);display:grid;place-items:center;padding:20px}.modal__panel{width:min(100%,400px);background:var(--bg);color:var(--fg);border:0;padding:28px 24px 24px;--edge:var(--border-neon);clip-path:polygon(0 0,calc(100% - 16px)0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));filter:drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 .6px var(--edge)) drop-shadow(0 0 18px color-mix(in srgb,var(--cyan) 18%,transparent)) drop-shadow(0 24px 48px var(--shadow-deep));position:relative}.modal h2{font-size:20px}.modal__sub{margin:0 0 20px;color:var(--fg-muted);font-size:14px}.field{display:grid;gap:8px;margin-bottom:16px}.field label,.modal__close{font-size:13px;color:var(--fg-muted)}.field input{height:44px;padding:0 12px;border:1px solid var(--border-field);background:var(--bg-elev);outline:0}.modal__close{position:absolute;top:28px;right:16px;width:36px;height:36px;border:1px solid var(--border);display:grid;place-items:center;font-size:18px;line-height:1;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.modal__close:hover{color:var(--fg);border-color:var(--border-strong)}.linkish{color:var(--magenta);text-decoration:underline;background:0 0;border:0;cursor:pointer;font:inherit;text-underline-offset:3px}.auth-hint{margin-top:16px;font-size:13px;color:var(--fg-muted);text-align:center}.wx-login{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0 8px}.wx-login__btn{width:88px;height:88px;display:grid;place-items:center;background:#07c160;color:#fff;border:0;clip-path:polygon(0 0,calc(100% - 14px)0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));filter:drop-shadow(0 0 .6px #07c160) drop-shadow(0 8px 20px color-mix(in srgb,#07c160 35%,transparent));transition:filter var(--dur) var(--ease),transform var(--dur) var(--ease)}.wx-login__btn:hover{filter:brightness(1.06) drop-shadow(0 0 .6px #07c160) drop-shadow(0 10px 24px color-mix(in srgb,#07c160 45%,transparent))}.wx-login__btn:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.wx-login__btn:active{transform:scale(.97)}.wx-login__hint{margin:0;font-size:13px;color:var(--fg-muted);text-align:center}.wx-qr{display:flex;flex-direction:column;align-items:center;gap:14px}.wx-qr__box{width:220px;height:220px;padding:12px;background:#fff;color:#111;display:grid;place-items:center}.wx-qr__box svg{width:100%;height:100%}.wx-qr__status{margin:0;font-size:13px;color:var(--fg-muted);text-align:center;min-height:1.4em}.auth-error,.wx-qr__status.is-error{color:var(--danger)}.auth-error{margin:0 0 12px;font-size:13px;text-align:center}#wxRetryBtn{margin-top:4px;width:auto;min-width:160px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--fg);color:var(--bg);padding:12px 16px;font-size:13px;z-index:90;border:1px solid var(--cyan);max-width:min(90vw,360px)}.toast[hidden]{display:none!important}.preview-bar{position:fixed;left:12px;bottom:12px;z-index:70;display:flex;gap:4px;background:var(--bg-elev);border:1px solid var(--border);padding:4px}.preview-bar .chip{height:32px;padding:0 12px;font-size:11px;color:var(--fg-muted);border:1px solid transparent;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.preview-bar .chip.is-active{color:var(--cyan-on);background:var(--cyan)}.preview-bar .chip:hover:not(.is-active){color:var(--fg)}.mobile-search{display:none;padding:12px 0 0}@media (max-width:900px){.mobile-search{display:block}.mobile-search .topbar__search{max-width:none;width:100%;clip-path:none;height:44px}}.bottom-nav{display:none;position:sticky;bottom:0;z-index:30;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav__inner{display:grid;grid-template-columns:repeat(4,1fr);height:56px}.bottom-nav a{display:grid;place-items:center;gap:2px;font-size:11px;color:var(--fg-faint);min-height:44px;transition:color var(--dur) var(--ease)}.bottom-nav a:hover{color:var(--fg)}@media (max-width:700px){.bottom-nav{display:block}.footer{padding-bottom:88px}.preview-bar{bottom:68px}.toast{bottom:76px}.band{padding:32px 0}.band h2{font-size:18px}}@media (min-width:1440px){.hero{padding:28px 0 0}.section{padding:56px 0 48px}}@media (prefers-reduced-motion:reduce){.fx-scan{display:none}html{scroll-behavior:auto}.tool-card:hover{transform:none}*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.recharge{padding-top:36px}.recharge__head{margin-bottom:28px}.recharge__head h1{margin:0 0 8px;font-size:clamp(24px,3vw,32px);font-weight:600;letter-spacing:-.02em}.recharge__head p{margin:0;color:var(--fg-muted);font-size:14px}.pkg-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}@media (max-width:1024px){.pkg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.pkg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (max-width:420px){.pkg-grid{grid-template-columns:1fr}}.pkg-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 18px 18px;min-height:200px;text-align:left;color:var(--fg);background:var(--card);border:0;--stroke:var(--border);--fill:var(--card);cursor:pointer;transition:background-color var(--dur) var(--ease),transform var(--dur) var(--ease),filter var(--dur) var(--ease)}.pkg-card::after,.pkg-card::before{content:"";position:absolute;z-index:0;pointer-events:none}.pkg-card,.pkg-card::before{clip-path:polygon(0 0,calc(100% - var(--chamfer))0,100% var(--chamfer),100% 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)))}.pkg-card::before{inset:0;background:var(--stroke)}.pkg-card::after{top:1px;right:1px;bottom:1px;left:1px;background:var(--fill);clip-path:polygon(0 0,calc(100% - calc(var(--chamfer) - 1px))0,100% calc(var(--chamfer) - 1px),100% 100%,calc(var(--chamfer) - 1px) 100%,0 calc(100% - calc(var(--chamfer) - 1px)))}.pkg-card>*{position:relative;z-index:1}.pkg-card:hover{--stroke:color-mix(in srgb, var(--cyan) 50%, var(--border));--fill:var(--bg-elev);background:var(--bg-elev);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--cyan) 28%,transparent));transform:translateY(-2px)}.pkg-card:active{transform:translateY(0)}.pkg-card:focus-visible{--stroke:color-mix(in srgb, var(--cyan) 55%, var(--border));outline:2px solid var(--ring);outline-offset:2px}.pkg-card.is-featured{--stroke:color-mix(in srgb, var(--magenta) 40%, var(--border))}.pkg-card.is-featured:hover{--stroke:color-mix(in srgb, var(--magenta) 55%, var(--border));filter:drop-shadow(0 0 10px color-mix(in srgb,var(--magenta) 24%,transparent))}.pkg-card__name{margin:0;font-size:14px;color:var(--fg-muted);font-weight:500}.pkg-card__price{margin:4px 0 0;font-size:clamp(32px,4vw,40px);line-height:1.1;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--fg)}.pkg-card__points{margin:0;font-size:13px;color:var(--cyan);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pkg-card__tag{margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--fg-faint)}.pkg-card.is-busy{opacity:.7;cursor:wait}#payQrBox.is-hidden{display:none}@media (prefers-reduced-motion:reduce){.pkg-card:hover{transform:none}}#successModal{z-index:85}#successModal .modal__panel{position:relative;z-index:1}#successModal #successOkBtn{margin-top:4px}.confetti-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.confetti-dot{position:absolute;top:0;left:0;border-radius:50%;pointer-events:none;will-change:transform,opacity}.hero-glitch{position:relative;display:block;isolation:isolate;--hero-art:url("https://unicircle.oss-cn-beijing.aliyuncs.com/luxiai/hero-character.png");}.hero-glitch > img{position:relative;z-index:1;display:block;width:100%;height:auto;object-fit:contain;object-position:right bottom;filter:drop-shadow(-1px 0 0 color-mix(in srgb,var(--cyan) 45%,transparent)) drop-shadow(1px 0 0 color-mix(in srgb,var(--magenta) 40%,transparent));animation:hero-glitch-base 6.4s steps(1,end) infinite;will-change:filter,transform;}.hero-glitch::before,.hero-glitch::after{content:"";position:absolute;inset:0;z-index:2;background-image:var(--hero-art);background-repeat:no-repeat;background-size:contain;background-position:right bottom;pointer-events:none;opacity:0;will-change:transform,clip-path,opacity;}.hero-glitch::before{filter:drop-shadow(-2px 0 0 var(--cyan));animation:hero-glitch-slice-a 5.2s steps(1,end) infinite;}.hero-glitch::after{filter:drop-shadow(2px 0 0 var(--magenta));animation:hero-glitch-slice-b 7.1s steps(1,end) infinite;}.hero-glitch__scan,.hero-glitch__noise,.hero-glitch__beam{position:absolute;pointer-events:none;z-index:3;}.hero-glitch__scan,.hero-glitch__noise{inset:0;-webkit-mask-image:var(--hero-art);mask-image:var(--hero-art);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right bottom;mask-position:right bottom;}.hero-glitch__scan{background:repeating-linear-gradient( to bottom,transparent 0 2px,color-mix(in srgb,var(--cyan) 18%,transparent) 2px 3px );mix-blend-mode:screen;opacity:0.35;animation:hero-glitch-scan 6.4s linear infinite;}.hero-glitch__noise{opacity:0;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:160px 160px;animation:hero-glitch-noise 6.4s steps(1,end) infinite;}.hero-glitch__beam{left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--cyan) 22%,#fff 50%,var(--magenta) 78%,transparent 100%);box-shadow:0 0 8px var(--cyan),0 0 14px var(--magenta);mix-blend-mode:screen;opacity:0;animation:hero-glitch-beam 6.4s linear infinite;}@keyframes hero-glitch-base{0%,78%,86%,92%,96%,100%{transform:none;filter:drop-shadow(-1px 0 0 color-mix(in srgb,var(--cyan) 45%,transparent)) drop-shadow(1px 0 0 color-mix(in srgb,var(--magenta) 40%,transparent));}80%{transform:translate(2px,0);filter:drop-shadow(-3px 0 0 var(--cyan)) drop-shadow(3px 0 0 var(--magenta)) contrast(1.12) saturate(1.2);}82%{transform:translate(-3px,1px);filter:drop-shadow(4px 0 0 var(--cyan)) drop-shadow(-2px 0 0 var(--magenta)) brightness(1.18);}84%{transform:translate(1px,-1px);filter:drop-shadow(-2px 0 0 var(--cyan)) drop-shadow(2px 0 0 var(--magenta)) contrast(1.08);}94%{transform:translate(-2px,0);filter:drop-shadow(2px 0 0 var(--magenta)) drop-shadow(-2px 0 0 var(--cyan));}}@keyframes hero-glitch-slice-a{0%,79%,86%,100%{opacity:0;clip-path:inset(0 0 100% 0);transform:translate(0);}80%{opacity:1;clip-path:inset(8% 0 72% 0);transform:translate(12px,-1px);}81.5%{opacity:1;clip-path:inset(28% 0 48% 0);transform:translate(-16px,0);}83%{opacity:1;clip-path:inset(54% 0 22% 0);transform:translate(9px,1px);}84.5%{opacity:0.85;clip-path:inset(70% 0 8% 0);transform:translate(-7px,0);}93%{opacity:1;clip-path:inset(18% 0 64% 0);transform:translate(14px,0);}94.5%{opacity:0.9;clip-path:inset(44% 0 30% 0);transform:translate(-10px,0);}}@keyframes hero-glitch-slice-b{0%,18%,21%,80%,87%,100%{opacity:0;clip-path:inset(0 0 100% 0);transform:translate(0);}19%{opacity:0.9;clip-path:inset(42% 0 48% 0);transform:translate(8px,0);}81%{opacity:1;clip-path:inset(16% 0 62% 0);transform:translate(-12px,1px);}82.5%{opacity:1;clip-path:inset(36% 0 38% 0);transform:translate(15px,0);}84%{opacity:0.9;clip-path:inset(60% 0 14% 0);transform:translate(-9px,-1px);}}@keyframes hero-glitch-scan{0%,78%,86%,100%{opacity:0.32;}80%,84%{opacity:0.75;}}@keyframes hero-glitch-noise{0%,79%,86%,92%,96%,100%{opacity:0;}80%,84%{opacity:0.28;}94%{opacity:0.18;}}@keyframes hero-glitch-beam{0%,79%,86%,92%,96%,100%{opacity:0;top:10%;}80%{opacity:0.95;top:14%;}84.5%{opacity:0.7;top:80%;}85.5%{opacity:0;top:88%;}93%{opacity:0.7;top:28%;}94.8%{opacity:0;top:42%;}}@media (prefers-reduced-motion:reduce){.hero-glitch > img,.hero-glitch::before,.hero-glitch::after,.hero-glitch__scan,.hero-glitch__noise,.hero-glitch__beam{animation:none !important;}.hero-glitch::before,.hero-glitch::after,.hero-glitch__scan,.hero-glitch__noise,.hero-glitch__beam{display:none;}.hero-glitch > img{filter:drop-shadow(-1px 0 0 color-mix(in srgb,var(--cyan) 45%,transparent)) drop-shadow(1px 0 0 color-mix(in srgb,var(--magenta) 40%,transparent));transform:none;}}