.logo-area[data-v-bc56d271]{display:flex;align-items:center;gap:12px;padding:8px 12px;margin-bottom:28px;border-radius:var(--radius-md, 14px);transition:all .3s ease;cursor:pointer}.logo-area[data-v-bc56d271]:hover{background:var(--primary-fade);transform:translate(4px)}.logo-icon[data-v-bc56d271]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.logo-area:hover .logo-icon[data-v-bc56d271]{transform:rotate(10deg) scale(1.1)}.logo-svg[data-v-bc56d271]{color:var(--primary)}.logo-svg .logo-bg[data-v-bc56d271]{fill:var(--primary)}.logo-text-wrapper[data-v-bc56d271]{display:flex;align-items:baseline;gap:6px}.logo-text[data-v-bc56d271]{font-size:19px;font-weight:600;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;transition:all .3s ease}.logo-area:hover .logo-text[data-v-bc56d271]{letter-spacing:.5px}.logo-text-en[data-v-bc56d271]{font-size:10px;font-weight:600;color:#999;letter-spacing:.5px;opacity:.6;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;transition:all .3s ease}.logo-area:hover .logo-text-en[data-v-bc56d271]{color:var(--primary);opacity:1;letter-spacing:1px}.nav-menu[data-v-bc56d271]{display:flex;flex-direction:column;gap:6px}.nav-item[data-v-bc56d271]{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-md, 14px);color:var(--text-sub, #3c3c43);text-decoration:none;font-weight:500;font-size:16px;transition:all .2s ease}.nav-item[data-v-bc56d271]:hover{background:var(--primary-fade);color:var(--primary)}.nav-item.active[data-v-bc56d271]{background:var(--primary-light);color:var(--primary);font-weight:600}.nav-icon[data-v-bc56d271]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-footer[data-v-bc56d271]{margin-top:auto;padding-top:20px;border-top:1px solid var(--separator-color, rgba(60, 60, 67, .08))}.balance-display[data-v-bc56d271]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,var(--primary-fade) 0%,var(--primary-fade) 100%);border-radius:var(--radius-lg, 18px);margin-bottom:14px;text-decoration:none;cursor:pointer;transition:all .25s ease;border:1px solid var(--primary-light)}.balance-display[data-v-bc56d271]:hover{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-light) 100%);transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-shadow)}.balance-info[data-v-bc56d271]{display:flex;align-items:center;gap:12px}.balance-icon[data-v-bc56d271]{width:36px;height:36px;background:var(--primary-gradient);border-radius:var(--radius-sm, 10px);display:flex;align-items:center;justify-content:center;color:#fff}.balance-text[data-v-bc56d271]{display:flex;flex-direction:column;gap:2px}.balance-value[data-v-bc56d271]{font-size:20px;font-weight:700;color:var(--primary);line-height:1.2}.balance-label[data-v-bc56d271]{font-size:12px;color:var(--text-secondary, #8e8e93)}.recharge-link[data-v-bc56d271]{display:flex;align-items:center;gap:4px;padding:8px 14px;background:var(--primary);color:#fff;border-radius:var(--radius-full, 9999px);font-size:13px;font-weight:600;transition:all .2s ease}.balance-display:hover .recharge-link[data-v-bc56d271]{background:var(--primary-active);transform:scale(1.02)}.user-section[data-v-bc56d271]{position:relative}.user-menu[data-v-bc56d271]{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-lg, 18px);cursor:pointer;transition:all .2s ease;background:var(--ios-gray-6, #f2f2f7)}.user-menu[data-v-bc56d271]:hover{background:var(--ios-gray-5, #e5e5ea)}.user-menu[data-v-bc56d271]:active{transform:scale(.98)}.user-avatar[data-v-bc56d271]{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px var(--primary-shadow)}.user-avatar img[data-v-bc56d271]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-bc56d271]{color:#fff;font-size:15px;font-weight:600}.user-info[data-v-bc56d271]{flex:1;min-width:0}.user-name[data-v-bc56d271]{font-size:15px;font-weight:600;color:var(--text-main, #1c1c1e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.user-id[data-v-bc56d271]{font-size:12px;color:var(--text-secondary, #8e8e93)}.dropdown-icon[data-v-bc56d271]{color:var(--text-tertiary, #aeaeb2);transition:transform .25s ease}.dropdown-icon.open[data-v-bc56d271]{transform:rotate(180deg)}.user-dropdown[data-v-bc56d271]{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--bg-card, #ffffff);border-radius:var(--radius-xl, 22px);box-shadow:0 10px 40px #0000001f,0 2px 10px #00000014;padding:8px;z-index:100;overflow:hidden}.dropdown-item[data-v-bc56d271]{display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:var(--radius-md, 14px);font-size:16px;color:var(--text-main, #1c1c1e);text-decoration:none;cursor:pointer;transition:all .15s ease;border:none;background:none;width:100%;text-align:left}.dropdown-item[data-v-bc56d271]:hover{background:var(--ios-gray-6, #f2f2f7)}.dropdown-item[data-v-bc56d271]:active{background:var(--ios-gray-5, #e5e5ea);transform:scale(.98)}.dropdown-icon-box[data-v-bc56d271]{width:32px;height:32px;border-radius:var(--radius-sm, 10px);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-icon-box.orange[data-v-bc56d271]{background:#ff95001a;color:var(--ios-orange, #ff9500)}.dropdown-icon-box.red[data-v-bc56d271]{background:#ff3b301a;color:var(--ios-red, #ff3b30)}.dropdown-item span[data-v-bc56d271]{flex:1}.arrow-icon[data-v-bc56d271]{color:var(--ios-gray-3, #c7c7cc)}.dropdown-item.logout[data-v-bc56d271]{color:var(--ios-red, #ff3b30)}.dropdown-divider[data-v-bc56d271]{height:1px;background:var(--separator-color, rgba(60, 60, 67, .08));margin:8px 12px}.login-btn[data-v-bc56d271]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:var(--primary-gradient);color:#fff;border-radius:var(--radius-lg, 18px);font-size:16px;font-weight:600;text-decoration:none;transition:all .25s ease;box-shadow:0 4px 16px var(--primary-shadow)}.login-btn[data-v-bc56d271]:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--primary-shadow)}.login-btn[data-v-bc56d271]:active{transform:scale(.98)}.menu-backdrop[data-v-bc56d271]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50}.sidebar-close-btn[data-v-bc56d271]{display:none;position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--ios-gray-6, #f2f2f7);border:none;cursor:pointer;align-items:center;justify-content:center;color:var(--text-secondary, #8e8e93);transition:all .2s ease;z-index:10}.sidebar-close-btn[data-v-bc56d271]:hover{background:var(--ios-gray-5, #e5e5ea);color:var(--text-main)}.mobile-header[data-v-bc56d271]{display:none}.mobile-header .logo-text-wrapper[data-v-bc56d271]{display:flex;align-items:baseline;gap:4px}.mobile-header .logo-text[data-v-bc56d271]{font-size:17px;font-weight:600;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.mobile-header .logo-text-en[data-v-bc56d271]{font-size:9px;font-weight:600;color:#999;letter-spacing:.5px;opacity:.6;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.mobile-header-right[data-v-bc56d271]{display:flex;align-items:center;gap:12px}.mobile-credits[data-v-bc56d271]{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full, 9999px);font-size:13px;font-weight:600;text-decoration:none;transition:all .2s ease}.mobile-credits[data-v-bc56d271]:active{transform:scale(.96);background:var(--primary-fade)}.mobile-avatar[data-v-bc56d271]{width:34px;height:34px;border-radius:50%;overflow:hidden;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--primary-shadow)}.mobile-avatar img[data-v-bc56d271]{width:100%;height:100%;object-fit:cover}.mobile-avatar .avatar-placeholder[data-v-bc56d271]{color:#fff;font-size:13px;font-weight:600}.mobile-login-btn[data-v-bc56d271]{padding:8px 18px;background:var(--primary);color:#fff;border-radius:var(--radius-full, 9999px);font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease}.mobile-login-btn[data-v-bc56d271]:active{transform:scale(.96)}.dropdown-enter-active[data-v-bc56d271],.dropdown-leave-active[data-v-bc56d271]{transition:all .25s ease}.dropdown-enter-from[data-v-bc56d271],.dropdown-leave-to[data-v-bc56d271]{opacity:0;transform:translateY(8px) scale(.95)}@media (max-width: 767px){.mobile-header[data-v-bc56d271],.sidebar-close-btn[data-v-bc56d271]{display:flex}.logo-area[data-v-bc56d271]{padding-top:48px}.nav-item[data-v-bc56d271]{padding:16px 18px;font-size:17px}.user-menu[data-v-bc56d271]{padding:14px 16px}.user-avatar[data-v-bc56d271]{width:44px;height:44px}.user-name[data-v-bc56d271]{font-size:16px}.balance-display[data-v-bc56d271]{padding:16px 18px}.balance-value[data-v-bc56d271]{font-size:22px}.login-btn[data-v-bc56d271]{padding:18px;font-size:17px}.dropdown-item[data-v-bc56d271]{padding:16px 14px;font-size:17px}}.toast-container[data-v-aa25120d]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 32px;background:#000c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;box-shadow:0 10px 40px #0003;max-width:300px;min-width:160px;pointer-events:auto;text-align:center}.toast-icon[data-v-aa25120d]{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff}.toast-container.success .toast-icon[data-v-aa25120d]{color:#34c759}.toast-container.error .toast-icon[data-v-aa25120d]{color:#ff3b30}.toast-container.warning .toast-icon[data-v-aa25120d]{color:#ff9500}.toast-container.info .toast-icon[data-v-aa25120d]{color:#007aff}.toast-content[data-v-aa25120d]{flex:1;min-width:0}.toast-title[data-v-aa25120d]{font-size:17px;font-weight:600;color:#fff;margin-bottom:6px}.toast-message[data-v-aa25120d]{font-size:15px;color:#ffffffe6;line-height:1.5;word-break:break-word}.toast-close[data-v-aa25120d]{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;color:#fffc;cursor:pointer;border-radius:50%;transition:all .2s ease}.toast-close[data-v-aa25120d]:hover{background:#ffffff40;color:#fff}.toast-action[data-v-aa25120d]{margin-top:16px}.action-btn[data-v-aa25120d]{padding:10px 24px;font-size:15px;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:20px;cursor:pointer;transition:all .2s ease}.action-btn[data-v-aa25120d]:hover{transform:scale(1.02)}.action-btn[data-v-aa25120d]:active{transform:scale(.98)}.toast-fade-enter-active[data-v-aa25120d],.toast-fade-leave-active[data-v-aa25120d]{transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-fade-enter-from[data-v-aa25120d],.toast-fade-leave-to[data-v-aa25120d]{opacity:0;transform:translate(-50%,-50%) scale(.9)}@media (max-width: 767px){.toast-container[data-v-aa25120d]{padding:20px 28px;max-width:260px;min-width:140px;border-radius:16px}.toast-icon[data-v-aa25120d]{width:44px;height:44px}.toast-title[data-v-aa25120d]{font-size:16px}.toast-message[data-v-aa25120d]{font-size:14px}}.modal-overlay[data-v-d20ec966]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.modal-container[data-v-d20ec966]{background:#fff;border-radius:20px;padding:32px 24px;width:100%;max-width:340px;text-align:center;box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a}.modal-icon[data-v-d20ec966]{width:72px;height:72px;margin:0 auto 20px;border-radius:50%;background:#ff95001f;display:flex;align-items:center;justify-content:center;color:#ff9500}.modal-title[data-v-d20ec966]{font-size:20px;font-weight:600;color:#000;margin-bottom:6px;letter-spacing:-.01em}.modal-subtitle[data-v-d20ec966]{font-size:15px;color:#8e8e93;margin-bottom:24px}.credits-info[data-v-d20ec966]{background:#f2f2f7;border-radius:14px;padding:4px 0;margin-bottom:24px;overflow:hidden}.credits-row[data-v-d20ec966]{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#fff;margin:0 1px}.credits-row[data-v-d20ec966]:first-child{border-radius:13px 13px 0 0}.credits-row[data-v-d20ec966]:last-child{border-radius:0 0 13px 13px}.credits-row[data-v-d20ec966]:not(:last-child){border-bottom:1px solid rgba(60,60,67,.08)}.credits-row.shortage[data-v-d20ec966]{background:var(--primary-fade)}.credits-label[data-v-d20ec966]{font-size:15px;color:#3c3c43}.credits-value[data-v-d20ec966]{font-size:15px;font-weight:600;color:#000}.credits-value.current[data-v-d20ec966]{color:#ff9500}.credits-value.required[data-v-d20ec966]{color:#ff3b30}.credits-value.shortage-value[data-v-d20ec966]{color:var(--primary);font-size:17px}.modal-actions[data-v-d20ec966]{display:flex;flex-direction:column;gap:12px}.btn-primary[data-v-d20ec966]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;font-size:17px;font-weight:600;color:#fff;background:var(--primary-gradient);border:none;border-radius:14px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 16px var(--primary-shadow)}.btn-primary[data-v-d20ec966]:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--primary-shadow)}.btn-primary[data-v-d20ec966]:active{transform:scale(.98)}.btn-secondary[data-v-d20ec966]{width:100%;padding:14px 24px;font-size:15px;font-weight:500;color:#8e8e93;background:transparent;border:none;cursor:pointer;transition:color .2s ease}.btn-secondary[data-v-d20ec966]:hover{color:#3c3c43}.btn-secondary[data-v-d20ec966]:active{opacity:.6}.modal-fade-enter-active[data-v-d20ec966],.modal-fade-leave-active[data-v-d20ec966]{transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-fade-enter-from[data-v-d20ec966],.modal-fade-leave-to[data-v-d20ec966]{opacity:0}.modal-fade-enter-from .modal-container[data-v-d20ec966],.modal-fade-leave-to .modal-container[data-v-d20ec966]{transform:scale(.95) translateY(20px);opacity:0}@media (max-width: 767px){.modal-container[data-v-d20ec966]{padding:28px 20px;max-width:300px;border-radius:18px}.modal-icon[data-v-d20ec966]{width:64px;height:64px;margin-bottom:16px}.modal-title[data-v-d20ec966]{font-size:18px}.modal-subtitle[data-v-d20ec966]{font-size:14px}.credits-row[data-v-d20ec966]{padding:12px 16px}.credits-label[data-v-d20ec966],.credits-value[data-v-d20ec966]{font-size:14px}.btn-primary[data-v-d20ec966]{padding:14px 20px;font-size:16px}}.home-container[data-v-c31e07eb]{max-width:900px;padding-top:20px;position:relative;z-index:1}.hero-section[data-v-c31e07eb]{text-align:center;margin-bottom:40px;padding:48px 20px;animation:fadeIn-c31e07eb .5s ease-out;background:var(--bg-card);border-radius:var(--radius-2xl, 28px);box-shadow:var(--shadow-lg)}.step-indicator[data-v-c31e07eb]{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:32px;padding:0 20px}.step[data-v-c31e07eb]{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;transition:all .3s ease}.step.active[data-v-c31e07eb]{opacity:1}.step.active .step-dot[data-v-c31e07eb]{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px var(--primary-shadow)}.step-dot[data-v-c31e07eb]{width:32px;height:32px;border-radius:50%;background:var(--ios-gray-5);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .3s ease}.step span[data-v-c31e07eb]{font-size:12px;color:var(--text-secondary);white-space:nowrap}.step.active span[data-v-c31e07eb]{color:var(--primary);font-weight:600}.step-line[data-v-c31e07eb]{width:40px;height:2px;background:var(--ios-gray-5);margin:0 8px 20px}.hero-content[data-v-c31e07eb]{margin-bottom:28px}.page-title[data-v-c31e07eb]{font-size:28px;font-weight:700;color:var(--text-main);letter-spacing:-.02em;margin-bottom:8px}.page-subtitle[data-v-c31e07eb]{font-size:15px;color:var(--text-secondary);line-height:1.5}.composer-container[data-v-c31e07eb]{max-width:640px;margin:0 auto;position:relative}.composer-input-wrapper[data-v-c31e07eb]{position:relative;background:var(--ios-gray-6);border-radius:var(--radius-xl);transition:all .25s ease;border:2px solid transparent}.composer-input-wrapper[data-v-c31e07eb]:focus-within{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.search-icon-static[data-v-c31e07eb]{position:absolute;left:20px;top:50%;transform:translateY(-50%);z-index:2;pointer-events:none;color:var(--text-tertiary)}.composer-textarea[data-v-c31e07eb]{width:100%;padding:18px 20px 18px 56px;min-height:60px;border:none;border-radius:var(--radius-xl);font-size:17px;font-family:inherit;line-height:1.5;resize:none;outline:none;background:transparent;color:var(--text-main);overflow:hidden;overflow-y:auto}.composer-textarea[data-v-c31e07eb]::placeholder{color:var(--text-placeholder);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-textarea[data-v-c31e07eb]:disabled{opacity:.5;cursor:not-allowed}.uploaded-images-preview[data-v-c31e07eb]{display:flex;flex-wrap:wrap;gap:12px;padding:16px;background:var(--ios-gray-6);border-radius:var(--radius-lg);margin:12px 0;align-items:center}.uploaded-image-item[data-v-c31e07eb]{position:relative;width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden}.uploaded-image-item img[data-v-c31e07eb]{width:100%;height:100%;object-fit:cover}.remove-image-btn[data-v-c31e07eb]{position:absolute;top:4px;right:4px;width:22px;height:22px;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.remove-image-btn[data-v-c31e07eb]:hover{background:#ff3b30e6}.upload-hint[data-v-c31e07eb]{font-size:13px;color:var(--text-secondary);flex:1;min-width:120px}.composer-toolbar[data-v-c31e07eb]{display:flex;justify-content:space-between;align-items:center;padding:14px 4px}.toolbar-left[data-v-c31e07eb]{display:flex;align-items:center;gap:10px}.toolbar-right[data-v-c31e07eb]{display:flex;align-items:center;gap:14px}.tool-btn[data-v-c31e07eb]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);border:none;background:var(--ios-gray-6);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;position:relative;margin-top:8px}.tool-btn[data-v-c31e07eb]:hover{background:var(--ios-gray-5);color:var(--primary)}.tool-btn[data-v-c31e07eb]:active{transform:scale(.95)}.tool-btn.active[data-v-c31e07eb]{background:var(--primary-light);color:var(--primary)}.badge-count[data-v-c31e07eb]{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:var(--primary);color:#fff;border-radius:var(--radius-full);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--bg-card)}.credit-estimate[data-v-c31e07eb]{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);padding:10px 14px;background:var(--ios-gray-6);border-radius:var(--radius-sm)}.balance-warning[data-v-c31e07eb]{display:flex;align-items:center;gap:6px;font-size:13px;color:#ff9500;padding:10px 14px;background:#ff95001a;border-radius:var(--radius-sm)}.balance-warning .recharge-link[data-v-c31e07eb]{color:var(--primary);font-weight:600;cursor:pointer;background:none;border:none;padding:0;margin-left:4px}.auto-mode-toggle[data-v-c31e07eb]{display:flex;align-items:center;gap:8px;padding:0 4px;position:relative}.auto-mode-toggle input[type=checkbox][data-v-c31e07eb]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.auto-mode-toggle label[data-v-c31e07eb]{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-sub);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.auto-mode-toggle .info-badge[data-v-c31e07eb]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--ios-gray-4);color:#fff;border-radius:50%;font-size:11px;font-weight:700;font-style:normal;transition:all .2s ease}.auto-mode-toggle label:hover .info-badge[data-v-c31e07eb]{background:var(--primary);transform:scale(1.1)}.auto-mode-tooltip[data-v-c31e07eb]{position:absolute;bottom:calc(100% + 12px);right:0;width:260px;padding:14px 16px;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000001f,0 1px 4px #00000014;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s ease;z-index:100;pointer-events:none}.auto-mode-tooltip[data-v-c31e07eb]:after{content:"";position:absolute;bottom:-6px;right:24px;width:12px;height:12px;background:#fffffffa;transform:rotate(45deg);box-shadow:2px 2px 4px #0000000d}.auto-mode-toggle.tooltip-visible .auto-mode-tooltip[data-v-c31e07eb]{opacity:1;visibility:visible;transform:translateY(0)}.tooltip-title[data-v-c31e07eb]{font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:8px}.tooltip-content[data-v-c31e07eb]{font-size:13px;line-height:1.6;color:var(--text-secondary)}.generate-btn[data-v-c31e07eb]{padding:0 28px;height:50px;border-radius:var(--radius-full);font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--primary-gradient);color:#fff;box-shadow:0 4px 16px var(--primary-shadow)}.generate-btn[data-v-c31e07eb]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px var(--primary-shadow)}.generate-btn[data-v-c31e07eb]:active:not(:disabled){transform:scale(.98)}.generate-btn[data-v-c31e07eb]:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.spinner-sm[data-v-c31e07eb]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-c31e07eb .8s linear infinite}@keyframes spin-c31e07eb{to{transform:rotate(360deg)}}.modal-overlay[data-v-c31e07eb]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.login-modal[data-v-c31e07eb]{background:#fffffff2;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:14px;width:100%;max-width:270px;text-align:center;overflow:hidden}.login-modal .modal-icon[data-v-c31e07eb]{width:64px;height:64px;margin:24px auto 16px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary)}.login-modal h3[data-v-c31e07eb]{font-size:17px;font-weight:600;color:#000;margin-bottom:8px;padding:0 16px}.login-modal p[data-v-c31e07eb]{font-size:13px;color:#666;line-height:1.5;padding:0 16px 20px}.login-modal .modal-actions[data-v-c31e07eb]{display:flex;border-top:1px solid rgba(60,60,67,.12)}.login-modal .modal-actions button[data-v-c31e07eb]{flex:1;padding:16px;font-size:17px;cursor:pointer;transition:background .15s ease;border:none;background:transparent}.login-modal .modal-actions button[data-v-c31e07eb]:active{background:#0000000d}.login-modal .btn-divider[data-v-c31e07eb]{width:1px;background:#3c3c431f}.login-modal .btn-cancel[data-v-c31e07eb]{color:#007aff}.login-modal .btn-confirm[data-v-c31e07eb]{color:var(--primary);font-weight:600}.home-footer[data-v-c31e07eb]{margin-top:48px;padding:28px 0 16px;border-top:1px solid var(--separator-color);text-align:center}.footer-copyright[data-v-c31e07eb]{font-size:14px;color:var(--text-secondary);font-weight:500;margin-bottom:6px}.footer-copyright .brand-link[data-v-c31e07eb]{display:inline-flex;flex-direction:row;align-items:baseline;gap:6px;text-decoration:none;transition:all .3s ease;padding:4px 8px;border-radius:6px}.footer-copyright .brand-link[data-v-c31e07eb]:hover{background:var(--primary-fade);transform:translateY(-1px)}.footer-copyright .brand-name[data-v-c31e07eb]{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:16px;letter-spacing:.5px}.footer-copyright .brand-name-en[data-v-c31e07eb]{font-size:10px;font-weight:600;color:#999;letter-spacing:.5px;opacity:.6;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.footer-copyright .brand-link:hover .brand-name-en[data-v-c31e07eb]{color:var(--primary);opacity:1}.footer-license-info[data-v-c31e07eb]{font-size:13px;color:var(--text-tertiary)}.footer-license-info a[data-v-c31e07eb]{color:var(--text-secondary);text-decoration:none}@keyframes fadeIn-c31e07eb{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-fade-enter-active[data-v-c31e07eb],.modal-fade-leave-active[data-v-c31e07eb]{transition:all .25s ease}.modal-fade-enter-from[data-v-c31e07eb],.modal-fade-leave-to[data-v-c31e07eb]{opacity:0}.modal-fade-enter-from .login-modal[data-v-c31e07eb],.modal-fade-leave-to .login-modal[data-v-c31e07eb]{transform:scale(1.1);opacity:0}@media (max-width: 767px){.home-container[data-v-c31e07eb]{padding:0 12px 8px;box-sizing:border-box;height:calc(100vh - 76px);max-height:calc(100vh - 76px);display:flex;flex-direction:column;overflow:visible}.hero-section[data-v-c31e07eb]{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:16px 8px;border-radius:var(--radius-xl);margin:0;overflow:hidden;box-shadow:0 2px 12px #00000014}.step-indicator[data-v-c31e07eb]{margin-bottom:16px;padding:0}.step-dot[data-v-c31e07eb]{width:26px;height:26px;font-size:12px}.step span[data-v-c31e07eb]{font-size:11px}.step-line[data-v-c31e07eb]{width:24px;margin:0 4px 18px}.hero-content[data-v-c31e07eb]{text-align:center;margin-bottom:16px;flex-shrink:1;overflow:hidden}.page-title[data-v-c31e07eb]{font-size:22px;margin-bottom:6px}.page-subtitle[data-v-c31e07eb]{font-size:13px;line-height:1.5}.composer-container[data-v-c31e07eb]{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;flex-shrink:0;max-width:none;margin-left:0;margin-right:0}.composer-input-wrapper[data-v-c31e07eb]{margin-bottom:12px}.composer-textarea[data-v-c31e07eb]{font-size:16px;padding:14px 14px 14px 46px;min-height:48px;overflow:hidden}.composer-toolbar[data-v-c31e07eb]{flex-direction:column;gap:12px;padding:0}.toolbar-left[data-v-c31e07eb],.toolbar-right[data-v-c31e07eb]{width:100%;justify-content:space-between}.generate-btn[data-v-c31e07eb]{width:100%;height:48px;font-size:16px}.auto-mode-toggle[data-v-c31e07eb]{order:-1}.auto-mode-tooltip[data-v-c31e07eb]{right:auto;left:0;width:calc(100vw - 40px);max-width:280px}.auto-mode-tooltip[data-v-c31e07eb]:after{right:auto;left:24px}.credit-estimate[data-v-c31e07eb],.balance-warning[data-v-c31e07eb]{font-size:12px;padding:6px 10px}.home-footer[data-v-c31e07eb]{display:none}}.confirm-overlay[data-v-35a37f09]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.confirm-dialog[data-v-35a37f09]{background:#fffffff2;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:14px;width:100%;max-width:270px;text-align:center;box-shadow:0 20px 60px #0003;overflow:hidden}.confirm-icon[data-v-35a37f09]{width:60px;height:60px;margin:24px auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.confirm-icon.info[data-v-35a37f09]{background:#007aff1f;color:#007aff}.confirm-icon.warning[data-v-35a37f09]{background:#ff95001f;color:#ff9500}.confirm-icon.danger[data-v-35a37f09]{background:#ff3b301f;color:#ff3b30}.confirm-content[data-v-35a37f09]{padding:0 16px 20px}.confirm-title[data-v-35a37f09]{font-size:17px;font-weight:600;color:#000;margin-bottom:8px;letter-spacing:-.01em}.confirm-message[data-v-35a37f09]{font-size:13px;color:#666;line-height:1.5}.confirm-actions[data-v-35a37f09]{display:flex;border-top:1px solid rgba(60,60,67,.12)}.confirm-actions button[data-v-35a37f09]{flex:1;padding:16px;font-size:17px;font-weight:400;cursor:pointer;transition:background .15s ease;border:none;background:transparent}.confirm-actions button[data-v-35a37f09]:active{background:#0000000d}.btn-divider[data-v-35a37f09]{width:1px;background:#3c3c431f}.btn-cancel[data-v-35a37f09]{color:#007aff}.btn-confirm[data-v-35a37f09]{font-weight:600!important}.btn-confirm.info[data-v-35a37f09]{color:#007aff}.btn-confirm.warning[data-v-35a37f09]{color:#ff9500}.btn-confirm.danger[data-v-35a37f09]{color:#ff3b30}.modal-fade-enter-active[data-v-35a37f09],.modal-fade-leave-active[data-v-35a37f09]{transition:all .25s cubic-bezier(.4,0,.2,1)}.modal-fade-enter-from[data-v-35a37f09],.modal-fade-leave-to[data-v-35a37f09]{opacity:0}.modal-fade-enter-from .confirm-dialog[data-v-35a37f09],.modal-fade-leave-to .confirm-dialog[data-v-35a37f09]{transform:scale(1.1);opacity:0}@media (max-width: 767px){.confirm-dialog[data-v-35a37f09]{max-width:270px}.confirm-icon[data-v-35a37f09]{width:56px;height:56px;margin:20px auto 14px}.confirm-title[data-v-35a37f09]{font-size:16px}.confirm-message[data-v-35a37f09]{font-size:13px}.confirm-actions button[data-v-35a37f09]{padding:14px;font-size:16px}}.outline-container[data-v-888d6686]{max-width:100%}.step-indicator[data-v-888d6686]{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:28px;padding:0 20px;max-width:1200px;margin-left:auto;margin-right:auto}.step[data-v-888d6686]{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;transition:all .3s ease}.step.active[data-v-888d6686],.step.completed[data-v-888d6686]{opacity:1}.step.active .step-dot[data-v-888d6686]{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px var(--primary-shadow)}.step.completed .step-dot[data-v-888d6686]{background:#34c759;color:#fff}.step-dot[data-v-888d6686]{width:32px;height:32px;border-radius:50%;background:var(--ios-gray-5);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .3s ease}.step span[data-v-888d6686]{font-size:12px;color:var(--text-secondary);white-space:nowrap}.step.active span[data-v-888d6686]{color:var(--primary);font-weight:600}.step.completed span[data-v-888d6686]{color:#34c759;font-weight:500}.step-line[data-v-888d6686]{width:40px;height:2px;background:var(--ios-gray-5);margin:0 8px 20px}.step-line.active[data-v-888d6686]{background:var(--primary)}.page-header[data-v-888d6686]{display:flex;justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto 32px;padding:0 20px;flex-wrap:wrap;gap:20px}.page-title[data-v-888d6686]{font-size:34px;font-weight:700;color:var(--text-main);letter-spacing:-.02em;margin-bottom:8px}.page-subtitle[data-v-888d6686]{font-size:16px;color:var(--text-secondary)}.header-actions[data-v-888d6686]{display:flex;gap:12px}.btn-back[data-v-888d6686]{display:flex;align-items:center;gap:6px;padding:12px 20px;background:var(--bg-card);border:none;border-radius:var(--radius-full);font-size:15px;font-weight:500;color:var(--text-sub);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-back[data-v-888d6686]:hover{background:var(--ios-gray-6)}.btn-back[data-v-888d6686]:active{transform:scale(.98)}.btn-generate[data-v-888d6686]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary-gradient);border:none;border-radius:var(--radius-full);font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px var(--primary-shadow)}.btn-generate[data-v-888d6686]:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--primary-shadow)}.btn-generate[data-v-888d6686]:active{transform:scale(.98)}.outline-grid[data-v-888d6686]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1400px;margin:0 auto;padding:0 20px}.outline-card[data-v-888d6686]{display:flex;flex-direction:column;padding:18px;transition:all .25s ease;border:none;border-radius:var(--radius-xl);background:var(--bg-card);box-shadow:var(--shadow-sm);min-height:340px;position:relative}.outline-card[data-v-888d6686]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.outline-card.dragging-over[data-v-888d6686]{border:2px dashed var(--primary);background:var(--primary-fade)}.card-top-bar[data-v-888d6686]{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--separator-color)}.page-info[data-v-888d6686]{display:flex;align-items:center;gap:10px}.page-number[data-v-888d6686]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--ios-gray-6);border-radius:var(--radius-sm);font-size:14px;font-weight:700;color:var(--text-secondary)}.page-type[data-v-888d6686]{font-size:12px;padding:4px 10px;border-radius:var(--radius-full);font-weight:600}.page-type.cover[data-v-888d6686]{color:var(--primary);background:var(--primary-light)}.page-type.content[data-v-888d6686]{color:var(--text-secondary);background:var(--ios-gray-6)}.page-type.summary[data-v-888d6686]{color:#34c759;background:#34c7591a}.card-controls[data-v-888d6686]{display:flex;gap:8px;opacity:1;transition:opacity .2s ease}.outline-card:hover .card-controls[data-v-888d6686]{opacity:1}.drag-handle[data-v-888d6686]{cursor:grab;padding:6px;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all .2s ease}.drag-handle[data-v-888d6686]:hover{background:var(--ios-gray-6);color:var(--text-secondary)}.drag-handle[data-v-888d6686]:active{cursor:grabbing}.icon-btn[data-v-888d6686]{background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:6px;border-radius:var(--radius-sm);transition:all .2s ease}.icon-btn[data-v-888d6686]:hover{background:var(--ios-gray-6);color:var(--text-secondary)}.icon-btn.delete[data-v-888d6686]:hover{background:#ff3b301a;color:#ff3b30}.textarea-paper[data-v-888d6686]{flex:1;width:100%;border:none;background:transparent;padding:0;font-size:16px;line-height:1.7;color:var(--text-main);resize:none;font-family:inherit;margin-bottom:12px}.textarea-paper[data-v-888d6686]:focus{outline:none}.textarea-paper[data-v-888d6686]::placeholder{color:var(--text-placeholder)}.word-count[data-v-888d6686]{text-align:right;font-size:12px;color:var(--text-tertiary);margin-top:auto}.add-card[data-v-888d6686]{border:2px dashed var(--ios-gray-4);background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:340px;border-radius:var(--radius-xl);transition:all .25s ease}.add-card[data-v-888d6686]:hover{border-color:var(--primary);background:var(--primary-fade)}.add-card[data-v-888d6686]:active{transform:scale(.99)}.add-content[data-v-888d6686]{text-align:center;color:var(--text-tertiary);transition:color .2s ease}.add-card:hover .add-content[data-v-888d6686]{color:var(--primary)}.add-icon[data-v-888d6686]{width:56px;height:56px;margin:0 auto 12px;background:var(--ios-gray-6);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-card:hover .add-icon[data-v-888d6686]{background:var(--primary-light)}.add-content span[data-v-888d6686]{font-size:15px;font-weight:500}@media (max-width: 767px){.step-indicator[data-v-888d6686]{margin-bottom:20px;padding:0}.step-dot[data-v-888d6686]{width:26px;height:26px;font-size:12px}.step span[data-v-888d6686]{font-size:11px}.step-line[data-v-888d6686]{width:24px;margin:0 4px 18px}.page-header[data-v-888d6686]{flex-direction:column;align-items:stretch;gap:16px;padding:0}.page-title[data-v-888d6686]{font-size:28px}.header-actions[data-v-888d6686]{justify-content:space-between}.btn-back[data-v-888d6686],.btn-generate[data-v-888d6686]{flex:1;justify-content:center}.outline-grid[data-v-888d6686]{grid-template-columns:1fr;gap:16px;padding:0}.outline-card[data-v-888d6686]{min-height:280px;padding:16px}.add-card[data-v-888d6686]{min-height:200px}.card-controls[data-v-888d6686]{opacity:1}}.generate-container[data-v-b09d2bf9]{max-width:1200px}.step-indicator[data-v-b09d2bf9]{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:28px;padding:0 20px}.step[data-v-b09d2bf9]{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;transition:all .3s ease}.step.active[data-v-b09d2bf9],.step.completed[data-v-b09d2bf9]{opacity:1}.step.active .step-dot[data-v-b09d2bf9]{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px var(--primary-shadow)}.step.completed .step-dot[data-v-b09d2bf9]{background:#34c759;color:#fff}.step-dot[data-v-b09d2bf9]{width:32px;height:32px;border-radius:50%;background:var(--ios-gray-5);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .3s ease}.step span[data-v-b09d2bf9]{font-size:12px;color:var(--text-secondary);white-space:nowrap}.step.active span[data-v-b09d2bf9]{color:var(--primary);font-weight:600}.step.completed span[data-v-b09d2bf9]{color:#34c759;font-weight:500}.step-line[data-v-b09d2bf9]{width:40px;height:2px;background:var(--ios-gray-5);margin:0 8px 20px}.step-line.active[data-v-b09d2bf9]{background:var(--primary)}.page-header[data-v-b09d2bf9]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;flex-wrap:wrap;gap:16px}.page-title[data-v-b09d2bf9]{font-size:34px;font-weight:700;color:var(--text-main);letter-spacing:-.02em;margin-bottom:8px}.page-subtitle[data-v-b09d2bf9]{font-size:16px;color:var(--text-secondary)}.status-error[data-v-b09d2bf9]{color:#ff3b30}.status-generating[data-v-b09d2bf9]{color:var(--primary)}.status-warning[data-v-b09d2bf9]{color:#ff9500}.status-success[data-v-b09d2bf9]{color:#34c759}.header-actions[data-v-b09d2bf9]{display:flex;gap:12px}.btn-primary[data-v-b09d2bf9]{padding:12px 24px;background:var(--primary-gradient);border:none;border-radius:var(--radius-full);font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px var(--primary-shadow)}.btn-primary[data-v-b09d2bf9]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px var(--primary-shadow)}.btn-primary[data-v-b09d2bf9]:disabled{opacity:.5;cursor:not-allowed}.btn-back[data-v-b09d2bf9]{display:flex;align-items:center;gap:6px;padding:12px 20px;background:var(--bg-card);border:none;border-radius:var(--radius-full);font-size:15px;font-weight:500;color:var(--text-sub);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-back[data-v-b09d2bf9]:hover{background:var(--ios-gray-6)}.insufficient-card[data-v-b09d2bf9]{background:var(--bg-card);border-radius:var(--radius-2xl);padding:60px 40px;text-align:center;box-shadow:var(--shadow-md)}.insufficient-icon[data-v-b09d2bf9]{width:80px;height:80px;margin:0 auto 24px;background:#ff95001f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ff9500}.insufficient-title[data-v-b09d2bf9]{font-size:22px;font-weight:600;color:var(--text-main);margin-bottom:12px}.insufficient-message[data-v-b09d2bf9]{font-size:15px;color:var(--text-secondary);margin-bottom:32px}.insufficient-actions[data-v-b09d2bf9]{display:flex;gap:12px;justify-content:center}.btn-secondary[data-v-b09d2bf9]{padding:12px 24px;background:var(--ios-gray-6);border:none;border-radius:var(--radius-full);font-size:15px;font-weight:500;color:var(--text-sub);cursor:pointer;transition:all .2s ease}.btn-secondary[data-v-b09d2bf9]:hover{background:var(--ios-gray-5)}.progress-card[data-v-b09d2bf9]{background:var(--bg-card);border-radius:var(--radius-2xl);padding:28px;box-shadow:var(--shadow-md)}.progress-header[data-v-b09d2bf9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-label[data-v-b09d2bf9]{font-size:16px;font-weight:600;color:var(--text-main)}.progress-percent[data-v-b09d2bf9]{font-size:16px;font-weight:700;color:var(--primary)}.progress-bar-container[data-v-b09d2bf9]{height:8px;background:var(--ios-gray-5);border-radius:var(--radius-full);overflow:hidden}.progress-bar[data-v-b09d2bf9]{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width .4s ease}.progress-bar.animated[data-v-b09d2bf9]{background:var(--primary-gradient);background-size:200% 100%;animation:progress-shine-b09d2bf9 2s linear infinite}@keyframes progress-shine-b09d2bf9{0%{background-position:200% 0}to{background-position:-200% 0}}.error-msg[data-v-b09d2bf9]{display:flex;align-items:center;gap:10px;margin-top:16px;padding:14px 18px;background:#ff3b301a;border-radius:var(--radius-md);font-size:14px;color:#ff3b30}.images-grid[data-v-b09d2bf9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:28px}.image-card[data-v-b09d2bf9]{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .25s ease}.image-card[data-v-b09d2bf9]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.image-preview[data-v-b09d2bf9]{aspect-ratio:3/4;overflow:hidden;position:relative}.image-preview img[data-v-b09d2bf9]{width:100%;height:100%;object-fit:cover}.image-overlay[data-v-b09d2bf9]{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.image-preview:hover .image-overlay[data-v-b09d2bf9]{opacity:1}.overlay-btn[data-v-b09d2bf9]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fffffff2;border:none;border-radius:var(--radius-full);cursor:pointer;font-size:14px;font-weight:500;color:var(--text-main);transition:all .2s ease}.overlay-btn[data-v-b09d2bf9]:hover{background:var(--primary);color:#fff}.overlay-btn[data-v-b09d2bf9]:disabled{opacity:.5;cursor:not-allowed}.image-placeholder[data-v-b09d2bf9]{aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px}.image-placeholder.generating[data-v-b09d2bf9]{background:linear-gradient(135deg,var(--ios-gray-6) 0%,#e8e8ed 100%)}.image-placeholder.error[data-v-b09d2bf9]{background:#ff3b300f}.image-placeholder.waiting[data-v-b09d2bf9]{background:var(--ios-gray-6)}.error-icon[data-v-b09d2bf9]{width:48px;height:48px;background:#ff3b301f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ff3b30}.waiting-icon[data-v-b09d2bf9]{color:var(--text-tertiary)}.status-text[data-v-b09d2bf9]{font-size:14px;color:var(--text-secondary)}.retry-btn[data-v-b09d2bf9]{padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.retry-btn[data-v-b09d2bf9]:hover:not(:disabled){transform:scale(1.02)}.retry-btn[data-v-b09d2bf9]:disabled{opacity:.5;cursor:not-allowed}.spinner[data-v-b09d2bf9]{width:28px;height:28px;border:3px solid var(--ios-gray-5);border-top-color:var(--primary);border-radius:50%;animation:spin-b09d2bf9 .8s linear infinite}@keyframes spin-b09d2bf9{to{transform:rotate(360deg)}}.image-footer[data-v-b09d2bf9]{padding:14px 16px;border-top:1px solid var(--separator-color);display:flex;justify-content:space-between;align-items:center}.page-label[data-v-b09d2bf9]{font-size:14px;color:var(--text-secondary)}.status-badge[data-v-b09d2bf9]{font-size:12px;padding:4px 10px;border-radius:var(--radius-full);font-weight:500}.status-badge.done[data-v-b09d2bf9]{background:#34c7591f;color:#34c759}.status-badge.generating[data-v-b09d2bf9],.status-badge.retrying[data-v-b09d2bf9]{background:var(--primary-light);color:var(--primary)}.status-badge.error[data-v-b09d2bf9]{background:#ff3b301f;color:#ff3b30}@media (max-width: 767px){.step-indicator[data-v-b09d2bf9]{margin-bottom:20px;padding:0}.step-dot[data-v-b09d2bf9]{width:26px;height:26px;font-size:12px}.step span[data-v-b09d2bf9]{font-size:11px}.step-line[data-v-b09d2bf9]{width:24px;margin:0 4px 18px}.page-header[data-v-b09d2bf9]{flex-direction:column;align-items:stretch}.page-title[data-v-b09d2bf9]{font-size:28px}.header-actions[data-v-b09d2bf9]{flex-wrap:wrap}.btn-primary[data-v-b09d2bf9],.btn-back[data-v-b09d2bf9]{flex:1;justify-content:center;min-width:120px}.progress-card[data-v-b09d2bf9]{padding:20px;border-radius:var(--radius-xl)}.images-grid[data-v-b09d2bf9]{grid-template-columns:repeat(2,1fr);gap:12px}.image-card[data-v-b09d2bf9]{border-radius:var(--radius-md)}.insufficient-card[data-v-b09d2bf9]{padding:40px 24px;border-radius:var(--radius-xl)}.insufficient-actions[data-v-b09d2bf9]{flex-direction:column}}.result-container[data-v-3005b5f2]{max-width:1200px}.page-header[data-v-3005b5f2]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;flex-wrap:wrap;gap:16px}.page-title[data-v-3005b5f2]{font-size:34px;font-weight:700;color:var(--text-main);letter-spacing:-.02em;margin-bottom:8px}.page-subtitle[data-v-3005b5f2]{font-size:16px;color:var(--text-secondary)}.header-actions[data-v-3005b5f2]{display:flex;gap:12px}.btn-primary[data-v-3005b5f2]{display:flex;align-items:center;gap:8px;padding:14px 24px;background:var(--primary-gradient);border:none;border-radius:var(--radius-full);font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px var(--primary-shadow)}.btn-primary[data-v-3005b5f2]:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--primary-shadow)}.btn-primary[data-v-3005b5f2]:active{transform:scale(.98)}.btn-secondary[data-v-3005b5f2]{display:flex;align-items:center;gap:8px;padding:14px 24px;background:var(--bg-card);border:none;border-radius:var(--radius-full);font-size:15px;font-weight:500;color:var(--text-sub);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-secondary[data-v-3005b5f2]:hover{background:var(--ios-gray-6)}.btn-secondary[data-v-3005b5f2]:active{transform:scale(.98)}.result-card[data-v-3005b5f2]{background:var(--bg-card);border-radius:var(--radius-2xl);padding:24px;box-shadow:var(--shadow-md)}.images-grid[data-v-3005b5f2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.image-card[data-v-3005b5f2]{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .25s ease}.image-card[data-v-3005b5f2]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.image-preview[data-v-3005b5f2]{position:relative;aspect-ratio:3/4;overflow:hidden;cursor:pointer}.image-preview img[data-v-3005b5f2]{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.image-card:hover .image-preview img[data-v-3005b5f2]{transform:scale(1.03)}.hover-overlay[data-v-3005b5f2]{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s ease;color:#fff;font-size:14px;font-weight:500}.image-card:hover .hover-overlay[data-v-3005b5f2]{opacity:1}.regenerating-overlay[data-v-3005b5f2]{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10}.regenerating-overlay span[data-v-3005b5f2]{font-size:14px;color:var(--primary);font-weight:600}.spinner[data-v-3005b5f2]{width:28px;height:28px;border:3px solid var(--ios-gray-5);border-top-color:var(--primary);border-radius:50%;animation:spin-3005b5f2 .8s linear infinite}@keyframes spin-3005b5f2{to{transform:rotate(360deg)}}.image-footer[data-v-3005b5f2]{padding:14px 16px;border-top:1px solid var(--separator-color);display:flex;justify-content:space-between;align-items:center}.page-label[data-v-3005b5f2]{font-size:14px;color:var(--text-secondary)}.action-buttons[data-v-3005b5f2]{display:flex;gap:8px}.action-btn[data-v-3005b5f2]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:var(--ios-gray-6);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.action-btn[data-v-3005b5f2]:hover:not(:disabled){background:var(--ios-gray-5);color:var(--text-main)}.action-btn[data-v-3005b5f2]:active:not(:disabled){transform:scale(.95)}.action-btn[data-v-3005b5f2]:disabled{opacity:.5;cursor:not-allowed}.action-btn.download[data-v-3005b5f2],.action-btn.download[data-v-3005b5f2]:hover{background:var(--primary-light);color:var(--primary)}@media (max-width: 767px){.page-header[data-v-3005b5f2]{flex-direction:column;align-items:stretch}.page-title[data-v-3005b5f2]{font-size:28px}.header-actions[data-v-3005b5f2]{flex-direction:row}.btn-primary[data-v-3005b5f2],.btn-secondary[data-v-3005b5f2]{flex:1;justify-content:center;padding:14px 16px}.result-card[data-v-3005b5f2]{padding:16px;border-radius:var(--radius-xl)}.images-grid[data-v-3005b5f2]{grid-template-columns:repeat(2,1fr);gap:12px}.image-card[data-v-3005b5f2]{border-radius:var(--radius-md)}.image-footer[data-v-3005b5f2]{padding:12px}.page-label[data-v-3005b5f2]{font-size:13px}.action-btn[data-v-3005b5f2]{width:32px;height:32px}}.history-container[data-v-8540f313]{max-width:1200px;padding:24px}.page-header[data-v-8540f313]{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-title[data-v-8540f313]{font-size:28px;font-weight:700;color:var(--text-main);margin:0;letter-spacing:-.5px}.header-actions[data-v-8540f313]{display:flex;gap:12px}.btn-primary[data-v-8540f313],.btn-secondary[data-v-8540f313]{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-full);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);border:none}.btn-primary[data-v-8540f313]{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 14px var(--primary-shadow)}.btn-primary[data-v-8540f313]:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-shadow)}.btn-secondary[data-v-8540f313]{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary[data-v-8540f313]:hover{background:var(--ios-gray-6);border-color:var(--border-hover)}.btn-secondary[data-v-8540f313]:disabled{opacity:.6;cursor:not-allowed}.stats-overview[data-v-8540f313]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stat-box[data-v-8540f313]{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.stat-box[data-v-8540f313]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon-circle[data-v-8540f313]{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-icon-circle.blue[data-v-8540f313]{background:#007aff1f;color:var(--ios-blue)}.stat-icon-circle.green[data-v-8540f313]{background:#34c7591f;color:var(--ios-green)}.stat-icon-circle.orange[data-v-8540f313]{background:#ff95001f;color:var(--ios-orange)}.stat-content h4[data-v-8540f313]{font-size:13px;color:var(--text-secondary);margin:0 0 4px;font-weight:500}.stat-content .number[data-v-8540f313]{font-size:26px;font-weight:700;color:var(--text-main);letter-spacing:-.5px}.toolbar-wrapper[data-v-8540f313]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--separator-color)}.tabs-container[data-v-8540f313]{display:flex;gap:6px;background:var(--ios-gray-6);padding:5px;border-radius:var(--radius-lg)}.tab-item[data-v-8540f313]{padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);position:relative;white-space:nowrap}.tab-item[data-v-8540f313]:hover{color:var(--text-main);background:#ffffff80}.tab-item.active[data-v-8540f313]{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-md)}.search-mini[data-v-8540f313]{position:relative;width:220px}.search-mini input[data-v-8540f313]{width:100%;padding:10px 36px 10px 40px;border-radius:var(--radius-full);border:1px solid var(--border-color);font-size:14px;background:var(--bg-card);transition:all var(--transition-normal)}.search-mini input[data-v-8540f313]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px var(--primary-light)}.search-mini .icon[data-v-8540f313]{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-placeholder)}.search-mini .clear-btn[data-v-8540f313]{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:none;background:var(--ios-gray-4);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-fast);padding:0}.search-mini .clear-btn[data-v-8540f313]:hover{background:var(--ios-gray-3)}.loading-state[data-v-8540f313]{display:flex;justify-content:center;padding:80px 0}.spinner[data-v-8540f313]{width:40px;height:40px;border:3px solid var(--ios-gray-5);border-top-color:var(--primary);border-radius:50%;animation:spin-8540f313 .8s linear infinite}.spinner-small[data-v-8540f313]{width:18px;height:18px;border:2px solid var(--ios-gray-4);border-top-color:var(--primary);border-radius:50%;animation:spin-8540f313 .8s linear infinite}@keyframes spin-8540f313{to{transform:rotate(360deg)}}.empty-state-large[data-v-8540f313]{text-align:center;padding:80px 0}.empty-img[data-v-8540f313]{margin-bottom:20px;color:var(--ios-gray-3)}.empty-state-large h3[data-v-8540f313]{font-size:18px;color:var(--text-main);margin:0 0 8px}.empty-state-large p[data-v-8540f313]{font-size:14px;color:var(--text-secondary);margin:0}.gallery-grid[data-v-8540f313]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:40px}.gallery-card[data-v-8540f313]{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.gallery-card[data-v-8540f313]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-cover[data-v-8540f313]{aspect-ratio:3/4;background:var(--ios-gray-6);position:relative;overflow:hidden;cursor:pointer}.card-cover img[data-v-8540f313]{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-card:hover .card-cover img[data-v-8540f313]{transform:scale(1.05)}.cover-placeholder[data-v-8540f313]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--ios-gray-3);font-weight:700;background:linear-gradient(135deg,var(--ios-gray-6) 0%,var(--ios-gray-5) 100%)}.card-overlay[data-v-8540f313]{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.gallery-card:hover .card-overlay[data-v-8540f313]{opacity:1;pointer-events:auto}.overlay-btn[data-v-8540f313]{padding:10px 28px;border-radius:var(--radius-full);border:1.5px solid rgba(255,255,255,.8);background:#ffffff26;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overlay-btn[data-v-8540f313]:hover{background:#fff;color:var(--text-main);transform:scale(1.05)}.overlay-btn.primary[data-v-8540f313]{background:var(--primary);border-color:var(--primary)}.overlay-btn.primary[data-v-8540f313]:hover{background:var(--primary-hover);color:#fff}.card-cover .status-badge[data-v-8540f313]{position:absolute;top:12px;left:12px;padding:5px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-cover .status-badge.completed[data-v-8540f313]{background:#34c759e6;color:#fff}.card-cover .status-badge.draft[data-v-8540f313]{background:#0009;color:#fff}.card-cover .status-badge.generating[data-v-8540f313]{background:#007affe6;color:#fff}.card-footer[data-v-8540f313]{padding:16px}.card-title[data-v-8540f313]{font-size:15px;font-weight:600;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-main)}.card-meta[data-v-8540f313]{display:flex;align-items:center;font-size:13px;color:var(--text-secondary)}.dot[data-v-8540f313]{margin:0 6px}.more-actions-wrapper[data-v-8540f313]{margin-left:auto}.more-btn[data-v-8540f313]{background:none;border:none;color:var(--text-placeholder);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.more-btn[data-v-8540f313]:hover{background:#ff3b301a;color:var(--ios-red)}.pagination-wrapper[data-v-8540f313]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:40px}.page-btn[data-v-8540f313]{padding:10px 20px;border:1px solid var(--border-color);background:var(--bg-card);border-radius:var(--radius-full);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.page-btn[data-v-8540f313]:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.page-btn[data-v-8540f313]:disabled{opacity:.5;cursor:not-allowed}.page-indicator[data-v-8540f313]{font-size:14px;color:var(--text-secondary);font-weight:500}.modal-fullscreen[data-v-8540f313]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;display:flex;align-items:center;justify-content:center;padding:24px}.modal-body[data-v-8540f313]{background:var(--bg-card);width:100%;max-width:1000px;height:90vh;border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl)}.modal-header[data-v-8540f313]{padding:20px 24px;border-bottom:1px solid var(--separator-color);display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-shrink:0}.modal-header-left[data-v-8540f313]{flex:1;min-width:0}.modal-header-right[data-v-8540f313]{display:flex;gap:12px;align-items:center;flex-shrink:0}.title-section[data-v-8540f313]{display:flex;align-items:flex-start;gap:12px}.modal-title[data-v-8540f313]{flex:1;margin:0;font-size:18px;font-weight:600;line-height:1.5;color:var(--text-main);word-break:break-word}.modal-title.collapsed[data-v-8540f313]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.title-expand-btn[data-v-8540f313]{flex-shrink:0;padding:4px 10px;background:var(--ios-gray-6);border:none;border-radius:var(--radius-full);cursor:pointer;font-size:12px;color:var(--text-secondary);transition:all var(--transition-fast)}.title-expand-btn[data-v-8540f313]:hover{background:var(--primary);color:#fff}.modal-meta[data-v-8540f313]{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:13px;color:var(--text-secondary)}.view-outline-btn[data-v-8540f313]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--ios-gray-6);border:none;border-radius:var(--radius-full);cursor:pointer;font-size:13px;color:var(--text-sub);transition:all var(--transition-fast)}.view-outline-btn[data-v-8540f313]:hover{background:var(--primary);color:#fff}.close-btn[data-v-8540f313]{width:36px;height:36px;border-radius:50%;background:var(--ios-gray-6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.close-btn[data-v-8540f313]:hover{background:var(--ios-gray-5);color:var(--text-main)}.modal-gallery-grid[data-v-8540f313]{flex:1;overflow-y:auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;align-content:start;background:var(--ios-gray-6)}.modal-img-item[data-v-8540f313]{display:flex;flex-direction:column;height:fit-content;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.modal-img-preview[data-v-8540f313]{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background:var(--ios-gray-5);cursor:pointer}.modal-img-preview img[data-v-8540f313]{width:100%;height:100%;object-fit:cover}.modal-img-overlay[data-v-8540f313]{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.modal-img-preview:hover .modal-img-overlay[data-v-8540f313]{opacity:1;pointer-events:auto}.modal-overlay-btn[data-v-8540f313]{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;font-size:13px;font-weight:500;color:var(--text-main);transition:all var(--transition-fast)}.modal-overlay-btn[data-v-8540f313]:hover{background:var(--primary);color:#fff;transform:scale(1.05)}.modal-overlay-btn[data-v-8540f313]:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-img-footer[data-v-8540f313]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;color:var(--text-secondary)}.download-link[data-v-8540f313]{color:var(--primary);cursor:pointer;font-weight:500}.download-link[data-v-8540f313]:hover{text-decoration:underline}.placeholder[data-v-8540f313]{width:100%;aspect-ratio:3/4;background:var(--ios-gray-6);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-placeholder);font-size:14px}.outline-modal-overlay[data-v-8540f313]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.outline-modal-content[data-v-8540f313]{background:var(--bg-card);width:100%;max-width:700px;max-height:85vh;border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl)}.outline-modal-header[data-v-8540f313]{padding:20px 24px;border-bottom:1px solid var(--separator-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.outline-modal-header h3[data-v-8540f313]{margin:0;font-size:18px;font-weight:600;color:var(--text-main)}.outline-modal-body[data-v-8540f313]{flex:1;overflow-y:auto;padding:20px 24px;background:var(--ios-gray-6)}.outline-page-card[data-v-8540f313]{background:var(--bg-card);border-radius:var(--radius-md);padding:18px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.outline-page-card[data-v-8540f313]:hover{box-shadow:var(--shadow-md)}.outline-page-card[data-v-8540f313]:last-child{margin-bottom:0}.outline-page-card-header[data-v-8540f313]{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--separator-color)}.page-badge[data-v-8540f313]{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:24px;padding:0 10px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;border-radius:var(--radius-sm);font-size:12px;font-weight:700}.page-type-badge[data-v-8540f313]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500;background:var(--ios-gray-6);color:var(--text-secondary)}.page-type-badge.cover[data-v-8540f313]{background:#007aff1a;color:var(--ios-blue)}.page-type-badge.content[data-v-8540f313]{background:#5856d61a;color:var(--ios-indigo)}.page-type-badge.summary[data-v-8540f313]{background:#34c7591a;color:var(--ios-green)}.word-count[data-v-8540f313]{margin-left:auto;font-size:12px;color:var(--text-tertiary)}.outline-page-card-content[data-v-8540f313]{font-size:14px;line-height:1.8;color:var(--text-sub);white-space:pre-wrap;word-break:break-word}.lightbox-overlay[data-v-8540f313]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:2000}.lightbox-carousel[data-v-8540f313]{width:100%;height:100%;overflow:hidden;touch-action:pan-y}.lightbox-track[data-v-8540f313]{display:flex;height:100%;will-change:transform}.lightbox-slide[data-v-8540f313]{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.lightbox-image[data-v-8540f313]{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 20px 60px #00000080;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.lightbox-close[data-v-8540f313]{position:fixed;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-fast);z-index:10}.lightbox-close[data-v-8540f313]:hover{background:#ffffff40;transform:scale(1.1)}.lightbox-nav[data-v-8540f313]{position:fixed;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-fast);z-index:10}.lightbox-nav[data-v-8540f313]:hover{background:#ffffff40;transform:translateY(-50%) scale(1.1)}.lightbox-nav.prev[data-v-8540f313]{left:20px}.lightbox-nav.next[data-v-8540f313]{right:20px}.lightbox-info[data-v-8540f313]{position:fixed;bottom:30px;left:50%;transform:translate(-50%);padding:10px 20px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);color:#fff;font-size:14px;font-weight:500}@media (max-width: 768px){.history-container[data-v-8540f313]{padding:16px}.page-header[data-v-8540f313]{flex-direction:column;align-items:flex-start;gap:16px}.page-title[data-v-8540f313]{font-size:24px}.header-actions[data-v-8540f313]{width:100%}.header-actions .btn-primary[data-v-8540f313],.header-actions .btn-secondary[data-v-8540f313]{flex:1;justify-content:center;padding:12px 16px}.stats-overview[data-v-8540f313]{grid-template-columns:1fr;gap:12px}.toolbar-wrapper[data-v-8540f313]{flex-direction:column;gap:16px;align-items:stretch}.tabs-container[data-v-8540f313]{width:100%;justify-content:center}.search-mini[data-v-8540f313]{width:100%}.gallery-grid[data-v-8540f313]{grid-template-columns:repeat(2,1fr);gap:12px}.modal-fullscreen[data-v-8540f313]{padding:0}.modal-body[data-v-8540f313]{height:100vh;border-radius:0;max-width:100%}.modal-header[data-v-8540f313]{flex-direction:column;gap:16px;padding:16px}.modal-header-right[data-v-8540f313]{width:100%;justify-content:space-between}.modal-gallery-grid[data-v-8540f313]{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.modal-img-overlay[data-v-8540f313]{opacity:1;pointer-events:auto;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-end;padding-bottom:12px}.modal-overlay-btn[data-v-8540f313]{padding:8px 14px;font-size:12px}.outline-modal-overlay[data-v-8540f313]{padding:0}.outline-modal-content[data-v-8540f313]{max-height:100vh;border-radius:0}}@media (max-width: 480px){.gallery-grid[data-v-8540f313]{grid-template-columns:1fr}.tab-item[data-v-8540f313]{padding:8px 14px;font-size:13px}}.settings-container[data-v-84a601b2]{max-width:900px;margin:0 auto}.section-header[data-v-84a601b2]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.section-title[data-v-84a601b2]{font-size:18px;font-weight:600;margin-bottom:4px;color:#1a1a1a}.section-desc[data-v-84a601b2]{font-size:14px;color:#666;margin:0}.provider-table[data-v-84a601b2]{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.table-header[data-v-84a601b2]{display:grid;grid-template-columns:90px 1fr 100px 1fr 120px;gap:12px;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.table-row[data-v-84a601b2]{display:grid;grid-template-columns:90px 1fr 100px 1fr 120px;gap:12px;padding:14px 16px;border-bottom:1px solid #e5e7eb;align-items:center;transition:background-color .15s}.table-row[data-v-84a601b2]:last-child{border-bottom:none}.table-row[data-v-84a601b2]:hover{background:#f9fafb}.table-row.active[data-v-84a601b2]{background:#fef2f2}.status-badge[data-v-84a601b2]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active[data-v-84a601b2]{background:#dcfce7;color:#166534}.btn-activate[data-v-84a601b2]{padding:4px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:12px;cursor:pointer;transition:all .15s}.btn-activate[data-v-84a601b2]:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#fef2f2}.btn-activate.active[data-v-84a601b2]{border-color:var(--primary);background:var(--primary);color:#fff;cursor:default}.btn-activate[data-v-84a601b2]:disabled{opacity:.6;cursor:not-allowed}.provider-name[data-v-84a601b2]{font-weight:500;color:#1a1a1a}.model-name[data-v-84a601b2]{font-size:13px;color:#4b5563;font-family:Monaco,Menlo,monospace}.apikey-masked[data-v-84a601b2]{font-size:12px;font-family:Monaco,Menlo,monospace;color:#6b7280}.apikey-masked.empty[data-v-84a601b2]{color:#9ca3af;font-style:italic}.type-tag[data-v-84a601b2]{display:inline-block;padding:2px 8px;background:#e5e7eb;border-radius:4px;font-size:12px;color:#4b5563}.col-actions[data-v-84a601b2]{display:flex;gap:8px}.btn-icon[data-v-84a601b2]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer;transition:all .15s}.btn-icon[data-v-84a601b2]:hover{background:#e5e7eb;color:#1a1a1a}.btn-icon.danger[data-v-84a601b2]:hover{background:#fecaca;color:#b91c1c}.btn-small[data-v-84a601b2]{padding:6px 12px;font-size:13px;display:inline-flex;align-items:center;gap:6px}.form-group[data-v-84a601b2]{margin-bottom:16px}.form-group[data-v-84a601b2]:last-child{margin-bottom:0}.form-group label[data-v-84a601b2]{display:block;font-size:13px;font-weight:500;color:#333;margin-bottom:6px}.form-input[data-v-84a601b2],.form-select[data-v-84a601b2]{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;transition:all .2s;font-family:inherit;box-sizing:border-box}.form-input[data-v-84a601b2]:focus,.form-select[data-v-84a601b2]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ef44441a}.form-input[data-v-84a601b2]::placeholder{color:#9ca3af}.form-hint[data-v-84a601b2]{display:block;font-size:12px;color:#9ca3af;margin-top:4px}.toggle-label[data-v-84a601b2]{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.toggle-switch[data-v-84a601b2]{width:44px;height:24px;background:#d1d5db;border-radius:12px;position:relative;transition:background .2s;flex-shrink:0}.toggle-switch.active[data-v-84a601b2]{background:var(--primary)}.toggle-slider[data-v-84a601b2]{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch.active .toggle-slider[data-v-84a601b2]{transform:translate(20px)}.actions[data-v-84a601b2]{margin-top:32px;display:flex;justify-content:flex-end}.loading-container[data-v-84a601b2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#666}.modal-overlay[data-v-84a601b2]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.modal-content[data-v-84a601b2]{background:#fff;border-radius:12px;max-width:480px;width:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026}.modal-header[data-v-84a601b2]{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h3[data-v-84a601b2]{margin:0;font-size:16px;font-weight:600}.close-btn[data-v-84a601b2]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn[data-v-84a601b2]:hover{background:#f3f4f6;color:#333}.modal-body[data-v-84a601b2]{padding:20px;overflow-y:auto;flex:1}.modal-footer[data-v-84a601b2]{padding:14px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;flex-shrink:0;background:#fff;border-radius:0 0 12px 12px}.spinner-small[data-v-84a601b2]{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin-84a601b2 .6s linear infinite;display:inline-block;margin-right:8px}@keyframes spin-84a601b2{to{transform:rotate(360deg)}}@media (max-width: 768px){.table-header[data-v-84a601b2],.table-row[data-v-84a601b2]{grid-template-columns:70px 1fr 80px}.col-type[data-v-84a601b2],.col-model[data-v-84a601b2],.col-apikey[data-v-84a601b2]{display:none}.modal-overlay[data-v-84a601b2]{padding:16px;align-items:flex-end}.modal-content[data-v-84a601b2]{max-height:calc(100vh - 32px);border-radius:16px 16px 0 0;max-width:100%}.modal-footer[data-v-84a601b2]{border-radius:0}}.legal-modal-overlay[data-v-b8efd60c]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.legal-modal[data-v-b8efd60c]{background:var(--bg-card, #fff);border-radius:20px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.modal-header[data-v-b8efd60c]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--separator-color, #eee);flex-shrink:0}.modal-header h2[data-v-b8efd60c]{font-size:18px;font-weight:600;color:var(--text-main, #1a1a1a);margin:0}.close-btn[data-v-b8efd60c]{width:32px;height:32px;border:none;background:var(--ios-gray-6, #f5f5f7);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #666);transition:all .2s}.close-btn[data-v-b8efd60c]:hover{background:var(--ios-gray-5, #e5e5ea);color:var(--text-main, #1a1a1a)}.modal-body[data-v-b8efd60c]{padding:24px;overflow-y:auto;flex:1}.update-date[data-v-b8efd60c]{font-size:13px;color:var(--text-tertiary, #999);margin-bottom:20px}.modal-body section[data-v-b8efd60c]{margin-bottom:24px}.modal-body section[data-v-b8efd60c]:last-child{margin-bottom:0}.modal-body h3[data-v-b8efd60c]{font-size:15px;font-weight:600;color:var(--text-main, #1a1a1a);margin-bottom:10px}.modal-body h4[data-v-b8efd60c]{font-size:14px;font-weight:600;color:var(--text-main, #1a1a1a);margin:12px 0 8px}.modal-body p[data-v-b8efd60c]{font-size:14px;line-height:1.7;color:var(--text-secondary, #666);margin-bottom:10px}.modal-body ul[data-v-b8efd60c]{padding-left:18px;margin:0}.modal-body li[data-v-b8efd60c]{font-size:14px;line-height:1.7;color:var(--text-secondary, #666);margin-bottom:6px}.contact-info[data-v-b8efd60c]{color:var(--primary, #ff2442);font-weight:500}.modal-fade-enter-active[data-v-b8efd60c],.modal-fade-leave-active[data-v-b8efd60c]{transition:all .25s ease}.modal-fade-enter-from[data-v-b8efd60c],.modal-fade-leave-to[data-v-b8efd60c]{opacity:0}.modal-fade-enter-from .legal-modal[data-v-b8efd60c],.modal-fade-leave-to .legal-modal[data-v-b8efd60c]{transform:scale(.95);opacity:0}@media (max-width: 767px){.legal-modal-overlay[data-v-b8efd60c]{padding:12px;align-items:flex-end}.legal-modal[data-v-b8efd60c]{max-height:85vh;border-radius:20px 20px 0 0;margin-bottom:-12px}.modal-header[data-v-b8efd60c]{padding:16px 20px}.modal-body[data-v-b8efd60c]{padding:20px}}.login-container[data-v-b81bd17f]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,var(--ios-gray-6) 0%,#ffffff 100%)}.login-card[data-v-b81bd17f]{width:100%;max-width:400px;background:var(--bg-card);border-radius:var(--radius-2xl);padding:40px 32px;box-shadow:var(--shadow-xl)}.login-header[data-v-b81bd17f]{text-align:center;margin-bottom:32px}.logo-icon-wrapper[data-v-b81bd17f]{margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.login-title[data-v-b81bd17f]{font-size:26px;font-weight:700;color:var(--text-main);margin:0 0 10px;letter-spacing:-.5px}.login-subtitle[data-v-b81bd17f]{font-size:15px;color:var(--text-secondary);margin:0}.login-tabs[data-v-b81bd17f]{display:flex;gap:4px;margin-bottom:28px;background:var(--ios-gray-6);padding:4px;border-radius:var(--radius-full)}.tab-btn[data-v-b81bd17f]{flex:1;padding:12px 16px;border:none;background:transparent;border-radius:var(--radius-full);font-size:15px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.tab-btn.active[data-v-b81bd17f]{background:var(--bg-card);color:var(--text-main);box-shadow:var(--shadow-sm)}.tab-btn[data-v-b81bd17f]:hover:not(.active){color:var(--text-main)}.login-form[data-v-b81bd17f]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-b81bd17f]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-b81bd17f]{font-size:14px;font-weight:500;color:var(--text-sub)}.form-input[data-v-b81bd17f]{width:100%;padding:16px 18px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:16px;transition:all var(--transition-fast);outline:none;background:var(--bg-card)}.form-input[data-v-b81bd17f]:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.form-input[data-v-b81bd17f]:disabled{background:var(--ios-gray-6);cursor:not-allowed}.code-input-wrapper[data-v-b81bd17f]{display:flex;gap:12px}.code-input[data-v-b81bd17f]{flex:1}.send-code-btn[data-v-b81bd17f]{padding:16px 20px;min-width:110px;border:none;background:var(--ios-gray-6);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.send-code-btn[data-v-b81bd17f]:hover:not(:disabled){background:var(--ios-gray-5)}.send-code-btn[data-v-b81bd17f]:disabled{color:var(--text-secondary);cursor:not-allowed}.remember-me[data-v-b81bd17f]{flex-direction:row}.checkbox-label[data-v-b81bd17f]{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-sub);cursor:pointer}.checkbox-label input[type=checkbox][data-v-b81bd17f]{display:none}.checkbox-custom[data-v-b81bd17f]{width:22px;height:22px;border:2px solid var(--ios-gray-3);border-radius:6px;position:relative;transition:all var(--transition-fast)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom[data-v-b81bd17f]{background:var(--primary);border-color:var(--primary)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom[data-v-b81bd17f]:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.login-btn[data-v-b81bd17f]{width:100%;padding:18px;border:none;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);border-radius:var(--radius-full);font-size:17px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px 20px var(--primary-shadow);margin-top:8px}.login-btn[data-v-b81bd17f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px var(--primary-shadow)}.login-btn[data-v-b81bd17f]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.wechat-login[data-v-b81bd17f]{text-align:center;padding:24px 0}.wechat-icon[data-v-b81bd17f]{width:88px;height:88px;margin:0 auto 20px;background:#07c1601a;border-radius:50%;display:flex;align-items:center;justify-content:center}.wechat-hint[data-v-b81bd17f]{font-size:15px;color:var(--text-secondary);margin:0 0 28px}.wechat-btn[data-v-b81bd17f]{width:100%;padding:18px;border:none;background:#07c160;border-radius:var(--radius-full);font-size:17px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px 20px #07c1604d}.wechat-btn[data-v-b81bd17f]:hover:not(:disabled){background:#06ad56;transform:translateY(-2px);box-shadow:0 10px 28px #07c16066}.wechat-btn[data-v-b81bd17f]:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message[data-v-b81bd17f]{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#ff3b301a;border-radius:var(--radius-md);color:var(--ios-red);font-size:14px;margin-top:20px}.login-terms[data-v-b81bd17f]{text-align:center;font-size:13px;color:var(--text-tertiary);margin-top:28px}.login-terms a[data-v-b81bd17f]{color:var(--primary);text-decoration:none}.login-terms a[data-v-b81bd17f]:hover{text-decoration:underline}.spinner[data-v-b81bd17f]{width:22px;height:22px;border:2.5px solid var(--ios-gray-4);border-top-color:var(--primary);border-radius:50%;animation:spin-b81bd17f .8s linear infinite}.spinner.white[data-v-b81bd17f]{border-color:#ffffff4d;border-top-color:#fff}@keyframes spin-b81bd17f{to{transform:rotate(360deg)}}@media (max-width: 480px){.login-container[data-v-b81bd17f]{padding:60px 16px 16px;align-items:flex-start}.login-card[data-v-b81bd17f]{padding:32px 24px;border-radius:var(--radius-xl)}.logo-icon[data-v-b81bd17f]{width:72px;height:72px}.login-title[data-v-b81bd17f]{font-size:22px}.code-input-wrapper[data-v-b81bd17f]{flex-direction:column}.send-code-btn[data-v-b81bd17f]{padding:16px;min-width:auto;width:100%;border-radius:var(--radius-md);background:var(--primary-light);border:1.5px solid var(--primary)}}.lazy-image-container[data-v-3e8b1ee0]{position:relative;width:100%;height:100%;overflow:hidden;background:#f5f5f5}.lazy-image-placeholder[data-v-3e8b1ee0]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.skeleton-animation[data-v-3e8b1ee0]{width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading-3e8b1ee0 1.5s infinite}@keyframes skeleton-loading-3e8b1ee0{0%{background-position:200% 0}to{background-position:-200% 0}}.lazy-image-error[data-v-3e8b1ee0]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#ccc;background:#f9f9f9}.lazy-image-container img[data-v-3e8b1ee0]{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease;opacity:0}.lazy-image-container img.image-loaded[data-v-3e8b1ee0],.lazy-image-container.loaded img[data-v-3e8b1ee0]{opacity:1}.profile-container[data-v-7d2d5f04]{max-width:900px;padding:24px;margin:0 auto}.profile-header[data-v-7d2d5f04]{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-md)}.user-info[data-v-7d2d5f04]{display:flex;align-items:center;gap:18px}.avatar[data-v-7d2d5f04]{width:72px;height:72px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px var(--primary-shadow)}.avatar img[data-v-7d2d5f04]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-7d2d5f04]{color:#fff;font-size:28px;font-weight:700}.user-name[data-v-7d2d5f04]{font-size:22px;font-weight:700;color:var(--text-main);margin:0 0 6px}.user-id[data-v-7d2d5f04]{font-size:13px;color:var(--text-secondary);margin:0}.balance-card[data-v-7d2d5f04]{display:flex;align-items:center;gap:20px}.balance-info[data-v-7d2d5f04]{text-align:right}.balance-label[data-v-7d2d5f04]{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:4px}.balance-value[data-v-7d2d5f04]{font-size:32px;font-weight:700;color:var(--primary);letter-spacing:-.5px}.recharge-btn[data-v-7d2d5f04]{display:flex;align-items:center;gap:6px;padding:12px 24px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;border-radius:var(--radius-full);font-size:15px;font-weight:600;text-decoration:none;transition:all var(--transition-normal);box-shadow:0 4px 14px var(--primary-shadow)}.recharge-btn[data-v-7d2d5f04]:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-shadow)}.profile-tabs[data-v-7d2d5f04]{display:flex;gap:6px;background:var(--ios-gray-6);padding:4px;border-radius:var(--radius-full);margin-bottom:20px;overflow-x:auto}.tab-btn[data-v-7d2d5f04]{flex:1;min-width:max-content;padding:12px 18px;border:none;background:transparent;border-radius:var(--radius-full);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.tab-btn.active[data-v-7d2d5f04]{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.tab-btn[data-v-7d2d5f04]:hover:not(.active){color:var(--text-main)}.tab-content[data-v-7d2d5f04]{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-sm)}.section-title[data-v-7d2d5f04]{font-size:16px;font-weight:600;color:var(--text-main);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--separator-color)}.stats-grid[data-v-7d2d5f04]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}.stat-card[data-v-7d2d5f04]{display:flex;align-items:center;gap:14px;padding:18px;background:var(--ios-gray-6);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.stat-card[data-v-7d2d5f04]:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.stat-icon[data-v-7d2d5f04]{width:46px;height:46px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-icon.credits[data-v-7d2d5f04]{background:var(--primary-light);color:var(--primary)}.stat-icon.generations[data-v-7d2d5f04]{background:#34c7591a;color:var(--ios-green)}.stat-icon.date[data-v-7d2d5f04]{background:#007aff1a;color:var(--ios-blue)}.stat-value[data-v-7d2d5f04]{font-size:22px;font-weight:700;color:var(--text-main);letter-spacing:-.3px}.stat-label[data-v-7d2d5f04]{font-size:13px;color:var(--text-secondary);margin-top:2px}.binding-section[data-v-7d2d5f04]{margin-top:8px}.binding-list[data-v-7d2d5f04]{display:flex;flex-direction:column;gap:10px}.binding-item[data-v-7d2d5f04]{display:flex;align-items:center;gap:14px;padding:16px;background:var(--ios-gray-6);border-radius:var(--radius-md);transition:all var(--transition-fast)}.binding-item.bound[data-v-7d2d5f04]{background:#34c75914}.binding-icon[data-v-7d2d5f04]{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.binding-icon.phone[data-v-7d2d5f04]{background:#007aff1a;color:var(--ios-blue)}.binding-icon.wechat[data-v-7d2d5f04]{background:#07c1601a}.binding-name[data-v-7d2d5f04]{flex:1;font-size:15px;font-weight:500;color:var(--text-main)}.binding-status[data-v-7d2d5f04]{font-size:14px;color:var(--text-secondary)}.binding-item.bound .binding-status[data-v-7d2d5f04]{color:var(--ios-green)}.filter-bar[data-v-7d2d5f04]{margin-bottom:16px}.filter-select[data-v-7d2d5f04]{padding:10px 16px;border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:14px;background:var(--bg-card);color:var(--text-main);outline:none;cursor:pointer;transition:all var(--transition-fast)}.filter-select[data-v-7d2d5f04]:focus{border-color:var(--primary)}.transaction-list[data-v-7d2d5f04]{display:flex;flex-direction:column;gap:10px}.transaction-item[data-v-7d2d5f04]{display:flex;align-items:center;gap:14px;padding:16px;background:var(--ios-gray-6);border-radius:var(--radius-md);transition:all var(--transition-fast)}.transaction-item[data-v-7d2d5f04]:hover{background:var(--ios-gray-5)}.tx-icon[data-v-7d2d5f04]{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.tx-icon.consumption[data-v-7d2d5f04]{background:#ff3b301a;color:var(--ios-red)}.tx-icon.recharge[data-v-7d2d5f04]{background:#34c7591a;color:var(--ios-green)}.tx-icon.refund[data-v-7d2d5f04]{background:#007aff1a;color:var(--ios-blue)}.tx-icon.bonus[data-v-7d2d5f04]{background:#ff95001a;color:var(--ios-orange)}.tx-info[data-v-7d2d5f04]{flex:1}.tx-reason[data-v-7d2d5f04]{font-size:15px;font-weight:500;color:var(--text-main)}.tx-time[data-v-7d2d5f04]{font-size:12px;color:var(--text-secondary);margin-top:3px}.tx-amount[data-v-7d2d5f04]{font-size:17px;font-weight:600}.tx-amount.positive[data-v-7d2d5f04]{color:var(--ios-green)}.tx-amount.negative[data-v-7d2d5f04]{color:var(--ios-red)}.history-grid[data-v-7d2d5f04]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.history-card[data-v-7d2d5f04]{background:var(--ios-gray-6);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-normal)}.history-card[data-v-7d2d5f04]:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.history-thumbnail[data-v-7d2d5f04]{aspect-ratio:3/4;background:var(--ios-gray-5)}.history-thumbnail img[data-v-7d2d5f04]{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder[data-v-7d2d5f04]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--ios-gray-3)}.history-info[data-v-7d2d5f04]{padding:12px}.history-title[data-v-7d2d5f04]{font-size:14px;font-weight:500;color:var(--text-main);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta[data-v-7d2d5f04]{display:flex;gap:10px;font-size:12px;color:var(--text-secondary)}.settings-section[data-v-7d2d5f04]{margin-bottom:28px}.settings-section[data-v-7d2d5f04]:last-child{margin-bottom:0}.settings-section.danger .section-title[data-v-7d2d5f04]{color:var(--ios-red)}.setting-item[data-v-7d2d5f04]{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--separator-color)}.setting-item[data-v-7d2d5f04]:last-child{border-bottom:none}.setting-item label[data-v-7d2d5f04]{font-size:15px;color:var(--text-sub)}.setting-input-group[data-v-7d2d5f04]{display:flex;gap:10px}.setting-input-group input[data-v-7d2d5f04]{padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;width:180px;transition:all var(--transition-fast)}.setting-input-group input[data-v-7d2d5f04]:focus{border-color:var(--primary);outline:none}.btn-save[data-v-7d2d5f04]{padding:10px 18px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-save[data-v-7d2d5f04]:hover:not(:disabled){background:var(--primary-hover)}.btn-save[data-v-7d2d5f04]:disabled{opacity:.5;cursor:not-allowed}.setting-value[data-v-7d2d5f04]{font-size:14px;color:var(--text-main)}.btn-bind[data-v-7d2d5f04]{padding:8px 16px;background:var(--ios-gray-6);color:var(--primary);border:none;border-radius:var(--radius-full);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-bind[data-v-7d2d5f04]:hover{background:var(--ios-gray-5)}.btn-danger[data-v-7d2d5f04]{padding:10px 18px;background:var(--ios-red);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-danger[data-v-7d2d5f04]:hover{background:#e53935}.logout-section[data-v-7d2d5f04]{margin-top:24px;padding-top:0;border-top:none}.btn-logout-full[data-v-7d2d5f04]{width:100%;padding:14px;background:var(--ios-red);color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-logout-full[data-v-7d2d5f04]:hover{background:#e53935}.theme-grid[data-v-7d2d5f04]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.theme-option[data-v-7d2d5f04]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent}.theme-option[data-v-7d2d5f04]:hover{background:var(--ios-gray-6)}.theme-option.active[data-v-7d2d5f04]{background:var(--primary-light);border-color:var(--primary)}.theme-color[data-v-7d2d5f04]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:transform var(--transition-fast)}.theme-option:hover .theme-color[data-v-7d2d5f04]{transform:scale(1.1)}.theme-name[data-v-7d2d5f04]{font-size:12px;color:var(--text-secondary);text-align:center}.theme-option.active .theme-name[data-v-7d2d5f04]{color:var(--primary);font-weight:600}.invite-card[data-v-7d2d5f04]{background:linear-gradient(135deg,var(--primary-fade) 0%,var(--primary-light) 100%);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px;border:1px solid var(--primary-light)}.invite-header[data-v-7d2d5f04]{margin-bottom:24px}.invite-header h3[data-v-7d2d5f04]{font-size:20px;font-weight:700;color:var(--text-main);margin:0 0 8px}.invite-header p[data-v-7d2d5f04]{font-size:14px;color:var(--text-secondary);margin:0}.invite-code-box[data-v-7d2d5f04],.invite-link-box[data-v-7d2d5f04]{margin-bottom:16px}.invite-code-box label[data-v-7d2d5f04],.invite-link-box label[data-v-7d2d5f04]{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.code-display[data-v-7d2d5f04],.link-display[data-v-7d2d5f04]{display:flex;gap:10px}.code-text[data-v-7d2d5f04]{flex:1;padding:14px 18px;background:var(--bg-card);border-radius:var(--radius-md);font-size:22px;font-weight:700;letter-spacing:3px;color:var(--primary);box-shadow:var(--shadow-sm)}.link-display input[data-v-7d2d5f04]{flex:1;padding:14px 18px;border:none;background:var(--bg-card);border-radius:var(--radius-md);font-size:14px;color:var(--text-sub);box-shadow:var(--shadow-sm)}.copy-btn[data-v-7d2d5f04]{padding:14px 22px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.copy-btn[data-v-7d2d5f04]:hover{background:var(--primary-hover)}.invite-stats-card[data-v-7d2d5f04]{background:var(--ios-gray-6);border-radius:var(--radius-lg);padding:20px}.stats-row[data-v-7d2d5f04]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-item[data-v-7d2d5f04]{text-align:center;padding:16px 12px;background:var(--bg-card);border-radius:var(--radius-md)}.stat-num[data-v-7d2d5f04]{font-size:24px;font-weight:700;color:var(--primary);margin-bottom:4px}.loading-state[data-v-7d2d5f04],.empty-state[data-v-7d2d5f04]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);gap:16px}.empty-icon[data-v-7d2d5f04]{color:var(--ios-gray-3)}.empty-state p[data-v-7d2d5f04]{margin:0;font-size:15px}.btn-primary-sm[data-v-7d2d5f04]{padding:10px 24px;background:var(--primary);color:#fff;border-radius:var(--radius-full);font-size:14px;font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.btn-primary-sm[data-v-7d2d5f04]:hover{background:var(--primary-hover)}.spinner[data-v-7d2d5f04]{width:32px;height:32px;border:3px solid var(--ios-gray-5);border-top-color:var(--primary);border-radius:50%;animation:spin-7d2d5f04 .8s linear infinite}@keyframes spin-7d2d5f04{to{transform:rotate(360deg)}}.pagination[data-v-7d2d5f04]{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.pagination button[data-v-7d2d5f04]{padding:10px 18px;border:1px solid var(--border-color);background:var(--bg-card);border-radius:var(--radius-full);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pagination button[data-v-7d2d5f04]:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination button[data-v-7d2d5f04]:disabled{opacity:.5;cursor:not-allowed}.pagination span[data-v-7d2d5f04]{font-size:14px;color:var(--text-secondary)}.modal-overlay[data-v-7d2d5f04]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-content[data-v-7d2d5f04]{background:var(--bg-card);border-radius:var(--radius-xl);padding:28px;width:100%;max-width:380px;box-shadow:var(--shadow-xl)}.modal-content h3[data-v-7d2d5f04]{font-size:20px;font-weight:600;color:var(--text-main);margin:0 0 24px;text-align:center}.form-group[data-v-7d2d5f04]{margin-bottom:16px}.form-group input[data-v-7d2d5f04]{width:100%;padding:14px 18px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:15px;transition:all var(--transition-fast)}.form-group input[data-v-7d2d5f04]:focus{border-color:var(--primary);outline:none}.code-input-wrapper[data-v-7d2d5f04]{display:flex;gap:10px}.code-input-wrapper input[data-v-7d2d5f04]{flex:1}.send-code-btn[data-v-7d2d5f04]{padding:14px 18px;background:var(--ios-gray-6);border:none;border-radius:var(--radius-md);font-size:14px;color:var(--primary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.send-code-btn[data-v-7d2d5f04]:hover:not(:disabled){background:var(--ios-gray-5)}.send-code-btn[data-v-7d2d5f04]:disabled{color:var(--text-secondary);cursor:not-allowed}.modal-actions[data-v-7d2d5f04]{display:flex;gap:12px;margin-top:24px}.btn-cancel[data-v-7d2d5f04],.btn-confirm[data-v-7d2d5f04]{flex:1;padding:14px;border:none;border-radius:var(--radius-full);font-size:15px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-cancel[data-v-7d2d5f04]{background:var(--ios-gray-6);color:var(--text-sub)}.btn-cancel[data-v-7d2d5f04]:hover{background:var(--ios-gray-5)}.btn-confirm[data-v-7d2d5f04]{background:var(--primary);color:#fff}.btn-confirm[data-v-7d2d5f04]:hover:not(:disabled){background:var(--primary-hover)}.btn-confirm[data-v-7d2d5f04]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.profile-container[data-v-7d2d5f04]{padding:0!important;overflow-x:hidden;max-width:100%;width:100%;box-sizing:border-box;margin:0}.profile-header[data-v-7d2d5f04]{flex-direction:column;gap:20px;text-align:center;padding:20px;overflow:hidden;width:100%;box-sizing:border-box;margin:0 0 16px;border-radius:var(--radius-lg)}.user-info[data-v-7d2d5f04]{flex-direction:column;align-items:center;width:100%}.user-details[data-v-7d2d5f04]{text-align:center}.balance-card[data-v-7d2d5f04]{width:100%;justify-content:space-between;align-items:center;padding:0 4px}.balance-info[data-v-7d2d5f04]{text-align:left}.balance-value[data-v-7d2d5f04]{font-size:28px}.stats-grid[data-v-7d2d5f04]{grid-template-columns:1fr}.stat-card[data-v-7d2d5f04]{justify-content:flex-start}.stats-row[data-v-7d2d5f04]{grid-template-columns:repeat(2,1fr);gap:10px}.stat-item[data-v-7d2d5f04]{padding:12px 8px}.profile-tabs[data-v-7d2d5f04]{padding:3px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;box-sizing:border-box;margin:0 0 16px}.profile-tabs[data-v-7d2d5f04]::-webkit-scrollbar{display:none}.tab-btn[data-v-7d2d5f04]{padding:10px 14px;font-size:13px;flex-shrink:0}.tab-content[data-v-7d2d5f04]{padding:16px;overflow-x:hidden;overflow-wrap:break-word;word-break:break-word;width:100%;box-sizing:border-box;border-radius:var(--radius-lg)}.setting-input-group[data-v-7d2d5f04]{flex-direction:column;width:100%}.setting-input-group input[data-v-7d2d5f04]{width:100%;box-sizing:border-box}.setting-item[data-v-7d2d5f04]{flex-direction:column;align-items:flex-start;gap:12px}.setting-value[data-v-7d2d5f04]{width:100%}.history-grid[data-v-7d2d5f04]{grid-template-columns:repeat(2,1fr);gap:12px}.modal-content[data-v-7d2d5f04]{padding:24px 20px;max-width:calc(100vw - 32px)}.invite-card[data-v-7d2d5f04],.invite-stats-card[data-v-7d2d5f04]{padding:16px;overflow:hidden;width:100%;box-sizing:border-box}.invite-header h3[data-v-7d2d5f04]{font-size:18px}.code-display[data-v-7d2d5f04],.link-display[data-v-7d2d5f04]{flex-direction:column;gap:10px}.code-text[data-v-7d2d5f04]{font-size:18px;letter-spacing:2px;text-align:center}.link-display input[data-v-7d2d5f04]{width:100%;box-sizing:border-box;font-size:12px}.copy-btn[data-v-7d2d5f04]{width:100%}.transaction-item[data-v-7d2d5f04]{padding:12px;gap:10px}.tx-info[data-v-7d2d5f04]{min-width:0;flex:1}.tx-reason[data-v-7d2d5f04]{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-amount[data-v-7d2d5f04]{flex-shrink:0}.binding-item[data-v-7d2d5f04]{padding:12px;gap:10px}.binding-name[data-v-7d2d5f04]{font-size:14px}.binding-status[data-v-7d2d5f04]{font-size:13px;flex-shrink:0}.overview-tab .section-title[data-v-7d2d5f04]{text-align:left}.binding-section[data-v-7d2d5f04],.binding-list[data-v-7d2d5f04]{width:100%}}.recharge-container[data-v-c9eb312f]{max-width:500px;padding:24px;margin:0 auto}.recharge-header[data-v-c9eb312f]{text-align:center;margin-bottom:28px}.recharge-header h1[data-v-c9eb312f]{font-size:28px;font-weight:700;color:var(--text-main);margin:0 0 20px;letter-spacing:-.5px}.balance-card[data-v-c9eb312f]{display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);padding:20px 28px;border-radius:var(--radius-xl);box-shadow:0 8px 24px var(--primary-shadow)}.balance-icon[data-v-c9eb312f]{width:48px;height:48px;background:#fff3;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.balance-info[data-v-c9eb312f]{display:flex;flex-direction:column;align-items:flex-start}.balance-label[data-v-c9eb312f]{font-size:13px;color:#fffc}.balance-value[data-v-c9eb312f]{font-size:28px;font-weight:700;color:#fff;letter-spacing:-.5px}.balance-value small[data-v-c9eb312f]{font-size:14px;font-weight:500;opacity:.9}.section-card[data-v-c9eb312f]{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.section-title[data-v-c9eb312f]{font-size:15px;font-weight:600;color:var(--text-main);margin:0 0 16px}.packages-grid[data-v-c9eb312f]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.package-card[data-v-c9eb312f]{position:relative;padding:20px 16px;border:2px solid var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--bg-card)}.package-card[data-v-c9eb312f]:hover{border-color:var(--ios-gray-3)}.package-card.selected[data-v-c9eb312f]{border-color:var(--primary);background:var(--primary-fade)}.package-card.custom[data-v-c9eb312f]{border-style:dashed}.package-credits[data-v-c9eb312f]{font-size:32px;font-weight:700;color:var(--text-main);line-height:1}.package-credits.custom-icon[data-v-c9eb312f]{display:flex;align-items:center;justify-content:center;height:40px;color:var(--primary)}.package-label[data-v-c9eb312f]{font-size:13px;color:var(--text-secondary);margin:4px 0 10px}.package-price[data-v-c9eb312f]{font-size:18px;font-weight:600;color:var(--primary)}.package-bonus[data-v-c9eb312f]{position:absolute;top:-10px;right:-6px;padding:4px 10px;background:linear-gradient(135deg,var(--ios-orange) 0%,#ff6b00 100%);color:#fff;font-size:11px;font-weight:600;border-radius:var(--radius-full);box-shadow:0 2px 8px #ff950066}.check-icon[data-v-c9eb312f]{position:absolute;top:10px;left:10px;width:24px;height:24px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.custom-amount-input[data-v-c9eb312f]{margin-top:16px;padding-top:16px;border-top:1px solid var(--separator-color)}.input-row[data-v-c9eb312f]{display:flex;align-items:center;gap:12px}.input-group[data-v-c9eb312f]{flex:1}.input-group label[data-v-c9eb312f]{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.input-group input[data-v-c9eb312f]{width:100%;padding:12px 14px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:16px;font-weight:600;color:var(--text-main);text-align:center;transition:border-color var(--transition-fast)}.input-group input[data-v-c9eb312f]:focus{outline:none;border-color:var(--primary)}.exchange-arrow[data-v-c9eb312f]{font-size:20px;font-weight:600;color:var(--text-secondary);padding-top:24px}.input-hint[data-v-c9eb312f]{margin-top:12px;font-size:12px;color:var(--text-secondary);text-align:center}.payment-methods[data-v-c9eb312f]{display:flex;flex-direction:column;gap:12px}.payment-method[data-v-c9eb312f]{display:flex;align-items:center;gap:14px;padding:16px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.payment-method[data-v-c9eb312f]:hover{border-color:var(--ios-gray-3)}.payment-method.selected[data-v-c9eb312f]{border-color:var(--primary);background:var(--primary-fade)}.method-icon[data-v-c9eb312f]{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.method-icon.wechat[data-v-c9eb312f]{background:#07c1601a}.method-icon.alipay[data-v-c9eb312f]{background:#1677ff1a}.method-name[data-v-c9eb312f]{flex:1;font-size:15px;font-weight:500;color:var(--text-main)}.radio-indicator[data-v-c9eb312f]{width:22px;height:22px;border:2px solid var(--ios-gray-3);border-radius:50%;position:relative;transition:all var(--transition-fast)}.payment-method.selected .radio-indicator[data-v-c9eb312f]{border-color:var(--primary)}.payment-method.selected .radio-indicator[data-v-c9eb312f]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--primary);border-radius:50%}.order-summary[data-v-c9eb312f]{padding:16px 20px}.summary-row[data-v-c9eb312f]{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;color:var(--text-sub)}.summary-row.bonus[data-v-c9eb312f]{color:var(--ios-orange)}.summary-divider[data-v-c9eb312f]{height:1px;background:var(--separator-color);margin:8px 0}.summary-row.total[data-v-c9eb312f]{font-size:16px;font-weight:600;color:var(--text-main);padding-top:12px}.summary-row .price[data-v-c9eb312f]{font-size:24px;font-weight:700;color:var(--primary)}.submit-btn[data-v-c9eb312f]{width:100%;padding:18px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);border:none;border-radius:var(--radius-full);font-size:17px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px 20px var(--primary-shadow);margin-top:8px}.submit-btn[data-v-c9eb312f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px var(--primary-shadow)}.submit-btn[data-v-c9eb312f]:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay[data-v-c9eb312f]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.payment-modal[data-v-c9eb312f]{background:var(--bg-card);border-radius:var(--radius-xl);padding:32px 28px;width:100%;max-width:400px;text-align:center;box-shadow:var(--shadow-xl)}.payment-pending[data-v-c9eb312f],.payment-qrcode[data-v-c9eb312f],.payment-waiting[data-v-c9eb312f],.payment-success[data-v-c9eb312f],.payment-failed[data-v-c9eb312f]{display:flex;flex-direction:column;align-items:center;gap:16px}.qr-placeholder[data-v-c9eb312f]{width:180px;height:180px;background:var(--ios-gray-6);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.qr-placeholder p[data-v-c9eb312f]{font-size:13px;color:var(--text-secondary);margin:0}.qrcode-container[data-v-c9eb312f]{padding:16px;background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001a}.qrcode-canvas[data-v-c9eb312f]{display:block;width:200px;height:200px}.payment-qrcode h3[data-v-c9eb312f]{font-size:20px;font-weight:600;color:var(--text-main);margin:0}.order-id-short[data-v-c9eb312f]{font-family:monospace;font-size:12px;color:var(--text-secondary)}.modal-icon[data-v-c9eb312f]{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-icon.waiting[data-v-c9eb312f]{background:#ff95001a;color:var(--ios-orange)}.modal-icon.success[data-v-c9eb312f]{background:#34c7591a;color:var(--ios-green)}.modal-icon.failed[data-v-c9eb312f]{background:#ff3b301a;color:var(--ios-red)}.payment-waiting h3[data-v-c9eb312f],.payment-success h3[data-v-c9eb312f],.payment-failed h3[data-v-c9eb312f]{font-size:20px;font-weight:600;color:var(--text-main);margin:0}.payment-waiting p[data-v-c9eb312f],.payment-success p[data-v-c9eb312f],.payment-failed p[data-v-c9eb312f]{font-size:14px;color:var(--text-secondary);margin:0}.payment-hint[data-v-c9eb312f]{color:var(--text-sub)}.order-info[data-v-c9eb312f]{background:var(--ios-gray-6);padding:14px 18px;border-radius:var(--radius-md);width:100%}.order-info-row[data-v-c9eb312f]{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary);padding:4px 0}.order-info-row .amount[data-v-c9eb312f]{font-weight:600;color:var(--primary)}.polling-status[data-v-c9eb312f]{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.btn-cancel[data-v-c9eb312f]{width:100%;padding:14px;background:var(--ios-gray-6);border:none;border-radius:var(--radius-full);font-size:15px;font-weight:500;color:var(--text-sub);cursor:pointer;transition:all var(--transition-fast)}.btn-cancel[data-v-c9eb312f]:hover{background:var(--ios-gray-5)}.btn-primary-full[data-v-c9eb312f]{width:100%;padding:14px;background:var(--primary);border:none;border-radius:var(--radius-full);font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.btn-primary-full[data-v-c9eb312f]:hover{background:var(--primary-hover)}.modal-actions[data-v-c9eb312f]{display:flex;gap:12px;width:100%}.btn-secondary-half[data-v-c9eb312f],.btn-primary-half[data-v-c9eb312f]{flex:1;padding:14px;border:none;border-radius:var(--radius-full);font-size:15px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary-half[data-v-c9eb312f]{background:var(--ios-gray-6);color:var(--text-sub)}.btn-secondary-half[data-v-c9eb312f]:hover{background:var(--ios-gray-5)}.btn-primary-half[data-v-c9eb312f]{background:var(--primary);color:#fff}.btn-primary-half[data-v-c9eb312f]:hover{background:var(--primary-hover)}.spinner[data-v-c9eb312f]{width:24px;height:24px;border:3px solid var(--ios-gray-5);border-top-color:var(--primary);border-radius:50%;animation:spin-c9eb312f .8s linear infinite}.spinner.large[data-v-c9eb312f]{width:40px;height:40px;border-width:4px}.spinner.small[data-v-c9eb312f]{width:18px;height:18px;border-width:2px}@keyframes spin-c9eb312f{to{transform:rotate(360deg)}}@media (max-width: 768px){.recharge-container[data-v-c9eb312f]{padding:16px}.recharge-header h1[data-v-c9eb312f]{font-size:24px}.balance-card[data-v-c9eb312f]{padding:18px 24px}.balance-value[data-v-c9eb312f]{font-size:24px}.packages-grid[data-v-c9eb312f]{gap:10px}.package-card[data-v-c9eb312f]{padding:16px 12px}.package-credits[data-v-c9eb312f]{font-size:28px}.modal-overlay[data-v-c9eb312f]{padding:16px}.payment-modal[data-v-c9eb312f]{padding:28px 20px}}:root{--primary: #5856D6;--primary-hover: #7A78E6;--primary-active: #4644B8;--primary-light: rgba(88, 86, 214, .1);--primary-fade: rgba(88, 86, 214, .06);--primary-gradient: linear-gradient(135deg, #5856D6 0%, #AF52DE 100%);--primary-shadow: rgba(88, 86, 214, .3)}[data-theme=red]{--primary: #FF2442;--primary-hover: #FF4D6A;--primary-active: #E01F3D;--primary-light: rgba(255, 36, 66, .1);--primary-fade: rgba(255, 36, 66, .06);--primary-gradient: linear-gradient(135deg, #FF2442 0%, #FF6B81 100%);--primary-shadow: rgba(255, 36, 66, .3)}[data-theme=sky-blue]{--primary: #007AFF;--primary-hover: #3395FF;--primary-active: #0062CC;--primary-light: rgba(0, 122, 255, .1);--primary-fade: rgba(0, 122, 255, .06);--primary-gradient: linear-gradient(135deg, #007AFF 0%, #5AC8FA 100%);--primary-shadow: rgba(0, 122, 255, .3)}[data-theme=indigo]{--primary: #5856D6;--primary-hover: #7A78E6;--primary-active: #4644B8;--primary-light: rgba(88, 86, 214, .1);--primary-fade: rgba(88, 86, 214, .06);--primary-gradient: linear-gradient(135deg, #5856D6 0%, #AF52DE 100%);--primary-shadow: rgba(88, 86, 214, .3)}[data-theme=deep-blue]{--primary: #0A84FF;--primary-hover: #3D9EFF;--primary-active: #086ACC;--primary-light: rgba(10, 132, 255, .1);--primary-fade: rgba(10, 132, 255, .06);--primary-gradient: linear-gradient(135deg, #0A84FF 0%, #64D2FF 100%);--primary-shadow: rgba(10, 132, 255, .3)}[data-theme=violet]{--primary: #AF52DE;--primary-hover: #C77DEB;--primary-active: #8E42B3;--primary-light: rgba(175, 82, 222, .1);--primary-fade: rgba(175, 82, 222, .06);--primary-gradient: linear-gradient(135deg, #AF52DE 0%, #FF6B9D 100%);--primary-shadow: rgba(175, 82, 222, .3)}[data-theme=purple-blue]{--primary: #667eea;--primary-hover: #8599F0;--primary-active: #5266BB;--primary-light: rgba(102, 126, 234, .1);--primary-fade: rgba(102, 126, 234, .06);--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-shadow: rgba(102, 126, 234, .3)}[data-theme=orange]{--primary: #FF9500;--primary-hover: #FFAA33;--primary-active: #CC7700;--primary-light: rgba(255, 149, 0, .1);--primary-fade: rgba(255, 149, 0, .06);--primary-gradient: linear-gradient(135deg, #FF9500 0%, #FFCC00 100%);--primary-shadow: rgba(255, 149, 0, .3)}[data-theme=green]{--primary: #34C759;--primary-hover: #5DD47A;--primary-active: #2AA048;--primary-light: rgba(52, 199, 89, .1);--primary-fade: rgba(52, 199, 89, .06);--primary-gradient: linear-gradient(135deg, #34C759 0%, #30D158 100%);--primary-shadow: rgba(52, 199, 89, .3)}:root{--ios-blue: #007AFF;--ios-green: #34C759;--ios-red: #FF3B30;--ios-orange: #FF9500;--ios-yellow: #FFCC00;--ios-teal: #5AC8FA;--ios-indigo: #5856D6;--ios-pink: #FF2D55;--ios-gray: #8E8E93;--ios-gray-2: #AEAEB2;--ios-gray-3: #C7C7CC;--ios-gray-4: #D1D1D6;--ios-gray-5: #E5E5EA;--ios-gray-6: #F2F2F7;--bg-body: #F2F2F7;--bg-sidebar: rgba(255, 255, 255, .72);--bg-card: #FFFFFF;--bg-grouped: #F2F2F7;--bg-elevated: #FFFFFF;--text-main: #1C1C1E;--text-sub: #3C3C43;--text-secondary: #8E8E93;--text-tertiary: #AEAEB2;--text-placeholder: #C7C7CC;--border-color: rgba(60, 60, 67, .12);--border-hover: rgba(60, 60, 67, .18);--separator-color: rgba(60, 60, 67, .08);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .06), 0 6px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .08), 0 10px 20px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .12);--shadow-hover: 0 12px 28px rgba(0, 0, 0, .08), 0 6px 14px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .08), inset 0 0 0 1px rgba(255, 255, 255, .5);--sidebar-width: 280px;--header-height: 64px;--bottom-tab-height: 83px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--blur-sm: blur(10px);--blur-md: blur(20px);--blur-lg: blur(40px);--blur-xl: blur(80px);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-size:17px;letter-spacing:-.01em;overflow-x:hidden;width:100%;max-width:100vw}#app{display:flex;min-height:100vh;width:100%;overflow-x:hidden}#app:has(.admin-layout){display:block}#app:has(.admin-login){display:block}.layout-sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background:var(--bg-sidebar);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-right:1px solid var(--separator-color);padding:20px;display:flex;flex-direction:column;z-index:100;transition:all var(--transition-normal)}.layout-main{margin-left:var(--sidebar-width);flex:1;padding:32px 48px;min-height:100vh;background:var(--bg-body);display:flex;flex-direction:column}.logo-area{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding:8px 12px}.logo-text{font-size:20px;font-weight:600;color:var(--text-main);letter-spacing:-.02em}.nav-menu{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--text-sub);text-decoration:none;font-weight:500;font-size:16px;transition:all var(--transition-fast);position:relative}.nav-item:hover{background:#007aff14;color:var(--primary)}.nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.nav-item .nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.container{width:100%;max-width:1200px;margin:0 auto}.page-header{margin-bottom:28px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}.page-title{font-size:34px;font-weight:700;color:var(--text-main);margin-bottom:8px;letter-spacing:-.02em;line-height:1.2}.page-subtitle{font-size:17px;color:var(--text-secondary);max-width:600px;line-height:1.5}.section-title{font-size:22px;font-weight:600;margin-bottom:16px;color:var(--text-main);display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.group-title{font-size:13px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;padding:0 16px;margin-bottom:8px}.global-footer{margin-top:auto;padding:32px 0 24px;border-top:1px solid var(--separator-color);background:transparent}.footer-content{display:flex;flex-direction:column;align-items:center;gap:8px}.footer-text{font-size:14px;color:var(--text-secondary);font-weight:400}.footer-text a{color:var(--primary);text-decoration:none;font-weight:500;transition:opacity var(--transition-fast)}.footer-text a:hover{opacity:.8}.footer-license{font-size:13px;color:var(--text-tertiary)}.footer-license a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-license a:hover{color:var(--primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ios-gray-4);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--ios-gray-3)}::selection{background:#007aff33;color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}a{color:var(--primary);text-decoration:none;transition:opacity var(--transition-fast)}a:hover{opacity:.8}.separator{height:1px;background:var(--separator-color);margin:16px 0}.separator-inset{height:1px;background:var(--separator-color);margin:0 16px}body.route-loading:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-body, #ffffff);z-index:9999;animation:fadeIn .15s ease-out}body.route-loading:before{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid var(--primary-light, rgba(0, 122, 255, .2));border-top-color:var(--primary, #007aff);border-radius:50%;z-index:10000;animation:spin .8s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card{background:var(--bg-card);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-sm);margin-bottom:16px;border:none;transition:all var(--transition-normal);min-width:0}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-grouped{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.card-grouped .card-item{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--separator-color);transition:background var(--transition-fast)}.card-grouped .card-item:last-child{border-bottom:none}.card-grouped .card-item:active{background:var(--ios-gray-6)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:var(--radius-md);font-weight:600;font-size:17px;cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;gap:8px;-webkit-user-select:none;user-select:none;min-height:50px;letter-spacing:-.01em}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:scale(1.02)}.btn-primary:active{transform:scale(.98);background:var(--primary-active)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{background:var(--ios-gray-6);color:var(--primary)}.btn-secondary:hover:not(:disabled){background:var(--ios-gray-5)}.btn-secondary:active{transform:scale(.98)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-text{background:transparent;color:var(--primary);padding:8px 16px;min-height:auto}.btn-text:active{opacity:.6}.btn-danger{background:var(--ios-red);color:#fff}.btn-danger:hover{background:#ff453a}.btn-sm{padding:10px 20px;font-size:15px;min-height:40px;border-radius:var(--radius-sm)}.btn-lg{padding:18px 36px;font-size:18px;min-height:56px;border-radius:var(--radius-lg)}.btn-round{border-radius:var(--radius-full)}.btn-icon{width:44px;height:44px;padding:0;min-height:44px;border-radius:var(--radius-full)}.input{width:100%;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:17px;color:var(--text-main);transition:all var(--transition-fast);font-family:inherit}.input:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 4px var(--primary-light);outline:none}.input::placeholder{color:var(--text-placeholder)}.input-search{background:var(--ios-gray-6);border:none;border-radius:var(--radius-sm);padding:12px 16px 12px 40px}.input-search:focus{background:var(--bg-card);box-shadow:0 0 0 4px var(--primary-light)}.input-group{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.input-group .input{border:none;border-radius:0;border-bottom:1px solid var(--separator-color)}.input-group .input:last-child{border-bottom:none}.input-group .input:focus{box-shadow:none;background:var(--ios-gray-6)}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tag{padding:10px 18px;background:var(--ios-gray-6);border:none;border-radius:var(--radius-full);font-size:15px;color:var(--text-sub);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.tag:hover{background:var(--primary-light);color:var(--primary)}.tag.active{background:var(--primary);color:#fff}.tabs-container{display:flex;gap:0;background:var(--ios-gray-6);border-radius:var(--radius-sm);padding:3px;margin-bottom:24px}.tab-item{flex:1;padding:10px 16px;font-size:15px;font-weight:500;color:var(--text-sub);cursor:pointer;position:relative;transition:all var(--transition-fast);text-align:center;border-radius:var(--radius-xs)}.tab-item:hover{color:var(--text-main)}.tab-item.active{background:var(--bg-card);color:var(--text-main);font-weight:600;box-shadow:var(--shadow-sm)}.switch{position:relative;width:51px;height:31px;background:var(--ios-gray-4);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast)}.switch.active{background:var(--ios-green)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform var(--transition-fast)}.switch.active:after{transform:translate(20px)}.spinner{width:24px;height:24px;border:3px solid var(--ios-gray-5);border-radius:50%;border-top-color:var(--primary);animation:spin .8s linear infinite}.spinner-sm{width:18px;height:18px;border-width:2px}.spinner-white{border-color:#ffffff4d;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.activity-indicator{display:flex;gap:4px;align-items:center;justify-content:center}.activity-indicator span{width:8px;height:8px;background:var(--ios-gray-3);border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.activity-indicator span:nth-child(2){animation-delay:.2s}.activity-indicator span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.progress-container{width:100%;background:var(--ios-gray-5);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .4s ease}.progress-bar-animated{background:linear-gradient(90deg,var(--primary) 0%,var(--ios-teal) 50%,var(--primary) 100%);background-size:200% 100%;animation:progress-shine 2s linear infinite}@keyframes progress-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.error-msg{background:#ff3b301a;border:none;color:var(--ios-red);padding:14px 18px;border-radius:var(--radius-md);font-size:15px;margin-top:16px;display:flex;align-items:center;gap:10px}.success-msg{background:#34c7591a;color:var(--ios-green);padding:14px 18px;border-radius:var(--radius-md);font-size:15px;display:flex;align-items:center;gap:10px}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-cols-4{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.image-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:none;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);display:flex;flex-direction:column;min-height:320px}.image-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.image-card img{width:100%;aspect-ratio:3/4;object-fit:cover}.image-card-content{padding:16px;flex:1;display:flex;flex-direction:column}.modal-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);z-index:999;display:flex;align-items:center;justify-content:center;padding:20px}.modal-body{background:var(--bg-card);width:100%;max-width:540px;border-radius:var(--radius-2xl);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl);animation:modal-in .3s ease}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--separator-color);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:18px;font-weight:600;color:var(--text-main)}.modal-close{width:32px;height:32px;border-radius:50%;background:var(--ios-gray-6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.modal-close:hover{background:var(--ios-gray-5);color:var(--text-main)}.modal-content{padding:24px;flex:1;overflow-y:auto}.modal-footer{padding:16px 24px;border-top:1px solid var(--separator-color);display:flex;gap:12px;justify-content:flex-end}.list-ios{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.list-ios-item{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--separator-color);transition:background var(--transition-fast);cursor:pointer}.list-ios-item:last-child{border-bottom:none}.list-ios-item:active{background:var(--ios-gray-6)}.list-ios-item-left{display:flex;align-items:center;gap:14px}.list-ios-item-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary)}.list-ios-item-content{display:flex;flex-direction:column;gap:2px}.list-ios-item-title{font-size:17px;color:var(--text-main)}.list-ios-item-subtitle{font-size:14px;color:var(--text-secondary)}.list-ios-item-right{display:flex;align-items:center;gap:8px;color:var(--text-tertiary)}.list-ios-item-value{font-size:17px;color:var(--text-secondary)}.list-ios-item-arrow{font-size:14px;color:var(--ios-gray-3)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;font-size:13px;font-weight:600;border-radius:var(--radius-full);background:var(--ios-gray-5);color:var(--text-sub)}.badge-primary{background:var(--primary);color:#fff}.badge-success{background:var(--ios-green);color:#fff}.badge-warning{background:var(--ios-orange);color:#fff}.badge-danger{background:var(--ios-red);color:#fff}.badge-count{min-width:20px;height:20px;padding:0 6px;font-size:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state-icon{width:80px;height:80px;margin-bottom:20px;color:var(--ios-gray-3)}.empty-state-title{font-size:20px;font-weight:600;color:var(--text-main);margin-bottom:8px}.empty-state-desc{font-size:15px;color:var(--text-secondary);max-width:280px}.skeleton{background:linear-gradient(90deg,var(--ios-gray-6) 25%,var(--ios-gray-5) 50%,var(--ios-gray-6) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-title{height:24px;width:60%;margin-bottom:12px}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-image{aspect-ratio:3/4;border-radius:var(--radius-lg)}.icon-xs{width:14px;height:14px}.icon-sm{width:18px;height:18px}.icon-md{width:24px;height:24px}.icon-lg{width:32px;height:32px}.hero-section{text-align:center;margin-bottom:40px;padding:24px 0;animation:fadeIn .5s ease-out}.hero-content{margin-bottom:32px}.brand-pill{display:inline-block;padding:8px 18px;background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);font-size:14px;font-weight:600;margin-bottom:20px;letter-spacing:-.01em}.composer-container{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:20px;max-width:720px;margin:0 auto 40px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--separator-color);transition:all var(--transition-normal)}.composer-container:focus-within{box-shadow:var(--shadow-lg);border-color:var(--primary)}.composer-input-wrapper{position:relative;display:flex;align-items:flex-start;gap:12px}.search-icon-static{padding-top:10px;color:var(--text-tertiary);flex-shrink:0}.composer-textarea{flex:1;border:none;outline:none;font-size:17px;line-height:1.5;resize:none;padding:8px 0;font-family:inherit;min-height:56px;max-height:300px;color:var(--text-main);background:transparent}.composer-textarea::placeholder{color:var(--text-placeholder)}.composer-toolbar{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--separator-color)}.toolbar-left{display:flex;gap:12px}.tool-btn{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);background:var(--ios-gray-6);transition:all var(--transition-fast);position:relative;border:none}.tool-btn:hover{background:var(--ios-gray-5);color:var(--text-main)}.tool-btn:active{transform:scale(.95)}.tool-btn.active{color:var(--primary);background:var(--primary-light)}.tool-btn .badge-count{position:absolute;top:-4px;right:-4px;background:var(--ios-red);color:#fff;font-size:11px;min-width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;border:2px solid var(--bg-card)}.generate-btn{padding:12px 28px;height:48px;font-size:16px;border-radius:var(--radius-full);background:var(--primary);color:#fff;border:none;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:8px}.generate-btn:hover{background:var(--primary-hover);transform:scale(1.02)}.generate-btn:active{transform:scale(.98)}.generate-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.uploaded-images-preview{display:flex;flex-wrap:wrap;gap:12px;padding:14px;background:var(--ios-gray-6);border-radius:var(--radius-md);align-items:center;border:1px dashed var(--ios-gray-4);margin-bottom:8px}.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:40px}.scenario-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px 16px;text-align:center;cursor:pointer;transition:all var(--transition-normal);border:none;box-shadow:var(--shadow-sm)}.scenario-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.scenario-card:active{transform:scale(.98)}.scenario-icon-box{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;transition:all var(--transition-normal)}.scenario-icon-box svg{width:26px;height:26px;transition:transform var(--transition-normal)}.scenario-card:hover .scenario-icon-box svg{transform:scale(1.1)}.scenario-icon-box.soft-red{background:#ff3b301f;color:var(--ios-red)}.scenario-icon-box.soft-pink{background:#ff2d551f;color:var(--ios-pink)}.scenario-icon-box.soft-orange{background:#ff95001f;color:var(--ios-orange)}.scenario-icon-box.soft-green{background:#34c7591f;color:var(--ios-green)}.scenario-icon-box.soft-blue{background:#007aff1f;color:var(--ios-blue)}.scenario-icon-box.soft-purple{background:#5856d61f;color:var(--ios-indigo)}.scenario-title{font-weight:600;font-size:15px;color:var(--text-main);margin-bottom:4px}.scenario-desc{font-size:13px;color:var(--text-secondary)}.dashboard-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:20px;animation:slideUp .5s ease-out .15s backwards}.feature-card{height:100%;min-height:280px;display:flex;flex-direction:column;padding:20px;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.header-left{display:flex;align-items:center;gap:12px}.section-title-sm{font-size:17px;font-weight:600;margin:0;color:var(--text-main)}.icon-box{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff}.icon-box.purple{background:var(--ios-indigo)}.icon-box.orange{background:var(--ios-orange)}.btn-text{background:none;border:none;color:var(--primary);font-size:14px;cursor:pointer;font-weight:500;padding:8px 12px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.btn-text:hover{background:var(--primary-light)}.recent-list{display:flex;flex-direction:column;gap:8px}.recent-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-md);background:var(--ios-gray-6);cursor:pointer;transition:all var(--transition-fast);border:none}.recent-item:hover{background:var(--ios-gray-5)}.recent-item:active{background:var(--ios-gray-4);transform:scale(.99)}.recent-icon{width:44px;height:44px;background:var(--bg-card);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;transition:all var(--transition-fast)}.recent-item:hover .recent-icon{color:var(--primary);background:var(--primary-light)}.recent-info{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-width:0}.recent-title{font-size:16px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.recent-date{font-size:13px;color:var(--text-secondary)}.recent-arrow{color:var(--ios-gray-3);font-size:16px;transition:all var(--transition-fast)}.recent-item:hover .recent-arrow{color:var(--primary);transform:translate(2px)}.trend-list{display:flex;flex-direction:column;gap:4px}.trend-item{display:flex;align-items:center;padding:12px 14px;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.trend-item:hover{background:var(--ios-gray-6)}.trend-item:active{background:var(--ios-gray-5)}.trend-rank{width:24px;text-align:center;font-weight:700;font-size:15px;margin-right:12px;color:var(--text-tertiary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.trend-rank.rank-1{color:var(--ios-red)}.trend-rank.rank-2{color:var(--ios-orange)}.trend-rank.rank-3{color:var(--ios-yellow)}.trend-name{font-weight:500;color:var(--text-main);flex:1;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trend-hot{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;margin-left:8px}.empty-state-mini{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:15px;background:var(--ios-gray-6);border-radius:var(--radius-md);border:none;min-height:120px}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}.scenarios-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.hero-section{padding:16px 0;margin-bottom:24px}.composer-container{padding:16px;border-radius:var(--radius-lg)}.composer-textarea{font-size:16px}.generate-btn{width:100%;justify-content:center;height:50px}.scenarios-grid{grid-template-columns:repeat(2,1fr);gap:12px}.scenario-card{padding:16px 12px}.scenario-icon-box{width:44px;height:44px;margin-bottom:10px}.scenario-title{font-size:14px}.scenario-desc{font-size:12px}.feature-card{min-height:auto;padding:16px}.recent-item{padding:12px 14px}.recent-icon{width:40px;height:40px}.recent-title{font-size:15px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.hero-section,.dashboard-grid{animation:none}}.stats-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stat-box{background:var(--bg-card);padding:20px;border-radius:var(--radius-lg);display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.stat-box:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon-circle{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px}.stat-icon-circle.blue{background:#007aff1f;color:var(--ios-blue)}.stat-icon-circle.green{background:#34c7591f;color:var(--ios-green)}.stat-icon-circle.orange{background:#ff95001f;color:var(--ios-orange)}.stat-content h4{font-size:14px;color:var(--text-secondary);font-weight:500;margin-bottom:4px}.stat-content .number{font-size:26px;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.toolbar-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--separator-color)}.search-mini{position:relative;width:260px}.search-mini input{width:100%;padding:12px 16px 12px 42px;border-radius:var(--radius-sm);border:none;font-size:16px;background:var(--ios-gray-6);transition:all var(--transition-fast);color:var(--text-main)}.search-mini input:focus{background:var(--bg-card);outline:none;box-shadow:0 0 0 4px var(--primary-light)}.search-mini input::placeholder{color:var(--text-placeholder)}.search-mini .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:40px}.gallery-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:none;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative}.gallery-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-cover{aspect-ratio:3/4;background:var(--ios-gray-6);position:relative;overflow:hidden;cursor:pointer}.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-card:hover .card-cover img{transform:scale(1.03)}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:44px;color:var(--ios-gray-4);font-weight:700;background:var(--ios-gray-6)}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity var(--transition-fast)}.gallery-card:hover .card-overlay{opacity:1}.overlay-btn{padding:12px 28px;border-radius:var(--radius-full);border:none;background:#fff3;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.overlay-btn:hover{background:#ffffff4d;transform:scale(1.02)}.overlay-btn:active{transform:scale(.98)}.overlay-btn.primary{background:var(--primary)}.overlay-btn.primary:hover{background:var(--primary-hover)}.gallery-card .status-badge{position:absolute;top:12px;left:12px;padding:6px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;background:#0009;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);color:#fff}.gallery-card .status-badge.completed{background:#34c759e6}.gallery-card .status-badge.draft{background:#8e8e93e6}.gallery-card .status-badge.generating{background:#007affe6}.card-footer{padding:14px 16px}.card-title{font-size:16px;font-weight:600;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-main)}.card-meta{display:flex;align-items:center;font-size:13px;color:var(--text-secondary)}.dot{margin:0 6px;color:var(--ios-gray-4)}.more-actions-wrapper{margin-left:auto}.more-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.more-btn:hover{background:#ff3b301a;color:var(--ios-red)}.pagination-wrapper{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:32px}.page-btn{padding:12px 20px;border:none;background:var(--ios-gray-6);border-radius:var(--radius-sm);cursor:pointer;font-size:15px;font-weight:500;color:var(--primary);transition:all var(--transition-fast)}.page-btn:hover:not(:disabled){background:var(--ios-gray-5)}.page-btn:active:not(:disabled){transform:scale(.98)}.page-btn:disabled{opacity:.4;cursor:not-allowed;color:var(--text-tertiary)}.page-info{font-size:15px;color:var(--text-secondary)}.empty-state-large{text-align:center;padding:80px 20px;color:var(--text-secondary)}.empty-img{font-size:60px;margin-bottom:20px;opacity:.4;color:var(--ios-gray-3)}.empty-state-large h3{font-size:20px;font-weight:600;color:var(--text-main);margin-bottom:8px}.empty-state-large p{font-size:15px;color:var(--text-secondary)}.modal-gallery-grid{flex:1;overflow-y:auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.modal-img-item{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--ios-gray-6)}.modal-img-item img{width:100%;border-radius:var(--radius-md);transition:transform var(--transition-normal)}.modal-img-item:hover img{transform:scale(1.02)}@media (max-width: 767px){.stats-overview{grid-template-columns:1fr;gap:12px}.stat-box{padding:16px}.stat-icon-circle{width:44px;height:44px;font-size:20px}.stat-content .number{font-size:22px}.toolbar-wrapper{flex-direction:column;gap:12px;align-items:stretch}.search-mini{width:100%}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-card{border-radius:var(--radius-md)}.card-footer{padding:12px}.card-title{font-size:14px}.card-meta{font-size:12px}.modal-gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}}@media (min-width: 768px) and (max-width: 1023px){.stats-overview{grid-template-columns:repeat(3,1fr);gap:14px}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:16px}}:root{--sidebar-width-mobile: 0px;--sidebar-width-tablet: 220px;--sidebar-width-desktop: 280px}@media (max-width: 767px){.layout-sidebar{position:fixed;left:-100%;width:300px;z-index:1000;transition:left var(--transition-normal);box-shadow:none;border-radius:0 var(--radius-2xl) var(--radius-2xl) 0}.layout-sidebar.mobile-open{left:0;box-shadow:var(--shadow-xl)}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);z-index:999;opacity:0;transition:opacity var(--transition-normal)}.mobile-overlay.active{display:block;opacity:1}.layout-main{margin-left:0;padding:76px 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.layout-main:has(.home-container){height:100vh;max-height:100vh;overflow:hidden;padding-bottom:20px}.layout-main:has(.home-container) .home-container{padding-bottom:8px}.mobile-header{display:flex;position:fixed;top:0;left:0;right:0;height:60px;background:#ffffffb8;backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-bottom:1px solid var(--separator-color);padding:0 16px;padding-top:env(safe-area-inset-top);align-items:center;justify-content:space-between;z-index:998}.mobile-header .logo-text{font-size:18px;font-weight:600}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;color:var(--primary);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.mobile-menu-btn:active{background:var(--primary-light)}.container{padding:0}.page-title{font-size:28px}.page-subtitle{font-size:15px}.card{padding:16px;border-radius:var(--radius-lg);margin-bottom:12px}.btn{padding:14px 24px;font-size:16px;min-height:50px}.btn-sm{padding:12px 20px;min-height:44px}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr;gap:12px}.grid-cols-2-mobile{grid-template-columns:repeat(2,1fr);gap:12px}.hero-section{padding:20px 16px;border-radius:var(--radius-lg)}.platform-slogan{font-size:15px}.composer-toolbar{flex-direction:column;gap:12px;padding:12px}.toolbar-left,.toolbar-right{width:100%;justify-content:space-between}.generate-btn{width:100%;justify-content:center}.global-footer,.home-footer{margin-top:32px;padding:20px 0 16px}.profile-header{flex-direction:column;gap:16px;text-align:center;padding:20px;border-radius:var(--radius-lg);width:100%;box-sizing:border-box}.user-info{flex-direction:column;align-items:center}.user-details{text-align:center}.balance-card{text-align:left;width:100%;justify-content:space-between}.profile-tabs,.tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap}.profile-tabs::-webkit-scrollbar,.tabs-container::-webkit-scrollbar{display:none}.tab-btn,.tab-item{padding:10px 16px;font-size:14px;flex-shrink:0;white-space:nowrap}.stats-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.history-grid{grid-template-columns:repeat(2,1fr);gap:12px}.login-card{padding:24px 20px;border-radius:var(--radius-xl)}.login-title{font-size:22px}.code-input-wrapper{flex-direction:column;gap:12px}.send-code-btn{padding:14px;width:100%}.recharge-container{padding:0}.packages-grid{grid-template-columns:1fr}.modal-body{width:100%;max-width:none;margin:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90vh;position:fixed;bottom:0;left:0;right:0;animation:modal-slide-up .3s ease}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-fullscreen{padding:0;align-items:flex-end}.error-toast,.toast{left:16px;right:16px;transform:none;bottom:calc(16px + env(safe-area-inset-bottom));border-radius:var(--radius-md)}.sidebar-footer{padding:12px}.balance-display{padding:12px 14px}.user-menu{padding:10px 12px}.input{font-size:16px;padding:14px 16px}.list-ios-item{padding:14px 16px}.image-card{min-height:280px}}@media (min-width: 768px) and (max-width: 1023px){:root{--sidebar-width: var(--sidebar-width-tablet)}.layout-sidebar{width:var(--sidebar-width-tablet);padding:20px 16px}.layout-main{margin-left:var(--sidebar-width-tablet);padding:24px 32px}.logo-text{font-size:18px}.nav-item{padding:12px 14px;font-size:15px;gap:10px}.container{padding:0 24px}.page-title{font-size:30px}.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.hero-section{padding:28px 32px}.stats-grid,.stats-row{grid-template-columns:repeat(2,1fr)}.history-grid{grid-template-columns:repeat(3,1fr)}.admin-layout .sidebar{width:200px}.admin-layout .main-content{padding:16px}.mobile-header{display:none}}@media (min-width: 1024px){:root{--sidebar-width: var(--sidebar-width-desktop)}.mobile-header{display:none}.mobile-overlay{display:none!important}.layout-sidebar{left:0;width:var(--sidebar-width-desktop)}.layout-main{margin-left:var(--sidebar-width-desktop)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (hover: none) and (pointer: coarse){.btn,.nav-item,.tab-btn,.tab-item,.tool-btn,.list-ios-item{min-height:44px}.card:hover{transform:none;box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:none;background:var(--primary)}.btn-secondary:hover{background:var(--ios-gray-6)}.history-card:hover{transform:none;box-shadow:none}.image-card:hover{transform:none;box-shadow:var(--shadow-sm)}.btn:active{transform:scale(.97)}.nav-item:active{background:var(--primary-light)}.card:active{transform:scale(.99)}.list-ios-item:active{background:var(--ios-gray-6)}}@supports (padding: max(0px)){.mobile-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-top:env(safe-area-inset-top);height:calc(60px + env(safe-area-inset-top))}.layout-main{padding-bottom:max(16px,env(safe-area-inset-bottom))}@media (max-width: 767px){.layout-main{padding-top:calc(76px + env(safe-area-inset-top))}.layout-sidebar{padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom))}}.fixed-bottom{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width: 767px){.bottom-tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-tab-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#ffffffb8;backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-top:1px solid var(--separator-color);display:flex;align-items:center;justify-content:space-around;z-index:998}.bottom-tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 16px;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);min-width:64px}.bottom-tab-item.active{color:var(--primary)}.bottom-tab-icon{width:24px;height:24px}.bottom-tab-label{font-size:10px;font-weight:500}.layout-main.with-bottom-tab{padding-bottom:calc(var(--bottom-tab-height) + 16px + env(safe-area-inset-bottom))}}@media print{.layout-sidebar,.mobile-header,.mobile-overlay,.bottom-tab-bar{display:none!important}.layout-main{margin-left:0;padding:0}}.wechat-browser{-webkit-user-select:none;user-select:none}.wechat-browser input,.wechat-browser textarea{-webkit-user-select:text;user-select:text}.wechat-ios{-webkit-overflow-scrolling:touch}.wechat-ios .layout-main{overscroll-behavior:none}.wechat-browser .login-container{min-height:100vh;min-height:-webkit-fill-available}.wechat-browser .btn,.wechat-browser .wechat-btn{-webkit-tap-highlight-color:transparent}.wechat-browser .wechat-btn:active{transform:scale(.98)}@media (max-width: 767px){.wechat-browser .wechat-login{padding-top:10px}.wechat-browser .wechat-hint{font-size:15px}}.wechat-android .form-input{-webkit-appearance:none}.wechat-android .modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.lazy-image-container{background:var(--ios-gray-6)}@media (max-width: 767px){.history-grid,.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.history-card,.gallery-card{border-radius:var(--radius-md)}.modal-gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.modal-img-preview{border-radius:var(--radius-sm)}.modal-img-item{font-size:11px}.modal-fullscreen{padding:0}.modal-fullscreen .modal-body{border-radius:0;height:100vh;max-width:100%}.modal-fullscreen .modal-header{padding:12px 16px}.modal-fullscreen .modal-title{font-size:16px}}.lazy-image-container.loading-thumbnail img{filter:blur(5px);transform:scale(1.1)}.lazy-image-container.loaded img{filter:none;transform:scale(1);transition:filter .3s ease,transform .3s ease}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.history-thumbnail,.card-cover,.image-preview{aspect-ratio:3/4;background:var(--ios-gray-6)}@media (max-width: 767px){.modal-overlay-btn{padding:14px 24px;font-size:15px;min-height:44px}.modal-img-item span[style*="cursor: pointer"]{padding:10px 14px;background:var(--primary-light);border-radius:var(--radius-sm)}}@media (max-width: 767px) and (orientation: landscape){.layout-main{padding-top:60px}.mobile-header{height:50px}.modal-body{max-height:100vh;border-radius:var(--radius-lg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
