@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=Manrope:wght@500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}:root{--font-display: "Manrope", "Noto Sans SC", sans-serif;--font-body: "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-data: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--color-primary: #3de2bf;--color-primary-light: #7ff1d5;--color-primary-dark: #14b99e;--color-coral: #ff7668;--color-accent: #27cfff;--color-success: #35cda7;--color-success-light: #78e7c9;--color-warning: #e9a23b;--color-error: #e45648;--color-error-light: #ff8173;--color-violet: #d9d7ff;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--transition-fast: .14s ease;--transition-normal: .24s cubic-bezier(.2,.7,.2,1);--container-max-width: 1540px;--container-padding: 28px;--primary-gradient: linear-gradient(110deg, #7dff72 0%, #34e3bc 52%, #22c9ff 100%);--accent-gradient: linear-gradient(110deg, #34e3bc, #22c9ff)}[data-theme=light]{color-scheme:light;--color-primary: #0eaa94;--color-primary-light: #24c8ad;--color-primary-dark: #078675;--color-bg-deep: #f3f6f6;--color-bg-dark: #e8eeee;--color-bg-card: #fbfdfd;--color-bg-elevated: #ffffff;--color-bg-hover: #edf1ed;--color-card-solid: #fbfcfa;--color-text-primary: #101512;--color-text-secondary: #4f5953;--color-text-tertiary: #707a74;--color-text-muted: #8b958f;--color-sidebar-bg: rgba(251,252,250,.94);--color-sidebar-border: #dce2dd;--color-sidebar-hover: #edf1ed;--color-sidebar-divider: #dce2dd;--color-sidebar-text: #5c665f;--color-sidebar-text-hover: #101512;--color-divider: #dce2dd;--color-border-subtle: #e8ece8;--color-border-light: #dce2dd;--color-border-medium: #cbd3cd;--color-border-strong: #adb8b0;--color-input-bg: #f3f5f2;--color-input-bg-hover: #edf1ed;--color-input-bg-focus: #ffffff;--color-overlay-bg: rgba(19,22,30,.56);--color-modal-bg: #ffffff;--color-popover-divider: #e9ebef;--color-popover-hover: #f3f4f7;--color-actions-overlay: rgba(18,20,27,.82);--glass-bg: rgba(255,255,255,.88);--glass-bg-hover: #ffffff;--glass-border: #e6e8ed;--glass-border-hover: #cdd1da;--shadow-sm: 0 2px 8px rgba(24,34,28,.05);--shadow-md: 0 12px 30px rgba(24,34,28,.08);--shadow-lg: 0 24px 58px rgba(24,34,28,.12);--shadow-xl: 0 34px 90px rgba(24,34,28,.18);--shadow-glow: 0 0 0 3px rgba(47,91,255,.12);--scrollbar-track: transparent;--scrollbar-thumb: #c9cdd6;--scrollbar-thumb-hover: #a8adb8;--scrollbar-color: #c9cdd6 transparent;--color-tint-white-02: rgba(23,24,27,.01);--color-tint-white-03: rgba(23,24,27,.02);--color-tint-white-04: rgba(23,24,27,.03);--color-tint-white-05: rgba(23,24,27,.04);--color-tint-white-06: rgba(23,24,27,.05);--color-tint-white-08: rgba(23,24,27,.07);--color-tint-white-10: rgba(23,24,27,.09);--color-tint-white-12: rgba(23,24,27,.11);--color-tint-white-15: rgba(23,24,27,.14);--color-tint-white-18: rgba(23,24,27,.17);--color-tint-white-20: rgba(23,24,27,.2);--color-tint-black-10: rgba(23,24,27,.1);--color-tint-black-20: rgba(23,24,27,.2);--color-tint-black-25: rgba(23,24,27,.25);--color-tint-black-30: rgba(23,24,27,.3);--color-tint-black-35: rgba(23,24,27,.35);--color-tint-black-50: rgba(23,24,27,.5)}[data-theme=dark]{color-scheme:dark;--color-primary: #45e6c3;--color-primary-light: #80f2d6;--color-primary-dark: #18bfa2;--color-coral: #ff8175;--color-accent: #2dceff;--color-success: #45d3ad;--color-success-light: #82e8cc;--color-error: #ff7165;--color-error-light: #ff9b92;--color-bg-deep: #0b0e13;--color-bg-dark: #070a0e;--color-bg-card: #171b21;--color-bg-elevated: #20252c;--color-bg-hover: #252b33;--color-card-solid: #171b21;--color-text-primary: #f4f7f8;--color-text-secondary: #b5bec7;--color-text-tertiary: #929da8;--color-text-muted: #737e89;--color-sidebar-bg: rgba(10,13,18,.98);--color-sidebar-border: #242a31;--color-sidebar-hover: #1b2128;--color-sidebar-divider: #242a31;--color-sidebar-text: #9ca7b2;--color-sidebar-text-hover: #ffffff;--color-divider: #252c34;--color-border-subtle: #20262d;--color-border-light: #2a3139;--color-border-medium: #3a434d;--color-border-strong: #53606c;--color-input-bg: #101419;--color-input-bg-hover: #151a20;--color-input-bg-focus: #171c22;--color-overlay-bg: rgba(3,4,7,.76);--color-modal-bg: #1a1c22;--color-popover-divider: #30333b;--color-popover-hover: #272a31;--color-actions-overlay: rgba(3,4,7,.86);--glass-bg: rgba(26,28,34,.9);--glass-bg-hover: #22252c;--glass-border: #30333b;--glass-border-hover: #4b505c;--shadow-sm: 0 2px 10px rgba(0,0,0,.25);--shadow-md: 0 14px 36px rgba(0,0,0,.34);--shadow-lg: 0 26px 72px rgba(0,0,0,.44);--shadow-xl: 0 38px 100px rgba(0,0,0,.52);--shadow-glow: 0 0 0 3px rgba(69,230,195,.14);--scrollbar-track: transparent;--scrollbar-thumb: #41454f;--scrollbar-thumb-hover: #5c616d;--scrollbar-color: #41454f transparent;--color-tint-white-02: rgba(255,255,255,.02);--color-tint-white-03: rgba(255,255,255,.03);--color-tint-white-04: rgba(255,255,255,.04);--color-tint-white-05: rgba(255,255,255,.05);--color-tint-white-06: rgba(255,255,255,.06);--color-tint-white-08: rgba(255,255,255,.08);--color-tint-white-10: rgba(255,255,255,.1);--color-tint-white-12: rgba(255,255,255,.12);--color-tint-white-15: rgba(255,255,255,.15);--color-tint-white-18: rgba(255,255,255,.18);--color-tint-white-20: rgba(255,255,255,.2);--color-tint-black-10: rgba(0,0,0,.1);--color-tint-black-20: rgba(0,0,0,.2);--color-tint-black-25: rgba(0,0,0,.25);--color-tint-black-30: rgba(0,0,0,.3);--color-tint-black-35: rgba(0,0,0,.35);--color-tint-black-50: rgba(0,0,0,.5)}html{height:100%;scroll-behavior:smooth;scrollbar-color:var(--scrollbar-color)}body{min-width:320px;min-height:100%;background:var(--color-bg-deep);color:var(--color-text-primary);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}body,button,input,textarea,select{font-family:var(--font-body);letter-spacing:0}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}img,video{display:block;max-width:100%}::selection{color:#fff;background:var(--color-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid transparent;border-radius:10px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border:2px solid transparent;background-clip:padding-box}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,textarea,select{color:var(--color-text-primary);background:var(--color-input-bg);border:1px solid var(--color-border-medium);border-radius:var(--radius-md)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow);outline:0}#app{height:100vh;height:100dvh;overflow:hidden}.app-root{height:100%}.page-enter-active,.page-leave-active{transition:opacity var(--transition-normal)}.page-enter-from,.page-leave-to{opacity:0}@media (max-width: 900px){:root{--container-padding: 18px}}@media (max-width: 640px){:root{--container-padding: 14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-modal-overlay[data-v-2d3b3abe]{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.auth-modal[data-v-2d3b3abe]{width:100%;max-width:440px;max-height:90vh;overflow-y:auto;padding:28px 24px;background:var(--color-modal-bg);border:1px solid var(--color-border-medium);border-radius:18px;box-shadow:0 25px 80px var(--color-tint-black-50);position:relative;animation:modalIn-2d3b3abe .4s cubic-bezier(.4,0,.2,1)}@keyframes modalIn-2d3b3abe{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-btn[data-v-2d3b3abe]{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;background:var(--color-tint-white-06);border-radius:10px;color:var(--color-text-muted);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.close-btn[data-v-2d3b3abe]:hover{background:var(--color-tint-white-12);color:var(--color-text-primary);transform:rotate(90deg)}.auth-header[data-v-2d3b3abe]{text-align:center;margin-bottom:32px}.auth-brand[data-v-2d3b3abe]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.logo-icon[data-v-2d3b3abe]{width:40px;height:40px;object-fit:contain}.auth-header h1[data-v-2d3b3abe]{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:28px;font-weight:900;margin:0;color:#fff;letter-spacing:.02em;transform:skew(-3deg)}.subtitle[data-v-2d3b3abe]{color:var(--color-text-secondary);font-size:14px;margin:0;letter-spacing:.02em}.auth-tabs[data-v-2d3b3abe]{display:flex;gap:8px;margin-bottom:28px;background:var(--color-tint-white-03);border-radius:12px;padding:6px;border:1px solid var(--color-tint-white-06)}.tab-btn[data-v-2d3b3abe]{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--color-text-muted);font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.tab-btn.active[data-v-2d3b3abe]{background:#d95c43;color:#fff;box-shadow:0 4px 16px #d95c4359}.tab-btn[data-v-2d3b3abe]:hover:not(.active){color:var(--color-text-secondary);background:#d95c4314}.auth-form[data-v-2d3b3abe]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-2d3b3abe]{display:flex;flex-direction:column;gap:6px}.form-label[data-v-2d3b3abe]{font-size:13px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.3px;margin-bottom:2px}.optional[data-v-2d3b3abe]{font-weight:400;color:var(--color-text-muted)}.input-wrapper[data-v-2d3b3abe]{position:relative;display:flex;align-items:center}.form-input[data-v-2d3b3abe]{width:100%;padding:12px 14px;font-size:14px;background:var(--color-input-bg);border:1px solid var(--color-border-medium);border-radius:12px;color:var(--color-text-primary);transition:all .3s ease}.form-input[data-v-2d3b3abe]:focus{background:var(--color-input-bg-focus);border-color:#d95c4380;outline:none;box-shadow:0 0 0 3px #d95c4326}.form-input[data-v-2d3b3abe]::placeholder{color:var(--color-text-muted)}.form-input[data-v-2d3b3abe]:disabled{opacity:.5;cursor:not-allowed}.form-textarea[data-v-2d3b3abe]{width:100%;padding:14px;font-size:13px;background:var(--color-tint-white-08);border:1.5px solid var(--glass-border);border-radius:10px;color:var(--color-text-primary);transition:all .3s ease;font-family:Courier New,monospace;resize:vertical;line-height:1.6;letter-spacing:.3px;word-break:break-all;min-height:160px}.form-textarea[data-v-2d3b3abe]:focus{background:var(--color-tint-white-12);border-color:#d95c4399;outline:none;box-shadow:0 0 0 3px #d95c4333}.form-textarea[data-v-2d3b3abe]::placeholder{color:var(--color-text-muted)}.form-textarea[data-v-2d3b3abe]:disabled{opacity:.6;cursor:not-allowed}.toggle-password-btn[data-v-2d3b3abe]{position:absolute;right:12px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:16px;padding:4px;transition:all .2s ease}.toggle-password-btn[data-v-2d3b3abe]:hover{color:var(--color-accent)}.login-method[data-v-2d3b3abe]{display:flex;gap:8px}.method-btn[data-v-2d3b3abe]{flex:1;padding:8px 12px;border:1px solid var(--glass-border);background:transparent;color:var(--color-text-muted);font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.method-btn.active[data-v-2d3b3abe]{border-color:#d95c4380;color:#d95c43;background:#d95c431a}.method-btn[data-v-2d3b3abe]:hover:not(.active){border-color:var(--color-tint-white-20);color:var(--color-text-secondary)}.code-input-wrapper[data-v-2d3b3abe]{display:flex;gap:10px}.code-input-wrapper .form-input[data-v-2d3b3abe]{flex:1}.resend-btn[data-v-2d3b3abe]{padding:12px 14px;background:#d95c431a;border:1px solid rgba(217,92,67,.3);color:#d95c43;font-size:12px;font-weight:600;border-radius:10px;cursor:pointer;white-space:nowrap;transition:all .3s ease}.resend-btn[data-v-2d3b3abe]:disabled{opacity:.5;cursor:not-allowed}.resend-btn[data-v-2d3b3abe]:hover:not(:disabled){background:#d95c4333}.back-btn[data-v-2d3b3abe]{background:transparent;border:none;color:var(--color-text-muted);font-size:13px;cursor:pointer;text-align:left;padding:0;transition:color .2s ease}.back-btn[data-v-2d3b3abe]:hover{color:var(--color-accent)}.dev-code-hint[data-v-2d3b3abe]{padding:10px 12px;background:var(--color-success-light);border:1px solid rgba(76,175,80,.3);border-radius:8px;color:var(--color-success);font-size:12px}.dev-code-hint strong[data-v-2d3b3abe]{font-family:SF Mono,Fira Code,monospace;letter-spacing:2px;font-size:14px}.form-hint[data-v-2d3b3abe]{margin:0;font-size:12px;color:var(--color-text-muted);line-height:1.5}.agreement-check[data-v-2d3b3abe]{margin-top:4px}.agreement-label[data-v-2d3b3abe]{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;color:var(--color-text-muted)}.agreement-checkbox[data-v-2d3b3abe]{margin-top:2px;width:14px;height:14px;cursor:pointer;accent-color:#d95c43;flex-shrink:0}.agreement-text[data-v-2d3b3abe]{display:inline}.agreement-link[data-v-2d3b3abe]{color:var(--color-accent);text-decoration:none}.agreement-link[data-v-2d3b3abe]:hover{color:#d95c43;text-decoration:underline}.success-alert[data-v-2d3b3abe]{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--color-success-light);border:1px solid rgba(76,175,80,.3);border-radius:10px;color:var(--color-success);font-size:13px}.success-icon[data-v-2d3b3abe]{font-size:16px;flex-shrink:0}.error-alert[data-v-2d3b3abe]{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:10px;color:var(--color-error-light);font-size:13px}.error-icon[data-v-2d3b3abe]{font-size:16px;flex-shrink:0}.submit-btn[data-v-2d3b3abe]{padding:12px;font-size:14px;font-weight:700;color:#fff;background:#d95c43;border:none;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;letter-spacing:.5px}.submit-btn[data-v-2d3b3abe]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #d95c4366}.submit-btn[data-v-2d3b3abe]:disabled{opacity:.6;cursor:not-allowed}.spinner[data-v-2d3b3abe]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-2d3b3abe .8s linear infinite}.spinner-small[data-v-2d3b3abe]{width:14px;height:14px;border:2px solid rgba(217,92,67,.3);border-top-color:#d95c43;border-radius:50%;animation:spin-2d3b3abe .8s linear infinite}@keyframes spin-2d3b3abe{to{transform:rotate(360deg)}}.auth-footer[data-v-2d3b3abe]{text-align:center;margin-top:28px;padding-top:24px;border-top:1px solid var(--color-tint-white-06)}.footer-text[data-v-2d3b3abe]{font-size:14px;color:var(--color-text-muted);margin:0}.link-btn[data-v-2d3b3abe],.switch-mode-btn[data-v-2d3b3abe]{background:transparent;border:none;color:var(--color-accent);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.link-btn[data-v-2d3b3abe]:hover,.switch-mode-btn[data-v-2d3b3abe]:hover{text-decoration:underline;color:#d95c43}.forgot-password[data-v-2d3b3abe]{text-align:right;margin-top:8px}.forgot-password .link-btn[data-v-2d3b3abe]{font-size:12px;color:var(--color-text-muted)}.forgot-password .link-btn[data-v-2d3b3abe]:hover{color:var(--color-accent)}.oauth-divider[data-v-2d3b3abe]{display:flex;align-items:center;gap:12px;margin:20px 0 16px}.divider-line[data-v-2d3b3abe]{flex:1;height:1px;background:var(--color-tint-white-08)}.divider-text[data-v-2d3b3abe]{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.oauth-btn[data-v-2d3b3abe]{width:100%;padding:11px 16px;border:1px solid var(--color-border-medium);background:var(--color-tint-white-04);color:var(--color-text-secondary);font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.oauth-btn[data-v-2d3b3abe]:hover:not(:disabled){background:var(--color-tint-white-08);border-color:var(--color-tint-white-20);color:var(--color-text-primary)}.oauth-btn[data-v-2d3b3abe]:disabled{opacity:.5;cursor:not-allowed}.oauth-icon[data-v-2d3b3abe]{flex-shrink:0}@media (max-width: 768px){.auth-modal[data-v-2d3b3abe]{max-width:calc(100% - 32px);margin:16px;padding:28px 20px}.auth-header h1[data-v-2d3b3abe]{font-size:24px}.logo-icon[data-v-2d3b3abe]{width:34px;height:34px}}@media (max-width: 480px){.auth-modal[data-v-2d3b3abe]{max-width:calc(100% - 24px);margin:12px;padding:24px 16px}.auth-header h1[data-v-2d3b3abe]{font-size:22px}.logo-icon[data-v-2d3b3abe]{width:30px;height:30px}.form-group label[data-v-2d3b3abe]{font-size:12px}.form-input[data-v-2d3b3abe]{padding:10px 12px;font-size:13px}.form-hint[data-v-2d3b3abe]{font-size:11px}}@media (max-width: 360px){.auth-modal[data-v-2d3b3abe]{padding:20px 14px}.auth-header h1[data-v-2d3b3abe]{font-size:20px}}.auth-modal-overlay[data-v-2d3b3abe]{padding:18px;background:#0b120ead;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-modal[data-v-2d3b3abe]{max-width:430px;padding:24px 26px 22px;border:1px solid var(--color-border-light);border-radius:8px;box-shadow:var(--shadow-xl);animation:auth-enter-2d3b3abe .22s cubic-bezier(.2,.7,.2,1)}@keyframes auth-enter-2d3b3abe{0%{opacity:0;transform:translateY(12px)}}.close-btn[data-v-2d3b3abe]{top:12px;right:12px;width:32px;height:32px;border-radius:5px;background:var(--color-bg-hover);font-size:17px}.close-btn[data-v-2d3b3abe]:hover{color:var(--color-text-primary);background:var(--color-border-light);transform:none}.auth-header[data-v-2d3b3abe]{margin-bottom:22px;text-align:left}.auth-brand[data-v-2d3b3abe]{justify-content:flex-start;gap:10px;margin-bottom:6px}.logo-icon[data-v-2d3b3abe]{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;color:#fff;background:var(--color-primary);border-radius:5px;font-size:14px;font-weight:800}.auth-header h1[data-v-2d3b3abe]{color:var(--color-text-primary);font-family:var(--font-display);font-size:18px;font-weight:800;transform:none}.subtitle[data-v-2d3b3abe]{margin-left:42px;font-size:11px}.auth-tabs[data-v-2d3b3abe]{margin-bottom:20px;padding:3px;gap:3px;border-color:var(--color-border-light);border-radius:6px;background:var(--color-bg-dark)}.tab-btn[data-v-2d3b3abe]{height:36px;padding:0 12px;border-radius:4px;font-size:12px}.tab-btn.active[data-v-2d3b3abe]{color:#fff;background:var(--color-primary);box-shadow:none}.tab-btn[data-v-2d3b3abe]:hover:not(.active){color:var(--color-text-primary);background:var(--color-bg-hover)}.auth-form[data-v-2d3b3abe]{gap:13px}.form-group[data-v-2d3b3abe]{gap:5px}.form-label[data-v-2d3b3abe]{color:var(--color-text-secondary);font-size:11px}.form-input[data-v-2d3b3abe]{height:42px;padding:0 12px;border-color:var(--color-border-medium);border-radius:5px;font-size:12px}.form-input[data-v-2d3b3abe]:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.form-textarea[data-v-2d3b3abe]{border-radius:5px;border-color:var(--color-border-medium);background:var(--color-input-bg)}.form-textarea[data-v-2d3b3abe]:focus{border-color:var(--color-primary);background:var(--color-input-bg-focus);box-shadow:var(--shadow-glow)}.toggle-password-btn[data-v-2d3b3abe]{width:34px;height:34px;right:4px;display:grid;place-items:center;color:var(--color-text-muted);font-size:16px}.toggle-password-btn[data-v-2d3b3abe]:hover{color:var(--color-primary)}.login-method[data-v-2d3b3abe]{gap:4px}.method-btn[data-v-2d3b3abe]{height:34px;padding:0 9px;border-color:var(--color-border-light);border-radius:5px}.method-btn.active[data-v-2d3b3abe]{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border-light));background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.resend-btn[data-v-2d3b3abe]{border-radius:5px;color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border-light));background:color-mix(in srgb,var(--color-primary) 7%,transparent)}.agreement-checkbox[data-v-2d3b3abe]{accent-color:var(--color-primary)}.agreement-link[data-v-2d3b3abe],.link-btn[data-v-2d3b3abe],.switch-mode-btn[data-v-2d3b3abe]{color:var(--color-accent)}.submit-btn[data-v-2d3b3abe]{min-height:42px;margin-top:4px;border-radius:5px;background:var(--color-primary);font-size:12px}.submit-btn[data-v-2d3b3abe]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #d95c4338}.success-alert[data-v-2d3b3abe]{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 28%,transparent);border-radius:5px;background:color-mix(in srgb,var(--color-success) 8%,transparent)}.error-alert[data-v-2d3b3abe]{color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 28%,transparent);border-radius:5px;background:color-mix(in srgb,var(--color-error) 8%,transparent)}.success-icon[data-v-2d3b3abe],.error-icon[data-v-2d3b3abe]{font-size:17px}.oauth-btn[data-v-2d3b3abe]{min-height:40px;border-radius:5px;font-size:12px}.auth-footer[data-v-2d3b3abe]{margin-top:16px;padding-top:16px}@media (max-width: 480px){.auth-modal[data-v-2d3b3abe]{max-width:100%;margin:0;padding:22px 18px 20px}.auth-header h1[data-v-2d3b3abe]{font-size:17px}.logo-icon[data-v-2d3b3abe]{width:30px;height:30px}.subtitle[data-v-2d3b3abe]{margin-left:40px}}.invite-modal-overlay[data-v-d9d93462]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.invite-modal[data-v-d9d93462]{background:var(--color-modal-bg);border-radius:18px;padding:28px 24px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--color-tint-white-08);box-shadow:0 25px 80px var(--color-tint-black-50);animation:modalIn-d9d93462 .4s cubic-bezier(.4,0,.2,1)}@keyframes modalIn-d9d93462{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-btn[data-v-d9d93462]{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;background:var(--color-tint-white-06);border-radius:10px;color:var(--color-text-muted);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.close-btn[data-v-d9d93462]:hover{background:var(--color-tint-white-12);color:var(--color-text-primary);transform:rotate(90deg)}.invite-header[data-v-d9d93462]{text-align:center;margin-bottom:28px}.header-icon[data-v-d9d93462]{font-size:56px;margin-bottom:16px;animation:float-d9d93462 3s ease-in-out infinite}@keyframes float-d9d93462{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.invite-header h2[data-v-d9d93462]{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:20px;font-weight:900;margin:0 0 8px;color:var(--color-text-primary);letter-spacing:.02em;transform:skew(-3deg);display:inline-block}.subtitle[data-v-d9d93462]{color:var(--color-text-secondary);font-size:14px;margin:0;letter-spacing:.02em}.stats-grid[data-v-d9d93462]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.stat-card[data-v-d9d93462]{background:var(--color-tint-white-05);border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px;border:1px solid var(--color-tint-white-08)}.stat-icon[data-v-d9d93462]{font-size:28px}.stat-info[data-v-d9d93462]{display:flex;flex-direction:column}.stat-value[data-v-d9d93462]{color:var(--color-text-primary);font-size:24px;font-weight:700}.stat-label[data-v-d9d93462]{color:var(--color-text-muted);font-size:12px}.section-label[data-v-d9d93462]{display:block;color:var(--color-text-muted);font-size:12px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.invite-code-section[data-v-d9d93462],.invite-link-section[data-v-d9d93462]{margin-bottom:20px}.code-display[data-v-d9d93462],.link-display[data-v-d9d93462]{display:flex;align-items:center;gap:12px;background:#d95c4314;border:1px solid rgba(217,92,67,.3);border-radius:10px;padding:12px 14px}.code-text[data-v-d9d93462]{flex:1;color:#d95c43;font-size:24px;font-weight:700;font-family:Consolas,monospace;letter-spacing:2px}.link-text[data-v-d9d93462]{flex:1;color:#d95c43;font-size:12px;word-break:break-all}.copy-btn[data-v-d9d93462]{background:#d95c4326;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:18px;transition:all .3s ease}.copy-btn[data-v-d9d93462]:hover{background:#d95c4340;transform:translateY(-2px)}.copy-success-toast[data-v-d9d93462]{background:#22c55e33;color:#4ade80;padding:12px 16px;border-radius:8px;text-align:center;margin-bottom:20px;font-size:14px;animation:fadeIn-d9d93462 .3s ease}@keyframes fadeIn-d9d93462{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.records-section[data-v-d9d93462]{margin-top:24px}.records-list[data-v-d9d93462]{background:var(--color-tint-white-03);border-radius:10px;overflow:hidden;max-height:300px;overflow-y:auto}.record-item[data-v-d9d93462]{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--color-tint-white-05)}.record-item[data-v-d9d93462]:last-child{border-bottom:none}.record-info[data-v-d9d93462]{display:flex;flex-direction:column;gap:4px}.record-email[data-v-d9d93462]{color:var(--color-text-primary);font-size:14px}.record-time[data-v-d9d93462]{color:var(--color-text-muted);font-size:12px}.record-reward[data-v-d9d93462]{display:flex;align-items:center;gap:4px;background:#22c55e1a;padding:6px 10px;border-radius:8px}.reward-icon[data-v-d9d93462]{font-size:14px}.reward-value[data-v-d9d93462]{color:#4ade80;font-weight:600;font-size:14px}.empty-records[data-v-d9d93462]{text-align:center;padding:40px 20px;color:var(--color-text-muted)}.empty-icon[data-v-d9d93462]{font-size:48px;display:block;margin-bottom:16px}.empty-records p[data-v-d9d93462]{margin:0 0 8px}.empty-hint[data-v-d9d93462]{font-size:12px;color:var(--color-text-muted)}.loading-state[data-v-d9d93462],.error-state[data-v-d9d93462]{text-align:center;padding:40px 20px;color:var(--color-text-muted)}.spinner[data-v-d9d93462]{width:40px;height:40px;border:3px solid rgba(217,92,67,.2);border-top-color:#d95c43;border-radius:50%;animation:spin-d9d93462 1s linear infinite;margin:0 auto 16px}@keyframes spin-d9d93462{to{transform:rotate(360deg)}}.error-icon[data-v-d9d93462]{font-size:48px;display:block;margin-bottom:16px}.retry-btn[data-v-d9d93462]{background:#d95c43;color:#fff;border:none;padding:10px 24px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #d95c434d}.retry-btn[data-v-d9d93462]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d95c4366}.redeem-form[data-v-4a48902a]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-4a48902a]{display:flex;flex-direction:column;gap:6px}.form-label[data-v-4a48902a]{font-size:13px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.3px;margin-bottom:2px}.form-input[data-v-4a48902a]{width:100%;padding:14px 16px;font-size:14px;background:var(--color-tint-white-04);border:1px solid var(--color-tint-white-08);border-radius:12px;color:var(--color-text-primary);transition:all .3s ease}.form-input[data-v-4a48902a]:focus{background:var(--color-tint-white-08);border-color:#d95c4380;outline:none;box-shadow:0 0 0 3px #d95c4326}.form-input[data-v-4a48902a]::placeholder{color:var(--color-text-muted)}.form-input[data-v-4a48902a]:disabled{opacity:.5;cursor:not-allowed}.form-hint[data-v-4a48902a]{margin:0;font-size:12px;color:var(--color-text-muted);line-height:1.5}.success-alert[data-v-4a48902a]{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--color-success-light);border:1px solid rgba(76,175,80,.3);border-radius:10px;color:var(--color-success);font-size:13px;animation:fadeIn-4a48902a .3s ease}.success-icon[data-v-4a48902a]{font-size:16px}.error-alert[data-v-4a48902a]{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:13px;animation:fadeIn-4a48902a .3s ease}.error-icon[data-v-4a48902a]{font-size:16px}.submit-btn[data-v-4a48902a]{padding:16px;font-size:15px;font-weight:700;color:#fff;background:#d95c43;border:none;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;letter-spacing:.5px}.submit-btn[data-v-4a48902a]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #d95c4366}.submit-btn[data-v-4a48902a]:disabled{opacity:.6;cursor:not-allowed}.spinner[data-v-4a48902a]{width:18px;height:18px;border:2px solid var(--color-tint-white-20);border-top-color:#fff;border-radius:50%;animation:spin-4a48902a .8s linear infinite}@keyframes spin-4a48902a{to{transform:rotate(360deg)}}@keyframes fadeIn-4a48902a{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.form-input[data-v-4a48902a]{padding:10px 12px;font-size:13px}.form-hint[data-v-4a48902a]{font-size:11px}.submit-btn[data-v-4a48902a]{padding:10px;font-size:13px}}@media (max-width: 480px){.form-input[data-v-4a48902a]{padding:9px 11px;font-size:12px}.success-alert[data-v-4a48902a],.error-alert[data-v-4a48902a]{padding:10px 12px;font-size:12px}.submit-btn[data-v-4a48902a]{padding:10px;font-size:12px}}.redeem-modal-overlay[data-v-cbaf009b]{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.redeem-modal[data-v-cbaf009b]{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;padding:28px 24px;background:var(--color-modal-bg);border:1px solid var(--color-tint-white-08);border-radius:18px;box-shadow:0 25px 80px var(--color-tint-black-50);position:relative;animation:modalIn-cbaf009b .4s cubic-bezier(.4,0,.2,1)}@keyframes modalIn-cbaf009b{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-btn[data-v-cbaf009b]{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;background:var(--color-tint-white-06);border-radius:10px;color:var(--color-text-muted);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.close-btn[data-v-cbaf009b]:hover{background:var(--color-tint-white-12);color:var(--color-text-primary);transform:rotate(90deg)}.redeem-header[data-v-cbaf009b]{text-align:center;margin-bottom:24px}.header-icon[data-v-cbaf009b]{font-size:56px;margin-bottom:16px;animation:float-cbaf009b 3s ease-in-out infinite}@keyframes float-cbaf009b{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.redeem-header h2[data-v-cbaf009b]{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:20px;font-weight:900;margin:0 0 8px;color:var(--color-text-primary);letter-spacing:.02em;transform:skew(-3deg);display:inline-block}.subtitle[data-v-cbaf009b]{color:var(--color-text-secondary);font-size:14px;margin:0;letter-spacing:.02em}.redeem-balance[data-v-cbaf009b]{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--color-tint-white-03);border:1px solid var(--color-tint-white-06);border-radius:10px;margin-bottom:20px}.balance-label[data-v-cbaf009b]{color:var(--color-text-secondary);font-size:14px}.balance-value[data-v-cbaf009b]{color:#fbbf24;font-size:22px;font-weight:700}.balance-unit[data-v-cbaf009b]{font-size:16px}.buy-section[data-v-cbaf009b]{margin-top:24px;text-align:center}.buy-divider[data-v-cbaf009b]{position:relative;margin:20px 0;text-align:center}.buy-divider[data-v-cbaf009b]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-tint-white-08)}.buy-divider span[data-v-cbaf009b]{position:relative;background:var(--color-bg-card, #1a1a2e);padding:0 16px;color:var(--color-text-muted);font-size:13px}.buy-link[data-v-cbaf009b]{display:inline-block;padding:8px 20px;background:var(--color-success, #65c9a8);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .2s,box-shadow .2s}.buy-link[data-v-cbaf009b]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #2f725c66}.buy-tip[data-v-cbaf009b]{margin-top:10px;font-size:12px;color:var(--color-text-muted)}@media (max-width: 768px){.redeem-modal[data-v-cbaf009b]{max-width:calc(100% - 32px);padding:28px 20px}}@media (max-width: 480px){.redeem-modal[data-v-cbaf009b]{max-width:calc(100% - 24px);padding:24px 16px}.redeem-header h2[data-v-cbaf009b]{font-size:20px}}.pricing-overlay[data-v-19e23104]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);padding:24px}.pricing-modal[data-v-19e23104]{width:100%;max-width:1060px;max-height:90vh;overflow-y:auto;padding:52px 52px 40px;background:#121220eb;border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 40px 120px #0009,0 0 0 1px #ffffff0a,0 0 80px #d95c430a;position:relative;animation:modalIn-19e23104 .45s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(40px) saturate(150%);backdrop-filter:blur(40px) saturate(150%)}@keyframes modalIn-19e23104{0%{opacity:0;transform:scale(.92) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-btn[data-v-19e23104]{position:absolute;top:18px;right:18px;width:36px;height:36px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;border-radius:50%;color:#fff6;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .25s ease;z-index:10}.close-btn[data-v-19e23104]:hover{background:#ffffff1a;color:#fffc;transform:rotate(90deg)}.pricing-header[data-v-19e23104]{text-align:center;margin-bottom:46px}.pricing-header h2[data-v-19e23104]{font-size:26px;font-weight:800;margin:0 0 12px;color:#fff;letter-spacing:-.01em}.header-accent[data-v-19e23104]{background:#d95c43;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle[data-v-19e23104]{color:#ffffff73;font-size:14px;margin:0}.inline-link[data-v-19e23104]{background:none;border:none;color:#d95c43;font-size:14px;cursor:pointer;padding:0;text-decoration:underline;text-decoration-color:#d95c434d;text-underline-offset:2px;transition:color .2s}.inline-link[data-v-19e23104]:hover{color:#5cf0ff}.pricing-cards[data-v-19e23104]{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:40px}.pricing-card[data-v-19e23104]{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:36px 28px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .35s cubic-bezier(.4,0,.2,1)}.pricing-card[data-v-19e23104]:hover{transform:translateY(-6px);background:#ffffff0d;box-shadow:0 20px 48px #0000004d}.pricing-card.recommended[data-v-19e23104]{border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);background:color-mix(in srgb,var(--color-primary) 10%,rgba(255,255,255,.03));box-shadow:0 0 40px color-mix(in srgb,var(--color-primary) 8%,transparent),inset 0 1px color-mix(in srgb,var(--color-primary) 15%,transparent)}.pricing-card.recommended[data-v-19e23104]:hover{box-shadow:0 20px 48px #0000004d,0 0 60px color-mix(in srgb,var(--color-primary) 12%,transparent);border-color:color-mix(in srgb,var(--color-primary) 64%,transparent)}.recommend-badge[data-v-19e23104]{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;font-size:11px;font-weight:700;padding:4px 20px;border-radius:0 0 10px 10px;letter-spacing:.08em;box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 30%,transparent)}.card-top[data-v-19e23104]{width:100%;margin-bottom:0}.card-name[data-v-19e23104]{font-size:14px;font-weight:600;color:#ffffff80;margin-top:4px;margin-bottom:24px;letter-spacing:.05em;text-transform:uppercase}.card-price-row[data-v-19e23104]{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:6px}.currency[data-v-19e23104]{font-size:18px;font-weight:700;color:#ffffffd9;align-self:flex-start;margin-top:6px}.amount[data-v-19e23104]{font-size:46px;font-weight:800;color:#fff;line-height:1;letter-spacing:-.02em}.recommended .amount[data-v-19e23104]{background:none;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;color:#fff}.card-credit-price[data-v-19e23104]{font-size:13px;color:var(--color-primary);font-weight:600;margin-bottom:4px}.card-unit[data-v-19e23104]{font-size:12px;color:#ffffff4d;margin-bottom:0}.card-divider[data-v-19e23104]{width:40px;height:1px;background:#ffffff14;margin:20px 0}.recommended .card-divider[data-v-19e23104]{background:color-mix(in srgb,var(--color-primary) 25%,transparent);width:50px}.card-diamonds[data-v-19e23104]{display:flex;align-items:center;gap:8px;margin-bottom:24px}.diamond-icon[data-v-19e23104]{font-size:22px}.diamond-count[data-v-19e23104]{font-size:28px;font-weight:800;background:none;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;color:#f59e0b;line-height:1}.diamond-label[data-v-19e23104]{font-size:13px;color:#ffffff59;font-weight:500}.card-features[data-v-19e23104]{list-style:none;padding:0;margin:0 0 28px;width:100%;text-align:left}.card-features li[data-v-19e23104]{display:flex;align-items:center;gap:8px;font-size:13px;color:#ffffff80;padding:5px 0}.card-features .check[data-v-19e23104]{color:#d95c43b3;font-weight:700;font-size:12px;flex-shrink:0}.card-buttons[data-v-19e23104]{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:auto}.buy-btn[data-v-19e23104]{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:12px;color:#ffffffbf;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease}.buy-btn[data-v-19e23104]:hover{background:#ffffff1a;border-color:#ffffff2e;color:#fff;transform:translateY(-1px)}.buy-btn[data-v-19e23104]:disabled{opacity:.5;cursor:not-allowed;transform:none}.buy-btn.primary[data-v-19e23104]{background:var(--color-primary);border:none;color:#fff;font-size:15px;padding:13px 16px;box-shadow:0 6px 20px color-mix(in srgb,var(--color-primary) 28%,transparent)}.buy-btn.primary[data-v-19e23104]:hover{box-shadow:0 8px 32px color-mix(in srgb,var(--color-primary) 40%,transparent);transform:translateY(-2px)}.buy-btn.credit-btn[data-v-19e23104]{background:var(--color-success);border:none;color:#fff;box-shadow:0 6px 20px #2f725c4d}.buy-btn.credit-btn.primary[data-v-19e23104]{background:var(--color-success);box-shadow:0 6px 20px #2f725c4d}.buy-btn.credit-btn[data-v-19e23104]:hover{box-shadow:0 8px 32px #2f725c73;transform:translateY(-2px)}.buy-btn.secondary[data-v-19e23104]{font-size:13px;padding:10px 16px;color:#ffffff80}.pricing-footer[data-v-19e23104]{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:8px}.footer-text[data-v-19e23104]{color:#ffffff4d;font-size:13px}.redeem-trigger[data-v-19e23104]{background:none;border:none;color:#d95c43;font-size:13px;font-weight:600;cursor:pointer;padding:4px 0;transition:color .2s}.redeem-trigger[data-v-19e23104]:hover{color:#5cf0ff}.payment-status-overlay[data-v-19e23104]{position:absolute;top:0;right:0;bottom:0;left:0;background:#121220f5;border-radius:24px;display:flex;align-items:center;justify-content:center;z-index:20;animation:fadeIn-19e23104 .25s ease}@keyframes fadeIn-19e23104{0%{opacity:0}to{opacity:1}}.payment-status-card[data-v-19e23104]{text-align:center;max-width:360px;padding:40px}.payment-status-card h3[data-v-19e23104]{color:#fff;font-size:20px;font-weight:700;margin:20px 0 12px}.status-sub[data-v-19e23104]{color:#ffffff80;font-size:14px;margin:0 0 20px;line-height:1.6}.status-order[data-v-19e23104]{color:#ffffff4d;font-size:12px;font-family:monospace;margin-bottom:24px}.status-spinner[data-v-19e23104]{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#d95c43;border-radius:50%;animation:spin-19e23104 1s linear infinite;margin:0 auto}@keyframes spin-19e23104{to{transform:rotate(360deg)}}.status-icon[data-v-19e23104]{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;margin:0 auto}.success-icon[data-v-19e23104]{background:#d95c4326;color:#d95c43}.fail-icon[data-v-19e23104]{background:#ff646426;color:#ff6464}.status-cancel-btn[data-v-19e23104],.status-done-btn[data-v-19e23104]{padding:10px 32px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.status-cancel-btn[data-v-19e23104]{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff9}.status-cancel-btn[data-v-19e23104]:hover{background:#ffffff1a;color:#fff}.status-done-btn[data-v-19e23104]{background:#d95c43;border:none;color:#fff;box-shadow:0 4px 16px #d95c434d}.status-done-btn[data-v-19e23104]:hover{box-shadow:0 6px 24px #d95c4373;transform:translateY(-1px)}@media (max-width: 1100px){.pricing-modal[data-v-19e23104]{max-width:940px;padding:44px 34px 34px}.pricing-cards[data-v-19e23104]{gap:16px;margin-bottom:34px}.pricing-card[data-v-19e23104]{padding:30px 22px 26px}.amount[data-v-19e23104]{font-size:42px}}.fish-overlay[data-v-19e23104]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fish-card[data-v-19e23104]{position:relative;max-width:360px;width:90%;animation:modalIn-19e23104 .3s cubic-bezier(.16,1,.3,1)}.fish-close[data-v-19e23104]{position:absolute;top:-44px;right:0;width:34px;height:34px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;border-radius:50%;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.fish-close[data-v-19e23104]:hover{background:#ffffff26;color:#fff;transform:scale(1.1)}.fish-image[data-v-19e23104]{width:100%;border-radius:16px;box-shadow:0 24px 64px #00000080}.fish-tip[data-v-19e23104]{text-align:center;color:#ffffff8c;font-size:13px;margin:14px 0 0}@media (max-width: 768px){.pricing-modal[data-v-19e23104]{max-width:calc(100% - 32px);padding:36px 20px 28px}.pricing-header h2[data-v-19e23104]{font-size:22px}.pricing-cards[data-v-19e23104]{grid-template-columns:1fr;gap:14px;max-width:340px;margin-left:auto;margin-right:auto}.pricing-card[data-v-19e23104]{padding:28px 20px 24px}.amount[data-v-19e23104]{font-size:36px}}@media (max-width: 480px){.pricing-modal[data-v-19e23104]{max-width:calc(100% - 24px);padding:32px 16px 24px}.pricing-header[data-v-19e23104]{margin-bottom:28px}}.auth-modal-overlay[data-v-d9ebdcec]{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.auth-modal[data-v-d9ebdcec]{width:100%;max-width:440px;max-height:90vh;overflow-y:auto;padding:28px 24px;background:var(--color-modal-bg);border:1px solid var(--color-border-medium);border-radius:18px;box-shadow:0 25px 80px var(--color-tint-black-50);position:relative;animation:modalIn-d9ebdcec .4s cubic-bezier(.4,0,.2,1)}@keyframes modalIn-d9ebdcec{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-header[data-v-d9ebdcec]{text-align:center;margin-bottom:32px}.auth-brand[data-v-d9ebdcec]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.logo-icon[data-v-d9ebdcec]{width:40px;height:40px;object-fit:contain}.auth-header h1[data-v-d9ebdcec]{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:28px;font-weight:900;margin:0;color:#fff;letter-spacing:.02em;transform:skew(-3deg)}.subtitle[data-v-d9ebdcec]{color:var(--color-text-secondary);font-size:14px;margin:0;letter-spacing:.02em}.auth-form[data-v-d9ebdcec]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-d9ebdcec]{display:flex;flex-direction:column;gap:6px}.form-label[data-v-d9ebdcec]{font-size:13px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.3px;margin-bottom:2px}.form-input[data-v-d9ebdcec]{width:100%;padding:12px 14px;font-size:14px;background:var(--color-input-bg);border:1px solid var(--color-border-medium);border-radius:12px;color:var(--color-text-primary);transition:all .3s ease}.form-input[data-v-d9ebdcec]:focus{background:var(--color-input-bg-focus);border-color:#d95c4380;outline:none;box-shadow:0 0 0 3px #d95c4326}.form-input[data-v-d9ebdcec]::placeholder{color:var(--color-text-muted)}.form-input[data-v-d9ebdcec]:disabled{opacity:.5;cursor:not-allowed}.code-input-wrapper[data-v-d9ebdcec]{display:flex;gap:10px}.code-input-wrapper .form-input[data-v-d9ebdcec]{flex:1}.resend-btn[data-v-d9ebdcec]{padding:12px 14px;background:#d95c431a;border:1px solid rgba(217,92,67,.3);color:#d95c43;font-size:12px;font-weight:600;border-radius:10px;cursor:pointer;white-space:nowrap;transition:all .3s ease}.resend-btn[data-v-d9ebdcec]:disabled{opacity:.5;cursor:not-allowed}.resend-btn[data-v-d9ebdcec]:hover:not(:disabled){background:#d95c4333}.dev-code-hint[data-v-d9ebdcec]{padding:10px 12px;background:var(--color-success-light);border:1px solid rgba(76,175,80,.3);border-radius:8px;color:var(--color-success);font-size:12px}.dev-code-hint strong[data-v-d9ebdcec]{font-family:SF Mono,Fira Code,monospace;letter-spacing:2px;font-size:14px}.success-alert[data-v-d9ebdcec]{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--color-success-light);border:1px solid rgba(76,175,80,.3);border-radius:10px;color:var(--color-success);font-size:13px}.success-icon[data-v-d9ebdcec]{font-size:16px;flex-shrink:0}.error-alert[data-v-d9ebdcec]{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:10px;color:var(--color-error-light);font-size:13px}.error-icon[data-v-d9ebdcec]{font-size:16px;flex-shrink:0}.submit-btn[data-v-d9ebdcec]{padding:12px;font-size:14px;font-weight:700;color:#fff;background:#d95c43;border:none;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;letter-spacing:.5px}.submit-btn[data-v-d9ebdcec]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #d95c4366}.submit-btn[data-v-d9ebdcec]:disabled{opacity:.6;cursor:not-allowed}.spinner[data-v-d9ebdcec]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-d9ebdcec .8s linear infinite}.spinner-small[data-v-d9ebdcec]{width:14px;height:14px;border:2px solid rgba(217,92,67,.3);border-top-color:#d95c43;border-radius:50%;animation:spin-d9ebdcec .8s linear infinite}@keyframes spin-d9ebdcec{to{transform:rotate(360deg)}}.auth-footer[data-v-d9ebdcec]{text-align:center;margin-top:28px;padding-top:24px;border-top:1px solid var(--color-tint-white-06)}.footer-text[data-v-d9ebdcec]{font-size:14px;color:var(--color-text-muted);margin:0}.hint-text[data-v-d9ebdcec]{font-size:12px}.logout-btn[data-v-d9ebdcec]{margin-top:12px;background:transparent;border:none;color:var(--color-text-muted);font-size:12px;cursor:pointer;transition:color .2s ease}.logout-btn[data-v-d9ebdcec]:hover{color:var(--color-error-light)}@media (max-width: 768px){.auth-modal[data-v-d9ebdcec]{max-width:calc(100% - 32px);margin:16px;padding:28px 20px}.auth-header h1[data-v-d9ebdcec]{font-size:24px}.logo-icon[data-v-d9ebdcec]{width:34px;height:34px}}@media (max-width: 480px){.auth-modal[data-v-d9ebdcec]{max-width:calc(100% - 24px);margin:12px;padding:24px 16px}.auth-header h1[data-v-d9ebdcec]{font-size:22px}.logo-icon[data-v-d9ebdcec]{width:30px;height:30px}.form-group label[data-v-d9ebdcec]{font-size:12px}.form-input[data-v-d9ebdcec]{padding:10px 12px;font-size:13px}}@media (max-width: 360px){.auth-modal[data-v-d9ebdcec]{padding:20px 14px}.auth-header h1[data-v-d9ebdcec]{font-size:20px}}.app-root[data-v-c964297f]{width:100%;min-height:100vh;position:relative}.app-content{color:var(--color-text-primary);background:var(--color-bg-deep)}.app-content>*{color:inherit}.app-content .generate-page{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;flex-direction:initial!important;background:#0b0f0c!important}.app-content .studio-mode-rail{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;color:#ffffff94;background:#111612;border-right:1px solid rgba(255,255,255,.11)}.app-content .studio-mode-rail:before{content:"CREATE";margin:2px 0 12px;color:#ffffff57;font:600 8px/1 var(--font-data);writing-mode:vertical-rl;transform:rotate(180deg)}.app-content .studio-mode-rail button{width:54px;height:54px;display:grid;place-items:center;align-content:center;gap:5px;color:#ffffff7a;background:transparent;border:1px solid transparent;border-radius:6px;font-size:9px}.app-content .studio-mode-rail button .n-icon{font-size:19px}.app-content .studio-mode-rail button:hover{color:#fff;background:#ffffff12}.app-content .studio-mode-rail button.active{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.app-content .studio-workspace{grid-column:2;grid-row:1;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);grid-template-rows:54px minmax(0,1fr) 78px;overflow:hidden}.app-content .task-rail{grid-column:1 / -1;grid-row:1;min-height:54px!important;padding:8px 18px!important;gap:10px!important;background:var(--color-bg-card)!important;border-bottom:1px solid var(--color-border-light)!important;box-shadow:none!important}.app-content .rail-divider,.app-content .rail-stat{display:none!important}.app-content .rail-project-button,.app-content .library-button{min-height:34px!important;padding:0 10px!important;color:var(--color-text-secondary)!important;background:transparent!important;border:1px solid var(--color-border-light)!important;border-radius:5px!important;font-size:10px!important}.app-content .rail-project-button:hover,.app-content .library-button:hover{color:var(--color-primary)!important;border-color:var(--color-primary)!important}.app-content .task-track{align-self:stretch!important;flex:1!important;min-width:0!important;padding:5px 14px!important;border-left:1px solid var(--color-border-light)}.app-content .track-empty{color:var(--color-text-muted)!important;font-size:10px!important}.app-content .track-line,.app-content .inline-progress{height:3px!important;overflow:hidden;background:var(--color-border-light)!important}.app-content .track-line i,.app-content .inline-progress i{background:var(--color-primary)!important}.app-content .track-label{font:500 9px/1.2 var(--font-data)!important}.app-content .project-menu,.app-content .prompt-library,.app-content .pop-panel,.app-content .optimize-panel,.app-content .toolbox-menu{color:var(--color-text-primary);background:var(--color-bg-card)!important;border:1px solid var(--color-border-light)!important;border-radius:6px!important;box-shadow:var(--shadow-lg)!important}.app-content .timeline-area{grid-column:1;grid-row:2;min-height:0!important;padding:18px 20px 16px!important;background:#0b0f0c!important;scrollbar-color:rgba(255,255,255,.2) transparent}.app-content .date-divider{width:100%;max-width:none!important;margin:0 auto 10px!important}.app-content .date-divider:before,.app-content .date-divider:after{content:"";height:1px;flex:1;background:#ffffff1a}.app-content .date-divider span{color:#ffffff5c!important;font:600 8px/1 var(--font-data)!important}.app-content .chat-row{width:100%;max-width:none!important;margin:0 auto!important;padding:0!important}.app-content .user-row{justify-content:flex-start!important;margin-bottom:10px!important}.app-content .ai-row{gap:0!important;margin-bottom:26px!important}.app-content .bubble{border:0!important;border-radius:0!important;box-shadow:none!important}.app-content .user-bubble{max-width:min(760px,88%)!important;padding:7px 10px 7px 12px!important;color:#ffffffe0!important;background:#ffffff0b!important;border-left:2px solid var(--color-primary)!important;font-size:11px!important;line-height:1.5!important}.app-content .bubble-tag{margin-right:7px;padding:2px 5px!important;color:var(--color-primary)!important;background:color-mix(in srgb,var(--color-primary) 8%,transparent)!important;border-radius:3px!important;font:600 8px/1 var(--font-data)!important}.app-content .ai-avatar{display:none!important}.app-content .ai-bubble{flex:1;min-width:0;padding:0!important;background:transparent!important}.app-content .result-images,.app-content .video-result,.app-content .generating-state,.app-content .error-state{position:relative;margin-top:0!important;padding:0!important;background:#111612!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:4px!important}.app-content .image-grid{gap:2px!important;background:#0b0f0c}.app-content .image-grid.single{width:100%!important;max-width:none!important;min-height:420px;padding:0!important;background:#0b0f0c!important;border-radius:0!important}.app-content .image-item{display:grid;place-items:center;overflow:hidden;background:#0b0f0c!important;border:0!important;border-radius:0!important}.app-content .image-grid.single .image-item .n-image{width:100%!important;height:min(64vh,620px)!important;display:flex!important;align-items:center;justify-content:center}.app-content .image-grid.single .image-item .n-image img{width:auto!important;max-width:100%!important;height:100%!important;border-radius:0!important;object-fit:contain!important}.app-content .result-images>.result-actions,.app-content .video-result>.result-actions{position:absolute;z-index:2;top:10px;right:10px;margin:0!important;padding:4px;background:#151b17f5;border:1px solid rgba(255,255,255,.22);border-radius:5px;box-shadow:0 8px 24px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-content .result-action-btn,.app-content .asset-actions .action-btn{width:32px!important;height:32px!important;color:#ffffffc7!important;background:transparent!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:5px!important}.app-content .result-action-btn:hover,.app-content .result-action-btn.shared,.app-content .asset-actions .action-btn:hover{color:#fff!important;background:var(--color-primary)!important;border-color:var(--color-primary)!important}.app-content .video-result{min-height:420px;display:grid;place-items:center}.app-content .video-result .result-video{max-width:100%!important;max-height:min(64vh,620px)!important;border-radius:0!important}.app-content .credits-used{color:#fff6!important}.app-content .empty-state{position:relative;width:min(100%,1080px);min-height:390px!important;margin:0 auto!important;display:grid!important;place-content:end start!important;justify-items:start!important;padding:30px!important;overflow:hidden;color:#fff!important;background:#101512!important;border:0!important;border-radius:7px!important}.app-content .empty-state:before{content:"";position:absolute;top:0;right:0;bottom:0;left:44%;background:url(/images/showcase/architecture-red.jpg) center / cover no-repeat}.app-content .empty-state:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#101512,#101512 38%,#10151233 72%)}.app-content .empty-state>*{position:relative;z-index:1}.app-content .empty-mark,.app-content .empty-modes{display:none!important}.app-content .empty-state>p{max-width:480px;font:400 31px/1.16 var(--font-display)!important}.app-content .empty-state .empty-hint{max-width:430px;margin-top:8px!important;color:#ffffffa3!important;font-size:11px!important;font-weight:400!important}.app-content .result-filmstrip{grid-column:1;grid-row:3;min-width:0;display:flex;align-items:center;gap:7px;padding:9px 18px;overflow-x:auto;background:#111612;border-top:1px solid rgba(255,255,255,.1)}.app-content .filmstrip-label{flex:0 0 auto;margin-right:6px;color:#ffffff5c;font:600 8px/1 var(--font-data)}.app-content .filmstrip-item{position:relative;flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;overflow:hidden;color:#fff6;background:#080b09;border:1px solid rgba(255,255,255,.16);border-radius:4px}.app-content .filmstrip-item:hover{border-color:var(--color-primary)}.app-content .filmstrip-item img{width:100%;height:100%;object-fit:cover}.app-content .filmstrip-item i{position:absolute;inset:auto 0 0;height:3px;background:var(--color-primary)}.app-content .filmstrip-item.failed{color:var(--color-coral);border-color:color-mix(in srgb,var(--color-coral) 45%,var(--color-border-light))}.app-content .studio-control-panel{grid-column:2;grid-row:2 / 4;min-width:0;min-height:0;display:flex;flex-direction:column;padding:18px 20px 16px;overflow:hidden;background:var(--color-bg-card);border-left:1px solid var(--color-border-light)}.app-content .control-panel-heading{flex:0 0 auto;min-height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--color-border-light)}.app-content .control-panel-heading div{display:flex;flex-direction:column;gap:7px}.app-content .control-panel-heading span{color:var(--color-primary);font:700 8px/1 var(--font-data)}.app-content .control-panel-heading strong{font:500 23px/1.1 var(--font-display)}.app-content .control-panel-heading small{color:var(--color-text-muted);font-size:10px}.app-content .studio-control-panel .composer-wrap{flex:1 1 auto;min-height:0;width:100%!important;max-width:none!important;margin:0!important;padding:14px 0 0!important;overflow:hidden;background:transparent;border:0}.app-content .studio-control-panel .composer-card{width:100%;height:100%;margin:0;display:flex;flex-direction:column;overflow:hidden;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.app-content .studio-control-panel .composer-card:focus-within{box-shadow:none!important}.app-content .studio-control-panel .composer-body{flex:1 1 auto;min-height:220px!important;display:flex;flex-direction:column;padding:0 0 14px!important}.app-content .studio-control-panel .input-wrapper{width:100%;min-height:190px;padding:11px 12px;background:var(--color-bg-deep);border:1px solid var(--color-border-medium);border-radius:5px;transition:border-color .18s ease}.app-content .studio-control-panel .input-wrapper:focus-within{border-color:var(--color-primary)}.app-content .studio-control-panel .composer-input{min-height:170px!important;max-height:none!important;color:var(--color-text-primary)!important;font-size:13px!important;line-height:1.65!important}.app-content .composer-input::placeholder{color:var(--color-text-muted)!important}.app-content .studio-control-panel .composer-toolbar{flex:0 0 auto;min-height:0!important;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:12px 0 0!important;gap:4px!important;border-top:1px solid var(--color-border-light)!important}.app-content .studio-control-panel .toolbar-left{width:100%;max-height:244px;display:grid;grid-template-columns:1fr;gap:2px!important;overflow-y:auto}.app-content .pill{min-height:30px!important;display:inline-flex!important;align-items:center!important;gap:5px!important;padding:0 8px!important;color:var(--color-text-secondary)!important;background:transparent!important;border:1px solid transparent!important;border-radius:5px!important;font-size:10px!important}.app-content .studio-control-panel .pill{width:100%;justify-content:flex-start;min-height:34px!important}.app-content .studio-control-panel .toolbar-right{width:100%;display:flex;justify-content:space-between;margin-top:8px;padding-top:12px;border-top:1px solid var(--color-border-light)}.app-content .pill:hover{color:var(--color-text-primary)!important;background:var(--color-bg-hover)!important}.app-content .pill-primary,.app-content .pill-active{color:var(--color-primary)!important;background:color-mix(in srgb,var(--color-primary) 7%,var(--color-bg-card))!important}.app-content .credits-badge{color:var(--color-text-muted)!important;font:600 9px/1 var(--font-data)!important}.app-content .send-btn{width:36px!important;height:36px!important;color:#fff!important;background:var(--color-primary)!important;border-radius:5px!important;box-shadow:none!important}.app-content .send-btn:disabled{color:var(--color-text-muted)!important;background:var(--color-bg-dark)!important}.app-content .action-chip{color:var(--color-coral)!important;background:color-mix(in srgb,var(--color-coral) 9%,transparent)!important}.app-content .filter-bar{padding:22px 30px 14px!important;gap:10px!important;background:var(--color-bg-card)!important;border-bottom:1px solid var(--color-border-light)!important}.app-content .assets-heading h1{font:400 31px/1 var(--font-display)!important}.app-content .assets-heading>button,.app-content .publish-btn,.app-content .empty-publish-btn{color:#fff!important;background:var(--color-primary)!important;border-color:var(--color-primary)!important;border-radius:5px!important;box-shadow:none!important}.app-content .asset-filter-line{min-width:0;display:flex;align-items:center;gap:7px}.app-content .asset-filter-divider{width:1px;height:20px;margin:0 4px;background:var(--color-border-light)}.app-content .filter-menu-button{flex:0 0 auto;height:30px;display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:0 10px;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border-light);border-radius:5px;font-size:10px}.app-content .filter-menu-button.active{color:var(--color-primary);border-color:var(--color-primary)}.asset-filter-popover{width:300px;display:grid;gap:10px;padding:6px}.asset-filter-popover>label{color:var(--color-text-muted);font-size:10px}.asset-filter-popover .filter-row{display:flex;flex-wrap:wrap;gap:4px}.app-content .filter-tab,.app-content .filter-chip,.app-content .feed-type-tab,.app-content .tag-tab,.asset-filter-popover .filter-chip{min-height:30px!important;padding:0 10px!important;color:var(--color-text-secondary)!important;background:transparent!important;border:1px solid transparent!important;border-radius:5px!important;font-size:10px!important}.app-content .filter-tab.active,.app-content .filter-chip.active,.app-content .feed-type-tab.active,.app-content .tag-tab.active,.asset-filter-popover .filter-chip.active{color:var(--color-primary)!important;background:color-mix(in srgb,var(--color-primary) 7%,var(--color-bg-card))!important;border-color:color-mix(in srgb,var(--color-primary) 23%,var(--color-border-light))!important;box-shadow:none!important}.app-content .project-filter,.app-content .selection-toggle{height:30px!important;color:var(--color-text-secondary)!important;background:var(--color-bg-card)!important;border:1px solid var(--color-border-light)!important;border-radius:5px!important;font-size:10px!important}.app-content .assets-scroll{padding:24px 30px 44px!important}.app-content .section-label{padding-left:0!important;color:var(--color-text-muted)!important;font:600 9px/1 var(--font-data)!important}.app-content .assets-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:18px 12px!important}.app-content .asset-card{overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.app-content .asset-card:hover{transform:translateY(-2px)!important;box-shadow:none!important}.app-content .asset-preview{overflow:hidden!important;background:var(--color-bg-dark)!important;border:1px solid var(--color-border-light)!important;border-radius:6px!important}.app-content .asset-card:hover .asset-preview{border-color:color-mix(in srgb,var(--color-primary) 42%,var(--color-border-light))!important}.app-content .asset-info{padding:9px 2px 0!important}.app-content .asset-prompt{color:var(--color-text-secondary)!important;font-size:11px!important}.app-content .asset-count,.app-content .review-badge{border-radius:3px!important}.app-content .batch-toolbar{border-radius:0!important}.app-content .inspiration-content,.app-content .search-content{width:min(1500px,100%)!important;margin:0 auto!important;padding:30px 36px 52px!important}.app-content .inspiration-content>.composer-wrap{padding:0 0 26px!important;background:transparent!important;border:0!important}.app-content .feature-section{display:flex!important;align-items:end;justify-content:space-between;gap:28px;padding:18px 0 25px!important;border-bottom:1px solid var(--color-border-light)!important}.app-content .inspiration-intro{display:flex;align-items:end;gap:24px}.app-content .inspiration-intro span{color:var(--color-primary);font:600 9px/1 var(--font-data)}.app-content .inspiration-intro h1{margin-top:7px;font:400 34px/1 var(--font-display)}.app-content .inspiration-intro p{max-width:360px;color:var(--color-text-muted);font-size:11px}.app-content .feature-grid{flex:0 0 auto;display:flex!important;gap:4px!important}.app-content .feature-card{min-height:34px!important;width:auto!important;padding:0 10px!important;align-items:center!important;gap:6px!important;color:var(--color-text-secondary)!important;background:transparent!important;border:1px solid var(--color-border-light)!important;border-radius:5px!important;box-shadow:none!important}.app-content .feature-card.active{color:var(--color-primary)!important;background:color-mix(in srgb,var(--color-primary) 7%,var(--color-bg-card))!important;border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border-light))!important}.app-content .feature-icon{font-size:14px!important}.app-content .feature-label{font-size:10px!important}.app-content .showcase-section{padding-top:23px!important}.app-content .showcase-header,.app-content .search-toolbar{padding-bottom:13px!important;background:transparent!important;border-bottom:1px solid var(--color-border-light)!important}.app-content .search-input{background:var(--color-bg-card)!important;border-color:var(--color-border-medium)!important;border-radius:5px!important}.app-content .search-btn{color:#fff!important;background:var(--color-primary)!important;border-color:var(--color-primary)!important;border-radius:5px!important}.app-content .showcase-masonry,.app-content .masonry-column{gap:10px!important}.app-content .showcase-item{overflow:hidden;background:var(--color-bg-card)!important;border:0!important;border-radius:6px!important;box-shadow:none!important}.app-content .showcase-item:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-md)!important}.app-content .showcase-overlay{background:#070b09bd!important}.app-content .feed-placeholder{min-height:260px!important;display:grid!important;place-content:end start!important;padding:24px!important;color:#fff!important;background:#263c35 url(/images/showcase/fashion-red.jpg) center 42% / cover no-repeat!important;background-blend-mode:multiply;border:0!important;border-radius:6px!important;font-size:13px!important;font-weight:600!important}.app-content .tools-page,.app-content .svg-page,.app-content .convert-page,.app-content .rp-page,.app-content .detail-page,.app-content .account-page{color:var(--color-text-primary)!important;background:var(--color-bg-deep)!important}.app-content .svg-topbar,.app-content .convert-topbar,.app-content .rp-topbar,.app-content .detail-header,.app-content .page-heading{background:var(--color-bg-card)!important;border-color:var(--color-border-light)!important}.app-content .svg-main,.app-content .convert-main,.app-content .rp-body{padding:26px 30px!important;gap:16px!important}.app-content .svg-panel,.app-content .convert-panel,.app-content .rp-section,.app-content .rp-right{background:transparent!important;border:1px solid var(--color-border-light)!important;border-radius:7px!important;box-shadow:none!important}.app-content .preview-area,.app-content .upload-zone{background:var(--color-bg-dark)!important;border-radius:6px!important}.app-content .preset-chip.active,.app-content .format-chip.active,.app-content .chip.active{color:var(--color-primary)!important;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg-card))!important;border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border-light))!important}.app-content .tool-command-list{border-top-color:var(--color-border-light)!important}.app-content .tool-command{padding:14px 0!important}.app-content .tool-visual{width:190px!important;height:116px!important;border-radius:6px!important}.app-content .detail-header{min-height:74px!important;padding:10px 22px!important}.app-content .detail-header h1{font:400 25px/1 var(--font-display)!important}.app-content .back-button{color:var(--color-text-secondary)!important;background:transparent!important;border:1px solid var(--color-border-medium)!important;border-radius:5px!important}.app-content .detail-layout{width:100%!important;min-height:calc(100vh - 140px)!important;grid-template-columns:minmax(0,1fr) 340px!important}.app-content .preview-stage{padding:26px!important;background:#0b0f0c!important}.app-content .metadata-panel{color:var(--color-text-primary)!important;background:var(--color-bg-card)!important;border-color:var(--color-border-light)!important}.app-content .metadata-panel section,.app-content .metadata-panel dl,.app-content .status-line{border-color:var(--color-border-light)!important}.app-content .status-badge{border-radius:3px!important}.app-content .status-success{color:var(--color-success)!important;background:color-mix(in srgb,var(--color-success) 10%,transparent)!important}.app-content .media-item button{border-radius:5px!important}.auth-modal-overlay,.invite-modal-overlay,.pricing-overlay,.redeem-modal-overlay{background:#080c0ab3!important}.auth-modal,.invite-modal,.pricing-modal,.redeem-modal{background:var(--color-bg-card)!important;border-color:var(--color-border-light)!important;border-radius:8px!important;box-shadow:var(--shadow-xl)!important}@media (min-width: 769px){.app-content .studio-workspace{grid-template-columns:minmax(0,1fr) 400px}.app-content .timeline-area{padding:12px 14px 10px!important}.app-content .date-divider,.app-content .user-row{margin-bottom:8px!important}.app-content .image-grid.single{grid-template-columns:minmax(0,1fr)!important;min-height:clamp(470px,64vh,720px)}.app-content .image-grid.single .image-item{position:relative;min-width:0;isolation:isolate}.app-content .image-grid.single .image-item:before{content:"";position:absolute;z-index:-1;top:-36px;right:-36px;bottom:-36px;left:-36px;background-image:var(--artwork-bg);background-position:center;background-size:cover;opacity:.18;filter:blur(30px) saturate(.8);transform:scale(1.08)}.app-content .image-grid.single .image-item:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:#060a0780}.app-content .image-grid.single .image-item .n-image{position:relative;z-index:1;height:min(67vh,720px)!important}.app-content .image-grid.single .image-item .n-image img{box-shadow:0 18px 52px #00000047}.app-content .studio-control-panel{padding:18px 22px 16px}.app-content .studio-control-panel .composer-wrap{overflow-y:auto;scrollbar-width:thin}.app-content .studio-control-panel .composer-body{flex:0 0 auto;min-height:0!important;gap:12px;padding:0 0 16px!important}.app-content .studio-control-panel .composer-uploads{gap:8px}.app-content .studio-control-panel .upload-card,.app-content .studio-control-panel .upload-stack,.app-content .studio-control-panel .stack-card{width:56px;height:56px}.app-content .studio-control-panel .input-wrapper{flex:0 0 clamp(245px,32vh,340px);min-height:clamp(245px,32vh,340px)}.app-content .studio-control-panel .composer-input{min-height:calc(clamp(245px,32vh,340px) - 28px)!important;max-height:calc(clamp(245px,32vh,340px) - 28px)!important}.app-content .studio-control-panel .composer-toolbar{flex:1 1 auto;min-height:190px!important;padding-top:14px!important;gap:10px!important}.app-content .studio-control-panel .toolbar-left{width:100%;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;overflow:visible}.app-content .studio-control-panel .pill{min-width:0;min-height:38px!important;overflow:hidden;justify-content:flex-start;padding-inline:10px!important;background:var(--color-bg-deep)!important;border-color:var(--color-border-light)!important;text-overflow:ellipsis}.app-content .studio-control-panel .pill-primary{grid-column:1 / -1;color:var(--color-primary)!important;background:color-mix(in srgb,var(--color-primary) 7%,var(--color-bg-card))!important;border-color:color-mix(in srgb,var(--color-primary) 24%,var(--color-border-light))!important}.app-content .studio-control-panel .toolbar-right{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:auto;padding-top:14px}.app-content .studio-control-panel .send-btn{width:100%!important;height:44px!important;gap:7px;opacity:1!important}.app-content .studio-control-panel .send-btn:after{content:"开始创作";font-size:12px;font-weight:650}.app-content .studio-control-panel .send-btn:disabled{color:color-mix(in srgb,var(--color-primary) 48%,var(--color-text-muted))!important;background:color-mix(in srgb,var(--color-primary) 9%,var(--color-bg-deep))!important;border:1px solid color-mix(in srgb,var(--color-primary) 16%,var(--color-border-light))!important}}@media (max-width: 980px){.app-content .studio-workspace{grid-template-columns:minmax(0,1fr) 330px}.app-content .studio-control-panel{padding-inline:16px}.app-content .assets-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important}.app-content .feature-section{align-items:start;flex-direction:column}.app-content .detail-layout{grid-template-columns:1fr!important}}@media (max-width: 768px){.app-content .generate-page{grid-template-columns:1fr!important;grid-template-rows:46px minmax(0,1fr)!important}.app-content .studio-mode-rail{grid-column:1;grid-row:1;height:46px;flex-direction:row;justify-content:center;padding:5px 8px;color:var(--color-text-muted);background:var(--color-bg-card);border-right:0;border-bottom:1px solid var(--color-border-light)}.app-content .studio-mode-rail:before{display:none}.app-content .studio-mode-rail button{width:92px;height:36px;display:flex;justify-content:center;gap:6px;color:var(--color-text-muted);border:0;border-radius:0}.app-content .studio-mode-rail button .n-icon{font-size:15px}.app-content .studio-mode-rail button:hover{color:var(--color-text-primary);background:transparent}.app-content .studio-mode-rail button.active{color:var(--color-primary);background:transparent;border:0;box-shadow:inset 0 -2px var(--color-primary)}.app-content .studio-workspace{grid-column:1;grid-row:2;grid-template-columns:minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) 56px auto}.app-content .task-rail{grid-column:1;grid-row:1;min-height:44px!important;padding:5px 9px!important;overflow-x:auto}.app-content .task-track{flex:0 0 126px!important;border-left:0;padding:5px!important}.app-content .library-button span{display:none}.app-content .timeline-area{grid-column:1;grid-row:2;padding:8px!important}.app-content .date-divider{margin-bottom:7px!important}.app-content .date-divider:before,.app-content .date-divider:after{display:none}.app-content .user-row{margin-bottom:7px!important}.app-content .user-bubble{max-width:100%!important;padding:6px 8px 6px 10px!important;font-size:10px!important}.app-content .ai-row{margin-bottom:12px!important}.app-content .image-grid.single{min-height:0}.app-content .image-grid.single .image-item .n-image{height:min(40vh,330px)!important}.app-content .result-images>.result-actions,.app-content .video-result>.result-actions{top:6px;right:6px}.app-content .result-action-btn{width:28px!important;height:28px!important}.app-content .empty-state{min-height:290px!important;padding:20px!important}.app-content .empty-state:before{top:0;right:0;bottom:0;left:24%}.app-content .empty-state:after{background:#0a0f0c9e}.app-content .empty-state>p{max-width:280px;font-size:24px!important}.app-content .result-filmstrip{grid-column:1;grid-row:3;padding:6px 10px}.app-content .filmstrip-item{flex-basis:42px;width:42px;height:42px}.app-content .filmstrip-label{display:none}.app-content .studio-control-panel{grid-column:1;grid-row:4;min-height:0;max-height:224px;padding:8px 9px 10px;overflow:hidden;border-top:1px solid var(--color-border-light);border-left:0}.app-content .control-panel-heading{display:none}.app-content .studio-control-panel .composer-wrap{padding:0!important;overflow:visible}.app-content .studio-control-panel .composer-card{height:auto;overflow:visible;background:var(--color-bg-card)!important;border:1px solid var(--color-border-medium)!important;border-radius:5px!important}.app-content .studio-control-panel .composer-body{min-height:88px!important;gap:6px!important;padding:8px 9px 6px!important}.app-content .studio-control-panel .composer-uploads{gap:6px}.app-content .studio-control-panel .upload-card,.app-content .studio-control-panel .upload-stack,.app-content .studio-control-panel .stack-card{width:48px;height:48px}.app-content .studio-control-panel .frame-lbl{font-size:9px}.app-content .studio-control-panel .add-icon{font-size:18px}.app-content .studio-control-panel .input-wrapper{min-height:78px;padding:7px 8px}.app-content .studio-control-panel .composer-input{min-height:62px!important;max-height:86px!important}.app-content .studio-control-panel .composer-toolbar{min-height:46px!important;flex-direction:row;align-items:center;padding:5px 7px!important;overflow-x:auto!important;border-top:1px solid var(--color-border-light)!important}.app-content .studio-control-panel .toolbar-left{min-width:max-content;width:auto;max-height:none;display:flex;flex-wrap:nowrap;overflow:visible}.app-content .studio-control-panel .pill{width:auto;min-height:30px!important}.app-content .studio-control-panel .toolbar-right{position:sticky;right:0;width:auto;margin:0;padding:0 0 0 6px;border:0;background:var(--color-bg-card)}.app-content .credits-badge{display:none!important}.app-content .filter-bar{padding:14px 12px 10px!important}.app-content .filter-row{overflow-x:auto;flex-wrap:nowrap!important}.app-content .asset-filter-line{overflow-x:auto}.app-content .asset-filter-divider{flex:0 0 1px}.app-content .filter-menu-button{position:sticky;right:0;background:var(--color-bg-card)}.app-content .assets-scroll{padding:16px 12px 26px!important}.app-content .assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px 8px!important}.app-content .inspiration-content,.app-content .search-content{padding:16px 12px 30px!important}.app-content .inspiration-intro{align-items:start;flex-direction:column;gap:8px}.app-content .feature-grid{width:100%;overflow-x:auto}.app-content .showcase-masonry,.app-content .masonry-column{gap:6px!important}.app-content .feed-placeholder{min-height:220px!important;padding:18px!important}.app-content .detail-header{grid-template-columns:36px 1fr!important;padding:9px 12px!important}.app-content .preview-stage{min-height:58vh!important;padding:10px!important}.app-content .svg-main,.app-content .convert-main,.app-content .rp-body{padding:14px 12px!important}.app-content .tool-visual{width:92px!important;height:98px!important}}.app-layout>.app-sidebar{width:224px!important;height:100%!important;flex:0 0 224px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;grid-template-columns:none!important;padding:18px 14px 14px!important;color:var(--color-text-primary);background:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border)!important;border-bottom:0!important;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:100}.app-sidebar .studio-brand{width:100%;min-height:48px;justify-self:auto!important;justify-content:flex-start!important;padding:0 6px;gap:10px}.brand-glyph{width:34px;height:34px;flex:0 0 34px;color:#07110f;background:var(--primary-gradient);border-radius:7px;box-shadow:0 0 24px #45e6c31f;font:800 16px/1 var(--font-display)}.brand-copy{min-width:0;display:grid;gap:3px;text-align:left}.brand-copy strong{font:700 13px/1.1 var(--font-display)}.brand-copy small{color:var(--color-text-muted);font:600 8px/1 var(--font-data)}.app-sidebar .studio-nav{height:auto!important;flex:1;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important;margin-top:22px!important;overflow-y:auto}.studio-nav-group{display:grid;gap:5px}.nav-section-label{padding:0 9px 4px;color:var(--color-text-muted);font-size:9px;font-weight:600}.app-sidebar .studio-nav-item{width:100%;height:41px;display:grid!important;grid-template-columns:22px minmax(0,1fr) 14px;align-items:center;gap:9px;padding:0 10px!important;color:var(--color-sidebar-text);background:transparent;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:500;text-align:left}.app-sidebar .studio-nav-item .n-icon{display:block!important;font-size:17px}.app-sidebar .studio-nav-item .nav-arrow{justify-self:end;color:transparent;font-size:12px}.app-sidebar .studio-nav-item:after{display:none!important}.app-sidebar .studio-nav-item:hover{color:var(--color-text-primary);background:var(--color-sidebar-hover)}.app-sidebar .studio-nav-item.active{color:var(--color-primary-light);background:var(--color-bg-elevated);border-color:var(--color-border-light);box-shadow:inset 2px 0 var(--color-primary)}.app-sidebar .studio-nav-item.active .nav-arrow{color:var(--color-primary)}.app-sidebar .mobile-account{display:none!important}.app-sidebar .studio-actions{justify-self:auto;display:grid!important;grid-template-columns:minmax(0,1fr) 36px;gap:7px;padding-top:14px;border-top:1px solid var(--color-sidebar-divider)}.app-sidebar .credit-pill{height:38px;justify-content:flex-start;padding:0 10px;color:var(--color-text-secondary);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:6px}.app-sidebar .credit-pill strong{color:var(--color-primary-light)}.app-sidebar .credit-pill span{color:var(--color-text-muted)}.app-sidebar .header-icon-button{width:36px;height:38px;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:6px}.app-sidebar .account-button,.app-sidebar .login-button{grid-column:1 / -1;width:100%;height:42px;justify-content:flex-start;padding:0 8px;border:1px solid var(--color-border-light);border-radius:6px}.app-sidebar .account-button>.n-icon{margin-left:auto}.app-sidebar .login-button,.avatar{color:#07110f;background:var(--primary-gradient)}.app-content{min-width:0;min-height:0;background:var(--color-bg-deep)}.app-content .creation-mode-switch{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;background:var(--color-input-bg);border:1px solid var(--color-border-light);border-radius:7px}.app-content .creation-mode-switch button{min-width:0;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;overflow:hidden;color:var(--color-text-muted);background:transparent;border:1px solid transparent;border-radius:5px;font-size:11px;white-space:nowrap;transition:color .16s ease,background-color .16s ease,border-color .16s ease}.app-content .creation-mode-switch button .n-icon{flex:0 0 auto;font-size:16px}.app-content .creation-mode-switch button:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.app-content .creation-mode-switch button.active{color:#07110f;background:var(--primary-gradient);border-color:transparent}.app-content .creation-mode-switch button:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}@media (min-width: 769px){.app-content .generate-page{grid-template-columns:minmax(0,1fr)!important;background:var(--color-bg-deep)!important}.app-content .studio-workspace{grid-column:1;grid-template-columns:minmax(0,1fr) 380px!important;grid-template-rows:54px minmax(0,1fr) 72px}.app-content .task-rail{background:var(--color-bg-dark)!important;border-bottom-color:var(--color-border-light)!important}.app-content .studio-control-panel{grid-column:2;grid-row:2 / 4;padding:18px 20px 16px;background:var(--color-bg-card);border-right:0;border-left:1px solid var(--color-border-light)}.app-content .control-panel-heading span{color:var(--color-primary)}.app-content .control-panel-heading strong{font-family:var(--font-display);font-size:21px;font-weight:700}.app-content .creation-mode-switch{margin-top:14px}.app-content .studio-control-panel .input-wrapper{background:var(--color-input-bg);border-color:var(--color-border-light);border-radius:7px}.app-content .studio-control-panel .input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.app-content .studio-control-panel .pill{background:var(--color-input-bg)!important;border-color:var(--color-border-light)!important;border-radius:6px!important}.app-content .studio-control-panel .pill-primary{color:var(--color-primary-light)!important;background:#45e6c314!important;border-color:#45e6c340!important}.app-content .studio-control-panel .send-btn{color:#07110f!important;background:var(--primary-gradient)!important;border-radius:7px!important;box-shadow:0 8px 28px #27cfff14!important}.app-content .studio-control-panel .send-btn:disabled{color:var(--color-text-muted)!important;background:var(--color-bg-elevated)!important;border:1px solid var(--color-border-light)!important}.app-content .timeline-area{grid-column:1;grid-row:2;padding:16px!important;background:var(--color-bg-deep)!important}.app-content .result-filmstrip{grid-column:1;grid-row:3;background:var(--color-bg-dark);border-top-color:var(--color-border-light)}.app-content .empty-state{width:100%;height:100%;min-height:440px!important;place-content:center!important;justify-items:center!important;padding:28px!important;color:var(--color-text-primary)!important;background:transparent!important;border:1px dashed var(--color-border-light)!important;border-radius:7px!important;text-align:center}.app-content .empty-state:before{inset:50% auto auto 50%;width:96px;height:96px;border-radius:18px;background:url(/images/showcase/architecture-red.jpg) center / cover no-repeat;opacity:.4;filter:grayscale(.35) saturate(.7);transform:translate(-50%,-142%)}.app-content .empty-state:after{inset:50% auto auto 50%;width:96px;height:96px;border-radius:18px;background:#0b0e1361;transform:translate(-50%,-142%)}.app-content .empty-state>p{max-width:420px;font-family:var(--font-display)!important;font-size:23px!important;font-weight:700!important}.app-content .empty-state .empty-hint{max-width:420px;color:var(--color-text-muted)!important;font-size:11px!important}}.app-content .result-images,.app-content .video-result,.app-content .generating-state,.app-content .error-state{background:var(--color-bg-dark)!important;border-color:var(--color-border-light)!important;border-radius:7px!important}.app-content .image-grid,.app-content .image-grid.single,.app-content .image-item{background:var(--color-bg-dark)!important}.app-content .result-action-btn:hover,.app-content .result-action-btn.shared,.app-content .asset-actions .action-btn:hover{color:#07110f!important;background:var(--primary-gradient)!important;border-color:transparent!important}.app-content .filmstrip-item i,.app-content .track-line i,.app-content .inline-progress i{background:var(--accent-gradient)!important}.app-content .studio-control-panel.mode-video .control-panel-heading span,.app-content .studio-control-panel.mode-video .pill-primary,.app-content .studio-control-panel.mode-video .credits-badge{color:var(--color-coral)!important}.app-content .studio-control-panel.mode-video .send-btn{color:#160a09!important;background:var(--color-coral)!important}.app-content .studio-control-panel.mode-ecommerce .control-panel-heading span,.app-content .studio-control-panel.mode-ecommerce .pill-primary,.app-content .studio-control-panel.mode-ecommerce .credits-badge{color:var(--color-warning)!important}.app-content .studio-control-panel.mode-ecommerce .send-btn{color:#1a1003!important;background:var(--color-warning)!important}.app-content .filter-bar,.app-content .page-heading,.app-content .detail-header,.app-content .svg-topbar,.app-content .convert-topbar,.app-content .rp-topbar{background:var(--color-bg-dark)!important;border-color:var(--color-border-light)!important}.app-content .assets-scroll,.app-content .assets-page,.app-content .inspiration-page,.app-content .search-page,.app-content .tools-page,.app-content .account-page,.app-content .detail-page,.app-content .svg-page,.app-content .convert-page,.app-content .rp-page{color:var(--color-text-primary)!important;background:var(--color-bg-deep)!important}.app-content .asset-card,.app-content .tool-command,.app-content .profile-band,.app-content .metadata-panel,.app-content .svg-panel,.app-content .convert-panel,.app-content .rp-left,.app-content .rp-right{background-color:var(--color-bg-card)!important;border-color:var(--color-border-light)!important}.app-content .asset-card,.app-content .showcase-card,.app-content .tool-command{border-radius:7px!important}.app-content .filter-tab.active,.app-content .filter-chip.active,.app-content .feed-type-tab.active,.app-content .tag-tab.active{color:#07110f!important;background:var(--primary-gradient)!important;border-color:transparent!important}.app-content .assets-heading>button,.app-content .publish-btn,.app-content .empty-publish-btn{color:#07110f!important;background:var(--primary-gradient)!important;border-color:transparent!important}.app-content .tool-enter,.app-content .action-btn,.app-content .back-button{border-color:var(--color-border-medium)!important}.app-content .tool-command:hover .tool-enter{color:#07110f!important;background:var(--primary-gradient)!important;border-color:transparent!important}.app-content .preview-stage{background:var(--color-bg-dark)!important}.app-content .metadata-panel{color:var(--color-text-primary)!important}@media (max-width: 768px){.app-content .generate-page{grid-template-rows:minmax(0,1fr)!important}.app-content .studio-workspace{grid-row:1}.app-content .studio-control-panel{max-height:266px}.app-content .creation-mode-switch{margin:0 0 8px}.app-content .creation-mode-switch button{height:34px;font-size:10px}.app-layout>.app-sidebar{position:fixed;inset:auto 0 0;width:100%!important;height:calc(62px + env(safe-area-inset-bottom))!important;flex:0 0 calc(62px + env(safe-area-inset-bottom))!important;display:block!important;padding:5px 8px env(safe-area-inset-bottom)!important;background:#0a0d12fa;border:0;border-top:1px solid var(--color-border-light);z-index:200}.app-sidebar .studio-brand,.app-sidebar .studio-actions,.nav-section-label{display:none}.app-sidebar .studio-nav{height:52px;margin:0!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;overflow:visible}.studio-nav-group{display:contents}.app-sidebar .studio-nav-item{width:auto;height:52px;display:flex!important;flex-direction:column!important;justify-content:center;gap:3px;padding:0!important;border:0;border-radius:5px;font-size:9px;text-align:center}.app-sidebar .studio-nav-item .n-icon{font-size:18px}.app-sidebar .studio-nav-item .nav-arrow{display:none!important}.app-sidebar .studio-nav-item.active{box-shadow:inset 0 2px var(--color-primary)}.app-sidebar .mobile-account{display:flex!important}}@media (min-width: 769px){.app-layout>.app-sidebar{width:88px!important;flex:0 0 88px!important;align-items:center!important;padding:20px 8px 12px!important;background:#101012!important;border-right-color:#242428!important}.app-sidebar .studio-brand{width:48px!important;min-height:48px!important;justify-content:center!important;padding:0!important}.app-sidebar .brand-glyph{width:34px;height:34px;flex-basis:34px;color:#03120d;background:#34d399;border:1px solid rgba(110,231,183,.5);border-radius:8px;box-shadow:0 8px 24px #10b9812e,inset 0 1px #ffffff3d}.app-sidebar .brand-copy,.app-sidebar .nav-section-label,.app-sidebar .nav-arrow,.app-sidebar .studio-nav-item .nav-arrow{display:none!important}.app-sidebar .studio-nav{width:100%;margin-top:42px!important;gap:0!important;overflow:visible!important}.app-sidebar .studio-nav-group{width:100%;display:flex;flex-direction:column;gap:8px}.app-sidebar .studio-nav-group:last-of-type{margin-top:auto;padding-top:18px;border-top:1px solid #25292d}.app-sidebar .studio-nav-item{width:72px!important;height:62px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;padding:0!important;color:#a1a1aa!important;border:1px solid transparent!important;border-radius:8px!important;font-size:10px!important;text-align:center!important}.app-sidebar .studio-nav-item .n-icon{font-size:23px!important}.app-sidebar .studio-nav-item:hover{color:#fafafa!important;background:#18181b!important;transform:translateY(-1px)}.app-sidebar .studio-nav-item.active{color:#fafafa!important;background:#10b98114!important;border-color:#34d39924!important;box-shadow:inset 0 0 0 1px #34d39908!important}.app-sidebar .studio-nav-item.active .n-icon{color:#34d399!important}.app-sidebar .studio-actions{width:72px;display:flex!important;flex-direction:column;gap:7px;padding-top:10px}.app-sidebar .credit-pill{width:52px;height:34px;justify-content:center;padding:0!important;border:0!important;background:transparent!important}.app-sidebar .credit-pill span,.app-sidebar .account-button>span:not(.avatar){display:none}.app-sidebar .header-icon-button{display:none}.app-sidebar .account-button,.app-sidebar .login-button{width:52px!important;height:42px!important;min-width:0;justify-content:center!important;padding:0!important;border:0!important;background:transparent!important}.app-sidebar .account-button>.n-icon{display:none}.app-sidebar .avatar{width:30px;height:30px;color:#03120d;background:#34d399;box-shadow:0 6px 18px #10b9812e}.app-content .generate-page{display:block!important;height:100%;background:#0a0a0b!important}.app-content .studio-workspace{position:relative;width:100%;height:100%;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:60px minmax(0,1fr)!important;background:#0a0a0b}.app-content .task-rail{grid-column:1!important;grid-row:1!important;min-height:60px!important;padding:0 30px!important;background:#0a0a0b!important;border-bottom:0!important}.app-content .task-rail>:not(.workspace-view-switch){display:none!important}.app-content .workspace-view-switch{display:flex;align-items:center;gap:5px}.app-content .workspace-view-switch>span{margin-right:7px;color:#71717a;font-size:10px}.app-content .workspace-view-switch button{min-width:63px;height:32px;padding:0 11px;color:#a1a1aa;background:transparent;border:0;border:1px solid transparent;border-radius:8px;font-size:10px}.app-content .workspace-view-switch button:hover{color:#fafafa;background:#18181b}.app-content .workspace-view-switch button.active{color:#fafafa;background:#27272a;border-color:#ffffff0f}.app-content .timeline-area{grid-column:1!important;grid-row:2!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,338px));align-content:start;justify-content:start;gap:20px 18px;padding:16px 30px 188px!important;overflow-y:auto;background:#0a0a0b!important}.app-content .timeline-area.view-expanded{grid-template-columns:minmax(0,1fr)}.app-content .timeline-area>.date-divider{grid-column:1 / -1;justify-content:flex-start!important;margin:2px 0 -6px!important}.app-content .timeline-area>.date-divider:before,.app-content .timeline-area>.date-divider:after{display:none}.app-content .timeline-area>.date-divider span{padding:0!important;background:transparent!important}.app-content .timeline-area>.user-row{display:none!important}.app-content .timeline-area>.ai-row{width:100%!important;min-width:0;display:block!important;margin:0!important}.app-content .timeline-area .ai-bubble{width:100%;overflow:hidden;color:#fafafa;background:#ffffff05!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:8px!important;box-shadow:0 2px 12px #0000002e,inset 0 1px #ffffff06}.app-content .result-card-meta{height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px;border-bottom:1px solid #202424}.app-content .result-card-meta span{max-width:72%;overflow:hidden;padding:5px 8px;color:#6ee7b7;background:#10b98114;border:1px solid rgba(52,211,153,.22);border-radius:11px;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.app-content .result-card-meta small{color:#71717a;font:500 8px/1 var(--font-data)}.app-content .timeline-area .result-images,.app-content .timeline-area .video-result,.app-content .timeline-area .generating-state,.app-content .timeline-area .error-state{margin:0!important;overflow:hidden;background:#00000073!important;border:0!important;border-radius:0!important}.app-content .timeline-area .image-grid,.app-content .timeline-area .image-grid.single{width:100%!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2px!important;padding:0!important;background:#00000073!important}.app-content .timeline-area .image-grid.single{grid-template-columns:minmax(0,1fr)!important}.app-content .timeline-area .image-item,.app-content .timeline-area .image-item .n-image{width:100%!important;height:auto!important}.app-content .timeline-area .image-item .n-image img{width:100%!important;height:auto!important;max-height:480px;display:block;object-fit:cover!important}.app-content .timeline-area.view-expanded .image-grid.single{grid-template-columns:minmax(0,1fr)!important}.app-content .timeline-area.view-expanded .result-card-meta{height:74px;padding:0 30px;border-bottom:0}.app-content .timeline-area.view-expanded .result-images{margin:14px 24px 0!important;border:1px solid rgba(255,255,255,.04)!important;border-radius:8px!important;box-shadow:inset 0 1px #ffffff08,0 4px 16px #00000040}.app-content .timeline-area.view-expanded .image-item,.app-content .timeline-area.view-expanded .image-item .n-image{width:100%!important;height:clamp(360px,57vh,520px)!important}.app-content .timeline-area.view-expanded .image-item .n-image{display:flex!important;align-items:center;justify-content:center;background:#0a0a0b!important}.app-content .timeline-area.view-expanded .image-item .n-image img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}.app-content .timeline-area.view-expanded .result-card-prompt{min-height:54px;margin:14px 28px 0;padding:0 14px;color:#e4e4e7;background:#ffffff05;border:1px solid rgba(255,255,255,.055);border-radius:7px}.app-content .timeline-area.view-expanded .credits-used{padding:10px 28px 14px}.app-content .timeline-area .result-video{width:100%;max-width:none;height:auto;max-height:480px;display:block;border-radius:0}.app-content .result-card-prompt{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;color:#dadddc;border-top:1px solid #202424;font-size:10px}.app-content .result-card-prompt span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-content .result-card-prompt i{color:#8b908e;font-size:15px;font-style:normal}.app-content .timeline-area .credits-used{padding:0 13px 10px;font-size:8px}.app-content .timeline-area .result-actions{top:58px!important;right:10px!important;opacity:0;transition:opacity .16s ease,transform .16s ease;transform:translateY(-2px)}.app-content .timeline-area .ai-bubble:hover .result-actions{opacity:1;transform:translateY(0)}.app-content .empty-state{grid-column:1 / -1;width:100%;min-height:calc(100vh - 290px)!important;border:0!important}.app-content .empty-state:before,.app-content .empty-state:after{display:none!important}.app-content .empty-mark{width:64px;height:64px;display:grid;place-items:center;margin-bottom:14px;color:#48dfbd;background:#0d1d19;border:1px solid #1c443a;border-radius:50%;font-size:28px}.app-content .empty-modes{display:none}.app-content .result-filmstrip{display:none!important}.app-content .studio-control-panel{position:absolute;z-index:20;grid-column:auto!important;grid-row:auto!important;grid-area:auto!important;left:50%;right:auto;bottom:16px;width:min(760px,calc(100% - 60px));max-height:none!important;display:block!important;overflow:visible!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none;transform:translate(-50%)}.app-content .studio-control-panel.mode-video{width:min(760px,calc(100% - 60px))}.app-content .timeline-area.view-compact .image-item .n-image{width:100%!important;height:auto!important;aspect-ratio:1 / 1;overflow:hidden;background:#0a0a0b!important}.app-content .timeline-area.view-compact .image-item .n-image img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}.app-content .control-panel-heading,.app-content .studio-control-panel>.creation-mode-switch{display:none!important}.app-content .studio-control-panel .composer-wrap{width:100%;height:auto!important;max-width:none!important;flex:0 0 auto!important;padding:0!important;overflow:visible!important}.app-content .studio-control-panel .composer-card{height:auto!important;display:block!important;overflow:hidden;background:#1c1c20f5!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;box-shadow:0 -2px 24px #00000059,0 18px 54px #0000004d,inset 0 1px #ffffff09!important}.app-content .studio-control-panel .composer-card:focus-within{border-color:#34d3994d!important;box-shadow:0 -2px 24px #00000059,0 18px 54px #0000004d,0 0 0 2px #10b98114!important}.app-content .studio-control-panel .workflow-switch{height:48px;align-items:center;gap:5px;padding:6px 14px!important;border-bottom:0!important}.app-content .studio-control-panel .workflow-switch button{min-width:0!important;width:auto;height:34px!important;display:flex!important;align-items:center;padding:0 14px!important;color:#fafafa!important;background:#ffffff05!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:17px!important;white-space:nowrap}.app-content .studio-control-panel .workflow-switch button small{display:none}.app-content .studio-control-panel .workflow-switch button:hover{background:#ffffff0f!important;border-color:#ffffff24!important;transform:translateY(-1px)}.app-content .studio-control-panel .workflow-switch button.active{color:#fff!important;background:#10b98114!important;border-color:#10b981!important;box-shadow:0 4px 14px -2px #10b9817a,0 0 0 2px #10b9811f,inset 0 1px #ffffff2e}.app-content .studio-control-panel .composer-body{height:auto!important;flex:0 0 auto!important;flex-direction:row!important;min-height:54px!important;padding:4px 16px 0!important}.app-content .studio-control-panel .input-wrapper{width:auto!important;height:52px!important;flex:1 1 auto!important;min-height:52px;padding:0!important;background:transparent!important;border:0!important}.app-content .studio-control-panel .composer-input{height:50px!important;min-height:50px!important;max-height:80px!important;padding:7px 46px 7px 0!important;color:#eef1f0!important;font-size:12px!important}.app-content .studio-control-panel .composer-toolbar{height:50px!important;flex:0 0 50px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;min-height:50px!important;max-height:50px!important;padding:5px 14px 10px!important;gap:10px!important;border-top:0!important}.app-content .studio-control-panel .toolbar-left{width:auto!important;max-height:none!important;display:flex!important;grid-template-columns:none!important;flex:1 1 auto;gap:5px!important;overflow:visible!important}.app-content .studio-control-panel .toolbar-right{width:auto!important;flex:0 0 auto;justify-content:flex-end!important;gap:10px;margin:0!important;padding:0!important;border-top:0!important}.app-content .studio-control-panel .pill{width:auto!important;min-width:0;flex:0 0 auto;height:35px!important;padding:0 10px!important;color:#d4d4d8!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;font-size:10px!important}.app-content .studio-control-panel .pill-primary{display:none!important}.app-content .studio-control-panel .pill:hover{color:#fafafa!important;background:#ffffff14!important;border-color:#ffffff29!important;transform:translateY(-1px)}.app-content .studio-control-panel .send-btn{width:126px!important;height:38px!important;color:#fff!important;background:#10b981!important;border:1px solid rgba(110,231,183,.48)!important;border-radius:8px!important;box-shadow:0 8px 22px #10b98133!important}.app-content .studio-control-panel.mode-video .send-btn{background:#10b981!important}.app-content .studio-control-panel .send-btn:hover:not(:disabled){background:#14c98c!important;transform:translateY(-1px);box-shadow:0 10px 28px #10b9814d!important}.app-content .studio-control-panel .send-btn:active:not(:disabled),.app-content .studio-control-panel .pill:active,.app-content .studio-control-panel .workflow-switch button:active{transform:scale(.98)}.app-content .studio-control-panel .send-btn:disabled{color:#ffffffb8!important;background:#10b981!important;border-color:#10b981!important;box-shadow:none!important;opacity:.4!important}.app-content .studio-control-panel .send-btn:before{content:"生成";margin-right:5px;font-size:10px;font-weight:700}.app-content .studio-control-panel.mode-video .send-btn:before{content:"生成视频"}.app-content .studio-control-panel .send-btn:after{display:none!important}.app-content .studio-control-panel .credits-badge{color:#6ce1c6!important;font-size:9px}.app-content .studio-control-panel.mode-video .credits-badge{color:#6ce1c6!important}.app-sidebar .studio-nav-item,.app-content .workspace-view-switch button,.app-content .studio-control-panel .workflow-switch button,.app-content .studio-control-panel .pill,.app-content .studio-control-panel .send-btn,.app-content .result-action-btn{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important}.app-sidebar button:focus-visible,.app-content .workspace-view-switch button:focus-visible,.app-content .studio-control-panel button:focus-visible{outline:2px solid rgba(52,211,153,.58);outline-offset:2px}}@media (prefers-reduced-motion: reduce){.app-sidebar .studio-nav-item,.app-content .workspace-view-switch button,.app-content .studio-control-panel button,.app-content .result-action-btn{transition:none!important;transform:none!important}}@media (max-width: 768px){.app-sidebar .studio-nav-group:last-of-type{display:none!important}.app-sidebar .studio-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}.app-content .workspace-view-switch,.app-content .result-card-meta,.app-content .result-card-prompt{display:none}.app-content .generate-page,.app-content .studio-workspace,.app-content .timeline-area{background:#0a0a0b!important}.app-content .studio-control-panel .composer-card{background:#1c1c20fa!important;border-color:#ffffff14!important;box-shadow:0 -8px 32px #00000057!important}.app-content .studio-control-panel .workflow-switch button.active{color:#fff!important;background:#10b9811a!important;border-color:#10b981!important}.app-content .studio-control-panel .send-btn{color:#fff!important;background:#10b981!important}.app-content .studio-control-panel .send-btn:disabled{opacity:.4!important}.app-sidebar .studio-nav-item.active{color:#34d399!important;background:#10b98114!important}}
