.demo-showcase[data-v-225e3906]{min-height:100vh;background:#0f0f23;color:#fff}.showcase-hero[data-v-225e3906]{background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 24px;text-align:center}.hero-content h1[data-v-225e3906]{font-size:48px;margin-bottom:16px;font-weight:700}.hero-subtitle[data-v-225e3906]{font-size:24px;opacity:.9;margin-bottom:12px}.hero-desc[data-v-225e3906]{font-size:18px;opacity:.7}.showcase-main[data-v-225e3906]{max-width:1400px;margin:0 auto;padding:48px 24px}.section-title[data-v-225e3906]{text-align:center;margin-bottom:48px}.section-title h2[data-v-225e3906]{font-size:36px;margin-bottom:12px}.section-title p[data-v-225e3906]{font-size:18px;opacity:.7}.demo-grid[data-v-225e3906]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;margin-bottom:80px}.demo-card[data-v-225e3906]{background:#1a1a2e;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1)}.demo-card[data-v-225e3906]:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 24px 48px #667eea4d;border-color:#667eea80}.demo-preview[data-v-225e3906]{height:320px;position:relative;overflow:hidden;background:#16213e}.saas-preview[data-v-225e3906]{display:flex;flex-direction:column}.preview-topbar[data-v-225e3906]{height:48px;background:#1a1a2e;display:flex;align-items:center;padding:0 16px;gap:24px;border-bottom:1px solid rgba(255,255,255,.1)}.preview-logo[data-v-225e3906]{font-weight:700;font-size:14px}.preview-menu[data-v-225e3906]{display:flex;gap:16px;flex:1}.menu-item[data-v-225e3906]{font-size:12px;opacity:.7}.preview-user[data-v-225e3906]{display:flex;align-items:center;gap:8px;font-size:12px}.avatar[data-v-225e3906]{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2)}.preview-body[data-v-225e3906]{display:flex;flex:1}.preview-sidebar[data-v-225e3906]{width:120px;background:#0f0f23;padding:12px}.sidebar-item[data-v-225e3906]{padding:8px;font-size:11px;opacity:.7;margin-bottom:4px;border-radius:4px}.sidebar-item.active[data-v-225e3906]{background:#667eea4d;opacity:1}.preview-content[data-v-225e3906]{flex:1;padding:16px}.stats-row[data-v-225e3906]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat-card[data-v-225e3906]{background:#ffffff0d;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.stat-icon[data-v-225e3906]{font-size:20px;margin-bottom:8px}.stat-value[data-v-225e3906]{font-size:20px;font-weight:700;margin-bottom:4px}.stat-label[data-v-225e3906]{font-size:11px;opacity:.7;margin-bottom:4px}.stat-trend[data-v-225e3906]{font-size:10px;font-weight:600}.stat-trend.up[data-v-225e3906]{color:#10b981}.stat-trend.down[data-v-225e3906]{color:#ef4444}.chart-area[data-v-225e3906]{background:#ffffff0d;padding:16px;border-radius:8px;margin-bottom:16px}.chart-header[data-v-225e3906]{display:flex;justify-content:space-between;margin-bottom:16px}.chart-header h4[data-v-225e3906]{font-size:14px;margin:0}.chart-bars[data-v-225e3906]{display:flex;justify-content:space-around;align-items:flex-end;height:120px;gap:8px}.bar[data-v-225e3906]{flex:1;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px 4px 0 0;min-height:20px}.table-area[data-v-225e3906]{background:#ffffff0d;padding:16px;border-radius:8px}.table-area h4[data-v-225e3906]{margin:0 0 12px;font-size:14px}.table-row[data-v-225e3906]{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:8px;font-size:11px;border-bottom:1px solid rgba(255,255,255,.05)}.table-row.header[data-v-225e3906]{font-weight:600;opacity:.7}.status[data-v-225e3906]{padding:2px 8px;border-radius:4px;font-size:10px}.status.completed[data-v-225e3906]{background:#10b98133;color:#10b981}.status.pending[data-v-225e3906]{background:#f59e0b33;color:#f59e0b}.ecommerce-preview[data-v-225e3906]{background:#fff;color:#333}.eco-header[data-v-225e3906]{display:flex;align-items:center;padding:16px 24px;gap:24px;border-bottom:1px solid #e8e8e8}.eco-logo[data-v-225e3906]{font-size:20px;font-weight:700}.eco-search[data-v-225e3906]{flex:1;display:flex;border:2px solid #667eea;border-radius:8px;overflow:hidden}.eco-search input[data-v-225e3906]{flex:1;border:none;padding:8px 16px;outline:none}.eco-search button[data-v-225e3906]{padding:8px 16px;background:#667eea;border:none;cursor:pointer}.eco-actions[data-v-225e3906]{display:flex;gap:16px;font-size:18px}.eco-nav[data-v-225e3906]{display:flex;justify-content:center;gap:32px;padding:12px;background:#667eea;color:#fff}.nav-item[data-v-225e3906]{cursor:pointer;font-weight:500}.nav-item.active[data-v-225e3906]{font-weight:700}.eco-hero[data-v-225e3906]{background:linear-gradient(135deg,#f093fb,#f5576c);padding:80px 24px;text-align:center;color:#fff}.hero-badge[data-v-225e3906]{display:inline-block;padding:6px 16px;background:#fff3;border-radius:20px;font-size:12px;margin-bottom:16px}.eco-hero h2[data-v-225e3906]{font-size:48px;margin:0 0 16px}.eco-hero p[data-v-225e3906]{font-size:20px;margin:0 0 24px;opacity:.9}.btn-shop[data-v-225e3906]{padding:16px 48px;background:#fff;color:#f5576c;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.eco-categories[data-v-225e3906]{display:flex;justify-content:center;gap:16px;padding:32px 24px;flex-wrap:wrap}.cat-item[data-v-225e3906]{padding:16px 24px;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .2s}.cat-item[data-v-225e3906]:hover{background:#667eea;color:#fff}.eco-products[data-v-225e3906]{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:32px 24px}.product-card[data-v-225e3906]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.product-img[data-v-225e3906]{height:160px;background:linear-gradient(135deg,#f093fb,#f5576c)}.product-info[data-v-225e3906]{padding:16px}.product-name[data-v-225e3906]{font-size:14px;font-weight:600;margin-bottom:8px}.product-price[data-v-225e3906]{font-size:18px;font-weight:700;color:#f5576c}.ai-preview[data-v-225e3906]{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:32px}.ai-chat[data-v-225e3906]{display:flex;flex-direction:column;gap:16px}.chat-bubble[data-v-225e3906]{padding:16px;border-radius:12px;font-size:14px;line-height:1.6}.chat-bubble.user[data-v-225e3906]{background:#667eea33;border:1px solid rgba(102,126,234,.5);align-self:flex-end;max-width:80%}.chat-bubble.ai[data-v-225e3906]{background:#722ed133;border:1px solid rgba(114,46,209,.5);align-self:flex-start;max-width:90%}.ai-thinking[data-v-225e3906]{display:flex;gap:4px;margin-bottom:12px}.thinking-dot[data-v-225e3906]{width:8px;height:8px;background:#722ed1;border-radius:50%;animation:bounce-225e3906 1.4s infinite}.thinking-dot[data-v-225e3906]:nth-child(2){animation-delay:.2s}.thinking-dot[data-v-225e3906]:nth-child(3){animation-delay:.4s}@keyframes bounce-225e3906{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ai-result ul[data-v-225e3906]{margin:12px 0;padding-left:20px}.demo-info[data-v-225e3906]{padding:24px}.demo-header[data-v-225e3906]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.demo-header h3[data-v-225e3906]{font-size:20px;margin:0}.badge[data-v-225e3906]{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600}.badge.premium[data-v-225e3906]{background:linear-gradient(135deg,#667eea,#764ba2)}.badge.ai[data-v-225e3906]{background:linear-gradient(135deg,#722ed1,#9254de)}.demo-desc[data-v-225e3906]{color:#ffffffb3;font-size:14px;line-height:1.6;margin-bottom:16px}.demo-meta[data-v-225e3906]{display:flex;gap:16px;flex-wrap:wrap}.meta-item[data-v-225e3906]{font-size:12px;opacity:.7}.ai-demo-section[data-v-225e3906]{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:24px;padding:48px;border:1px solid rgba(102,126,234,.3)}.ai-section-header[data-v-225e3906]{text-align:center;margin-bottom:48px}.ai-section-header h2[data-v-225e3906]{font-size:36px;margin-bottom:12px}.ai-section-header p[data-v-225e3906]{font-size:18px;opacity:.7}.ai-demo-container[data-v-225e3906]{display:grid;grid-template-columns:1fr 1fr;gap:32px}.ai-input-demo[data-v-225e3906],.ai-output-demo[data-v-225e3906]{background:#ffffff0d;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1)}.input-label[data-v-225e3906],.output-label[data-v-225e3906]{font-size:14px;opacity:.7;margin-bottom:16px}.input-box[data-v-225e3906]{background:#0000004d;padding:20px;border-radius:12px;font-size:14px;line-height:1.8;margin-bottom:20px;border:1px solid rgba(102,126,234,.3)}.input-box ul[data-v-225e3906]{margin:12px 0;padding-left:20px}.btn-generate[data-v-225e3906]{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-generate[data-v-225e3906]:hover{transform:scale(1.02);box-shadow:0 8px 24px #667eea66}.output-preview[data-v-225e3906]{background:#fff;color:#333;border-radius:12px;overflow:hidden}.preview-hero[data-v-225e3906]{background:linear-gradient(135deg,#667eea,#764ba2);padding:48px;text-align:center;color:#fff}.preview-hero h1[data-v-225e3906]{font-size:36px;margin:0 0 16px}.preview-hero p[data-v-225e3906]{font-size:18px;margin:0 0 24px;opacity:.9}.preview-hero button[data-v-225e3906]{padding:14px 32px;background:#fff;color:#667eea;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.preview-features[data-v-225e3906]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:32px}.feature[data-v-225e3906]{text-align:center;padding:24px}.feature-icon[data-v-225e3906]{font-size:48px;margin-bottom:16px;color:#ff6b9d}.feature h4[data-v-225e3906]{font-size:18px;margin:0 0 8px}.feature p[data-v-225e3906]{font-size:14px;color:#666;margin:0}