@font-face{font-family:Silkscreen;src:url(https://cdn.pixelbeads.club/static/fonts/silkscreen/Silkscreen-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Silkscreen;src:url(https://cdn.pixelbeads.club/static/fonts/silkscreen/Silkscreen-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{--ink: #31283a;--ink-soft: #4a3d54;--paper: #fff8ef;--paper-warm: #fffaf4;--card-white: #ffffff;--strawberry: #ff7aa9;--strawberry-deep:#ff5e8a;--mint: #9ee8d1;--lemon: #ffd166;--peach: #ffe39b;--success: #67c23a;--success-bg: #f0f9eb;--warning: #e6a23c;--danger: #f56c6c;--info: #409eff;--page-bg: var(--paper);--panel-bg: var(--paper-warm);--card-bg: var(--card-white);--hover-bg: rgba(49,40,58,.04);--active-bg: rgba(255,122,169,.08);--text-main: #3b3340;--text-subtle: #7b6f83;--text-muted: #82778a;--text-on-accent: #ffffff;--font-pixel: "Silkscreen", "Press Start 2P", monospace;--font-ui: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-size-display: 22px;--font-size-title: 16px;--font-size-subtitle:14px;--font-size-body: 14px;--font-size-small: 12px;--font-size-tiny: 11px;--font-size-metric: 18px;--border-ink: 4px solid var(--ink);--border-ink-md: 3px solid var(--ink);--border-ink-sm: 2px solid var(--ink);--border-soft: 2px solid #f1dfe6;--border-dashed: 2px dashed #eadce4;--radius-default: 8px;--radius-sm: 6px;--radius-xs: 4px;--shadow-hero: 8px 8px 0 var(--ink);--shadow-card: 6px 6px 0 var(--ink);--shadow-btn: 5px 5px 0 var(--ink);--shadow-btn-sm: 3px 3px 0 var(--ink);--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 28px;--space-2xl: 32px;--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .6s}:root{--el-color-primary: var(--strawberry);--el-color-primary-light-3: #ff9fc2;--el-color-primary-light-5: #ffbfd6;--el-color-primary-light-7: #ffd8e5;--el-color-primary-light-8: #ffe4ed;--el-color-primary-light-9: #fff1f7;--el-color-primary-dark-2: #e66d97;--el-color-success: var(--mint);--el-color-warning: var(--lemon);--el-color-danger: var(--danger);--el-border-radius-base: var(--radius-default);--el-border-radius-small: var(--radius-sm);--el-border-radius-round: var(--radius-default);--el-font-family: var(--font-ui);--el-text-color-primary: var(--text-main);--el-text-color-regular: var(--text-main);--el-text-color-secondary:var(--text-subtle);--el-text-color-placeholder: var(--text-muted);--el-bg-color: var(--card-bg);--el-bg-color-page: var(--page-bg);--el-bg-color-overlay: var(--card-bg);--el-border-color: #eadce4;--el-border-color-light: #f1dfe6;--el-border-color-lighter:#f7eef2;--el-border-color-extra-light: #faf5f7;--el-fill-color-blank: var(--card-bg);--el-fill-color-light: var(--paper-warm);--el-box-shadow-light: var(--shadow-card);--el-box-shadow: 0 2px 8px rgba(49,40,58,.08);--el-disabled-bg-color: var(--page-bg);--el-disabled-text-color: var(--text-muted);--el-disabled-border-color: #eadce4}html,body{margin:0;padding:0;font-family:var(--font-ui);font-size:var(--font-size-body);color:var(--text-main);background:var(--page-bg);-webkit-font-smoothing:antialiased}@media(max-width:767px){html,body,#app{width:100%;min-width:320px;min-height:100%;overflow-x:hidden}body{font-size:15px;-webkit-tap-highlight-color:rgba(255,122,169,.18)}.el-dialog{max-width:calc(100vw - 20px)}.el-dialog__body{max-height:calc(100dvh - 180px);overflow-y:auto}.el-button,.el-input__wrapper,.el-select__wrapper{min-height:44px}}.page-bg-pattern{background-color:var(--page-bg);background-image:linear-gradient(rgba(49,40,58,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(49,40,58,.04) 1px,transparent 1px),linear-gradient(180deg,transparent,rgba(255,250,244,.8));background-size:24px 24px,24px 24px,auto}.pixel-btn{font-weight:800;border:var(--border-ink);border-radius:var(--radius-default);box-shadow:var(--shadow-btn);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo);position:relative}.pixel-btn:active{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.pixel-btn.primary{background:var(--strawberry);color:var(--text-on-accent)}.pixel-btn.secondary{background:var(--mint);color:var(--ink)}.pixel-btn.ghost{background:var(--card-bg);color:var(--ink)}.pixel-btn.warn{background:var(--lemon);color:var(--ink)}.pixel-btn.sm{min-height:32px;padding:0 14px;font-size:var(--font-size-small);box-shadow:var(--shadow-btn-sm)}.pixel-btn.md{min-height:40px;padding:0 20px;font-size:var(--font-size-body)}.pixel-btn.lg{min-height:48px;padding:0 28px;font-size:var(--font-size-title)}.pixel-card{background:var(--card-bg);border:var(--border-ink);border-radius:var(--radius-default);box-shadow:var(--shadow-card);padding:var(--space-md)}.pixel-input{background:var(--card-bg);border:var(--border-ink);border-radius:var(--radius-default);padding:10px 14px;font-family:var(--font-ui);font-size:var(--font-size-body);color:var(--text-main);transition:border-color var(--duration-fast) var(--ease-out-expo);outline:none}.pixel-input:focus{border-color:var(--strawberry);box-shadow:none}.pixel-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:500;border:var(--border-ink-sm)}.pixel-metric{background:var(--card-bg);border:var(--border-ink-md);border-radius:var(--radius-default);box-shadow:var(--shadow-card);padding:var(--space-md) var(--space-lg)}.pixel-metric .value{font-size:var(--font-size-metric);font-weight:900;color:var(--ink);line-height:1.2}.pixel-metric .label{font-size:var(--font-size-small);color:var(--text-subtle);margin-top:var(--space-xs)}.pixel-page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-lg);gap:var(--space-lg)}.pixel-page-head h1{font-family:var(--font-pixel);font-size:var(--font-size-display);font-weight:800;color:var(--ink);margin:0 0 var(--space-xs) 0;letter-spacing:.02em}.pixel-page-head p{font-size:var(--font-size-small);color:var(--text-subtle);margin:0}.pixel-section-title{font-family:var(--font-pixel);font-size:var(--font-size-title);font-weight:800;color:var(--ink);margin-bottom:var(--space-md)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--page-bg)}::-webkit-scrollbar-thumb{background:var(--ink-soft);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--ink)}::selection{background:#ff7aa940;color:var(--ink)}.subscription-banner[data-v-b1079e6d]{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 18px;color:#31283a;background:#fff0c2;border-bottom:2px solid #31283a;box-sizing:border-box}.subscription-banner.expired_readonly[data-v-b1079e6d]{color:#fff;background:#b42338}.subscription-banner div[data-v-b1079e6d]{display:flex;flex-direction:column;gap:2px;min-width:0}.subscription-banner strong[data-v-b1079e6d]{font-size:14px}.subscription-banner span[data-v-b1079e6d]{font-size:12px;line-height:1.4}.subscription-banner button[data-v-b1079e6d]{flex:0 0 auto;border:2px solid currentColor;border-radius:5px;padding:7px 16px;color:inherit;background:transparent;font-weight:700;cursor:pointer}.renewal-dialog-body[data-v-b1079e6d]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.renewal-dialog-body img[data-v-b1079e6d]{width:240px;height:240px;padding:8px;border:2px solid #31283a;border-radius:6px;background:#fff;box-sizing:border-box}.renewal-dialog-body p[data-v-b1079e6d]{margin:0;max-width:320px;color:#706677;line-height:1.7}@media(max-width:640px){.subscription-banner[data-v-b1079e6d]{align-items:flex-start}.subscription-banner span[data-v-b1079e6d]{max-width:70vw}}