.np-mask[data-v-fd4479a1]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;background:#14161e8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.np-box[data-v-fd4479a1]{position:relative;width:100%;max-width:420px;max-height:76vh;overflow:auto;padding:22px 20px 18px;border-radius:var(--r-lg);background:#fff;box-shadow:var(--sh-lg);animation:np-in-fd4479a1 .22s cubic-bezier(.34,1.3,.64,1)}.np-close[data-v-fd4479a1]{position:absolute;top:10px;right:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--line-soft);color:var(--text-muted);cursor:pointer}.np-close[data-v-fd4479a1]:active{background:var(--line)}.np-head[data-v-fd4479a1]{display:flex;align-items:center;gap:var(--sp-2);padding-right:36px;margin-bottom:var(--sp-3)}.np-head-icon[data-v-fd4479a1]{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);background:var(--gold-soft);color:var(--gold-deep)}.np-title[data-v-fd4479a1]{margin:0;font-size:var(--fs-lg);font-weight:700;color:var(--text-title)}.np-body[data-v-fd4479a1]{max-height:44vh;overflow:auto;padding:var(--sp-3);border-radius:var(--r-md);background:var(--line-soft);color:var(--text);font-size:var(--fs-base);line-height:1.75;white-space:pre-wrap;word-break:break-word}.np-btn[data-v-fd4479a1]{width:100%;margin-top:var(--sp-4);padding:11px 0;border:0;border-radius:var(--r-md);background:var(--brand-grad);color:#fff;font-size:var(--fs-base);font-weight:600;cursor:pointer}@keyframes np-in-fd4479a1{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.np-enter-active[data-v-fd4479a1],.np-leave-active[data-v-fd4479a1]{transition:opacity .2s ease}.np-enter-from[data-v-fd4479a1],.np-leave-to[data-v-fd4479a1]{opacity:0}.toast-wrap[data-v-ff9c773a]{position:fixed;left:50%;top:22%;z-index:200;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast[data-v-ff9c773a]{max-width:76vw;padding:10px 18px;border-radius:var(--r-md);background:#1c1c1eeb;color:#fff;font-size:var(--fs-md);text-align:center;box-shadow:var(--sh-lg);animation:toast-in-ff9c773a .22s cubic-bezier(.34,1.56,.64,1)}.toast.success[data-v-ff9c773a]{background:#22c55ef0}.toast.error[data-v-ff9c773a]{background:#ef4444f0}@keyframes toast-in-ff9c773a{0%{opacity:0;transform:translateY(-8px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--bg-page: #f5f6fa;--bg-card: #ffffff;--bg-soft: #fafbfd;--bg-mute: #f0f2f7;--bg-dark: #1c1c1e;--bg-dark-2: #2c2c2e;--brand: #3b5bff;--brand-deep: #2a45d6;--brand-light: #6b83ff;--brand-soft: #eef1ff;--brand-line: #dde3ff;--brand-grad: linear-gradient(135deg, #5b76ff, #3b5bff);--gold: #d4af37;--gold-deep: #b8941f;--gold-light: #e8ce7a;--gold-soft: #fdf7e6;--gold-grad: linear-gradient(135deg, #e8ce7a, #d4af37);--text: #333333;--text-title: #333333;--text-sub: #999999;--text-muted: #6b6b6b;--text-weak: #b3b3b3;--text-inverse: #ffffff;--text-dark: #f5f5f7;--line: #ebedf2;--line-soft: #f2f4f8;--line-deep: #e0e3ea;--success: #22c55e;--success-soft: #eaf9f0;--danger: #ef4444;--danger-soft: #fdeeee;--warning: #f59e0b;--info: #64748b;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--sh-xs: 0 1px 2px rgba(51, 51, 51, .03);--sh-sm: 0 2px 8px rgba(51, 51, 51, .04);--sh-md: 0 4px 16px rgba(51, 51, 51, .05);--sh-lg: 0 8px 28px rgba(51, 51, 51, .07);--sh-brand: 0 6px 18px rgba(59, 91, 255, .22);--sh-gold: 0 6px 18px rgba(212, 175, 55, .25);--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-base: 14px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 22px;--fs-3xl: 26px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--page-pad: 16px;--tabbar-h: 60px}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;padding:0;min-height:100%}html{height:100%;-webkit-text-size-adjust:100%;overflow-x:clip;overscroll-behavior-y:none}body{background:var(--bg-page);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:clip}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;border:0}ul,ol{list-style:none;padding:0;margin:0}h1,h2,h3,h4,h5,h6,p{margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;border:0;background:none;outline:none}button{cursor:pointer;padding:0}.page{padding:0 var(--page-pad)}.sec-head{display:flex;align-items:center;justify-content:space-between;margin:var(--sp-5) 0 var(--sp-3)}.sec-title{font-size:var(--fs-lg);font-weight:700;color:var(--text-title);letter-spacing:.2px}.sec-title:before{content:"";display:inline-block;width:3px;height:14px;margin-right:7px;border-radius:2px;background:var(--brand);vertical-align:-1px}.sec-more{font-size:var(--fs-sm);color:var(--text-sub)}.card{background:var(--bg-card);border-radius:var(--r-lg);box-shadow:var(--sh-sm);overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 var(--sp-5);border-radius:var(--r-pill);font-size:var(--fs-base);font-weight:600;transition:transform .15s,opacity .15s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand-grad);color:#fff;box-shadow:var(--sh-brand)}.btn-gold{background:var(--gold-grad);color:#5a4410;box-shadow:var(--sh-gold)}.btn-ghost{background:var(--brand-soft);color:var(--brand)}.badge{display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 7px;border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:600;line-height:1}.badge-gold{background:var(--gold-soft);color:var(--gold-deep)}.badge-brand{background:var(--brand-soft);color:var(--brand)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.app-root{min-height:100%;background:var(--bg-page)}.app-main{min-height:100vh;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 12px)}.hd{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:var(--sp-3);height:52px;padding:0 var(--page-pad);background:var(--bg-card);box-shadow:var(--sh-xs)}.hd-logo{display:flex;align-items:center;gap:7px;flex:0 1 auto;min-width:0;overflow:hidden}.hd-logo-img{max-height:32px;max-width:132px;width:auto;object-fit:contain;object-position:left center;display:block;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.hd-logo-img:hover{opacity:.85}.hd-logo-img:active{transform:scale(.96)}.hd-logo-img:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}.hd-search{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:var(--r-pill);background:var(--bg-mute);color:var(--text-weak);font-size:var(--fs-sm)}.hd-icon-btn{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text);background:var(--bg-mute)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:90;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:flex;align-items:center;background:#ffffffeb;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);box-shadow:0 -2px 18px #3333330f}.tabbar-item{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-weak);font-size:var(--fs-2xs);transition:color .15s}.tabbar-item.is-active{color:var(--brand)}.tabbar-icon{display:flex;height:21px;align-items:center}.banner{position:relative;margin:var(--sp-3) var(--page-pad) 0;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-md);background:var(--bg-mute);aspect-ratio:16 / 9;max-width:calc(100% - var(--page-pad) * 2)}.banner-track{display:flex;height:100%;width:100%;overflow:visible;transition:transform .4s cubic-bezier(.25,.8,.35,1)}.banner-item{flex:0 0 100%;height:100%}.banner-item img{width:100%;height:100%;object-fit:cover}.banner-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:5px}.banner-dot{width:5px;height:5px;border-radius:var(--r-pill);background:#ffffff8c;transition:width .25s,background .25s}.banner-dot.is-active{width:16px;background:#fff}.user-card{position:relative;margin:var(--sp-3) var(--page-pad) 0;padding:var(--sp-4);border-radius:var(--r-lg);background:var(--brand-grad);box-shadow:var(--sh-brand);overflow:hidden;color:#fff}.user-card:after{content:"";position:absolute;top:-40px;right:-30px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 70%);pointer-events:none}.user-card-top{display:flex;align-items:center;gap:var(--sp-3)}.user-quick{display:flex;align-items:center;gap:8px;flex-shrink:0}.quick-btn{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:46px;padding:0;background:transparent;color:#fff}.quick-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;transition:all .15s}.quick-btn.is-brand .quick-icon{color:#fff}.quick-label{font-size:11px;line-height:1.2;color:#ffffffc7;white-space:nowrap}.quick-btn:active .quick-icon{transform:scale(.88)}.user-meta{flex:1;min-width:0}.user-name{display:flex;align-items:center;gap:6px;font-size:var(--fs-lg);font-weight:600;color:#fff}.user-sub{margin-top:2px;font-size:var(--fs-sm);color:#ffffff73}.user-assets{display:flex;margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid rgba(255,255,255,.22)}.asset-item{flex:1;text-align:center}.asset-label{font-size:var(--fs-xs);color:#ffffffb8}.asset-value{margin-top:3px;font-size:var(--fs-xl);font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.asset-value.is-plain{color:#ffffffeb}.grid-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2) var(--sp-1);margin:var(--sp-3) var(--page-pad) 0;padding:var(--sp-4) var(--sp-2);border-radius:var(--r-lg);background:var(--bg-card);box-shadow:var(--sh-sm)}.grid-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0;font-size:var(--fs-sm);color:var(--text-muted)}.grid-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center}.grid-icon.is-brand{background:var(--brand-soft);color:var(--brand)}.grid-icon.is-gold{background:var(--gold-soft);color:var(--gold-deep)}.grid-icon.is-dark{background:var(--bg-dark);color:var(--gold)}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2);padding:0 var(--page-pad)}.game-card{border-radius:var(--r-md);background:var(--bg-card);box-shadow:var(--sh-xs);overflow:hidden}.game-cover{position:relative;width:100%;aspect-ratio:1 / 1;background:var(--bg-mute)}.game-cover img{width:100%;height:100%;object-fit:cover}.game-hot{position:absolute;top:5px;left:5px;height:17px;padding:0 6px;border-radius:var(--r-pill);background:var(--danger);color:#fff;font-size:var(--fs-2xs);font-weight:600;line-height:17px}.game-name{padding:7px 8px 9px;font-size:var(--fs-sm);color:var(--text-title);text-align:center}.cat-tabs{display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--page-pad) 0;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{flex-shrink:0;height:30px;padding:0 14px;border-radius:var(--r-pill);background:var(--bg-card);box-shadow:var(--sh-xs);font-size:var(--fs-sm);color:var(--text-muted);display:flex;align-items:center;transition:all .15s}.cat-tab.is-active{background:var(--brand);color:#fff;box-shadow:var(--sh-brand)}.notice-bar{display:flex;align-items:center;gap:8px;margin:var(--sp-3) var(--page-pad) 0;padding:9px 12px;border-radius:var(--r-md);background:var(--bg-card);box-shadow:var(--sh-xs);font-size:var(--fs-sm);color:var(--text-muted)}.notice-bar-title{flex-shrink:0;color:var(--brand);font-weight:600}.notice-bar-track{position:relative;flex:1;min-width:0;overflow:hidden;height:18px}.list-end{padding:var(--sp-4) 0 var(--sp-2);text-align:center;font-size:var(--fs-sm);color:var(--text-weak)}
