@import"https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&display=swap";:root{--pm-bg: #f4f7fc;--pm-bg-2: #ffffff;--pm-ember: #2e7cf6;--pm-ember-soft: #1b5fe0;--pm-grad: linear-gradient(135deg, #4d94ff 0%, #2e7cf6 48%, #1b5fe0 100%);--pm-ink: #17213d;--pm-ink-2: #4d5878;--pm-ink-dim: #8b94ab;--pm-line: #eef1f7;--pm-glow: rgba(27, 95, 224, .25);--pm-card: #ffffff;--pm-online: #00b578;--pm-busy: #ff8f1f;--pm-red: #fa5151;--pm-gold: #ffa800;--pm-shadow: 0 2px 14px rgba(23, 42, 90, .06);--pm-shadow-lg: 0 10px 30px -10px rgba(27, 95, 224, .25);--pm-mono: "Outfit", "PingFang SC", sans-serif}div.app-shell{--pm-ember: #2e7cf6;--pm-ember-soft: #1b5fe0;--pm-glow: rgba(27, 95, 224, .25)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#e8edf6;font-family:PingFang SC,Microsoft YaHei,-apple-system,sans-serif;color:var(--pm-ink);-webkit-font-smoothing:antialiased}.app-shell{position:relative;max-width:480px;min-height:100vh;margin:0 auto;background:var(--pm-bg);display:flex;flex-direction:column;overflow-x:hidden;box-shadow:0 0 40px #172a5a14}.app-scroll{flex:1;overflow-y:auto;padding-bottom:78px}.app-scroll::-webkit-scrollbar{display:none}.app-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;height:52px;padding:0 16px;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--pm-line)}.app-topbar .tb-title{font-weight:600;font-size:17px;flex:1;color:var(--pm-ink)}.app-topbar .tb-back,.app-topbar .tb-action{display:inline-flex;align-items:center;justify-content:center;color:var(--pm-ink);font-size:18px;cursor:pointer;background:none;border:none;padding:4px}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:64px;display:flex;background:#fffffff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--pm-line);z-index:40}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#9aa3b8;font-size:11px;font-weight:500;cursor:pointer;border:none;background:none;position:relative;transition:color .2s}.tabbar-item .ti-icon{font-size:21px;line-height:1}.tabbar-item.is-active{color:var(--pm-ember);font-weight:600}.tabbar-item.is-active:before{content:"";position:absolute;top:0;width:26px;height:3px;border-radius:0 0 4px 4px;background:var(--pm-grad);box-shadow:0 0 12px var(--pm-glow)}.search-bar{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;margin:14px 16px;border-radius:12px;background:var(--pm-card);border:1px solid var(--pm-line);color:var(--pm-ink-dim);font-size:14px}.section-head{display:flex;align-items:baseline;justify-content:space-between;padding:8px 16px;margin-top:6px}.section-head h3{margin:0;font-size:16px;font-weight:700;color:var(--pm-ink);display:inline-flex;align-items:center;gap:7px}.section-head h3:before{content:"";width:4px;height:15px;border-radius:2px;background:var(--pm-grad)}.section-head .sh-en{font-family:var(--pm-mono);font-size:11px;letter-spacing:2px;color:var(--pm-ink-dim);text-transform:uppercase}.section-head .sh-more{font-size:12px;color:var(--pm-ink-dim);cursor:pointer}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:6px 16px 12px}.game-cell{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 4px;border-radius:16px;background:var(--pm-card);border:1px solid var(--pm-line);box-shadow:var(--pm-shadow);cursor:pointer;transition:transform .15s,border-color .2s}.game-cell:active{transform:scale(.96)}.game-cell:hover{border-color:#2e7cf666}.game-cell.on{border-color:var(--pm-ember);background:#2e7cf614}.game-cell .gc-icon{font-size:26px}.game-cell .gc-name{font-size:12px;color:var(--pm-ink)}.banner{margin:4px 16px 8px;height:120px;border-radius:18px;background:var(--pm-grad);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:0 22px;color:#fff;box-shadow:var(--pm-shadow-lg)}.banner:after{content:"◑";position:absolute;right:-10px;top:-20px;font-size:140px;color:#ffffff24}.banner .bn-title{font-family:var(--pm-mono);font-size:20px;font-weight:700;color:#fff}.banner .bn-sub{font-size:12px;color:#ffffffd9;margin-top:4px}.booster-card{display:flex;gap:12px;margin:0 16px 12px;padding:14px;border-radius:18px;background:var(--pm-card);border:1px solid var(--pm-line);box-shadow:var(--pm-shadow);cursor:pointer;position:relative;overflow:hidden;transition:transform .15s,border-color .2s}.booster-card:active{transform:scale(.99)}.booster-card:hover{border-color:#2e7cf659}.bc-avatar{width:64px;height:64px;border-radius:14px;object-fit:cover;background:var(--pm-grad);display:grid;place-items:center;font-size:26px;color:#fff;flex-shrink:0}.bc-main{flex:1;min-width:0}.bc-row1{display:flex;align-items:center;gap:8px}.bc-name{font-weight:600;font-size:15px}.bc-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.chip{font-size:11px;padding:2px 8px;border-radius:6px;background:#2e7cf614;color:var(--pm-ember);border:1px solid rgba(46,124,246,.22)}.bc-stats{display:flex;gap:12px;margin-top:8px;font-size:12px;color:var(--pm-ink-dim)}.bc-stats b{color:var(--pm-ink);font-family:var(--pm-mono)}.bc-foot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:10px}.bc-price .lbl{font-size:11px;color:var(--pm-ink-dim)}.bc-price .val{font-family:var(--pm-mono);font-size:18px;font-weight:700;color:var(--pm-ember)}.status-dot{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:999px}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%}.status-dot.online{color:var(--pm-online);background:#00b5781a}.status-dot.online:before{background:var(--pm-online)}.status-dot.busy{color:var(--pm-busy);background:#ff8f1f1f}.status-dot.busy:before{background:var(--pm-busy)}.status-dot.offline{color:var(--pm-ink-dim);background:var(--pm-line)}.status-dot.offline:before{background:var(--pm-ink-dim)}.glass{margin:0 16px 12px;padding:16px;border-radius:18px;background:var(--pm-card);border:1px solid var(--pm-line);box-shadow:var(--pm-shadow)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 20px;width:100%;font-weight:600;font-size:15px;letter-spacing:1px;color:#fff;border:none;border-radius:13px;cursor:pointer;background:var(--pm-grad);box-shadow:var(--pm-shadow-lg);transition:transform .12s,filter .2s}.btn-primary:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn-primary:disabled{filter:grayscale(.5) opacity(.55);cursor:not-allowed;box-shadow:none}.btn-sm{height:34px;width:auto;padding:0 16px;font-size:13px;border-radius:10px}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 16px;font-size:13px;font-weight:600;color:var(--pm-ink-2);cursor:pointer;background:var(--pm-card);border:1px solid #d7deeb;border-radius:10px}.btn-ghost:active{transform:scale(.97)}.btn-danger{color:var(--pm-red);border-color:#fa515166}.money{font-family:var(--pm-mono);font-weight:700;color:var(--pm-ember)}.money.neg{color:var(--pm-ink-dim)}.rating{display:inline-flex;align-items:center;gap:3px;color:var(--pm-gold);font-family:var(--pm-mono)}.order-card{margin:0 16px 12px;border-radius:18px;background:var(--pm-card);border:1px solid var(--pm-line);box-shadow:var(--pm-shadow);overflow:hidden}.oc-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--pm-line)}.oc-head .oc-no{font-family:var(--pm-mono);font-size:12px;color:var(--pm-ink-dim)}.oc-status{font-size:13px;font-weight:600}.oc-body{display:flex;gap:12px;padding:14px 16px}.oc-body .oc-info{flex:1}.oc-title{font-weight:600;font-size:14px}.oc-meta{font-size:12px;color:var(--pm-ink-dim);margin-top:4px}.oc-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--pm-line)}.oc-actions{display:flex;gap:8px}.oc-countdown{font-family:var(--pm-mono);font-size:12px;color:var(--pm-busy)}.st-pending_payment{color:var(--pm-busy)}.st-pending_accept,.st-in_progress{color:var(--pm-ember)}.st-pending_review{color:var(--pm-busy)}.st-completed{color:var(--pm-online)}.st-cancelled{color:var(--pm-ink-dim)}.st-refunding{color:var(--pm-red)}.timeline{padding:4px 4px 4px 8px}.tl-item{display:flex;gap:12px;position:relative;padding-bottom:16px}.tl-item:before{content:"";position:absolute;left:5px;top:14px;bottom:-2px;width:1px;background:var(--pm-line)}.tl-item:last-child:before{display:none}.tl-dot{width:11px;height:11px;border-radius:50%;background:var(--pm-ember);margin-top:3px;flex-shrink:0;box-shadow:0 0 0 3px #2e7cf61f}.tl-body .tl-t{font-size:13px}.tl-body .tl-time{font-size:11px;color:var(--pm-ink-dim);font-family:var(--pm-mono)}.filter-bar{display:flex;gap:8px;padding:10px 16px;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.sort-tabs{display:flex;gap:6px;padding:0 16px 6px;overflow-x:auto}.sort-tabs::-webkit-scrollbar{display:none}.sort-tab{font-size:13px;padding:6px 12px;border-radius:999px;color:var(--pm-ink-2);cursor:pointer;white-space:nowrap;background:var(--pm-card);border:1px solid var(--pm-line);font-weight:500;transition:all .15s}.sort-tab.is-active{color:#fff;background:var(--pm-grad);border-color:transparent;font-weight:600;box-shadow:0 4px 10px -4px #1b5fe080}.stepper{display:inline-flex;align-items:center;border:1px solid var(--pm-line);border-radius:10px;overflow:hidden}.stepper button{width:36px;height:36px;background:var(--pm-bg);border:none;color:var(--pm-ink-2);font-size:18px;cursor:pointer}.stepper .val{width:44px;text-align:center;font-family:var(--pm-mono);font-size:15px}.pay-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--pm-ink-dim)}.pay-row.total{border-top:1px solid var(--pm-line);margin-top:6px;padding-top:12px;color:var(--pm-ink);font-size:15px}.pay-method{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--pm-line);margin-bottom:10px;cursor:pointer}.pay-method.is-active{border-color:var(--pm-ember);background:#2e7cf614}.pay-method .pm-ic{font-size:22px}.pay-method .pm-name{flex:1;font-size:15px}.pay-method .pm-radio{width:18px;height:18px;border-radius:50%;border:2px solid #cfd7e6}.pay-method.is-active .pm-radio{border-color:var(--pm-ember);background:radial-gradient(circle,var(--pm-ember) 40%,transparent 45%)}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;color:var(--pm-ink-dim)}.empty .em-icon{font-size:48px;opacity:.5}.img-upload{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;color:var(--pm-ink-dim);background:var(--pm-bg);border:1px dashed #c9d4e8;transition:border-color .2s,color .2s}.img-upload:hover{border-color:var(--pm-ember);color:var(--pm-ember)}.img-upload.has-img{border-style:solid}.img-upload.is-avatar{border-radius:50%}.img-upload.is-card{width:96px;height:96px;border-radius:12px}.img-upload .iu-preview{width:100%;height:100%;object-fit:cover}.img-upload .iu-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px}.img-upload .iu-label{font-size:12px}.img-upload .iu-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#ffffffb3;color:var(--pm-ember)}.img-upload .iu-spin{animation:iu-spin .8s linear infinite}@keyframes iu-spin{to{transform:rotate(360deg)}}.list-item{display:flex;align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid var(--pm-line);cursor:pointer}.list-item .li-ic{display:inline-flex;align-items:center;justify-content:center;font-size:18px;width:32px;height:32px;border-radius:9px;background:#2e7cf614;color:var(--pm-ember)}.list-item .li-label{flex:1;font-size:15px}.list-item .li-val{font-size:13px;color:var(--pm-ink-dim)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-cell{padding:14px;border-radius:14px;background:var(--pm-card);border:1px solid var(--pm-line);box-shadow:var(--pm-shadow)}.stat-cell .sc-label{font-size:12px;color:var(--pm-ink-dim)}.stat-cell .sc-val{font-family:var(--pm-mono);font-size:22px;font-weight:700;color:var(--pm-ember);margin-top:6px}.tag-pick{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.tag-pick .tp{font-size:13px;padding:6px 14px;border-radius:999px;border:1px solid var(--pm-line);color:var(--pm-ink-2);background:var(--pm-bg);cursor:pointer}.tag-pick .tp.on{color:var(--pm-ember);border-color:#2e7cf638;background:#2e7cf614;font-weight:600}.rise{animation:rise .5s cubic-bezier(.22,1,.36,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.app-shell .ant-input,.app-shell textarea.ant-input,.app-shell .ant-input-number,.app-shell .ant-input-number-input{background:var(--pm-bg)!important;border-color:transparent!important;color:var(--pm-ink)!important;border-radius:10px}.app-shell .ant-input:focus,.app-shell textarea.ant-input:focus{border-color:var(--pm-ember)!important;background:#fff!important}.app-shell .ant-input::placeholder{color:#a4adc2!important}:root{--pm-bg: #f4f7fc;--pm-bg-2: #ffffff;--pm-ember: #2e7cf6;--pm-ember-soft: #1b5fe0;--pm-ink: #17213d;--pm-ink-dim: #8b94ab;--pm-line: #eef1f7;--pm-accent: var(--pm-ember);--pm-accent-soft: var(--pm-ember-soft);--pm-glow: rgba(27, 95, 224, .25);--pm-grad: linear-gradient(135deg, #4d94ff 0%, #2e7cf6 48%, #1b5fe0 100%);--pm-red: #fa5151;--pm-num: "Outfit", "PingFang SC", sans-serif}.pm-auth{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;background:var(--pm-bg);font-family:PingFang SC,Microsoft YaHei,-apple-system,sans-serif;color:var(--pm-ink)}.pm-auth:before{content:"";position:absolute;top:0;left:0;right:0;height:280px;background:radial-gradient(80% 120% at 80% -20%,rgba(77,148,255,.18),transparent 60%),radial-gradient(70% 100% at 10% -10%,rgba(46,124,246,.14),transparent 55%);pointer-events:none}.pm-orb,.pm-grid,.pm-grain{display:none}.pm-card{position:relative;width:min(92vw,440px);padding:40px 30px 30px;border-radius:26px;background:#fff;border:1px solid var(--pm-line);box-shadow:0 18px 50px -20px #1b5fe047;animation:pm-rise .7s cubic-bezier(.22,1,.36,1) both}@keyframes pm-rise{0%{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pm-brand{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:28px}.pm-mark{width:60px;height:60px;display:grid;place-items:center;border-radius:16px;background:var(--pm-grad);box-shadow:0 14px 30px -12px #1b5fe073;font-family:var(--pm-num);font-weight:700;font-size:26px;color:#fff}.pm-wordmark{font-family:var(--pm-num);font-weight:700;font-size:26px;letter-spacing:2px;color:var(--pm-ink)}.pm-slogan{font-size:13px;color:var(--pm-ink-dim);letter-spacing:4px;text-transform:uppercase}.pm-channel{margin-top:2px;font-family:var(--pm-num);font-size:11px;letter-spacing:3px;color:var(--pm-accent);padding:3px 12px;background:#2e7cf614;border:1px solid rgba(46,124,246,.3);border-radius:999px}.pm-field{margin-bottom:16px;animation:pm-rise .6s both}.pm-field:nth-child(1){animation-delay:.05s}.pm-field:nth-child(2){animation-delay:.12s}.pm-label{display:block;font-size:13px;color:#4d5878;margin:0 0 8px 2px;font-weight:600}.pm-input-wrap{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;background:var(--pm-bg);border:1px solid var(--pm-line);border-radius:14px;transition:border-color .2s,box-shadow .2s,background .2s}.pm-input-wrap:focus-within{border-color:var(--pm-accent);box-shadow:0 0 0 3px #2e7cf624;background:#fff}.pm-prefix{font-family:var(--pm-num);font-weight:600;color:var(--pm-ink-dim);font-size:15px;border-right:1px solid #e2e8f2;padding-right:10px}.pm-input-wrap .ant-input{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--pm-ink)!important;font-size:16px;letter-spacing:1px;padding:0}.pm-input-wrap .ant-input::placeholder{color:#a4adc2;letter-spacing:.5px}.pm-codebtn{white-space:nowrap;height:36px;padding:0 14px;font-size:13px;font-weight:600;background:var(--pm-grad);border:none;border-radius:999px;color:#fff;cursor:pointer;transition:all .18s}.pm-codebtn:active:not(:disabled){transform:scale(.96)}.pm-codebtn:disabled{background:#e3e9f4;color:#9aa3b8;cursor:not-allowed}.pm-submit{width:100%;height:52px;margin-top:8px;font-family:PingFang SC,sans-serif;font-weight:600;font-size:16px;letter-spacing:2px;color:#fff;border:none;border-radius:999px;cursor:pointer;background:var(--pm-grad);box-shadow:0 12px 26px -10px #1b5fe080;transition:transform .12s,box-shadow .2s,filter .2s}.pm-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 34px -10px #1b5fe080}.pm-submit:active:not(:disabled){transform:translateY(1px) scale(.99)}.pm-submit:disabled{filter:grayscale(.5) opacity(.55);cursor:not-allowed;box-shadow:none}.pm-agree{display:flex;align-items:flex-start;gap:8px;margin:18px 2px 6px;font-size:12.5px;color:var(--pm-ink-dim);line-height:1.7}.pm-agree a{color:var(--pm-accent);text-decoration:none}.pm-agree a:hover{text-decoration:underline}.pm-footer{margin-top:22px;text-align:center;font-size:13px;color:var(--pm-ink-dim)}.pm-footer .pm-link{color:var(--pm-accent);font-weight:600;cursor:pointer}.pm-steps{display:flex;gap:8px;margin-bottom:24px}.pm-step{flex:1;height:4px;border-radius:2px;background:#e3e9f4;overflow:hidden}.pm-step.is-active{background:var(--pm-grad)}.pm-section-title{font-size:15px;font-weight:600;margin:0 0 4px;color:var(--pm-ink)}.pm-section-hint{font-size:12.5px;color:var(--pm-ink-dim);margin:0 0 20px;line-height:1.6}.pm-facescan{position:relative;width:168px;height:168px;margin:8px auto 22px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#2e7cf629,#2e7cf60d 70%);border:1px dashed var(--pm-accent)}.pm-facescan:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;border:2px solid var(--pm-accent);border-top-color:transparent;border-left-color:transparent;animation:pm-spin 2.6s linear infinite;opacity:.7}@keyframes pm-spin{to{transform:rotate(360deg)}}.pm-facescan-icon{font-size:46px;color:var(--pm-accent)}.pm-masked{font-family:var(--pm-num);letter-spacing:2px;color:var(--pm-accent)}.pm-error{color:var(--pm-red);font-size:12px;margin:6px 0 0 4px;min-height:16px}
