body{font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0e17;color:#fff;overflow-x:hidden}.navbar[data-v-c545dc9f]{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0}.nav-container[data-v-c545dc9f]{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.logo[data-v-c545dc9f]{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:700}.logo-icon[data-v-c545dc9f]{width:32px;height:32px;object-fit:contain}.nav-links[data-v-c545dc9f]{display:flex;gap:24px;align-items:center}.desktop-only[data-v-c545dc9f]{display:flex}.mobile-only[data-v-c545dc9f]{display:none}.mobile-menu-btn[data-v-c545dc9f]{display:none;flex-direction:column;gap:4px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1001}.mobile-menu-btn span[data-v-c545dc9f]{width:24px;height:2px;background:var(--color-text-primary);transition:all .3s}.mobile-login-btn[data-v-c545dc9f]{display:none}.nav-link[data-v-c545dc9f]{color:var(--color-text-secondary);text-decoration:none;transition:color .3s}.nav-link[data-v-c545dc9f]:hover{color:var(--color-text-primary)}.points-badge[data-v-c545dc9f]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#8b5cf633;border-radius:20px;font-weight:600}.points-icon[data-v-c545dc9f]{color:var(--color-accent-purple)}.hero[data-v-c545dc9f]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;background:radial-gradient(circle at 50% 50%,rgba(139,92,246,.1) 0%,transparent 50%)}.hero-content[data-v-c545dc9f]{text-align:center;max-width:800px}.hero-title[data-v-c545dc9f]{font-size:64px;font-weight:700;line-height:1.2;margin-bottom:24px}.hero-subtitle[data-v-c545dc9f]{font-size:20px;color:var(--color-text-secondary);margin-bottom:48px}.hero-stats[data-v-c545dc9f]{display:flex;justify-content:center;gap:64px;margin-bottom:48px}.stat-item[data-v-c545dc9f]{text-align:center}.stat-value[data-v-c545dc9f]{font-size:36px;font-weight:700;color:var(--color-accent-cyan);margin-bottom:8px}.stat-label[data-v-c545dc9f]{font-size:14px;color:var(--color-text-secondary)}.hero-actions[data-v-c545dc9f]{display:flex;gap:16px;justify-content:center}.btn-large[data-v-c545dc9f]{padding:16px 40px;font-size:18px}.features[data-v-c545dc9f]{padding:80px 24px;max-width:1200px;margin:0 auto}.section-title[data-v-c545dc9f]{text-align:center;font-size:40px;font-weight:700;margin-bottom:48px}.features-grid[data-v-c545dc9f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.feature-card[data-v-c545dc9f]{padding:40px;text-align:center;transition:transform .3s}.feature-card[data-v-c545dc9f]:hover{transform:translateY(-8px)}.feature-icon[data-v-c545dc9f]{font-size:48px;margin-bottom:16px}.feature-card h3[data-v-c545dc9f]{font-size:24px;margin-bottom:12px}.feature-card p[data-v-c545dc9f]{color:var(--color-text-secondary)}.how-it-works[data-v-c545dc9f]{padding:100px 24px;max-width:1200px;margin:0 auto}.steps-grid[data-v-c545dc9f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.step-card[data-v-c545dc9f]{padding:48px 32px;text-align:center;position:relative;transition:transform .3s,box-shadow .3s}.step-card[data-v-c545dc9f]:hover{transform:translateY(-8px);box-shadow:0 20px 40px #8b5cf626}.step-number[data-v-c545dc9f]{position:absolute;top:20px;right:24px;font-size:48px;font-weight:700;color:var(--color-accent-purple);opacity:.2}.step-icon[data-v-c545dc9f]{font-size:56px;margin-bottom:24px}.step-card h3[data-v-c545dc9f]{font-size:24px;margin-bottom:16px}.step-card p[data-v-c545dc9f]{color:var(--color-text-secondary);line-height:1.6}.gallery[data-v-c545dc9f]{padding:100px 24px;max-width:1200px;margin:0 auto}.gallery-grid[data-v-c545dc9f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px}.gallery-item[data-v-c545dc9f]{overflow:hidden;transition:transform .3s}.gallery-item[data-v-c545dc9f]:hover{transform:scale(1.02)}.gallery-placeholder[data-v-c545dc9f]{width:100%;height:280px;border-radius:8px}.gallery-info[data-v-c545dc9f]{padding:20px}.gallery-info h4[data-v-c545dc9f]{font-size:18px;margin-bottom:8px}.gallery-info p[data-v-c545dc9f]{font-size:14px;color:var(--color-text-secondary)}.gallery-cta[data-v-c545dc9f]{text-align:center}.testimonials[data-v-c545dc9f]{padding:100px 24px;max-width:1200px;margin:0 auto}.testimonials-grid[data-v-c545dc9f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.testimonial-card[data-v-c545dc9f]{padding:32px}.testimonial-header[data-v-c545dc9f]{display:flex;align-items:center;gap:16px;margin-bottom:20px}.avatar[data-v-c545dc9f]{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:600}.testimonial-meta h4[data-v-c545dc9f]{font-size:18px;margin-bottom:4px}.stars[data-v-c545dc9f]{color:#fbbf24;font-size:16px}.testimonial-text[data-v-c545dc9f]{color:var(--color-text-secondary);line-height:1.8;font-style:italic}.faq[data-v-c545dc9f]{padding:100px 24px;max-width:900px;margin:0 auto}.faq-list[data-v-c545dc9f]{display:flex;flex-direction:column;gap:16px}.faq-item[data-v-c545dc9f]{padding:28px 32px;transition:transform .2s}.faq-item[data-v-c545dc9f]:hover{transform:translate(4px)}.faq-item h3[data-v-c545dc9f]{font-size:20px;margin-bottom:12px;color:var(--color-accent-purple)}.faq-item p[data-v-c545dc9f]{color:var(--color-text-secondary);line-height:1.7}.modal-overlay[data-v-c545dc9f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-content[data-v-c545dc9f]{max-width:450px;width:100%;padding:40px;position:relative}.modal-close[data-v-c545dc9f]{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--color-text-secondary);font-size:32px;cursor:pointer;transition:color .3s}.modal-close[data-v-c545dc9f]:hover{color:var(--color-text-primary)}.modal-content h2[data-v-c545dc9f]{font-size:28px;margin-bottom:32px;text-align:center}.login-form[data-v-c545dc9f]{display:flex;flex-direction:column;gap:20px}.form-group label[data-v-c545dc9f]{display:block;margin-bottom:8px;font-size:14px;color:var(--color-text-secondary)}.form-footer[data-v-c545dc9f]{text-align:center;color:var(--color-text-secondary);font-size:14px}.form-footer a[data-v-c545dc9f]{color:var(--color-accent-purple);text-decoration:none}.form-footer a[data-v-c545dc9f]:hover{text-decoration:underline}@media (max-width: 768px){.desktop-only[data-v-c545dc9f]{display:none!important}.mobile-only[data-v-c545dc9f]{display:block!important}.mobile-menu-btn[data-v-c545dc9f]{display:flex!important}.mobile-login-btn[data-v-c545dc9f]{display:block!important}.navbar[data-v-c545dc9f]{padding:12px 0}.nav-container[data-v-c545dc9f]{padding:0 16px}.logo[data-v-c545dc9f]{font-size:20px}.logo-icon[data-v-c545dc9f]{width:28px;height:28px}.nav-links[data-v-c545dc9f]{position:fixed;top:60px;left:0;right:0;background:#0f0f19fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:20px;gap:16px;transform:translateY(-150%);transition:transform .3s ease;z-index:1000;border-bottom:1px solid var(--glass-border)}.nav-links.mobile-open[data-v-c545dc9f]{transform:translateY(0)}.nav-link[data-v-c545dc9f]{font-size:16px;padding:12px;text-align:center;width:100%}.points-badge[data-v-c545dc9f]{padding:12px;font-size:16px;justify-content:center}.hero-title[data-v-c545dc9f]{font-size:40px}.hero-stats[data-v-c545dc9f]{flex-direction:column;gap:24px}.hero-actions[data-v-c545dc9f]{flex-direction:column}.features-grid[data-v-c545dc9f],.steps-grid[data-v-c545dc9f],.gallery-grid[data-v-c545dc9f],.testimonials-grid[data-v-c545dc9f]{grid-template-columns:1fr}.step-card[data-v-c545dc9f],.testimonial-card[data-v-c545dc9f],.faq-item[data-v-c545dc9f]{padding:24px}.section-title[data-v-c545dc9f]{font-size:32px}}.studio[data-v-698e65fd]{min-height:100vh;padding:24px}.studio-header[data-v-698e65fd]{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;margin-bottom:24px;position:relative;z-index:100}.header-left[data-v-698e65fd]{display:flex;align-items:center;gap:24px}.back-link[data-v-698e65fd]{color:var(--color-text-secondary);text-decoration:none;transition:color .3s}.back-link[data-v-698e65fd]:hover{color:var(--color-text-primary)}.header-left h1[data-v-698e65fd]{font-size:24px;font-weight:600}.header-right[data-v-698e65fd]{display:flex;align-items:center;gap:16px}.mobile-menu-btn[data-v-698e65fd]{display:none;flex-direction:column;gap:4px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1001}.mobile-menu-btn span[data-v-698e65fd]{width:24px;height:2px;background:var(--color-text-primary);transition:all .3s}.points-display[data-v-698e65fd]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#8b5cf61a;border-radius:8px}.points-icon[data-v-698e65fd]{color:var(--color-accent-purple)}.points-hint[data-v-698e65fd]{color:var(--color-text-secondary);font-size:12px}.studio-content[data-v-698e65fd]{display:grid;grid-template-columns:400px 1fr;gap:24px;max-width:1600px;margin:0 auto;position:relative;z-index:1}.input-panel[data-v-698e65fd]{padding:32px;height:fit-content;position:sticky;top:24px}.mode-switch[data-v-698e65fd]{display:flex;gap:8px;margin-bottom:24px}.mode-btn[data-v-698e65fd]{flex:1;padding:12px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .3s}.mode-btn.active[data-v-698e65fd]{background:linear-gradient(135deg,var(--color-accent-purple),var(--color-accent-cyan));border-color:transparent;color:#fff}.form-section[data-v-698e65fd]{margin-bottom:24px}.form-section label[data-v-698e65fd]{display:block;margin-bottom:8px;font-size:14px;color:var(--color-text-secondary)}.textarea[data-v-698e65fd]{resize:vertical;min-height:80px}.upload-area[data-v-698e65fd]{border:2px dashed var(--glass-border);border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:all .3s;min-height:200px;display:flex;align-items:center;justify-content:center}.upload-area[data-v-698e65fd]:hover{border-color:var(--color-accent-purple);background:#8b5cf60d}.upload-icon[data-v-698e65fd]{font-size:48px;margin-bottom:12px}.upload-hint[data-v-698e65fd]{font-size:12px;color:var(--color-text-secondary)}.uploaded-image[data-v-698e65fd]{max-width:100%;max-height:300px;border-radius:8px}.size-options[data-v-698e65fd]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.size-btn[data-v-698e65fd]{padding:12px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .3s}.size-btn.active[data-v-698e65fd]{border-color:var(--color-accent-purple);background:#8b5cf61a;color:var(--color-text-primary)}.btn-generate[data-v-698e65fd]{width:100%;padding:16px;font-size:16px;margin-top:16px}.btn-generate[data-v-698e65fd]:disabled{opacity:.5;cursor:not-allowed}.progress-bar[data-v-698e65fd]{width:100%;height:4px;background:#ffffff1a;border-radius:2px;margin-top:16px;overflow:hidden}.progress-fill[data-v-698e65fd]{height:100%;background:linear-gradient(90deg,var(--color-accent-purple),var(--color-accent-cyan));transition:width .3s}.result-panel[data-v-698e65fd]{padding:32px;min-height:600px}.empty-state[data-v-698e65fd]{text-align:center;padding:80px 20px}.empty-icon[data-v-698e65fd]{font-size:64px;margin-bottom:16px}.empty-state h3[data-v-698e65fd]{font-size:24px;margin-bottom:8px}.empty-state p[data-v-698e65fd]{color:var(--color-text-secondary)}.loading-state[data-v-698e65fd]{text-align:center;padding:80px 20px}.spinner[data-v-698e65fd]{width:60px;height:60px;border:4px solid rgba(139,92,246,.2);border-top-color:var(--color-accent-purple);border-radius:50%;animation:spin-698e65fd 1s linear infinite;margin:0 auto 24px}@keyframes spin-698e65fd{to{transform:rotate(360deg)}}.loading-hint[data-v-698e65fd]{color:var(--color-text-secondary);font-size:14px;margin-top:8px}.results-grid[data-v-698e65fd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.result-item[data-v-698e65fd]{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1}.result-item img[data-v-698e65fd]{width:100%;height:100%;object-fit:cover}.image-actions[data-v-698e65fd]{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;gap:8px;justify-content:flex-end;opacity:0;transition:opacity .3s}.result-item:hover .image-actions[data-v-698e65fd]{opacity:1}.action-btn[data-v-698e65fd]{width:40px;height:40px;border-radius:8px;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;text-decoration:none;transition:transform .2s}.action-btn[data-v-698e65fd]:hover{transform:scale(1.1)}@media (max-width: 1024px){.studio-content[data-v-698e65fd]{grid-template-columns:1fr}.input-panel[data-v-698e65fd]{position:static}}@media (max-width: 768px){.mobile-only[data-v-698e65fd]{display:block!important}.mobile-menu-btn[data-v-698e65fd]{display:flex}.studio-header[data-v-698e65fd]{padding:16px 20px}.header-left h1[data-v-698e65fd]{font-size:18px}.back-link[data-v-698e65fd]{font-size:14px}.header-right[data-v-698e65fd]{position:fixed;top:60px;left:0;right:0;background:#0f0f19fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:20px;gap:16px;transform:translateY(-150%);transition:transform .3s ease;z-index:1000;border-bottom:1px solid var(--glass-border)}.header-right.mobile-open[data-v-698e65fd]{transform:translateY(0)}.points-display[data-v-698e65fd]{width:100%;justify-content:center}.btn-primary[data-v-698e65fd]{width:100%;text-align:center}.nav-link[data-v-698e65fd]{width:100%;text-align:center;padding:12px;color:var(--color-text-secondary);text-decoration:none}}.recharge[data-v-16b78d44]{min-height:100vh;padding:24px}.page-header[data-v-16b78d44]{display:flex;align-items:center;gap:24px;padding:20px 32px;margin-bottom:24px;position:relative;z-index:100}.mobile-menu-btn[data-v-16b78d44]{display:none;flex-direction:column;gap:4px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1001;margin-left:auto}.mobile-menu-btn span[data-v-16b78d44]{width:24px;height:2px;background:var(--color-text-primary);transition:all .3s}.header-actions[data-v-16b78d44]{display:none}.back-link[data-v-16b78d44]{color:var(--color-text-secondary);text-decoration:none;transition:color .3s}.back-link[data-v-16b78d44]:hover{color:var(--color-text-primary)}.page-header h1[data-v-16b78d44]{font-size:24px;font-weight:600}.recharge-content[data-v-16b78d44]{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:24px;position:relative;z-index:1}.balance-card[data-v-16b78d44]{padding:40px;text-align:center;background:linear-gradient(135deg,#8b5cf61a,#06b6d41a)}.balance-label[data-v-16b78d44]{font-size:16px;color:var(--color-text-secondary);margin-bottom:12px}.balance-amount[data-v-16b78d44]{font-size:64px;font-weight:700;background:linear-gradient(135deg,var(--color-accent-purple),var(--color-accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.balance-hint[data-v-16b78d44]{color:var(--color-text-secondary);font-size:14px}.packages-section h2[data-v-16b78d44]{font-size:24px;margin-bottom:24px}.packages-grid[data-v-16b78d44]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.package-card[data-v-16b78d44]{padding:32px 24px;text-align:center;cursor:pointer;transition:all .3s;position:relative;border:2px solid transparent}.package-card[data-v-16b78d44]:hover{transform:translateY(-4px)}.package-card.selected[data-v-16b78d44]{border-color:var(--color-accent-purple);background:#8b5cf61a}.badge[data-v-16b78d44]{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,var(--color-accent-purple),var(--color-accent-cyan));padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.package-amount[data-v-16b78d44]{font-size:36px;font-weight:700;margin-bottom:8px}.package-points[data-v-16b78d44]{font-size:18px;color:var(--color-accent-cyan);margin-bottom:8px}.package-generations[data-v-16b78d44]{font-size:14px;color:var(--color-text-secondary);margin-bottom:12px}.package-bonus[data-v-16b78d44]{padding:8px;background:#10b9811a;border-radius:8px;color:var(--color-success);font-size:14px}.custom-amount[data-v-16b78d44]{padding:32px}.custom-amount label[data-v-16b78d44]{display:block;margin-bottom:12px;font-size:16px;color:var(--color-text-secondary)}.custom-input-wrapper[data-v-16b78d44]{position:relative;margin-bottom:8px}.currency-symbol[data-v-16b78d44]{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--color-text-secondary)}.custom-input[data-v-16b78d44]{padding-left:40px;font-size:20px}.custom-hint[data-v-16b78d44]{font-size:12px;color:var(--color-text-secondary)}.payment-section[data-v-16b78d44]{padding:32px}.payment-section h3[data-v-16b78d44]{font-size:18px;margin-bottom:20px}.payment-methods[data-v-16b78d44]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.payment-method[data-v-16b78d44]{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:all .3s}.payment-method[data-v-16b78d44]:hover{border-color:var(--color-accent-purple)}.payment-method.selected[data-v-16b78d44]{border-color:var(--color-accent-purple);background:#8b5cf61a}.method-icon[data-v-16b78d44]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.method-icon.wechat[data-v-16b78d44]{background:#10b9811a}.method-icon.alipay[data-v-16b78d44]{background:#06b6d41a}.method-name[data-v-16b78d44]{font-weight:600;margin-bottom:4px}.method-desc[data-v-16b78d44]{font-size:12px;color:var(--color-text-secondary)}.order-summary[data-v-16b78d44]{padding:32px}.summary-row[data-v-16b78d44]{display:flex;justify-content:space-between;padding:12px 0;font-size:16px}.summary-row .amount[data-v-16b78d44]{font-size:24px;font-weight:700;color:var(--color-accent-purple)}.summary-row .points[data-v-16b78d44]{font-size:24px;font-weight:700;color:var(--color-accent-cyan)}.btn-recharge[data-v-16b78d44]{width:100%;padding:16px;font-size:18px;margin-top:24px}.btn-recharge[data-v-16b78d44]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-16b78d44]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.payment-modal[data-v-16b78d44]{max-width:450px;width:100%;padding:40px;position:relative;text-align:center}.modal-close[data-v-16b78d44]{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--color-text-secondary);font-size:32px;cursor:pointer}.payment-modal h3[data-v-16b78d44]{font-size:24px;margin-bottom:32px}.qr-code[data-v-16b78d44]{margin-bottom:24px}.qr-placeholder[data-v-16b78d44]{width:250px;height:250px;margin:0 auto;background:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333}.qr-icon[data-v-16b78d44]{font-size:64px;margin-bottom:12px}.payment-info[data-v-16b78d44]{margin-bottom:24px}.info-row[data-v-16b78d44]{display:flex;justify-content:space-between;padding:12px 0;font-size:16px}.highlight[data-v-16b78d44]{font-weight:700;color:var(--color-accent-purple)}.countdown[data-v-16b78d44]{color:var(--color-warning);font-size:14px;margin-bottom:16px}.payment-status[data-v-16b78d44]{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--color-text-secondary)}.status-indicator[data-v-16b78d44]{width:8px;height:8px;border-radius:50%;background:var(--color-success);animation:pulse-16b78d44 1.5s infinite}@keyframes pulse-16b78d44{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.mobile-only[data-v-16b78d44]{display:block!important}.mobile-menu-btn[data-v-16b78d44]{display:flex}.page-header[data-v-16b78d44]{padding:16px 20px}.page-header h1[data-v-16b78d44]{font-size:18px}.back-link[data-v-16b78d44]{font-size:14px}.header-actions[data-v-16b78d44]{position:fixed;top:60px;left:0;right:0;background:#0f0f19fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:20px;gap:16px;transform:translateY(-150%);transition:transform .3s ease;z-index:1000;border-bottom:1px solid var(--glass-border)}.header-actions.mobile-open[data-v-16b78d44]{transform:translateY(0)}.nav-link[data-v-16b78d44]{width:100%;text-align:center;padding:12px;color:var(--color-text-secondary);text-decoration:none}.packages-grid[data-v-16b78d44],.payment-methods[data-v-16b78d44]{grid-template-columns:1fr}}.profile[data-v-2061379d]{min-height:100vh;padding:24px}.page-header[data-v-2061379d]{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;margin-bottom:24px;position:relative;z-index:100}.mobile-menu-btn[data-v-2061379d]{display:none;flex-direction:column;gap:4px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1001}.mobile-menu-btn span[data-v-2061379d]{width:24px;height:2px;background:var(--color-text-primary);transition:all .3s}.header-actions[data-v-2061379d]{display:none}.back-link[data-v-2061379d]{color:var(--color-text-secondary);text-decoration:none;transition:color .3s}.back-link[data-v-2061379d]:hover{color:var(--color-text-primary)}.page-header h1[data-v-2061379d]{font-size:24px;font-weight:600}.profile-content[data-v-2061379d]{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:24px;position:relative;z-index:1}.user-card[data-v-2061379d]{padding:40px;display:flex;align-items:center;gap:24px}.user-avatar[data-v-2061379d]{flex-shrink:0}.avatar-circle[data-v-2061379d]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent-purple),var(--color-accent-cyan));display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700}.user-details h2[data-v-2061379d]{font-size:24px;margin-bottom:4px}.user-phone[data-v-2061379d]{color:var(--color-text-secondary);font-size:14px}.points-overview[data-v-2061379d]{padding:32px;display:flex;justify-content:space-between;align-items:center}.points-main[data-v-2061379d]{display:flex;align-items:center;gap:20px}.points-icon[data-v-2061379d]{font-size:48px}.points-label[data-v-2061379d]{font-size:14px;color:var(--color-text-secondary);margin-bottom:4px}.points-value[data-v-2061379d]{font-size:40px;font-weight:700;background:linear-gradient(135deg,var(--color-accent-purple),var(--color-accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.points-usage[data-v-2061379d]{font-size:12px;color:var(--color-text-secondary)}.stats-grid[data-v-2061379d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card[data-v-2061379d]{padding:24px;display:flex;align-items:center;gap:16px}.stat-icon[data-v-2061379d]{font-size:32px}.stat-value[data-v-2061379d]{font-size:28px;font-weight:700;margin-bottom:4px}.stat-label[data-v-2061379d]{font-size:14px;color:var(--color-text-secondary)}.history-section[data-v-2061379d],.transactions-section[data-v-2061379d]{padding:32px}.history-section h3[data-v-2061379d],.transactions-section h3[data-v-2061379d]{font-size:20px;margin-bottom:24px}.loading-state[data-v-2061379d],.empty-state[data-v-2061379d]{text-align:center;padding:60px 20px}.spinner[data-v-2061379d]{width:40px;height:40px;border:3px solid rgba(139,92,246,.2);border-top-color:var(--color-accent-purple);border-radius:50%;animation:spin-2061379d 1s linear infinite;margin:0 auto 16px}@keyframes spin-2061379d{to{transform:rotate(360deg)}}.empty-icon[data-v-2061379d]{font-size:48px;margin-bottom:12px}.empty-state p[data-v-2061379d]{color:var(--color-text-secondary);margin-bottom:16px}.history-list[data-v-2061379d]{display:grid;gap:16px}.history-item[data-v-2061379d]{display:flex;gap:16px;padding:16px;background:#ffffff08;border-radius:12px;transition:background .3s}.history-item[data-v-2061379d]:hover{background:#ffffff0d}.history-image[data-v-2061379d]{width:100px;height:100px;object-fit:cover;border-radius:8px;flex-shrink:0}.history-info[data-v-2061379d]{flex:1;min-width:0}.history-prompt[data-v-2061379d]{font-size:14px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta[data-v-2061379d]{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-secondary)}.history-cost[data-v-2061379d]{color:var(--color-warning)}.transaction-list[data-v-2061379d]{display:grid;gap:12px}.transaction-item[data-v-2061379d]{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border-radius:12px}.transaction-icon[data-v-2061379d]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.transaction-icon.recharge[data-v-2061379d]{background:#10b9811a;color:var(--color-success)}.transaction-info[data-v-2061379d]{flex:1}.transaction-type[data-v-2061379d]{font-weight:600;margin-bottom:4px}.transaction-time[data-v-2061379d]{font-size:12px;color:var(--color-text-secondary)}.transaction-amount[data-v-2061379d]{font-size:18px;font-weight:700}.transaction-amount.positive[data-v-2061379d]{color:var(--color-success)}@media (max-width: 768px){.mobile-only[data-v-2061379d]{display:block!important}.mobile-menu-btn[data-v-2061379d]{display:flex}.page-header[data-v-2061379d]{padding:16px 20px}.page-header h1[data-v-2061379d]{font-size:18px}.back-link[data-v-2061379d]{font-size:14px}.header-actions[data-v-2061379d]{position:fixed;top:60px;left:0;right:0;background:#0f0f19fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:20px;gap:16px;transform:translateY(-150%);transition:transform .3s ease;z-index:1000;border-bottom:1px solid var(--glass-border)}.header-actions.mobile-open[data-v-2061379d]{transform:translateY(0)}.nav-link[data-v-2061379d]{width:100%;text-align:center;padding:12px;color:var(--color-text-secondary);text-decoration:none}.points-overview[data-v-2061379d]{flex-direction:column;gap:20px;text-align:center}.points-main[data-v-2061379d]{flex-direction:column}.stats-grid[data-v-2061379d]{grid-template-columns:1fr}.history-item[data-v-2061379d]{flex-direction:column}.history-image[data-v-2061379d]{width:100%;height:200px}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-primary: #0a0e17;--color-bg-secondary: rgba(255, 255, 255, .05);--color-accent-purple: #8b5cf6;--color-accent-cyan: #06b6d4;--color-success: #10b981;--color-warning: #f59e0b;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .1)}body{font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary);overflow-x:hidden;line-height:1.6}#app{min-height:100vh}.gradient-text{background:linear-gradient(135deg,var(--color-accent-purple),var(--color-accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000004d}.btn-primary{background:linear-gradient(135deg,var(--color-accent-purple),var(--color-accent-cyan));color:#fff;border:none;padding:12px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #8b5cf680}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--color-text-primary);border:2px solid var(--glass-border);padding:10px 30px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{border-color:var(--color-accent-purple);background:#8b5cf61a}.input-field{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;transition:all .3s ease}.input-field:focus{outline:none;border-color:var(--color-accent-purple);box-shadow:0 0 0 3px #8b5cf61a}.input-field::placeholder{color:var(--color-text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf699}}.fade-in{animation:fadeIn .6s ease-out}@media (max-width: 768px){.btn-primary,.btn-secondary{padding:10px 24px;font-size:14px}}