@charset "UTF-8";.layout-root[data-v-c8f93151]{height:100vh;overflow:hidden}.right-container[data-v-c8f93151]{min-width:0;flex:1;overflow:hidden}.sidebar[data-v-c8f93151]{background:linear-gradient(180deg,#0f172a,#111827);transition:width .22s ease;overflow-x:hidden;display:flex!important;flex-direction:column;box-shadow:inset -1px 0 #ffffff0f}.sidebar-mobile[data-v-c8f93151]{position:fixed!important;left:0;top:0;height:100vh;width:260px!important;z-index:1001;transform:translate(-100%);transition:transform .25s ease,box-shadow .25s ease}.sidebar-mobile.sidebar-open[data-v-c8f93151]{transform:translate(0);box-shadow:4px 0 28px #0000005c}.sidebar-overlay[data-v-c8f93151]{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061785;z-index:1000}.overlay-fade-enter-active[data-v-c8f93151],.overlay-fade-leave-active[data-v-c8f93151]{transition:opacity .25s}.overlay-fade-enter-from[data-v-c8f93151],.overlay-fade-leave-to[data-v-c8f93151]{opacity:0}.logo[data-v-c8f93151]{height:70px;display:flex;align-items:center;gap:12px;padding:0 16px;color:#fff;cursor:pointer;flex-shrink:0}.logo-img[data-v-c8f93151]{width:38px;height:38px;border-radius:12px;object-fit:cover;background:#fff;box-shadow:0 10px 24px #3b82f62e}.logo-text[data-v-c8f93151]{min-width:0;display:flex;flex-direction:column;gap:2px}.logo-text .title[data-v-c8f93151]{font-size:16px;font-weight:800;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-text small[data-v-c8f93151]{font-size:10px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-menu[data-v-c8f93151]{border-right:none!important;flex:1;overflow-y:auto;overflow-x:hidden;--el-menu-hover-bg-color: rgba(255,255,255,.08)}.side-menu[data-v-c8f93151] .el-menu-item.is-active{background:linear-gradient(90deg,#2563ebd1,#0ea5e99e);border-radius:12px;margin:4px 10px;height:44px}.side-menu[data-v-c8f93151] .el-menu-item,.side-menu[data-v-c8f93151] .el-sub-menu__title{margin:4px 10px;border-radius:12px;height:44px}.sidebar-contact[data-v-c8f93151]{margin:10px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;color:#dbeafe;background:#2563eb29;border:1px solid rgba(147,197,253,.18);cursor:pointer}.sidebar-contact[data-v-c8f93151]:not(.collapsed){justify-content:flex-start;padding:0 14px}.sidebar-version[data-v-c8f93151]{color:#64748b;font-size:12px;text-align:center;padding:0 0 14px}.topbar[data-v-c8f93151]{display:flex;align-items:center;justify-content:space-between;height:58px;min-height:58px;background:color-mix(in srgb,var(--el-bg-color) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--el-text-color-primary);border-bottom:1px solid var(--el-border-color-lighter);padding:0 18px;flex-shrink:0}.topbar .left[data-v-c8f93151],.topbar .right[data-v-c8f93151]{display:flex;align-items:center;gap:10px;min-width:0}.crumb[data-v-c8f93151]{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-entry[data-v-c8f93151]{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--el-text-color-primary)}.avatar[data-v-c8f93151]{background:linear-gradient(135deg,#2563eb,#06b6d4);font-weight:800}.nick[data-v-c8f93151]{font-size:14px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-btn[data-v-c8f93151]{padding:0 6px}.main[data-v-c8f93151]{background:var(--gp-bg);padding:0;overflow-y:auto;overflow-x:hidden}.footer[data-v-c8f93151]{background:transparent;color:var(--el-text-color-secondary);font-size:12px;min-height:36px;display:flex;justify-content:center;align-items:center;padding:6px 12px}.float-contact[data-v-c8f93151]{position:fixed;right:20px;bottom:22px;z-index:50;border:0;border-radius:999px;padding:11px 16px;display:inline-flex;align-items:center;gap:6px;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 16px 34px #2563eb47;cursor:pointer;font-weight:700}.contact-card[data-v-c8f93151]{text-align:center;padding:6px 0 10px}.contact-logo[data-v-c8f93151]{width:72px;height:72px;object-fit:cover;border-radius:18px;box-shadow:0 12px 28px #2563eb2e}.contact-card h2[data-v-c8f93151]{margin:14px 0 6px;font-size:22px;color:var(--el-text-color-primary)}.contact-card p[data-v-c8f93151]{margin:0 0 14px;color:var(--el-text-color-secondary)}.contact-qr[data-v-c8f93151]{width:min(280px,76vw);border-radius:18px;border:1px solid var(--el-border-color-lighter)}.wechat-id[data-v-c8f93151]{margin-top:12px;color:var(--el-text-color-primary)}.fade-enter-active[data-v-c8f93151],.fade-leave-active[data-v-c8f93151]{transition:opacity .16s ease,transform .16s ease}.fade-enter-from[data-v-c8f93151],.fade-leave-to[data-v-c8f93151]{opacity:0;transform:translateY(6px)}@media (max-width: 768px){.topbar[data-v-c8f93151]{padding:0 12px;height:54px;min-height:54px}.crumb[data-v-c8f93151]{font-size:15px}.nick[data-v-c8f93151],.footer[data-v-c8f93151]{display:none}.float-contact[data-v-c8f93151]{right:14px;bottom:82px;padding:10px 13px}}.blank-layout[data-v-45529f88]{min-height:100vh;position:relative;padding-bottom:40px;box-sizing:border-box}.blank-footer[data-v-45529f88]{position:absolute;left:0;right:0;bottom:0;text-align:center;padding:10px 12px;font-size:12px;color:var(--el-text-color-secondary, #909399);line-height:1.6}.blank-footer b[data-v-45529f88]{color:var(--el-color-primary, #2563eb)}.blank-footer span[data-v-45529f88]{margin-left:6px}:root{--gp-bg: #f5f7fa;--gp-sidebar-bg: #1f2330;--gp-sidebar-active: #409eff;--gp-card-shadow: 0 1px 4px rgba(0, 21, 41, .05)}html.dark{--gp-bg: #0d1117;--gp-sidebar-bg: #0b0e14;--gp-card-shadow: 0 1px 4px rgba(0, 0, 0, .35)}html,body,#app{height:100%;margin:0;padding:0}#app{background:var(--gp-bg)}.page-title{font-size:18px;font-weight:600;margin:0 0 16px;color:var(--el-text-color-primary)}.page-container{padding:20px}.card-block{background:var(--el-bg-color);border-radius:8px;padding:18px 20px;box-shadow:var(--gp-card-shadow)}.card-block+.card-block{margin-top:16px}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.flex-wrap-gap{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.el-table .el-button+.el-button{margin-left:6px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}@media (max-width: 767px){.page-container{padding:12px}.card-block{padding:14px 12px}.page-title{font-size:16px;margin-bottom:12px}.el-table{overflow-x:auto;font-size:13px}.el-table .cell .el-button{margin:2px 0;display:block;width:100%}.el-pagination{justify-content:center;flex-wrap:wrap;gap:4px}.el-pagination .el-pagination__total,.el-pagination .el-pagination__sizes{display:none}.el-dialog{width:95vw!important;margin:4vh auto!important}.el-form-item .el-form-item__label{float:none;display:block;text-align:left;padding-bottom:4px;line-height:1.4}.el-form-item .el-form-item__content{margin-left:0!important}.flex-between{flex-wrap:wrap}}*{scrollbar-width:thin;scrollbar-color:rgba(144,147,153,.45) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#90939959;border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background .2s}*::-webkit-scrollbar-thumb:hover{background:#909399a6;background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}html.dark *{scrollbar-color:rgba(255,255,255,.22) transparent}html.dark *::-webkit-scrollbar-thumb{background:#ffffff2e;background-clip:padding-box}html.dark *::-webkit-scrollbar-thumb:hover{background:#ffffff52;background-clip:padding-box}.el-aside.sidebar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.el-aside.sidebar::-webkit-scrollbar{width:6px;height:6px}.el-aside.sidebar::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px;border:1px solid transparent;background-clip:padding-box}.el-aside.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d;background-clip:padding-box}.el-scrollbar__bar.is-vertical>.el-scrollbar__thumb,.el-scrollbar__bar.is-horizontal>.el-scrollbar__thumb{background-color:#90939973;border-radius:999px}.el-scrollbar__bar.is-vertical{width:6px}.el-scrollbar__bar.is-horizontal{height:6px}html.dark .el-scrollbar__bar.is-vertical>.el-scrollbar__thumb,html.dark .el-scrollbar__bar.is-horizontal>.el-scrollbar__thumb{background-color:#ffffff47}:root{--ai-primary: #6d5dfc;--ai-primary-2: #8d5cf6;--ai-primary-3: #4e8cff;--ai-accent: #ff8a3d;--ai-success: #18c98b;--ai-danger: #ff5573;--ai-bg: #f7f8ff;--ai-bg-soft: #fbfcff;--ai-card: rgba(255, 255, 255, .92);--ai-card-solid: #ffffff;--ai-text: #172033;--ai-sub: #76809a;--ai-muted: #a4abc0;--ai-border: rgba(116, 126, 160, .16);--ai-border-strong: rgba(109, 93, 252, .28);--ai-shadow: 0 20px 60px rgba(50, 58, 106, .1);--ai-shadow-soft: 0 12px 32px rgba(50, 58, 106, .07);--ai-radius-xl: 26px;--ai-radius-lg: 20px;--ai-radius-md: 14px;--ai-radius-sm: 10px;--ai-sidebar-w: 232px;--ai-topbar-h: 64px;--ai-mobile-nav-h: 72px}.ai-studio{min-height:100vh;color:var(--ai-text);background:radial-gradient(circle at 12% 4%,rgba(109,93,252,.1),transparent 30%),radial-gradient(circle at 82% 0%,rgba(255,138,61,.1),transparent 24%),linear-gradient(180deg,#fbfcff 0%,var(--ai-bg) 58%,#ffffff 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.ai-shell{min-height:100vh;display:grid;grid-template-columns:var(--ai-sidebar-w) minmax(0,1fr)}.ai-sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--ai-border);background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:20px}.ai-brand{display:flex;align-items:center;gap:12px;min-height:44px;font-weight:800;font-size:18px;letter-spacing:-.02em}.ai-brand-logo{width:38px;height:38px;border-radius:14px;object-fit:cover;box-shadow:0 10px 28px #6d5dfc3d}.ai-brand-sub{font-size:12px;color:var(--ai-sub);font-weight:500;margin-top:2px}.ai-side-section{padding:8px 0 12px;border-bottom:1px solid rgba(116,126,160,.11)}.ai-side-title{margin:0 0 8px 8px;color:var(--ai-muted);font-size:12px}.ai-side-link{height:42px;padding:0 12px;border-radius:14px;color:#556078;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:6px;transition:all .18s ease}.ai-side-link:hover{background:#6d5dfc14;color:var(--ai-primary)}.ai-side-link.router-link-active,.ai-side-link.is-active{background:linear-gradient(135deg,#6d5dfc24,#8d5cf61a);color:var(--ai-primary);font-weight:700;box-shadow:inset 3px 0 0 var(--ai-primary)}.ai-upgrade-card{margin-top:auto;border-radius:20px;padding:18px;background:radial-gradient(circle at 82% 16%,rgba(255,186,83,.45),transparent 28%),linear-gradient(135deg,#6d5dfc21,#ff8a3d1f);border:1px solid rgba(255,166,77,.18)}.ai-main{min-width:0;display:flex;flex-direction:column}.ai-topbar{height:var(--ai-topbar-h);padding:0 28px;border-bottom:1px solid var(--ai-border);display:flex;align-items:center;justify-content:space-between;background:#ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:8}.ai-top-tabs{display:flex;align-items:center;gap:8px}.ai-top-tab{min-width:98px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#626d85;text-decoration:none;font-weight:600;border:1px solid transparent}.ai-top-tab.router-link-active{color:var(--ai-primary);background:#6d5dfc14;border-color:#6d5dfc29}.ai-top-actions{display:flex;align-items:center;gap:12px}.ai-pill{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--ai-border);background:#ffffffc2;display:inline-flex;align-items:center;gap:8px;color:#4f5b72;font-size:13px;white-space:nowrap}.ai-pill.is-warm{color:#e57422;background:#ff8a3d1c;border-color:#ff8a3d33}.ai-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#e7eaff,#fff4e7);box-shadow:0 8px 20px #1f27481a}.ai-page-frame{padding:22px}.ai-grid-play{display:grid;grid-template-columns:minmax(320px,430px) minmax(460px,1fr) minmax(260px,320px);gap:18px;align-items:start}.ai-card{background:var(--ai-card);border:1px solid var(--ai-border);border-radius:var(--ai-radius-lg);box-shadow:var(--ai-shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ai-card-pad{padding:18px}.ai-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.ai-section-title{margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em}.ai-section-sub{color:var(--ai-sub);font-size:12px}.ai-tabs{display:grid;grid-template-columns:1fr 1fr;padding:6px;background:#6d5dfc0f;border:1px solid rgba(109,93,252,.1);border-radius:16px;margin-bottom:14px}.ai-tab-btn{height:42px;border:0;border-radius:12px;background:transparent;color:#5b647a;font-weight:700;cursor:pointer}.ai-tab-btn.is-active{background:#fff;color:var(--ai-primary);box-shadow:0 10px 22px #6d5dfc1f}.ai-field{margin-bottom:14px}.ai-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#3f495d;font-weight:700;margin-bottom:8px}.ai-textarea{width:100%;min-height:128px;resize:vertical;border:1px solid var(--ai-border);border-radius:16px;padding:14px;outline:0;color:var(--ai-text);background:#ffffffb8;box-sizing:border-box;line-height:1.7;transition:.18s ease}.ai-textarea:focus{border-color:var(--ai-primary);box-shadow:0 0 0 4px #6d5dfc1a}.ai-model-select{border:1px solid var(--ai-border);border-radius:16px;padding:12px;display:flex;align-items:center;gap:12px;background:#ffffffbf}.ai-model-cover{width:48px;height:48px;border-radius:14px;object-fit:cover;background:linear-gradient(135deg,#e5e8ff,#fff2e4)}.ai-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ai-option{min-height:46px;border:1px solid var(--ai-border);border-radius:12px;background:#ffffffb8;color:#515b72;font-weight:700;cursor:pointer;transition:all .16s ease}.ai-option small{display:block;color:var(--ai-muted);font-weight:500;margin-top:3px}.ai-option.is-active{border-color:var(--ai-primary);color:var(--ai-primary);background:#6d5dfc14;box-shadow:0 10px 24px #6d5dfc1a}.ai-cost-row{margin-top:16px;padding:12px;border-radius:16px;background:#6d5dfc0f;border:1px solid rgba(109,93,252,.1);display:flex;align-items:center;justify-content:space-between;color:#4f5870;font-size:13px}.ai-primary-btn{height:52px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--ai-primary),var(--ai-primary-2));color:#fff;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 18px 36px #6d5dfc47;transition:transform .16s ease,box-shadow .16s ease}.ai-primary-btn:hover{transform:translateY(-1px);box-shadow:0 22px 42px #6d5dfc57}.ai-primary-btn:disabled{opacity:.58;cursor:not-allowed;transform:none}.ai-full{width:100%}.ai-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-result-img,.ai-gallery-img,.ai-work-img{position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(135deg,#dde3ff,#fff1dc);aspect-ratio:4/3}.ai-result-img img,.ai-gallery-img img,.ai-work-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.04) contrast(1.02)}.ai-img-action{position:absolute;right:10px;bottom:10px;width:32px;height:32px;border-radius:11px;background:#12182a94;color:#fff;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.ai-ghost-btn{height:38px;min-width:94px;border:1px solid var(--ai-border);border-radius:13px;background:#ffffffc2;color:#4f5870;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.ai-prompt-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.ai-chip-card{min-height:54px;border:1px solid var(--ai-border);border-radius:14px;padding:8px;display:flex;align-items:center;gap:9px;background:#ffffffbf;cursor:pointer}.ai-chip-card img{width:40px;height:40px;border-radius:11px;object-fit:cover}.ai-history-list{display:flex;flex-direction:column;gap:10px}.ai-history-item{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--ai-border);border-radius:15px;background:#ffffff9e}.ai-history-thumb{width:58px;height:58px;border-radius:14px;object-fit:cover;background:linear-gradient(135deg,#dfe4ff,#fff1dc)}@media (min-width: 1181px){.ai-grid-play .ai-right-panel{position:sticky;top:calc(var(--ai-topbar-h) + 22px);max-height:calc(100vh - var(--ai-topbar-h) - 44px);display:flex;flex-direction:column;min-height:0;overflow:hidden}.ai-grid-play .ai-right-panel .ai-history-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:2px}}.ai-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-price{color:var(--ai-primary);font-weight:800}.ai-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ai-gallery-card{padding:10px;border-radius:20px;border:1px solid var(--ai-border);background:#ffffffc7;box-shadow:var(--ai-shadow-soft)}.ai-gallery-card h4,.ai-model-card h4{margin:10px 0 4px;font-size:14px}.ai-meta-row{display:flex;align-items:center;justify-content:space-between;color:var(--ai-sub);font-size:12px;gap:8px}.ai-filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.ai-filter-chip{border:0;height:34px;padding:0 15px;border-radius:999px;background:#6d5dfc12;color:#636d83;font-weight:700;cursor:pointer}.ai-filter-chip.is-active{background:#6d5dfc29;color:var(--ai-primary)}.ai-model-list{display:grid;gap:14px}.ai-model-card{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:14px;padding:14px;border-radius:20px;border:1px solid var(--ai-border);background:#ffffffc7;box-shadow:var(--ai-shadow-soft)}.ai-model-card img{width:88px;height:72px;border-radius:16px;object-fit:cover}.ai-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.ai-tag{font-size:12px;color:#6d7590;padding:4px 8px;border-radius:999px;background:#6d5dfc14}.ai-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ai-stat{border:1px solid var(--ai-border);border-radius:16px;padding:14px;background:#ffffffad}.ai-stat-value{font-size:24px;font-weight:850;letter-spacing:-.03em;margin-top:6px}.ai-billing-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-bottom:18px}.ai-balance-card{border-radius:24px;padding:24px;color:#fff;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.24),transparent 30%),linear-gradient(135deg,#6155f5,#9a5cf2);box-shadow:0 24px 60px #6d5dfc3d}.ai-balance-value{font-size:42px;font-weight:900;letter-spacing:-.04em;margin:10px 0 4px}.ai-package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ai-package-card{padding:18px;border:1px solid var(--ai-border);border-radius:20px;background:#ffffffc2;cursor:pointer;position:relative}.ai-package-card.is-active{border-color:var(--ai-primary);box-shadow:0 18px 40px #6d5dfc24}.ai-package-title{font-weight:800}.ai-package-points{margin:16px 0 6px;font-size:28px;font-weight:900;color:var(--ai-text)}.ai-package-price{color:var(--ai-danger);font-weight:850}.ai-pay-list{display:grid;gap:10px}.ai-pay-item{height:48px;border:1px solid var(--ai-border);border-radius:14px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#ffffffb8}.ai-pay-item.is-active{border-color:var(--ai-primary);box-shadow:inset 0 0 0 1px #6d5dfc26}.ai-account-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 320px;gap:18px;align-items:start}.ai-form-list{display:grid;gap:12px}.ai-form-row{min-height:46px;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(116,126,160,.1)}.ai-mobile-only{display:none!important}.ai-mobile-topbar,.ai-mobile-tabbar{display:none}@media (max-width: 1180px){.ai-grid-play{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.ai-right-panel{display:none}.ai-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-account-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){html,body,#app{min-height:100%;background:#f7f8ff}.ai-studio{min-height:100vh;background:radial-gradient(circle at 0% 0%,rgba(109,93,252,.12),transparent 28%),linear-gradient(180deg,#fbfcff,#f7f8ff)}.ai-shell{display:block;min-height:100vh}.ai-sidebar,.ai-topbar,.ai-desktop-only{display:none!important}.ai-mobile-only{display:block!important}.ai-main{min-height:100vh;padding-bottom:calc(var(--ai-mobile-nav-h) + env(safe-area-inset-bottom))}.ai-page-frame{padding:76px 12px 14px}.ai-mobile-topbar{position:fixed;inset:0 0 auto 0;z-index:20;height:64px;padding:max(10px,env(safe-area-inset-top)) 12px 8px;display:flex;align-items:center;justify-content:space-between;background:#fbfcffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(116,126,160,.12)}.ai-mobile-brand{display:flex;align-items:center;gap:8px;min-width:0;font-weight:850}.ai-mobile-brand img{width:30px;height:30px;border-radius:11px;object-fit:cover}.ai-mobile-actions{display:flex;align-items:center;gap:8px}.ai-mobile-tabbar{position:fixed;z-index:30;inset:auto 0 0 0;display:grid;grid-template-columns:repeat(4,1fr);min-height:var(--ai-mobile-nav-h);padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgba(116,126,160,.14);background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -10px 40px #323a6a14}.ai-mobile-nav-link{color:#6c768e;text-decoration:none;display:grid;place-items:center;gap:3px;font-size:11px;font-weight:700}.ai-mobile-nav-link .el-icon{font-size:19px}.ai-mobile-nav-link.router-link-active{color:var(--ai-primary)}.ai-card{border-radius:18px;box-shadow:0 12px 32px #323a6a14}.ai-card-pad{padding:14px}.ai-grid-play,.ai-billing-hero,.ai-account-grid{display:block}.ai-result-grid{gap:8px}.ai-result-img{border-radius:14px}.ai-options{grid-template-columns:repeat(5,minmax(58px,1fr));overflow-x:auto;padding-bottom:2px}.ai-option{min-width:60px;min-height:50px;font-size:13px}.ai-prompt-chips{grid-template-columns:repeat(2,1fr)}.ai-actions-row{display:grid;grid-template-columns:repeat(4,1fr)}.ai-ghost-btn{min-width:0;padding:0 8px}.ai-right-panel{display:none}.ai-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-gallery-card{padding:8px;border-radius:16px}.ai-gallery-img{border-radius:13px;aspect-ratio:1/1.08}.ai-filter-row{flex-wrap:nowrap;overflow-x:auto;padding:0 2px 6px}.ai-filter-chip{flex:0 0 auto}.ai-model-card{grid-template-columns:72px 1fr auto;gap:10px;padding:10px;border-radius:16px}.ai-model-card img{width:72px;height:64px;border-radius:14px}.ai-stat-grid{grid-template-columns:repeat(2,1fr)}.ai-package-grid{display:flex;overflow-x:auto;gap:10px;padding-bottom:6px}.ai-package-card{flex:0 0 168px}.ai-balance-card{margin-bottom:12px;border-radius:20px;padding:18px}.ai-balance-value{font-size:34px}.ai-section-title{font-size:20px}.ai-desktop-billing-table{display:none!important}}