[data-v-44f4d714]:root{--primary-color:#2254f4;--bg-color:#f6f7f9}.app-container[data-v-44f4d714]{background-color:#f6f7f9;color:#222529;display:flex;height:100vh;overflow:hidden}.sidebar[data-v-44f4d714]{background-color:#fff;border-right:1px solid #e8eaec;display:flex;flex-direction:column;flex-shrink:0;padding:16px 12px;width:200px}.logo[data-v-44f4d714]{color:#2254f4;font-size:20px;font-weight:900;height:40px;margin-bottom:24px;padding-left:12px}.logo[data-v-44f4d714],.nav-item[data-v-44f4d714]{align-items:center;display:flex}.nav-item[data-v-44f4d714]{border-radius:8px;color:#5e6670;font-size:14px;margin-bottom:4px;padding:10px 12px;-webkit-text-decoration:none;text-decoration:none;transition:background .2s}.nav-item[data-v-44f4d714]:hover{background-color:#f6f7f9;color:#222529}.nav-item.active[data-v-44f4d714]{background-color:#eef2fe;color:#2254f4;font-weight:500}.nav-item svg[data-v-44f4d714]{height:18px;margin-right:10px;width:18px}.create-btn[data-v-44f4d714]{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:8px;margin:8px 0;padding:10px 12px}.create-btn svg[data-v-44f4d714]{background:#2254f4;border-radius:50%;color:#fff;height:16px;padding:2px;width:16px}.bottom-link[data-v-44f4d714]{align-items:center;color:#9da3ac;cursor:pointer;display:flex;font-size:12px;gap:8px;margin-top:auto;padding:12px}.main-content[data-v-44f4d714]{display:flex;flex:1;flex-direction:column;overflow:hidden}.topbar[data-v-44f4d714]{align-items:center;background-color:#f6f7f9;display:flex;flex-shrink:0;height:64px;justify-content:space-between;padding:0 32px}.topbar .breadcrumb[data-v-44f4d714]{font-size:16px;font-weight:600}.user-area[data-v-44f4d714]{align-items:center;display:flex;gap:16px}.vip-icon[data-v-44f4d714]{color:#f5a623;cursor:pointer}.login-btn[data-v-44f4d714]{background-color:#2254f4;border:none;border-radius:99px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 20px}.content-scroll[data-v-44f4d714]{flex:1;overflow-y:auto;padding:0 32px 60px}.ai-container[data-v-44f4d714]{margin:0 auto;max-width:1000px}.ai-header[data-v-44f4d714]{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px;padding:20px 0}.header-content[data-v-44f4d714]{flex:1;padding-right:40px}.header-content h1[data-v-44f4d714]{color:#222;font-size:28px;margin-bottom:16px}.header-content p[data-v-44f4d714]{color:#666;font-size:16px;line-height:1.6;margin-bottom:24px}.header-actions[data-v-44f4d714]{display:flex;gap:16px}.btn-primary-lg[data-v-44f4d714]{background:#2254f4;border:none;border-radius:8px;box-shadow:0 4px 12px rgba(34,84,244,.3);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px}.btn-outline-lg[data-v-44f4d714]{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:12px 24px}.header-img[data-v-44f4d714]{display:flex;justify-content:center;width:200px}.robot-illustration[data-v-44f4d714]{font-size:100px}.split-view[data-v-44f4d714]{display:flex;gap:24px;height:500px;margin-bottom:32px}.config-panel[data-v-44f4d714]{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.02);display:flex;flex:1;flex-direction:column;padding:24px}.config-panel h3[data-v-44f4d714]{font-size:18px;margin-bottom:24px}.form-group[data-v-44f4d714]{margin-bottom:20px}.form-group label[data-v-44f4d714]{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.input-field[data-v-44f4d714]{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px;width:100%}.radio-group[data-v-44f4d714]{display:flex;gap:12px}.radio-item[data-v-44f4d714]{border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px}.radio-item.active[data-v-44f4d714]{background:#eef2fe;border-color:#2254f4;color:#2254f4}.tone-options[data-v-44f4d714]{display:flex;gap:8px}.tone-opt[data-v-44f4d714]{background:#f5f5f5;border-radius:20px;cursor:pointer;font-size:12px;padding:6px 12px}.tone-opt.active[data-v-44f4d714]{background:#2254f4;color:#fff}.switch-row[data-v-44f4d714]{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between}.switch[data-v-44f4d714]{background:#ccc;border-radius:10px;cursor:pointer;height:20px;position:relative;width:40px}.switch.active[data-v-44f4d714]{background:#52c41a}.switch.active[data-v-44f4d714]:after{left:22px}.switch[data-v-44f4d714]:after{background:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:left .2s;width:16px}.save-bar[data-v-44f4d714]{margin-top:auto}.btn-primary-block[data-v-44f4d714]{background:#2254f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;width:100%}.preview-panel[data-v-44f4d714]{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.02);display:flex;flex:1;flex-direction:column;overflow:hidden}.preview-header[data-v-44f4d714]{align-items:center;background:#f9f9f9;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.ph-title[data-v-44f4d714]{font-weight:600}.ph-status[data-v-44f4d714]{align-items:center;color:#52c41a;display:flex;font-size:12px;gap:4px}.dot[data-v-44f4d714]{background:#52c41a;border-radius:50%;height:8px;width:8px}.chat-area[data-v-44f4d714]{background:#f5f7fa;display:flex;flex:1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.msg[data-v-44f4d714]{display:flex;font-size:14px;gap:12px;max-width:90%}.msg.bot[data-v-44f4d714]{align-self:flex-start}.msg.user[data-v-44f4d714]{align-self:flex-end;flex-direction:row-reverse}.avatar[data-v-44f4d714]{align-items:center;background:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.1);display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.msg.user .avatar[data-v-44f4d714]{background:#dbe4ff}.bubble[data-v-44f4d714]{background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.05);line-height:1.5;padding:12px}.msg.bot .bubble[data-v-44f4d714]{border-top-left-radius:2px}.msg.user .bubble[data-v-44f4d714]{background:#2254f4;border-top-right-radius:2px;color:#fff}.ref-link[data-v-44f4d714]{color:#2254f4;cursor:pointer;font-size:12px;margin-top:8px;padding-top:8px}.chat-input[data-v-44f4d714],.ref-link[data-v-44f4d714]{border-top:1px solid #eee}.chat-input[data-v-44f4d714]{background:#fff;display:flex;gap:12px;padding:16px}.chat-input input[data-v-44f4d714]{border:1px solid #ddd;border-radius:20px;flex:1;outline:none;padding:8px 12px}.send-btn[data-v-44f4d714]{align-items:center;background:#2254f4;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.integration-section[data-v-44f4d714]{margin-bottom:40px}.integration-section h3[data-v-44f4d714]{font-size:18px;margin-bottom:16px}.integration-grid[data-v-44f4d714]{display:flex;gap:20px}.int-card[data-v-44f4d714]{background:#fff;border:1px solid #eee;border-radius:12px;flex:1;gap:16px;padding:20px}.int-card[data-v-44f4d714],.int-icon[data-v-44f4d714]{align-items:center;display:flex}.int-icon[data-v-44f4d714]{border-radius:12px;font-size:24px;font-weight:700;height:48px;justify-content:center;width:48px}.int-info[data-v-44f4d714]{flex:1}.int-info h4[data-v-44f4d714]{font-size:15px;margin-bottom:4px}.int-info p[data-v-44f4d714]{color:#999;font-size:12px}.btn-sm[data-v-44f4d714]{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 12px}