From 52112bd2774691735b1f7164580db7a0ba1e6f95 Mon Sep 17 00:00:00 2001
From: ZhangAo <hi_itao@163.com>
Date: Sat, 13 Dec 2025 17:30:32 +0800
Subject: [PATCH] u

---
 code/link56/link56-frontend-new/src/App.vue   |   10 +-
 .../src/components/QueryCompany.vue           |   10 +-
 .../src/request/api/industry.ts               |    6 +
 .../src/request/api/peoperty.ts               |    6 -
 .../link56-frontend-new/src/router/index.ts   |    2 +-
 .../link56-frontend-new/src/store/common.ts   |    8 +-
 .../link56-frontend-new/src/store/user.ts     |    6 +
 .../src/types/auth/index.ts                   |   21 +
 .../src/types/auto-import.d.ts                |    5 +
 .../src/types/company/index.ts                |    6 +-
 .../src/views/auth/forget.vue                 |    1 -
 .../src/views/auth/login.vue                  |   10 +-
 .../src/views/auth/register.vue               |  614 +++---
 .../auth/register/components/AdminForm.vue    |  228 +++
 .../auth/register/components/CompanyForm.vue  |  155 ++
 .../auth/register/components/ConfirmForm.vue  |  157 ++
 .../auth/register/components/ResultForm.vue   |   21 +
 .../src/views/auth/register/index.vue         |  347 ++++
 .../src/views/auth/register2.vue              |  369 ++++
 .../src/views/home/index.vue                  |    2 +-
 code/link56/link56-frontend-new/test.html     | 1736 +++++++++++------
 21 files changed, 2781 insertions(+), 939 deletions(-)
 create mode 100644 code/link56/link56-frontend-new/src/request/api/industry.ts
 delete mode 100644 code/link56/link56-frontend-new/src/request/api/peoperty.ts
 create mode 100644 code/link56/link56-frontend-new/src/views/auth/register/components/AdminForm.vue
 create mode 100644 code/link56/link56-frontend-new/src/views/auth/register/components/CompanyForm.vue
 create mode 100644 code/link56/link56-frontend-new/src/views/auth/register/components/ConfirmForm.vue
 create mode 100644 code/link56/link56-frontend-new/src/views/auth/register/components/ResultForm.vue
 create mode 100644 code/link56/link56-frontend-new/src/views/auth/register/index.vue
 create mode 100644 code/link56/link56-frontend-new/src/views/auth/register2.vue

diff --git a/code/link56/link56-frontend-new/src/App.vue b/code/link56/link56-frontend-new/src/App.vue
index eed7c89b..b3d0cf28 100644
--- a/code/link56/link56-frontend-new/src/App.vue
+++ b/code/link56/link56-frontend-new/src/App.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { onMounted } from 'vue'
 import { getAreaListApi } from './request/api/area'
-import { getPropertyListApi } from './request/api/peoperty'
+import { getPropertyListApi } from './request/api/industry'
 import { useCommonStore } from './store/common'
 
 const commonOptions = useCommonStore()
@@ -11,12 +11,12 @@ onMounted(() => {
 })
 
 function handleInitData() {
-  // getAreaListApi().then((res) => {
-  //   commonOptions.areaOptions.splice(0, commonOptions.areaOptions.length, ...res.data || [])
-  // })
+  getAreaListApi().then((res) => {
+    commonOptions.areaOptions.splice(0, commonOptions.areaOptions.length, ...res.data || [])
+  })
 
   getPropertyListApi().then((res) => {
-    commonOptions.propertyOptions.splice(0, commonOptions.propertyOptions.length, ...res.data || [])
+    commonOptions.industryOptions.splice(0, commonOptions.industryOptions.length, ...res.data || [])
   }).catch((err) => {
     console.log(err)
   })
diff --git a/code/link56/link56-frontend-new/src/components/QueryCompany.vue b/code/link56/link56-frontend-new/src/components/QueryCompany.vue
index a2f59d77..942bab15 100644
--- a/code/link56/link56-frontend-new/src/components/QueryCompany.vue
+++ b/code/link56/link56-frontend-new/src/components/QueryCompany.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { PropType } from 'vue'
-import type { Area, CompanyQuery, Property } from '@/types/company/index'
+import type { Area, CompanyQuery, Industry } from '@/types/company/index'
 import { computed } from 'vue'
 
 const props = defineProps({
@@ -8,8 +8,8 @@ const props = defineProps({
     type: Object as PropType<CompanyQuery>,
     required: true,
   },
-  properties: {
-    type: Object as PropType<Property[]>,
+  industries: {
+    type: Object as PropType<Industry[]>,
     required: false,
   },
   areas: {
@@ -32,7 +32,7 @@ const query = computed({
   <div class="query">
     <div class="query-item">
       <el-select
-        v-model="query.properties"
+        v-model="query.industries"
         filterable
         placeholder="请选择行业"
         multiple
@@ -41,7 +41,7 @@ const query = computed({
         :max-collapse-tags="2"
       >
         <el-option
-          v-for="item in props.properties"
+          v-for="item in props.industries"
           :key="item.value"
           :label="item.label"
           :value="item.value"
diff --git a/code/link56/link56-frontend-new/src/request/api/industry.ts b/code/link56/link56-frontend-new/src/request/api/industry.ts
new file mode 100644
index 00000000..1f2fede7
--- /dev/null
+++ b/code/link56/link56-frontend-new/src/request/api/industry.ts
@@ -0,0 +1,6 @@
+import type { IndustryResult } from '@/types/company/index'
+import { httpGet } from '../utils'
+
+export function getPropertyListApi() {
+  return httpGet<IndustryResult>(`/webProperty/list`)
+}
diff --git a/code/link56/link56-frontend-new/src/request/api/peoperty.ts b/code/link56/link56-frontend-new/src/request/api/peoperty.ts
deleted file mode 100644
index feed2628..00000000
--- a/code/link56/link56-frontend-new/src/request/api/peoperty.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import type { PropertyResult } from '@/types/company/index'
-import { httpGet } from '../utils'
-
-export function getPropertyListApi() {
-  return httpGet<PropertyResult>(`/webProperty/list`)
-}
diff --git a/code/link56/link56-frontend-new/src/router/index.ts b/code/link56/link56-frontend-new/src/router/index.ts
index 4ad57b13..dd30640e 100644
--- a/code/link56/link56-frontend-new/src/router/index.ts
+++ b/code/link56/link56-frontend-new/src/router/index.ts
@@ -24,7 +24,7 @@ const router = createRouter({
     {
       path: '/auth/register',
       name: 'Register',
-      component: () => import('@/views/auth/register.vue'),
+      component: () => import('@/views/auth/register/index.vue'),
     },
     {
       path: '/auth/forget',
diff --git a/code/link56/link56-frontend-new/src/store/common.ts b/code/link56/link56-frontend-new/src/store/common.ts
index a375e9ee..e10edf16 100644
--- a/code/link56/link56-frontend-new/src/store/common.ts
+++ b/code/link56/link56-frontend-new/src/store/common.ts
@@ -1,4 +1,4 @@
-import type { Area, CompanyQuery, Property } from '@/types/company/index'
+import type { Area, CompanyQuery, Industry } from '@/types/company/index'
 import { defineStore } from 'pinia'
 import { reactive, ref } from 'vue'
 
@@ -6,16 +6,16 @@ export const useCommonStore = defineStore(
   'common',
   () => {
     const areaOptions = reactive<Area[]>([])
-    const propertyOptions = reactive<Property[]>([])
+    const industryOptions = reactive<Industry[]>([])
     const companyQuery = ref<CompanyQuery>({
-      properties: [],
+      industries: [],
       areas: [],
       name: '',
     })
 
     return {
       areaOptions,
-      propertyOptions,
+      industryOptions,
       companyQuery,
     }
   },
diff --git a/code/link56/link56-frontend-new/src/store/user.ts b/code/link56/link56-frontend-new/src/store/user.ts
index 1f231f13..e052e6cb 100644
--- a/code/link56/link56-frontend-new/src/store/user.ts
+++ b/code/link56/link56-frontend-new/src/store/user.ts
@@ -22,6 +22,12 @@ export const useUserStore = defineStore(
     }
 
     const clearUserInfo = () => {
+      userInfo.value.id = ""
+      userInfo.value.account = ""
+      userInfo.value.email = ""
+      userInfo.value.name = ""
+      userInfo.value.token = ""
+      userInfo.value.avatar = ""
     }
 
     // ✅ 如果需要同时验证多个字段
diff --git a/code/link56/link56-frontend-new/src/types/auth/index.ts b/code/link56/link56-frontend-new/src/types/auth/index.ts
index de721f70..cefde7f6 100644
--- a/code/link56/link56-frontend-new/src/types/auth/index.ts
+++ b/code/link56/link56-frontend-new/src/types/auth/index.ts
@@ -22,3 +22,24 @@ export interface registerApiParams {
 export interface forgetApiParams {
   forgetCredential: string
 }
+
+export interface RegisterCompanyForm {
+  name: string
+  industry: string
+  address: string
+  phone: string
+  email: string
+  profile: string
+}
+
+export interface RegisterAdminForm {
+  name: string
+  phone: string
+  email: string
+  emailCode: string
+
+  password: string
+  confirmPassword: string
+
+  position: string
+}
diff --git a/code/link56/link56-frontend-new/src/types/auto-import.d.ts b/code/link56/link56-frontend-new/src/types/auto-import.d.ts
index 2b5cf2d1..c7868614 100644
--- a/code/link56/link56-frontend-new/src/types/auto-import.d.ts
+++ b/code/link56/link56-frontend-new/src/types/auto-import.d.ts
@@ -13,7 +13,12 @@ declare module 'vue' {
   export interface GlobalComponents {
     HelloWorld: typeof import('./../components/HelloWorld.vue')['default']
     ICarbonAccessibility: typeof import('~icons/carbon/accessibility')['default']
+    'IFa7Solid:userShield': typeof import('~icons/fa7-solid/user-shield')['default']
+    'IIc:twotoneHeadphones': typeof import('~icons/ic/twotone-headphones')['default']
+    'IMaterialSymbols:lockOpenRightSharp': typeof import('~icons/material-symbols/lock-open-right-sharp')['default']
     IMdiAccountBox: typeof import('~icons/mdi/account-box')['default']
+    'IRi:buildingFill': typeof import('~icons/ri/building-fill')['default']
+    'IRi:buildingLine': typeof import('~icons/ri/building-line')['default']
     'ITdesign:notification': typeof import('~icons/tdesign/notification')['default']
     'ITdesign:search': typeof import('~icons/tdesign/search')['default']
     QueryCompany: typeof import('./../components/QueryCompany.vue')['default']
diff --git a/code/link56/link56-frontend-new/src/types/company/index.ts b/code/link56/link56-frontend-new/src/types/company/index.ts
index 32ea33ca..8f93ad87 100644
--- a/code/link56/link56-frontend-new/src/types/company/index.ts
+++ b/code/link56/link56-frontend-new/src/types/company/index.ts
@@ -6,14 +6,14 @@ export interface Area {
 
 export type AreaResult = Area[]
 
-export interface Property {
+export interface Industry {
   label: string
   value: string
 }
-export type PropertyResult = Property[]
+export type IndustryResult = Industry[]
 
 export interface CompanyQuery {
-  properties: string[]
+  industries: string[]
   areas: string[]
   name: string
 }
diff --git a/code/link56/link56-frontend-new/src/views/auth/forget.vue b/code/link56/link56-frontend-new/src/views/auth/forget.vue
index fcddaa4c..93359320 100644
--- a/code/link56/link56-frontend-new/src/views/auth/forget.vue
+++ b/code/link56/link56-frontend-new/src/views/auth/forget.vue
@@ -195,7 +195,6 @@ function onSubmit() {
       height: 70px;
       width: 160px;
       cursor: pointer;
-      margin-bottom: 48px;
     }
 
     .main {
diff --git a/code/link56/link56-frontend-new/src/views/auth/login.vue b/code/link56/link56-frontend-new/src/views/auth/login.vue
index a94e14d0..a76cf8f7 100644
--- a/code/link56/link56-frontend-new/src/views/auth/login.vue
+++ b/code/link56/link56-frontend-new/src/views/auth/login.vue
@@ -49,7 +49,8 @@ const form = reactive<{
 const formRef = ref<FormInstance>()
 const formRules = {
   loginCredential: [
-    { required: true, message: '邮箱 / 账号不能为空', trigger: 'blur' },
+    { required: true, message: '邮箱号不能为空', trigger: 'blur' },
+    { type: 'email', required: true, message: '邮箱格式错误', trigger: 'blur' },
   ],
   password: [
     { required: true, message: '密码不能为空', trigger: 'blur' },
@@ -130,7 +131,7 @@ function navigateTo(path: string) {
           登录
         </h4>
         <p class="title-extra">
-          输入你的 邮箱/账号 和 密码 登录账户.
+          输入你的 邮箱 和 密码 登录账户.
         </p>
         <el-form
           ref="formRef"
@@ -140,8 +141,8 @@ function navigateTo(path: string) {
           label-position="top"
           hide-required-asterisk
         >
-          <el-form-item label="邮箱 / 账号" prop="loginCredential">
-            <el-input v-model="form.loginCredential" placeholder="请输入邮箱 / 账号" size="large" />
+          <el-form-item label="邮箱" prop="loginCredential">
+            <el-input v-model="form.loginCredential" placeholder="请输入邮箱" size="large" />
           </el-form-item>
 
           <el-form-item prop="password">
@@ -244,7 +245,6 @@ function navigateTo(path: string) {
       height: 70px;
       width: 160px;
       cursor: pointer;
-      margin-bottom: 48px;
     }
 
     .main {
diff --git a/code/link56/link56-frontend-new/src/views/auth/register.vue b/code/link56/link56-frontend-new/src/views/auth/register.vue
index 7c435f5f..c4e26779 100644
--- a/code/link56/link56-frontend-new/src/views/auth/register.vue
+++ b/code/link56/link56-frontend-new/src/views/auth/register.vue
@@ -1,367 +1,329 @@
 <script lang="ts" setup>
-import type { FormInstance } from 'element-plus'
-import { computed, onUnmounted, reactive, ref } from 'vue'
+import { reactive, ref } from 'vue'
 
-import { useRouter } from 'vue-router'
+const activeStep = ref(0)
 
-const router = useRouter()
-
-const carouselList = [
-  {
-    title: '值得信赖',
-    company: '恒星科技有限公司',
-    content: '我们已经连续三年使用该平台，数据处理稳定高效，团队协作体验非常顺畅。',
-  },
-  {
-    title: '安全 · 高效',
-    company: '博越信息技术',
-    content: '平台的权限管理做得很好，操作简单清晰，极大提升了内部管理效率。',
-  },
-  {
-    title: '稳定可靠',
-    company: '远航供应链集团',
-    content: '系统运行非常稳定，几乎没有出现过宕机情况，客服响应速度也很快。',
-  },
-  {
-    title: '智能化体验',
-    company: '蓝海数据服务中心',
-    content: '智能报表和自动化功能非常实用，减少了大量人工整理数据的时间。',
-  },
-  {
-    title: '灵活易用',
-    company: '中联创投有限公司',
-    content: 'UI设计简洁友好，新员工上手很快，各项业务流程也能灵活配置。',
-  },
-]
-
-const form = reactive<{
-  email: string
-  code: string
-  name: string
-  account: string
-  password: string
-  confirmPassword: string
-}>({
-  email: '',
-  code: '',
+const companyForm = reactive({
   name: '',
-  account: '',
-  password: '',
-  confirmPassword: '',
+  industry: '',
+  address: '',
 })
-const formRef = ref<FormInstance>()
-const formRules = {
-  email: [
-    { required: true, message: '邮箱不能为空', trigger: 'blur' },
-    { type: 'email', message: '请输入正确的邮箱格式', trigger: ['blur', 'change'] },
-  ],
-  code: [
-    { required: true, message: '验证码不能为空', trigger: 'blur' },
-  ],
-  name: [
-    { required: true, message: '名称不能为空', trigger: 'blur' },
-    { min: 2, max: 20, message: '名称长度需在 2 到 20 个字符之间', trigger: 'blur' },
-  ],
-  password: [
-    { required: true, message: '密码不能为空', trigger: 'blur' },
-    { min: 6, max: 20, message: '密码长度需在 6 到 20 个字符之间', trigger: 'blur' },
-  ],
-  confirmPassword: [
-    { required: true, message: '请再次输入密码', trigger: 'blur' },
-    {
-      validator: (rule: any, value: any, callback: any) => {
-        if (value !== form.password) {
-          callback(new Error('两次输入的密码不一致'))
-        }
-        else {
-          callback()
-        }
-      },
-      trigger: ['blur', 'change'],
-    },
-  ],
-}
-const submitLoading = ref(false)
 
-// --- 邮箱校验（简单正则） ---
-const emailRegex = /^\w+(?:[-.]\w+)*@\w+(?:[-.]\w+)*\.\w+(?:[-.]\w+)*$/
+const form = reactive({
+  name: '',
+  region: '',
+  date1: '',
+  date2: '',
+  delivery: false,
+  type: [],
+  resource: '',
+  desc: '',
+})
 
-const isEmailValid = computed(() => emailRegex.test(form.email.trim()))
-
-// --- 发送验证码状态 & 倒计时 ---
-const sending = ref(false)
-const countdown = ref(0)
-let timer: number | undefined
-
-function startCountdown(seconds = 60) {
-  countdown.value = seconds
-  timer = window.setInterval(() => {
-    countdown.value -= 1
-    if (countdown.value <= 0) {
-      clearInterval(timer)
-      timer = undefined
-      sending.value = false
-    }
-  }, 1000)
+function handleCompanySubmit() {
+  activeStep.value += 1
 }
 
-// 清理
-onUnmounted(() => {
-  if (timer) {
-    clearInterval(timer)
-    timer = undefined
+function handlePrevStep() {
+  if (activeStep.value > 0) {
+    activeStep.value -= 1
   }
-})
-
-function handleSendEmailCode() {
-  sending.value = true
-  startCountdown()
-}
-
-async function submitForm(formEl: FormInstance | undefined) {
-  if (!formEl)
-    return
-  await formEl.validate((valid) => {
-    if (valid) {
-      submitLoading.value = true
-    }
-  })
-}
-function navigateTo(path: string) {
-  router.push(path)
 }
 </script>
 
 <template>
   <div class="auth-wrapper">
-    <div class="auth-bg">
-      <img src="/auth-bg.jpg">
-      <div class="bg-content">
-        <el-carousel
-          height="150px"
-          indicator-position="none"
-        >
-          <el-carousel-item v-for="(item, index) in carouselList" :key="index">
-            <div class="carousel-item">
-              <h2 class="title">
-                {{ item.title }}
-              </h2>
+    <div class="auth-container">
+      <div class="form-container">
+        <div class="logo-area">
+          <img src="/logo.png">
+        </div>
+        <el-steps finish-status="success" :active="activeStep" align-center>
+          <el-step title="公司信息" />
+          <el-step title="管理员信息" />
+          <el-step title="确认信息" />
+        </el-steps>
 
-              <span class="content">{{ item.content }}</span>
+        <div v-if="activeStep === 0" class="section-area">
+          <h2 class="section-title">
+            公司基本信息
+          </h2>
 
-              <span class="company"> - {{ item.company }}</span>
-            </div>
-          </el-carousel-item>
-        </el-carousel>
-      </div>
-    </div>
-    <div class="login-form">
-      <img src="/logo.png" class="logo" @click="navigateTo('/')">
+          <el-form :model="form" label-width="auto" label-position="top">
+            <el-row :gutter="16">
+              <el-col :span="24">
+                <el-form-item label="公司全称">
+                  <el-input v-model="form.name" placeholder="请输入姓名" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="所属行业">
+                  <el-input v-model="form.name" placeholder="请输入姓名" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="公司地址">
+                  <el-input v-model="form.name" placeholder="请输入邮箱" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="联系电话">
+                  <el-input v-model="form.name" placeholder="请输入姓名" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="公司邮箱">
+                  <el-input v-model="form.name" placeholder="请输入邮箱" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="公司简介">
+                  <el-input v-model="form.name" type="textarea" placeholder="请输入姓名" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
 
-      <div class="main">
-        <h4 class="title">
-          注册
-        </h4>
-        <p class="title-extra">
-          请填写必要的注册信息，完成账户创建。
-        </p>
-        <el-form
-          ref="formRef"
-          :model="form"
-          :rules="formRules"
-          hide-required-asterisk
-          label-width="auto"
-          label-position="top"
-        >
-          <el-form-item
-            label="邮箱"
-            prop="email"
-          >
-            <el-input
-              v-model="form.email"
-              placeholder="请输入邮箱"
-              size="large"
-            />
-          </el-form-item>
-          <el-form-item
-            label="邮箱验证码"
-            prop="code"
-          >
-            <el-input
-              v-model="form.account" placeholder="请输入邮箱验证码" size="large"
-              class="email-code"
-              :class="(!isEmailValid || sending) ? 'disabled' : ''"
-            >
-              <template #append>
-                <el-button :disabled="!isEmailValid || sending" @click="handleSendEmailCode()">
-                  {{ sending ? `${countdown}s` : "发送验证码" }}
-                </el-button>
-              </template>
-            </el-input>
-          </el-form-item>
-          <!-- <el-form-item label="账号">
-            <el-input v-model="form.account" placeholder="请输入账号" size="large" />
-          </el-form-item> -->
-          <el-form-item
-            label="公司名称"
-            prop="name"
-          >
-            <el-input v-model="form.name" placeholder="请输入公司名称" size="large" />
-          </el-form-item>
-          <el-form-item
-            label="密码"
-            prop="password"
-          >
-            <el-input v-model="form.password" placeholder="请输入密码" size="large" />
-          </el-form-item>
-          <el-form-item
-            label="确认密码"
-            prop="confirmPassword"
-          >
-            <el-input v-model="form.confirmPassword" placeholder="请输入确认密码" size="large" />
-          </el-form-item>
-
-          <el-form-item>
-            <el-button type="primary" class="form-btn" @click="submitForm(formRef)">
-              注册
+          <div class="button-group">
+            <div />
+            <el-button type="primary" @click="handleCompanySubmit()">
+              下一步
             </el-button>
-          </el-form-item>
-        </el-form>
-      </div>
+          </div>
+        </div>
 
-      <div class="footer">
-        没有账号？前去
-        <span class="back" @click="navigateTo('/auth/login')">登录</span>
+        <div v-else-if="activeStep === 1" class="section-area">
+          <h2 class="section-title">
+            超级管理员信息
+          </h2>
+          <p class="section-subtitle">
+            超级管理员将拥有系统的最高权限，请谨慎设置
+          </p>
+
+          <el-form :model="form" label-width="auto" label-position="top">
+            <el-row :gutter="16">
+              <el-col :span="12">
+                <el-form-item label="管理员姓名">
+                  <el-input v-model="form.name" placeholder="请输入姓名" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="手机号">
+                  <el-input v-model="form.name" placeholder="请输入姓名" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="管理员邮箱">
+                  <el-input v-model="form.name" placeholder="请输入姓名" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="邮箱验证码">
+                  <el-input v-model="form.name" placeholder="请输入姓名" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="登录密码">
+                  <el-input v-model="form.name" placeholder="请输入邮箱" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="确认密码">
+                  <el-input v-model="form.name" placeholder="请输入邮箱" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="担任职务">
+                  <el-input v-model="form.name" placeholder="请输入邮箱" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+
+          <div class="button-group">
+            <el-button @click="handlePrevStep()">
+              上一步
+            </el-button>
+            <el-button type="primary">
+              下一步
+            </el-button>
+          </div>
+        </div>
+      </div>
+      <div class="info-sidebar">
+        <div class="info-header">
+          <h1 class="page-title">
+            link56 注册说明
+          </h1>
+          <p class="page-description">
+            请填写公司信息并创建超级管理员账户以完成系统初始化设置
+          </p>
+        </div>
+
+        <ul class="info-list">
+          <li class="info-item">
+            <div class="info-item-header">
+              <i-ri:building-fill />
+              <div class="info-title">
+                公司信息
+              </div>
+            </div>
+            <div class="info-content">
+              请填写公司的法定全称、地址和联系方式，确保信息真实有效，这将用于系统备案和官方文件。
+            </div>
+          </li>
+
+          <li class="info-item">
+            <div class="info-item-header">
+              <i-fa7-solid:user-shield />
+              <div class="info-title">
+                超级管理员
+              </div>
+            </div>
+            <div class="info-content">
+              超级管理员拥有系统的最高权限，可以创建和管理其他用户，分配角色和权限，请妥善保管账户信息。
+            </div>
+          </li>
+
+          <li class="info-item">
+            <div class="info-item-header">
+              <i-material-symbols:lock-open-right-sharp />
+              <div class="info-title">
+                账户安全
+              </div>
+            </div>
+            <div class="info-content">
+              请设置强密码（至少8位，包含字母和数字），建议定期更换密码，不要将账户信息透露给他人。
+            </div>
+          </li>
+
+          <li class="info-item">
+            <div class="info-item-header">
+              <i-ic:twotone-headphones />
+              <div class="info-title">
+                技术支持
+              </div>
+            </div>
+            <div class="info-content">
+              如果在注册过程中遇到问题，请联系我们的技术支持团队：<br>
+              电话：400-123-4567<br>
+              邮箱：support@example.com
+            </div>
+          </li>
+        </ul>
       </div>
     </div>
   </div>
 </template>
 
 <style lang="scss" scoped>
-.email-code {
-  :deep(.el-input-group__append) {
-    background-color: #eceffd;
-    color: #4041d1;
-    cursor: pointer;
-  }
-
-  &.disabled {
-    :deep(.el-input-group__append) {
-      background-color: #f5f7fa;
-      color: #c0c4cc;
-    }
-  }
-}
-
 .auth-wrapper {
+  background-color: #f2f4f6;
   display: flex;
+  align-items: center;
+  justify-content: center;
   height: 100vh;
-  overflow: hidden;
-
-  .auth-bg {
-    width: 70%;
-    height: 100%;
-    position: relative;
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-
-    .bg-content {
-      position: absolute;
-      left: 50%;
-      bottom: 10%;
-      transform: translateX(-50%);
-      text-align: center;
-      color: #fff;
-      width: 600px;
-
-      .carousel-item {
-        display: flex;
-        flex-direction: column;
-        .title {
-          font-size: 28px;
-          line-height: 28px;
-          margin-bottom: 16px;
-        }
-        .content {
-          margin-bottom: 8px;
-        }
-        .company {
-          font-size: 14px;
-        }
-      }
-    }
-  }
-  .form-label-flex {
+  width: 100%;
+  .auth-container {
+    width: 1200px;
+    border: 1px solid #ddd;
+    background-color: #fff;
     display: flex;
-    justify-content: space-between;
-    width: 100%;
-    align-items: center;
 
-    .forgot {
-      color: #0f6fec;
-      cursor: pointer;
-    }
-  }
-
-  .login-form {
-    overflow-y: auto;
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    padding: 36px;
-
-    .logo {
-      height: 70px;
-      width: 160px;
-      cursor: pointer;
-      margin-bottom: 24px;
-    }
-
-    .main {
+    .form-container {
       flex: 1;
-      display: flex;
-      justify-content: center;
-      flex-direction: column;
-      :deep(.el-form-item__label) {
-        font-size: 16px;
-        width: 100%;
-        margin-bottom: 12px;
+      padding: 28px 40px;
+      border-right: 1px solid #e4e4e7;
+      .logo-area {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        margin-bottom: 28px;
+        img {
+          width: 220px;
+          height: 68px;
+          cursor: pointer;
+        }
       }
-
-      .title {
-        font-size: 28px;
-        font-weight: 600;
-        margin-bottom: 10px;
-      }
-
-      .title-extra {
-        font-size: 16px;
-        color: #666;
-        margin-bottom: 36px;
-      }
-
-      .form-btn {
-        width: 100%;
-        height: 36px;
-        font-size: 16px;
+      .section-area {
         margin-top: 16px;
+        overflow-y: auto;
+        overflow-x: hidden;
+        .section-title {
+          font-size: 17px;
+          font-weight: 600;
+          margin-bottom: 10px;
+          padding-bottom: 10px;
+          border-bottom: 1px solid #e4e4e7;
+        }
+        .section-subtitle {
+          color: #71717a;
+          font-size: 13px;
+          margin-bottom: 10px;
+        }
+
+        .button-group {
+          display: flex;
+          justify-content: space-between;
+          margin-top: 29px;
+        }
       }
     }
 
-    .footer {
-      font-size: 18px;
-      color: #999;
-      height: 48px;
-      text-align: center;
-      line-height: 48px;
+    .info-sidebar {
+      width: 350px;
+      padding: 28px;
+      display: flex;
+      flex-direction: column;
+      background-color: #fafafa;
 
-      .back {
-        color: #0f6fec;
-        cursor: pointer;
+      .info-header {
+        margin-bottom: 24px;
+      }
+
+      .page-title {
+        font-size: 26px;
+        font-weight: 700;
+        letter-spacing: -0.022em;
+        margin-bottom: 6px;
+        color: #09090b;
+      }
+      .page-description {
+        font-size: 14px;
+        line-height: 1.55;
+        color: #71717a;
+      }
+
+      .info-list {
+        list-style: none;
+        flex-grow: 1;
+
+        .info-item {
+          padding: 16px 0;
+          border-bottom: 1px solid #e4e4e7;
+        }
+        .info-item:last-child {
+          border-bottom: none;
+        }
+
+        .info-item-header {
+          display: flex;
+          align-items: center;
+          gap: 10px;
+          margin-bottom: 9px;
+        }
+
+        .info-title {
+          font-size: 14px;
+          font-weight: 600;
+          color: #09090b;
+        }
+
+        .info-content {
+          color: #71717a;
+          font-size: 13px;
+          line-height: 1.5;
+        }
       }
     }
   }
diff --git a/code/link56/link56-frontend-new/src/views/auth/register/components/AdminForm.vue b/code/link56/link56-frontend-new/src/views/auth/register/components/AdminForm.vue
new file mode 100644
index 00000000..8a9f8d26
--- /dev/null
+++ b/code/link56/link56-frontend-new/src/views/auth/register/components/AdminForm.vue
@@ -0,0 +1,228 @@
+<script setup lang="ts">
+import type { FormInstance } from 'element-plus'
+import type { RegisterAdminForm } from '@/types/auth'
+import { computed, onUnmounted, reactive, ref } from 'vue'
+
+const emit = defineEmits<{
+  (e: 'prev'): void
+  (e: 'submit', value: RegisterAdminForm): void
+}>()
+
+const formRef = ref<FormInstance>()
+const form = reactive<RegisterAdminForm>({
+  name: '',
+  phone: '',
+  email: '',
+  emailCode: '',
+
+  password: '',
+  confirmPassword: '',
+  position: '',
+})
+const formRules = {
+  name: [
+    { required: true, message: '管理员名称不能为空', trigger: 'blur' },
+  ],
+  email: [
+    { required: true, message: '邮箱不能为空', trigger: 'blur' },
+    { type: 'email', message: '请输入正确的邮箱格式', trigger: ['blur', 'change'] },
+  ],
+  emailCode: [
+    { required: true, message: '邮箱验证码不能为空', trigger: 'blur' },
+  ],
+  password: [
+    { required: true, message: '密码不能为空', trigger: 'blur' },
+  ],
+  confirmPassword: [
+    { required: true, message: '确认密码不能为空', trigger: 'blur' },
+    {
+      validator: (rule: any, value: any, callback: any) => {
+        if (value !== form.password) {
+          callback(new Error('两次输入的密码不一致'))
+        }
+        else {
+          callback()
+        }
+      },
+      trigger: ['blur', 'change'],
+    },
+  ],
+}
+// 校验邮箱
+const emailRegex = /^\w+(?:[-.]\w+)*@\w+(?:[-.]\w+)*\.\w+(?:[-.]\w+)*$/
+
+const isEmailValid = computed(() => emailRegex.test(form.email.trim()))
+
+// --- 发送验证码状态 & 倒计时 ---
+const sending = ref(false)
+const countdown = ref(0)
+let timer: number | undefined
+
+function startCountdown(seconds = 60) {
+  countdown.value = seconds
+  timer = window.setInterval(() => {
+    countdown.value -= 1
+    if (countdown.value <= 0) {
+      clearInterval(timer)
+      timer = undefined
+      sending.value = false
+    }
+  }, 1000)
+}
+
+function handleSendEmailCode() {
+  sending.value = true
+  startCountdown()
+}
+
+// 清理
+onUnmounted(() => {
+  if (timer) {
+    clearInterval(timer)
+    timer = undefined
+  }
+})
+
+async function handleSubmit(formEl: FormInstance | undefined) {
+  if (!formEl)
+    return
+
+  await formEl.validate((valid) => {
+    if (valid) {
+      emit('submit', form)
+    }
+  })
+}
+
+function handlePrev() {
+  emit('prev')
+}
+</script>
+
+<template>
+  <div class="section-area">
+    <div class="content">
+      <h2 class="section-title">
+        超级管理员信息
+      </h2>
+      <p class="section-subtitle">
+        超级管理员将拥有系统的最高权限，请谨慎设置
+      </p>
+
+      <el-form
+        ref="formRef"
+        :model="form"
+        :rules="formRules"
+        label-width="auto"
+        label-position="top"
+      >
+        <el-row :gutter="16">
+          <el-col :span="12">
+            <el-form-item label="管理员姓名" prop="name">
+              <el-input v-model="form.name" placeholder="请输入姓名" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="手机号" prop="phone">
+              <el-input v-model="form.phone" placeholder="请输入手机号" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="管理员邮箱" prop="email">
+              <el-input v-model="form.email" placeholder="请输入邮箱" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="邮箱验证码" prop="emailCode">
+              <el-input
+                v-model="form.emailCode" placeholder="请输入邮箱验证码"
+                class="email-code"
+                :class="(!isEmailValid || sending) ? 'disabled' : ''"
+              >
+                <template #append>
+                  <el-button :disabled="!isEmailValid || sending" @click="handleSendEmailCode()">
+                    {{ sending ? `${countdown}s` : "发送验证码" }}
+                  </el-button>
+                </template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="登录密码" prop="password">
+              <el-input v-model="form.password" placeholder="请输入登录密码" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="确认密码" prop="confirmPassword">
+              <el-input v-model="form.confirmPassword" placeholder="请输入确认密码" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="担任职务" prop="position">
+              <el-input v-model="form.position" placeholder="请输入担任职务" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+
+    <div class="button-group">
+      <el-button @click="handlePrev()">
+        上一步
+      </el-button>
+      <el-button type="primary" @click="handleSubmit(formRef)">
+        下一步
+      </el-button>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.section-area {
+  margin-top: 16px;
+
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+  .content {
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+
+  .email-code {
+    :deep(.el-input-group__append) {
+      background-color: #409eff;
+      color: #fff;
+      cursor: pointer;
+    }
+
+    &.disabled {
+      :deep(.el-input-group__append) {
+        background-color: #f5f7fa;
+        color: #c0c4cc;
+      }
+    }
+  }
+
+  .section-title {
+    font-size: 17px;
+    font-weight: 600;
+    padding-bottom: 6px;
+    border-bottom: 1px solid #e4e4e7;
+    margin-bottom: 10px;
+  }
+  .section-subtitle {
+    color: #71717a;
+    font-size: 13px;
+    margin-bottom: 10px;
+  }
+
+  .button-group {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 29px;
+  }
+}
+</style>
diff --git a/code/link56/link56-frontend-new/src/views/auth/register/components/CompanyForm.vue b/code/link56/link56-frontend-new/src/views/auth/register/components/CompanyForm.vue
new file mode 100644
index 00000000..fbb1f2be
--- /dev/null
+++ b/code/link56/link56-frontend-new/src/views/auth/register/components/CompanyForm.vue
@@ -0,0 +1,155 @@
+<script setup lang="ts">
+import type { FormInstance } from 'element-plus'
+import type { RegisterCompanyForm } from '@/types/auth'
+import { reactive, ref } from 'vue'
+
+const emit = defineEmits<{
+  (e: 'submit', value: RegisterCompanyForm): void
+}>()
+
+const formRef = ref<FormInstance>()
+const formRules = {
+  name: [
+    { required: true, message: '公司名称不能为空', trigger: 'blur' },
+  ],
+  industry: [
+    { required: true, message: '所属行业不能为空', trigger: 'blur' },
+  ],
+  address: [
+    { required: true, message: '公司地址不能为空', trigger: 'blur' },
+  ],
+  email: [{ validator: emailValidator, trigger: 'blur' }],
+}
+
+function emailValidator(rule: any, value: any, callback: any) {
+  // 未填写：直接通过
+  if (!value) {
+    callback()
+    return
+  }
+
+  // 填了就校验格式
+  const emailReg
+    = /^[\w.%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i
+
+  if (!emailReg.test(value)) {
+    callback(new Error('邮箱格式不正确'))
+  }
+  else {
+    callback()
+  }
+}
+
+const form = reactive<RegisterCompanyForm>({
+  name: '',
+  industry: '',
+  address: '',
+  phone: '',
+  email: '',
+  profile: '',
+})
+
+async function handleSubmit(formEl: FormInstance | undefined) {
+  if (!formEl)
+    return
+
+  await formEl.validate((valid) => {
+    if (valid) {
+      emit('submit', form)
+    }
+  })
+}
+</script>
+
+<template>
+  <div class="section-area">
+    <div class="content">
+      <h2 class="section-title">
+        公司基本信息
+      </h2>
+
+      <el-form
+        ref="formRef"
+        :model="form"
+        :rules="formRules"
+        label-width="auto"
+        label-position="top"
+      >
+        <el-row :gutter="16">
+          <el-col :span="24">
+            <el-form-item label="公司全称" prop="name">
+              <el-input v-model="form.name" placeholder="请输入公司全称全称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="所属行业" prop="industry">
+              <el-input v-model="form.industry" placeholder="请输入所属行业" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="公司地址" prop="address">
+              <el-input v-model="form.address" placeholder="请输入公司地址" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="联系电话">
+              <el-input v-model="form.phone" placeholder="请输入电话" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="公司邮箱" prop="email">
+              <el-input v-model="form.email" placeholder="请输入邮箱" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="公司简介">
+              <el-input v-model="form.profile" type="textarea" placeholder="请输入简介" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+
+    <div class="button-group">
+      <div />
+      <el-button type="primary" @click="handleSubmit(formRef)">
+        下一步
+      </el-button>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.section-area {
+  margin-top: 16px;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+  .content {
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+
+  .section-title {
+    font-size: 17px;
+    font-weight: 600;
+    padding-bottom: 6px;
+    border-bottom: 1px solid #e4e4e7;
+    margin-bottom: 10px;
+  }
+
+  .section-subtitle {
+    color: #71717a;
+    font-size: 13px;
+    margin: 10px 0px;
+  }
+
+  .button-group {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 29px;
+  }
+}
+</style>
diff --git a/code/link56/link56-frontend-new/src/views/auth/register/components/ConfirmForm.vue b/code/link56/link56-frontend-new/src/views/auth/register/components/ConfirmForm.vue
new file mode 100644
index 00000000..a305cde4
--- /dev/null
+++ b/code/link56/link56-frontend-new/src/views/auth/register/components/ConfirmForm.vue
@@ -0,0 +1,157 @@
+<script setup lang="ts">
+import type { PropType } from 'vue'
+import type { RegisterAdminForm, RegisterCompanyForm } from '@/types/auth'
+import { ref } from 'vue'
+
+defineProps({
+  company: {
+    type: Object as PropType<RegisterCompanyForm>,
+    required: true,
+  },
+  admin: {
+    type: Object as PropType<RegisterAdminForm>,
+    required: true,
+  },
+})
+
+const emit = defineEmits<{
+  (e: 'prev'): void
+  (e: 'submit'): void
+}>()
+
+const isAgree = ref(false)
+
+function handleSubmit() {
+  emit('submit')
+}
+</script>
+
+<template>
+  <div class="section-area">
+    <div class="content">
+      <h2 class="section-title">
+        公司信息
+      </h2>
+
+      <el-row :gutter="16" style="padding: 12px 0px;">
+        <el-col :span="8">
+          公司全称：-
+        </el-col>
+        <el-col :span="8">
+          所属行业：-
+        </el-col>
+        <el-col :span="8">
+          公司地址：-
+        </el-col>
+        <el-col :span="8">
+          联系电话：-
+        </el-col>
+        <el-col :span="8">
+          公司邮箱：-
+        </el-col>
+        <el-col :span="24">
+          公司简介：-
+        </el-col>
+      </el-row>
+
+      <h2 class="section-title">
+        管理员信息
+      </h2>
+
+      <el-row :gutter="16" style="padding: 12px 0px;">
+        <el-col :span="8">
+          管理员名称：-
+        </el-col>
+        <el-col :span="8">
+          管理员电话：-
+        </el-col>
+        <el-col :span="8">
+          管理员邮箱：-
+        </el-col>
+        <el-col :span="8">
+          登录密码：-
+        </el-col>
+        <el-col :span="8">
+          所属职务：-
+        </el-col>
+      </el-row>
+    </div>
+
+    <div>
+      <div class="terms">
+        <el-checkbox v-model="isAgree" />
+        <span
+          @click="() => {
+            isAgree = !isAgree
+          }"
+        >
+          我同意并接受 服务条款 和 隐私政策，并确认所提供的信息真实有效。我了解超级管理员将拥有系统的最高权限，并会妥善保管账户信息。
+        </span>
+      </div>
+      <div class="button-group">
+        <el-button
+          @click="() => {
+            emit('prev')
+          }"
+        >
+          上一步
+        </el-button>
+        <el-button type="primary" :disabled="!isAgree" @click="handleSubmit()">
+          确认提交
+        </el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.section-area {
+  margin-top: 16px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+  :deep(.el-col) {
+    word-break: break-all;
+    padding: 3px 0px;
+  }
+  .content {
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+  .section-title {
+    font-size: 17px;
+    font-weight: 600;
+    padding-bottom: 6px;
+    border-bottom: 1px solid #e4e4e7;
+  }
+  .section-subtitle {
+    color: #71717a;
+    font-size: 13px;
+    margin-bottom: 10px;
+  }
+
+  .terms {
+    display: flex;
+    font-size: 14px;
+    padding: 16px 0px;
+
+    :deep(.el-checkbox) {
+      height: 22px;
+      margin-right: 8px;
+    }
+
+    span {
+      cursor: pointer;
+    }
+  }
+
+  .button-group {
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/code/link56/link56-frontend-new/src/views/auth/register/components/ResultForm.vue b/code/link56/link56-frontend-new/src/views/auth/register/components/ResultForm.vue
new file mode 100644
index 00000000..9584e19d
--- /dev/null
+++ b/code/link56/link56-frontend-new/src/views/auth/register/components/ResultForm.vue
@@ -0,0 +1,21 @@
+<script lang="ts" setup>
+</script>
+
+<template>
+  <div class="result">
+    <el-result
+      icon="success"
+      title="注册成功"
+      sub-title="请注意查收邮箱，完成账户激活及审核流程。"
+    />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.result {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+</style>
diff --git a/code/link56/link56-frontend-new/src/views/auth/register/index.vue b/code/link56/link56-frontend-new/src/views/auth/register/index.vue
new file mode 100644
index 00000000..7215156d
--- /dev/null
+++ b/code/link56/link56-frontend-new/src/views/auth/register/index.vue
@@ -0,0 +1,347 @@
+<script lang="ts" setup>
+import type { RegisterAdminForm, RegisterCompanyForm } from '@/types/auth'
+import { reactive, ref } from 'vue'
+
+import { useRouter } from 'vue-router'
+import AdminForm from './components/AdminForm.vue'
+import CompanyForm from './components/CompanyForm.vue'
+import ConfirmForm from './components/ConfirmForm.vue'
+import ResultForm from './components/ResultForm.vue'
+
+const router = useRouter()
+
+const carouselList = [
+  {
+    title: '值得信赖',
+    company: '恒星科技有限公司',
+    content: '我们已经连续三年使用该平台，数据处理稳定高效，团队协作体验非常顺畅。',
+  },
+  {
+    title: '安全 · 高效',
+    company: '博越信息技术',
+    content: '平台的权限管理做得很好，操作简单清晰，极大提升了内部管理效率。',
+  },
+  {
+    title: '稳定可靠',
+    company: '远航供应链集团',
+    content: '系统运行非常稳定，几乎没有出现过宕机情况，客服响应速度也很快。',
+  },
+  {
+    title: '智能化体验',
+    company: '蓝海数据服务中心',
+    content: '智能报表和自动化功能非常实用，减少了大量人工整理数据的时间。',
+  },
+  {
+    title: '灵活易用',
+    company: '中联创投有限公司',
+    content: 'UI设计简洁友好，新员工上手很快，各项业务流程也能灵活配置。',
+  },
+]
+
+const activeStep = ref(0)
+
+const adminForm = ref<RegisterAdminForm>({
+  name: '',
+  phone: '',
+  email: '',
+  emailCode: '',
+
+  password: '',
+  confirmPassword: '',
+  position: '',
+})
+const companyForm = ref<RegisterCompanyForm>({
+  name: '',
+  industry: '',
+  address: '',
+  phone: '',
+  email: '',
+  profile: '',
+})
+
+function handleNextStep() {
+  activeStep.value += 1
+}
+
+function handlePrevStep() {
+  if (activeStep.value > 0) {
+    activeStep.value -= 1
+  }
+}
+function navigateTo(path: string) {
+  router.push(path)
+}
+</script>
+
+<template>
+  <div class="auth-wrapper">
+    <div class="auth-bg">
+      <img src="/auth-bg.jpg">
+      <div class="bg-content">
+        <el-carousel
+          height="150px"
+          indicator-position="none"
+        >
+          <el-carousel-item v-for="(item, index) in carouselList" :key="index">
+            <div class="carousel-item">
+              <h2 class="title">
+                {{ item.title }}
+              </h2>
+
+              <span class="content">{{ item.content }}</span>
+
+              <span class="company"> - {{ item.company }}</span>
+            </div>
+          </el-carousel-item>
+        </el-carousel>
+      </div>
+    </div>
+
+    <div class="auth-container">
+      <div class="form-container">
+        <div>
+          <img src="/logo.png" class="logo">
+          <el-steps finish-status="success" :active="activeStep" align-center>
+            <el-step title="公司信息" />
+            <el-step title="管理员信息" />
+            <el-step title="确认信息" />
+          </el-steps>
+        </div>
+
+        <CompanyForm v-show="activeStep === 0" @submit="handleNextStep" />
+        <AdminForm v-show="activeStep === 1" @submit="handleNextStep" @prev="handlePrevStep()" />
+        <ConfirmForm v-show="activeStep === 2" :admin="adminForm" :company="companyForm" @prev="handlePrevStep()" @submit="handleNextStep()" />
+        <ResultForm v-show="activeStep === 3" />
+
+        <div class="footer">
+          已有账号？前去
+          <span class="back" @click="navigateTo('/auth/login')">登录</span>
+        </div>
+      </div>
+      <div class="info-sidebar">
+        <div class="info-header">
+          <h1 class="page-title">
+            link56 注册说明
+          </h1>
+          <p class="page-description">
+            请填写公司信息并创建超级管理员账户以完成系统初始化设置
+          </p>
+        </div>
+
+        <ul class="info-list">
+          <li class="info-item">
+            <div class="info-item-header">
+              <i-ri:building-fill />
+              <div class="info-title">
+                公司信息
+              </div>
+            </div>
+            <div class="info-content">
+              请填写公司的法定全称、地址和联系方式，确保信息真实有效，这将用于系统备案和官方文件。
+            </div>
+          </li>
+
+          <li class="info-item">
+            <div class="info-item-header">
+              <i-fa7-solid:user-shield />
+              <div class="info-title">
+                超级管理员
+              </div>
+            </div>
+            <div class="info-content">
+              超级管理员拥有系统的最高权限，可以创建和管理其他用户，分配角色和权限，请妥善保管账户信息。
+            </div>
+          </li>
+
+          <li class="info-item">
+            <div class="info-item-header">
+              <i-material-symbols:lock-open-right-sharp />
+              <div class="info-title">
+                账户安全
+              </div>
+            </div>
+            <div class="info-content">
+              请设置强密码（至少8位，包含字母和数字），建议定期更换密码，不要将账户信息透露给他人。
+            </div>
+          </li>
+
+          <li class="info-item">
+            <div class="info-item-header">
+              <i-ic:twotone-headphones />
+              <div class="info-title">
+                技术支持
+              </div>
+            </div>
+            <div class="info-content">
+              如果在注册过程中遇到问题，请联系我们的技术支持团队：<br>
+              电话：400-123-4567<br>
+              邮箱：support@example.com
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.auth-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+  width: 100%;
+  overflow: hidden;
+
+  .auth-bg {
+    width: 50%;
+    height: 100%;
+    position: relative;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    .bg-content {
+      position: absolute;
+      left: 50%;
+      bottom: 10%;
+      transform: translateX(-50%);
+      text-align: center;
+      color: #fff;
+      width: 600px;
+
+      .carousel-item {
+        display: flex;
+        flex-direction: column;
+        .title {
+          font-size: 28px;
+          line-height: 28px;
+          margin-bottom: 16px;
+        }
+        .content {
+          margin-bottom: 8px;
+        }
+        .company {
+          font-size: 14px;
+        }
+      }
+    }
+  }
+
+  .auth-container {
+    border: 1px solid #ddd;
+    background-color: #fff;
+    display: flex;
+    height: 100%;
+
+    .form-container {
+      display: flex;
+      flex-direction: column;
+      flex: 1;
+      padding: 36px;
+      border-right: 1px solid #e4e4e7;
+      
+      .logo {
+        height: 70px;
+        width: 160px;
+        cursor: pointer;
+        margin-bottom: 16px;
+      }
+      .section-area {
+        margin-top: 16px;
+        overflow-y: auto;
+        overflow-x: hidden;
+        .section-title {
+          font-size: 17px;
+          font-weight: 600;
+          margin-bottom: 10px;
+          padding-bottom: 10px;
+          border-bottom: 1px solid #e4e4e7;
+        }
+        .section-subtitle {
+          color: #71717a;
+          font-size: 13px;
+          margin-bottom: 10px;
+        }
+
+        .button-group {
+          display: flex;
+          justify-content: space-between;
+          margin-top: 29px;
+        }
+      }
+    }
+
+    .info-sidebar {
+      width: 350px;
+      padding: 28px;
+      display: flex;
+      flex-direction: column;
+      background-color: #fafafa;
+
+      .info-header {
+        margin-bottom: 24px;
+      }
+
+      .page-title {
+        font-size: 26px;
+        font-weight: 700;
+        letter-spacing: -0.022em;
+        margin-bottom: 6px;
+        color: #09090b;
+      }
+      .page-description {
+        font-size: 14px;
+        line-height: 1.55;
+        color: #71717a;
+      }
+
+      .info-list {
+        list-style: none;
+        flex-grow: 1;
+
+        .info-item {
+          padding: 16px 0;
+          border-bottom: 1px solid #e4e4e7;
+        }
+        .info-item:last-child {
+          border-bottom: none;
+        }
+
+        .info-item-header {
+          display: flex;
+          align-items: center;
+          gap: 10px;
+          margin-bottom: 9px;
+        }
+
+        .info-title {
+          font-size: 14px;
+          font-weight: 600;
+          color: #09090b;
+        }
+
+        .info-content {
+          color: #71717a;
+          font-size: 13px;
+          line-height: 1.5;
+        }
+      }
+    }
+
+    .footer {
+      font-size: 18px;
+      color: #999;
+      text-align: center;
+
+      .back {
+        color: #0f6fec;
+        cursor: pointer;
+      }
+    }
+  }
+}
+</style>
diff --git a/code/link56/link56-frontend-new/src/views/auth/register2.vue b/code/link56/link56-frontend-new/src/views/auth/register2.vue
new file mode 100644
index 00000000..7c435f5f
--- /dev/null
+++ b/code/link56/link56-frontend-new/src/views/auth/register2.vue
@@ -0,0 +1,369 @@
+<script lang="ts" setup>
+import type { FormInstance } from 'element-plus'
+import { computed, onUnmounted, reactive, ref } from 'vue'
+
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+
+const carouselList = [
+  {
+    title: '值得信赖',
+    company: '恒星科技有限公司',
+    content: '我们已经连续三年使用该平台，数据处理稳定高效，团队协作体验非常顺畅。',
+  },
+  {
+    title: '安全 · 高效',
+    company: '博越信息技术',
+    content: '平台的权限管理做得很好，操作简单清晰，极大提升了内部管理效率。',
+  },
+  {
+    title: '稳定可靠',
+    company: '远航供应链集团',
+    content: '系统运行非常稳定，几乎没有出现过宕机情况，客服响应速度也很快。',
+  },
+  {
+    title: '智能化体验',
+    company: '蓝海数据服务中心',
+    content: '智能报表和自动化功能非常实用，减少了大量人工整理数据的时间。',
+  },
+  {
+    title: '灵活易用',
+    company: '中联创投有限公司',
+    content: 'UI设计简洁友好，新员工上手很快，各项业务流程也能灵活配置。',
+  },
+]
+
+const form = reactive<{
+  email: string
+  code: string
+  name: string
+  account: string
+  password: string
+  confirmPassword: string
+}>({
+  email: '',
+  code: '',
+  name: '',
+  account: '',
+  password: '',
+  confirmPassword: '',
+})
+const formRef = ref<FormInstance>()
+const formRules = {
+  email: [
+    { required: true, message: '邮箱不能为空', trigger: 'blur' },
+    { type: 'email', message: '请输入正确的邮箱格式', trigger: ['blur', 'change'] },
+  ],
+  code: [
+    { required: true, message: '验证码不能为空', trigger: 'blur' },
+  ],
+  name: [
+    { required: true, message: '名称不能为空', trigger: 'blur' },
+    { min: 2, max: 20, message: '名称长度需在 2 到 20 个字符之间', trigger: 'blur' },
+  ],
+  password: [
+    { required: true, message: '密码不能为空', trigger: 'blur' },
+    { min: 6, max: 20, message: '密码长度需在 6 到 20 个字符之间', trigger: 'blur' },
+  ],
+  confirmPassword: [
+    { required: true, message: '请再次输入密码', trigger: 'blur' },
+    {
+      validator: (rule: any, value: any, callback: any) => {
+        if (value !== form.password) {
+          callback(new Error('两次输入的密码不一致'))
+        }
+        else {
+          callback()
+        }
+      },
+      trigger: ['blur', 'change'],
+    },
+  ],
+}
+const submitLoading = ref(false)
+
+// --- 邮箱校验（简单正则） ---
+const emailRegex = /^\w+(?:[-.]\w+)*@\w+(?:[-.]\w+)*\.\w+(?:[-.]\w+)*$/
+
+const isEmailValid = computed(() => emailRegex.test(form.email.trim()))
+
+// --- 发送验证码状态 & 倒计时 ---
+const sending = ref(false)
+const countdown = ref(0)
+let timer: number | undefined
+
+function startCountdown(seconds = 60) {
+  countdown.value = seconds
+  timer = window.setInterval(() => {
+    countdown.value -= 1
+    if (countdown.value <= 0) {
+      clearInterval(timer)
+      timer = undefined
+      sending.value = false
+    }
+  }, 1000)
+}
+
+// 清理
+onUnmounted(() => {
+  if (timer) {
+    clearInterval(timer)
+    timer = undefined
+  }
+})
+
+function handleSendEmailCode() {
+  sending.value = true
+  startCountdown()
+}
+
+async function submitForm(formEl: FormInstance | undefined) {
+  if (!formEl)
+    return
+  await formEl.validate((valid) => {
+    if (valid) {
+      submitLoading.value = true
+    }
+  })
+}
+function navigateTo(path: string) {
+  router.push(path)
+}
+</script>
+
+<template>
+  <div class="auth-wrapper">
+    <div class="auth-bg">
+      <img src="/auth-bg.jpg">
+      <div class="bg-content">
+        <el-carousel
+          height="150px"
+          indicator-position="none"
+        >
+          <el-carousel-item v-for="(item, index) in carouselList" :key="index">
+            <div class="carousel-item">
+              <h2 class="title">
+                {{ item.title }}
+              </h2>
+
+              <span class="content">{{ item.content }}</span>
+
+              <span class="company"> - {{ item.company }}</span>
+            </div>
+          </el-carousel-item>
+        </el-carousel>
+      </div>
+    </div>
+    <div class="login-form">
+      <img src="/logo.png" class="logo" @click="navigateTo('/')">
+
+      <div class="main">
+        <h4 class="title">
+          注册
+        </h4>
+        <p class="title-extra">
+          请填写必要的注册信息，完成账户创建。
+        </p>
+        <el-form
+          ref="formRef"
+          :model="form"
+          :rules="formRules"
+          hide-required-asterisk
+          label-width="auto"
+          label-position="top"
+        >
+          <el-form-item
+            label="邮箱"
+            prop="email"
+          >
+            <el-input
+              v-model="form.email"
+              placeholder="请输入邮箱"
+              size="large"
+            />
+          </el-form-item>
+          <el-form-item
+            label="邮箱验证码"
+            prop="code"
+          >
+            <el-input
+              v-model="form.account" placeholder="请输入邮箱验证码" size="large"
+              class="email-code"
+              :class="(!isEmailValid || sending) ? 'disabled' : ''"
+            >
+              <template #append>
+                <el-button :disabled="!isEmailValid || sending" @click="handleSendEmailCode()">
+                  {{ sending ? `${countdown}s` : "发送验证码" }}
+                </el-button>
+              </template>
+            </el-input>
+          </el-form-item>
+          <!-- <el-form-item label="账号">
+            <el-input v-model="form.account" placeholder="请输入账号" size="large" />
+          </el-form-item> -->
+          <el-form-item
+            label="公司名称"
+            prop="name"
+          >
+            <el-input v-model="form.name" placeholder="请输入公司名称" size="large" />
+          </el-form-item>
+          <el-form-item
+            label="密码"
+            prop="password"
+          >
+            <el-input v-model="form.password" placeholder="请输入密码" size="large" />
+          </el-form-item>
+          <el-form-item
+            label="确认密码"
+            prop="confirmPassword"
+          >
+            <el-input v-model="form.confirmPassword" placeholder="请输入确认密码" size="large" />
+          </el-form-item>
+
+          <el-form-item>
+            <el-button type="primary" class="form-btn" @click="submitForm(formRef)">
+              注册
+            </el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+
+      <div class="footer">
+        没有账号？前去
+        <span class="back" @click="navigateTo('/auth/login')">登录</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.email-code {
+  :deep(.el-input-group__append) {
+    background-color: #eceffd;
+    color: #4041d1;
+    cursor: pointer;
+  }
+
+  &.disabled {
+    :deep(.el-input-group__append) {
+      background-color: #f5f7fa;
+      color: #c0c4cc;
+    }
+  }
+}
+
+.auth-wrapper {
+  display: flex;
+  height: 100vh;
+  overflow: hidden;
+
+  .auth-bg {
+    width: 70%;
+    height: 100%;
+    position: relative;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    .bg-content {
+      position: absolute;
+      left: 50%;
+      bottom: 10%;
+      transform: translateX(-50%);
+      text-align: center;
+      color: #fff;
+      width: 600px;
+
+      .carousel-item {
+        display: flex;
+        flex-direction: column;
+        .title {
+          font-size: 28px;
+          line-height: 28px;
+          margin-bottom: 16px;
+        }
+        .content {
+          margin-bottom: 8px;
+        }
+        .company {
+          font-size: 14px;
+        }
+      }
+    }
+  }
+  .form-label-flex {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    align-items: center;
+
+    .forgot {
+      color: #0f6fec;
+      cursor: pointer;
+    }
+  }
+
+  .login-form {
+    overflow-y: auto;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    padding: 36px;
+
+    .logo {
+      height: 70px;
+      width: 160px;
+      cursor: pointer;
+      margin-bottom: 24px;
+    }
+
+    .main {
+      flex: 1;
+      display: flex;
+      justify-content: center;
+      flex-direction: column;
+      :deep(.el-form-item__label) {
+        font-size: 16px;
+        width: 100%;
+        margin-bottom: 12px;
+      }
+
+      .title {
+        font-size: 28px;
+        font-weight: 600;
+        margin-bottom: 10px;
+      }
+
+      .title-extra {
+        font-size: 16px;
+        color: #666;
+        margin-bottom: 36px;
+      }
+
+      .form-btn {
+        width: 100%;
+        height: 36px;
+        font-size: 16px;
+        margin-top: 16px;
+      }
+    }
+
+    .footer {
+      font-size: 18px;
+      color: #999;
+      height: 48px;
+      text-align: center;
+      line-height: 48px;
+
+      .back {
+        color: #0f6fec;
+        cursor: pointer;
+      }
+    }
+  }
+}
+</style>
diff --git a/code/link56/link56-frontend-new/src/views/home/index.vue b/code/link56/link56-frontend-new/src/views/home/index.vue
index 67019209..699c0d8c 100644
--- a/code/link56/link56-frontend-new/src/views/home/index.vue
+++ b/code/link56/link56-frontend-new/src/views/home/index.vue
@@ -28,7 +28,7 @@ const carouselList = [
       </div>
 
       <div class="query">
-        <QueryCompany v-model="commonStore.companyQuery" :properties="commonStore.propertyOptions" :areas="commonStore.areaOptions" />
+        <QueryCompany v-model="commonStore.companyQuery" :industries="commonStore.industryOptions" :areas="commonStore.areaOptions" />
       </div>
     </div>
 
diff --git a/code/link56/link56-frontend-new/test.html b/code/link56/link56-frontend-new/test.html
index 4a9bcb00..8d0837ba 100644
--- a/code/link56/link56-frontend-new/test.html
+++ b/code/link56/link56-frontend-new/test.html
@@ -1,630 +1,1202 @@
-<div class="flex items-center space-x-4">
-    <div class="relative hidden md:block">
-        <i class="fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
-        <input
-            type="text"
-            placeholder="搜索公司或行业..."
-            class="pl-10 pr-4 py-2 w-64 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-        >
-    </div>
-    <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium flex items-center">
-        <i class="fas fa-plus mr-2"></i>
-        添加公司
-    </button>
-</div>
-</div>
-</div>
-</nav>
+<!DOCTYPE html>
+<html lang="zh-CN">
 
-<!-- 主内容区域 -->
-<main class="container mx-auto px-4 py-8">
-<!-- 页面标题和操作 -->
-<div class="mb-8">
-<div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-6">
-<div>
-    <h2 class="text-2xl md:text-3xl font-bold text-gray-900">合作企业列表</h2>
-    <p class="text-gray-600 mt-2">浏览与我们合作的优秀企业，可直接发起商务对话</p>
-</div>
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>公司信息与超级管理员注册</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        :root {
+            --background: #ffffff;
+            --foreground: #09090b;
+            --card: #ffffff;
+            --card-foreground: #09090b;
+            --primary: #18181b;
+            --primary-foreground: #fafafa;
+            --secondary: #f4f4f5;
+            --secondary-foreground: #18181b;
+            --muted: #f4f4f5;
+            --muted-foreground: #71717a;
+            --accent: #18181b;
+            --accent-foreground: #fafafa;
+            --destructive: #ef4444;
+            --border: #e4e4e7;
+            --input: #ffffff;
+            --ring: #09090b;
+            --radius: 4px;
+            --sidebar: #fafafa;
+        }
 
-<div class="mt-4 md:mt-0 flex items-center space-x-4">
-    <div class="bg-white rounded-lg border border-gray-200 px-4 py-2">
-        <select class="outline-none text-gray-700">
-            <option>按名称排序</option>
-            <option>按行业排序</option>
-            <option>按最近活跃排序</option>
-        </select>
-    </div>
-</div>
-</div>
-</div>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        }
 
-<!-- 公司列表 -->
-<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
-<!-- 公司卡片 1 -->
-<div class="company-card bg-white rounded-xl border border-gray-200 p-6">
-<div class="flex items-start mb-4">
-    <div class="mr-4 flex-shrink-0">
-        <div class="w-16 h-16 rounded-xl bg-blue-100 overflow-hidden">
-            <img
-                src="https://images.unsplash.com/photo-1560179707-f14e90ef3623?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80"
-                alt="TechCorp Logo"
-                class="w-full h-full object-cover"
-            >
+        body {
+            background-color: var(--background);
+            color: var(--foreground);
+            min-height: 100vh;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            padding: 16px;
+        }
+
+        .container {
+            width: 100%;
+            max-width: 1100px;
+            background-color: var(--card);
+            border: 1px solid var(--border);
+            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04);
+            display: flex;
+            min-height: 680px;
+        }
+
+        .content {
+            display: flex;
+            width: 100%;
+        }
+
+        .form-container {
+            flex: 1;
+            padding: 40px;
+            border-right: 1px solid var(--border);
+        }
+
+        .logo-area {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            margin-bottom: 28px;
+        }
+
+        .logo-icon {
+            width: 36px;
+            height: 36px;
+            background-color: var(--primary);
+            color: var(--primary-foreground);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 16px;
+            font-weight: 500;
+        }
+
+        .logo-text {
+            font-size: 21px;
+            font-weight: 600;
+            letter-spacing: -0.02em;
+        }
+
+        .progress-bar {
+            display: flex;
+            margin-bottom: 35px;
+            position: relative;
+        }
+
+        .progress-bar::before {
+            content: '';
+            position: absolute;
+            top: 17px;
+            left: 0;
+            width: 100%;
+            height: 1px;
+            background-color: var(--border);
+            z-index: 1;
+        }
+
+        .progress-step {
+            flex: 1;
+            text-align: center;
+            position: relative;
+            z-index: 2;
+        }
+
+        .step-circle {
+            width: 34px;
+            height: 34px;
+            border-radius: 99px;
+            background-color: var(--muted);
+            color: var(--muted-foreground);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 0 auto 8px;
+            font-weight: 500;
+            border: 1px solid var(--border);
+            font-size: 13px;
+        }
+
+        .step-circle.active {
+            background-color: var(--primary);
+            color: var(--primary-foreground);
+            border-color: var(--primary);
+        }
+
+        .step-circle.completed {
+            background-color: var(--primary);
+            color: var(--primary-foreground);
+            border-color: var(--primary);
+        }
+
+        .step-text {
+            font-size: 12px;
+            color: var(--muted-foreground);
+            font-weight: 500;
+        }
+
+        .step-text.active {
+            color: var(--foreground);
+        }
+
+        .form-section {
+            display: none;
+        }
+
+        .form-section.active {
+            display: block;
+            animation: fadeIn 0.3s ease;
+        }
+
+        @keyframes fadeIn {
+            from {
+                opacity: 0;
+                transform: translateY(6px);
+            }
+
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+
+        .section-title {
+            font-size: 17px;
+            font-weight: 600;
+            margin-bottom: 23px;
+            padding-bottom: 10px;
+            border-bottom: 1px solid var(--border);
+        }
+
+        .section-subtitle {
+            color: var(--muted-foreground);
+            font-size: 13px;
+            margin-bottom: 21px;
+        }
+
+        .form-group {
+            margin-bottom: 18px;
+        }
+
+        .form-row {
+            display: flex;
+            gap: 16px;
+        }
+
+        .form-row .form-group {
+            flex: 1;
+        }
+
+        label {
+            display: block;
+            margin-bottom: 7px;
+            font-weight: 500;
+            color: var(--foreground);
+            font-size: 13px;
+        }
+
+        .required::after {
+            content: " *";
+            color: var(--destructive);
+        }
+
+        input,
+        select,
+        textarea {
+            width: 100%;
+            padding: 10px 12px;
+            border: 1px solid var(--border);
+            border-radius: var(--radius);
+            font-size: 13px;
+            background-color: var(--input);
+            color: var(--foreground);
+            transition: border-color 0.15s;
+        }
+
+        input:focus,
+        select:focus,
+        textarea:focus {
+            outline: none;
+            border-color: var(--ring);
+            box-shadow: 0 0 0 1px var(--ring);
+        }
+
+        .input-with-icon {
+            position: relative;
+        }
+
+        .input-with-icon i {
+            position: absolute;
+            left: 12px;
+            top: 50%;
+            transform: translateY(-50%);
+            color: var(--muted-foreground);
+            font-size: 13px;
+        }
+
+        .input-with-icon input {
+            padding-left: 38px;
+        }
+
+        .password-strength {
+            margin-top: 5px;
+            height: 3px;
+            background-color: var(--muted);
+            border-radius: 2px;
+            overflow: hidden;
+        }
+
+        .password-strength-bar {
+            height: 100%;
+            width: 0;
+            transition: width 0.3s, background-color 0.3s;
+        }
+
+        .password-hint {
+            font-size: 11px;
+            color: var(--muted-foreground);
+            margin-top: 5px;
+        }
+
+        .terms {
+            margin-top: 24px;
+            padding: 15px;
+            background-color: var(--muted);
+            border-radius: var(--radius);
+            border-left: 3px solid var(--primary);
+        }
+
+        .terms label {
+            display: flex;
+            align-items: flex-start;
+            font-weight: normal;
+            cursor: pointer;
+            font-size: 13px;
+            line-height: 1.4;
+        }
+
+        .terms input {
+            width: auto;
+            margin-right: 10px;
+            margin-top: 3px;
+        }
+
+        .terms a {
+            color: var(--primary);
+            text-decoration: none;
+            font-weight: 500;
+        }
+
+        .terms a:hover {
+            text-decoration: underline;
+        }
+
+        .button-group {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 29px;
+        }
+
+        .btn {
+            padding: 10px 22px;
+            border: 1px solid transparent;
+            border-radius: var(--radius);
+            font-size: 13px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.15s;
+            display: inline-flex;
+            align-items: center;
+            gap: 6px;
+        }
+
+        .btn-prev {
+            background-color: transparent;
+            color: var(--foreground);
+            border-color: var(--border);
+        }
+
+        .btn-prev:hover {
+            background-color: var(--muted);
+        }
+
+        .btn-next,
+        .btn-submit {
+            background-color: var(--primary);
+            color: var(--primary-foreground);
+            border-color: var(--primary);
+        }
+
+        .btn-next:hover,
+        .btn-submit:hover {
+            background-color: var(--foreground);
+            border-color: var(--foreground);
+        }
+
+        .btn-submit {
+            background-color: var(--primary);
+        }
+
+        .summary {
+            margin-top: 18px;
+            padding: 18px;
+            background-color: var(--muted);
+            border-radius: var(--radius);
+            border-left: 3px solid var(--primary);
+        }
+
+        .summary h4 {
+            font-size: 15px;
+            font-weight: 600;
+            margin-bottom: 14px;
+            color: var(--foreground);
+        }
+
+        .summary-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 14px;
+        }
+
+        .summary-item {
+            display: flex;
+            flex-direction: column;
+        }
+
+        .summary-label {
+            color: var(--muted-foreground);
+            font-size: 12px;
+            margin-bottom: 3px;
+        }
+
+        .summary-value {
+            font-weight: 500;
+            color: var(--foreground);
+            font-size: 13px;
+        }
+
+        .info-sidebar {
+            width: 350px;
+            background-color: var(--sidebar);
+            padding: 44px 28px;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .info-header {
+            margin-bottom: 36px;
+        }
+
+        .page-title {
+            font-size: 26px;
+            font-weight: 700;
+            letter-spacing: -0.022em;
+            margin-bottom: 6px;
+            color: var(--foreground);
+        }
+
+        .page-description {
+            color: var(--muted-foreground);
+            font-size: 14px;
+            line-height: 1.55;
+        }
+
+        .info-sidebar h3 {
+            font-size: 16px;
+            font-weight: 600;
+            margin-bottom: 24px;
+            color: var(--foreground);
+        }
+
+        .info-list {
+            list-style: none;
+            flex-grow: 1;
+        }
+
+        .info-item {
+            padding: 16px 0;
+            border-bottom: 1px solid var(--border);
+        }
+
+        .info-item:last-child {
+            border-bottom: none;
+        }
+
+        .info-item-header {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            margin-bottom: 9px;
+        }
+
+        .info-icon {
+            width: 33px;
+            height: 33px;
+            background-color: var(--muted);
+            color: var(--foreground);
+            border-radius: var(--radius);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 15px;
+        }
+
+        .info-title {
+            font-size: 14px;
+            font-weight: 600;
+            color: var(--foreground);
+        }
+
+        .info-content {
+            color: var(--muted-foreground);
+            font-size: 13px;
+            line-height: 1.5;
+        }
+
+        .success-message {
+            display: none;
+            text-align: center;
+            padding: 56px 18px;
+        }
+
+        .success-icon {
+            width: 66px;
+            height: 66px;
+            background-color: var(--primary);
+            color: var(--primary-foreground);
+            border-radius: 95px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 28px;
+            margin: 0 auto 22px;
+        }
+
+        .success-message h2 {
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: 14px;
+            color: var(--foreground);
+        }
+
+        .success-message p {
+            color: var(--muted-foreground);
+            margin-bottom: 18px;
+            line-height: 1.5;
+            max-width: 460px;
+            margin-left: auto;
+            margin-right: auto;
+        }
+
+        .admin-account {
+            background-color: var(--muted);
+            border-radius: var(--radius);
+            padding: 16px;
+            margin-top: 22px;
+            max-width: 340px;
+            margin-left: auto;
+            margin-right: auto;
+        }
+
+        .admin-label {
+            font-size: 12px;
+            color: var(--muted-foreground);
+            margin-bottom: 5px;
+        }
+
+        .admin-email {
+            font-size: 15px;
+            font-weight: 600;
+            color: var(--foreground);
+            word-break: break-all;
+        }
+
+        @media (max-width: 1060px) {
+            .container {
+                max-width: 920px;
+            }
+
+            .form-container {
+                padding: 32px;
+            }
+
+            .info-sidebar {
+                width: 310px;
+                padding: 36px 22px;
+            }
+        }
+
+        @media (max-width: 820px) {
+            .content {
+                flex-direction: column;
+            }
+
+            .form-container {
+                border-right: none;
+                border-bottom: 1px solid var(--border);
+                order: 2;
+            }
+
+            .info-sidebar {
+                width: 100%;
+                order: 1;
+                padding: 32px 28px;
+            }
+
+            .info-header {
+                margin-bottom: 24px;
+            }
+
+            .form-row {
+                flex-direction: column;
+                gap: 0;
+            }
+
+            .summary-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+        @media (max-width: 580px) {
+            .container {
+                min-height: auto;
+            }
+
+            .form-container {
+                padding: 24px;
+            }
+
+            .page-title {
+                font-size: 22px;
+            }
+
+            .button-group {
+                flex-direction: column-reverse;
+                gap: 10px;
+            }
+
+            .btn {
+                width: 100%;
+                justify-content: center;
+            }
+        }
+    </style>
+</head>
+
+<body>
+    <div class="container">
+        <div class="content">
+            <div class="form-container">
+                <div class="logo-area">
+                    <div class="logo-icon">
+                        <i class="fas fa-building"></i>
+                    </div>
+                    <div class="logo-text">CorpRegister</div>
+                </div>
+
+                <div class="progress-bar">
+                    <div class="progress-step">
+                        <div class="step-circle active">1</div>
+                        <div class="step-text active">公司信息</div>
+                    </div>
+                    <div class="progress-step">
+                        <div class="step-circle">2</div>
+                        <div class="step-text">管理员信息</div>
+                    </div>
+                    <div class="progress-step">
+                        <div class="step-circle">3</div>
+                        <div class="step-text">确认提交</div>
+                    </div>
+                </div>
+
+                <!-- 第一步：公司信息 -->
+                <form id="registrationForm">
+                    <div class="form-section active" id="section-company">
+                        <h2 class="section-title">公司基本信息</h2>
+
+                        <div class="form-group">
+                            <label for="companyName" class="required">公司全称</label>
+                            <input type="text" id="companyName" required placeholder="请输入公司法定全称">
+                        </div>
+
+                        <div class="form-row">
+                            <div class="form-group">
+                                <label for="companyType" class="required">公司类型</label>
+                                <select id="companyType" required>
+                                    <option value="">请选择公司类型</option>
+                                    <option value="private">私营企业</option>
+                                    <option value="state-owned">国有企业</option>
+                                    <option value="foreign">外资企业</option>
+                                    <option value="joint-venture">合资企业</option>
+                                    <option value="other">其他</option>
+                                </select>
+                            </div>
+                            <div class="form-group">
+                                <label for="industry" class="required">所属行业</label>
+                                <select id="industry" required>
+                                    <option value="">请选择行业</option>
+                                    <option value="tech">科技/互联网</option>
+                                    <option value="finance">金融/银行</option>
+                                    <option value="manufacturing">制造业</option>
+                                    <option value="retail">零售/贸易</option>
+                                    <option value="service">服务业</option>
+                                    <option value="education">教育/培训</option>
+                                    <option value="healthcare">医疗健康</option>
+                                    <option value="real-estate">房地产</option>
+                                    <option value="logistics">物流运输</option>
+                                    <option value="other">其他</option>
+                                </select>
+                            </div>
+                        </div>
+
+                        <div class="form-group">
+                            <label for="companyAddress" class="required">公司地址</label>
+                            <input type="text" id="companyAddress" required placeholder="请输入公司详细地址">
+                        </div>
+
+                        <div class="form-row">
+                            <div class="form-group">
+                                <label for="phone" class="required">联系电话</label>
+                                <div class="input-with-icon">
+                                    <i class="fas fa-phone"></i>
+                                    <input type="tel" id="phone" required placeholder="请输入公司联系电话">
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <label for="companyEmail" class="required">公司邮箱</label>
+                                <div class="input-with-icon">
+                                    <i class="fas fa-envelope"></i>
+                                    <input type="email" id="companyEmail" required placeholder="请输入公司邮箱">
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="form-group">
+                            <label for="website">公司网站</label>
+                            <div class="input-with-icon">
+                                <i class="fas fa-globe"></i>
+                                <input type="url" id="website" placeholder="https://example.com">
+                            </div>
+                        </div>
+
+                        <div class="form-group">
+                            <label for="companyDesc">公司简介</label>
+                            <textarea id="companyDesc" rows="3" placeholder="请简要描述公司主营业务、规模等信息"></textarea>
+                        </div>
+
+                        <div class="button-group">
+                            <div></div>
+                            <button type="button" class="btn btn-next" onclick="nextStep()">
+                                <span>下一步</span>
+                                <i class="fas fa-arrow-right"></i>
+                            </button>
+                        </div>
+                    </div>
+
+                    <!-- 第二步：管理员信息 -->
+                    <div class="form-section" id="section-admin">
+                        <h2 class="section-title">超级管理员信息</h2>
+                        <p class="section-subtitle">超级管理员将拥有系统的最高权限，请谨慎设置</p>
+
+                        <div class="form-row">
+                            <div class="form-group">
+                                <label for="adminName" class="required">管理员姓名</label>
+                                <div class="input-with-icon">
+                                    <i class="fas fa-user"></i>
+                                    <input type="text" id="adminName" required placeholder="请输入管理员真实姓名">
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <label for="adminEmail" class="required">管理员邮箱</label>
+                                <div class="input-with-icon">
+                                    <i class="fas fa-envelope"></i>
+                                    <input type="email" id="adminEmail" required placeholder="用于登录系统">
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="form-row">
+                            <div class="form-group">
+                                <label for="password" class="required">登录密码</label>
+                                <div class="input-with-icon">
+                                    <i class="fas fa-lock"></i>
+                                    <input type="password" id="password" required placeholder="至少8位，包含字母和数字">
+                                </div>
+                                <div class="password-strength">
+                                    <div class="password-strength-bar" id="passwordStrengthBar"></div>
+                                </div>
+                                <div class="password-hint" id="passwordHint">密码强度：弱</div>
+                            </div>
+                            <div class="form-group">
+                                <label for="confirmPassword" class="required">确认密码</label>
+                                <div class="input-with-icon">
+                                    <i class="fas fa-lock"></i>
+                                    <input type="password" id="confirmPassword" required placeholder="再次输入密码">
+                                </div>
+                                <div class="password-hint" id="passwordMatchHint"></div>
+                            </div>
+                        </div>
+
+                        <div class="form-group">
+                            <label for="adminPhone">管理员手机</label>
+                            <div class="input-with-icon">
+                                <i class="fas fa-mobile-alt"></i>
+                                <input type="tel" id="adminPhone" placeholder="用于接收系统通知">
+                            </div>
+                        </div>
+
+                        <div class="form-group">
+                            <label for="adminPosition">担任职务</label>
+                            <input type="text" id="adminPosition" placeholder="请输入管理员职务">
+                        </div>
+
+                        <div class="terms">
+                            <label>
+                                <input type="checkbox" id="agreeTerms" required>
+                                <span>我同意并接受 <a href="#">服务条款</a> 和 <a
+                                        href="#">隐私政策</a>，并确认所提供的信息真实有效。我了解超级管理员将拥有系统的最高权限，并会妥善保管账户信息。</span>
+                            </label>
+                        </div>
+
+                        <div class="button-group">
+                            <button type="button" class="btn btn-prev" onclick="prevStep()">
+                                <i class="fas fa-arrow-left"></i>
+                                <span>上一步</span>
+                            </button>
+                            <button type="button" class="btn btn-next" onclick="nextStep()">
+                                <span>下一步</span>
+                                <i class="fas fa-arrow-right"></i>
+                            </button>
+                        </div>
+                    </div>
+
+                    <!-- 第三步：确认信息 -->
+                    <div class="form-section" id="section-confirm">
+                        <h2 class="section-title">确认信息</h2>
+                        <p class="section-subtitle">请确认以下信息是否正确，提交后不可更改</p>
+
+                        <div class="summary">
+                            <h4>公司信息</h4>
+                            <div class="summary-grid">
+                                <div class="summary-item">
+                                    <span class="summary-label">公司名称：</span>
+                                    <span class="summary-value" id="summary-companyName">-</span>
+                                </div>
+                                <div class="summary-item">
+                                    <span class="summary-label">公司类型：</span>
+                                    <span class="summary-value" id="summary-companyType">-</span>
+                                </div>
+                                <div class="summary-item">
+                                    <span class="summary-label">所属行业：</span>
+                                    <span class="summary-value" id="summary-industry">-</span>
+                                </div>
+                                <div class="summary-item">
+                                    <span class="summary-label">公司地址：</span>
+                                    <span class="summary-value" id="summary-companyAddress">-</span>
+                                </div>
+                                <div class="summary-item">
+                                    <span class="summary-label">联系电话：</span>
+                                    <span class="summary-value" id="summary-phone">-</span>
+                                </div>
+                                <div class="summary-item">
+                                    <span class="summary-label">公司邮箱：</span>
+                                    <span class="summary-value" id="summary-companyEmail">-</span>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="summary" style="margin-top: 20px;">
+                            <h4>管理员信息</h4>
+                            <div class="summary-grid">
+                                <div class="summary-item">
+                                    <span class="summary-label">管理员姓名：</span>
+                                    <span class="summary-value" id="summary-adminName">-</span>
+                                </div>
+                                <div class="summary-item">
+                                    <span class="summary-label">管理员邮箱：</span>
+                                    <span class="summary-value" id="summary-adminEmail">-</span>
+                                </div>
+                                <div class="summary-item">
+                                    <span class="summary-label">管理员手机：</span>
+                                    <span class="summary-value" id="summary-adminPhone">-</span>
+                                </div>
+                                <div class="summary-item">
+                                    <span class="summary-label">担任职务：</span>
+                                    <span class="summary-value" id="summary-adminPosition">-</span>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="button-group">
+                            <button type="button" class="btn btn-prev" onclick="prevStep()">
+                                <i class="fas fa-arrow-left"></i>
+                                <span>上一步</span>
+                            </button>
+                            <button type="button" class="btn btn-submit" onclick="submitForm()">
+                                <i class="fas fa-check"></i>
+                                <span>提交注册</span>
+                            </button>
+                        </div>
+                    </div>
+                </form>
+
+                <!-- 提交成功后的消息 -->
+                <div class="success-message" id="successMessage">
+                    <div class="success-icon">
+                        <i class="fas fa-check"></i>
+                    </div>
+                    <h2>注册成功！</h2>
+                    <p>公司信息和超级管理员账户已成功创建。</p>
+                    <p>系统初始化邮件已发送至管理员邮箱，请按照邮件指引完成系统初始化设置。</p>
+
+                    <div class="admin-account">
+                        <div class="admin-label">超级管理员账户</div>
+                        <div class="admin-email" id="successAdminEmail"></div>
+                    </div>
+
+                    <button class="btn btn-submit" onclick="resetForm()" style="margin-top: 28px;">
+                        <i class="fas fa-plus"></i>
+                        <span>注册新公司</span>
+                    </button>
+                </div>
+            </div>
+
+            <!-- 侧边栏 -->
+            <div class="info-sidebar">
+                <div class="info-header">
+                    <h1 class="page-title">公司信息注册</h1>
+                    <p class="page-description">请填写公司信息并创建超级管理员账户以完成系统初始化设置</p>
+                </div>
+
+                <h3>注册说明</h3>
+
+                <ul class="info-list">
+                    <li class="info-item">
+                        <div class="info-item-header">
+                            <div class="info-icon">
+                                <i class="fas fa-building"></i>
+                            </div>
+                            <div class="info-title">公司信息</div>
+                        </div>
+                        <div class="info-content">
+                            请填写公司的法定全称、地址和联系方式，确保信息真实有效，这将用于系统备案和官方文件。
+                        </div>
+                    </li>
+
+                    <li class="info-item">
+                        <div class="info-item-header">
+                            <div class="info-icon">
+                                <i class="fas fa-user-shield"></i>
+                            </div>
+                            <div class="info-title">超级管理员</div>
+                        </div>
+                        <div class="info-content">
+                            超级管理员拥有系统的最高权限，可以创建和管理其他用户，分配角色和权限，请妥善保管账户信息。
+                        </div>
+                    </li>
+
+                    <li class="info-item">
+                        <div class="info-item-header">
+                            <div class="info-icon">
+                                <i class="fas fa-lock"></i>
+                            </div>
+                            <div class="info-title">账户安全</div>
+                        </div>
+                        <div class="info-content">
+                            请设置强密码（至少8位，包含字母和数字），建议定期更换密码，不要将账户信息透露给他人。
+                        </div>
+                    </li>
+
+                    <li class="info-item">
+                        <div class="info-item-header">
+                            <div class="info-icon">
+                                <i class="fas fa-headset"></i>
+                            </div>
+                            <div class="info-title">技术支持</div>
+                        </div>
+                        <div class="info-content">
+                            如果在注册过程中遇到问题，请联系我们的技术支持团队：<br>
+                            电话：400-123-4567<br>
+                            邮箱：support@example.com
+                        </div>
+                    </li>
+                </ul>
+            </div>
         </div>
     </div>
 
-    <div class="flex-1 min-w-0">
-        <div class="flex justify-between items-start mb-3">
-            <div class="min-w-0">
-                <h3 class="text-xl font-bold text-gray-900 truncate">科技前沿集团</h3>
-                <div class="flex items-center text-gray-500 text-sm mt-1">
-                    <i class="fas fa-map-marker-alt mr-1 text-xs"></i>
-                    <span>北京 · 上海 · 深圳</span>
-                </div>
-            </div>
-            <span class="bg-blue-100 text-blue-800 text-xs font-medium px-3 py-1 rounded-full whitespace-nowrap">科技</span>
-        </div>
+    <script>
+        let currentStep = 1;
+        const totalSteps = 3;
 
-        <!-- 多行业标签 -->
-        <div class="mb-4">
-            <div class="flex flex-wrap gap-2">
-                <span class="bg-blue-50 text-blue-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-blue-100">人工智能</span>
-                <span class="bg-purple-50 text-purple-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-purple-100">云计算</span>
-                <span class="bg-green-50 text-green-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-green-100">物联网</span>
-                <span class="bg-indigo-50 text-indigo-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-indigo-100">网络安全</span>
-            </div>
-        </div>
+        // 密码强度检查
+        const passwordInput = document.getElementById('password');
+        const passwordStrengthBar = document.getElementById('passwordStrengthBar');
+        const passwordHint = document.getElementById('passwordHint');
+        const confirmPasswordInput = document.getElementById('confirmPassword');
+        const passwordMatchHint = document.getElementById('passwordMatchHint');
 
-        <p class="text-gray-600 text-sm mb-5 line-clamp-2">
-            国内领先的人工智能解决方案提供商，专注于计算机视觉、自然语言处理和机器学习平台的研发与应用。
-        </p>
+        passwordInput.addEventListener('input', function () {
+            const password = this.value;
+            let strength = 0;
+            let color = '#ef4444';
+            let text = '弱';
 
-        <div class="grid grid-cols-2 gap-4 mb-5">
-            <div class="flex items-center">
-                <div class="w-8 h-8 bg-blue-100 rounded-lg flex items-center justify-center mr-3">
-                    <i class="fas fa-users text-blue-600 text-sm"></i>
-                </div>
-                <div>
-                    <p class="text-gray-500 text-xs">团队规模</p>
-                    <p class="text-gray-900 font-medium">850+ 人</p>
-                </div>
-            </div>
-            <div class="flex items-center">
-                <div class="w-8 h-8 bg-gray-100 rounded-lg flex items-center justify-center mr-3">
-                    <i class="fas fa-calendar-alt text-gray-600 text-sm"></i>
-                </div>
-                <div>
-                    <p class="text-gray-500 text-xs">创立时间</p>
-                    <p class="text-gray-900 font-medium">2015年</p>
-                </div>
-            </div>
-        </div>
+            if (password.length >= 8) strength++;
+            if (/[A-Z]/.test(password)) strength++;
+            if (/[0-9]/.test(password)) strength++;
+            if (/[^A-Za-z0-9]/.test(password)) strength++;
 
-        <div class="pt-5 border-t border-gray-100 flex items-center justify-between">
-            <div class="flex items-center">
-                <div class="flex -space-x-2 mr-3">
-                    <div class="w-8 h-8 rounded-full bg-blue-200 border-2 border-white"></div>
-                    <div class="w-8 h-8 rounded-full bg-green-200 border-2 border-white"></div>
-                    <div class="w-8 h-8 rounded-full bg-purple-200 border-2 border-white"></div>
-                </div>
-                <span class="text-gray-500 text-sm">3位联系人</span>
-            </div>
+            if (strength === 1) {
+                color = '#ef4444';
+                text = '弱';
+            } else if (strength === 2 || strength === 3) {
+                color = '#f59e0b';
+                text = '中等';
+            } else if (strength === 4) {
+                color = '#10b981';
+                text = '强';
+            }
 
-            <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2.5 rounded-lg font-medium text-sm flex items-center chat-button" data-company="科技前沿集团">
-                <i class="fas fa-comment-dots mr-2"></i>
-                发起聊天
-            </button>
-        </div>
-    </div>
-</div>
-</div>
+            passwordStrengthBar.style.width = (strength * 25) + '%';
+            passwordStrengthBar.style.backgroundColor = color;
+            passwordHint.textContent = '密码强度：' + text;
+            passwordHint.style.color = color;
 
-<!-- 公司卡片 2 -->
-<div class="company-card bg-white rounded-xl border border-gray-200 p-6">
-<div class="flex items-start mb-4">
-    <div class="mr-4 flex-shrink-0">
-        <div class="w-16 h-16 rounded-xl bg-green-100 overflow-hidden">
-            <img
-                src="https://images.unsplash.com/photo-1551836026-d5c2c5af78e4?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80"
-                alt="绿色金融集团 Logo"
-                class="w-full h-full object-cover"
-            >
-        </div>
-    </div>
+            checkPasswordMatch();
+        });
 
-    <div class="flex-1 min-w-0">
-        <div class="flex justify-between items-start mb-3">
-            <div class="min-w-0">
-                <h3 class="text-xl font-bold text-gray-900 truncate">绿色金融集团</h3>
-                <div class="flex items-center text-gray-500 text-sm mt-1">
-                    <i class="fas fa-map-marker-alt mr-1 text-xs"></i>
-                    <span>上海 · 香港 · 新加坡</span>
-                </div>
-            </div>
-            <span class="bg-green-100 text-green-800 text-xs font-medium px-3 py-1 rounded-full whitespace-nowrap">金融</span>
-        </div>
+        confirmPasswordInput.addEventListener('input', checkPasswordMatch);
 
-        <!-- 多行业标签 -->
-        <div class="mb-4">
-            <div class="flex flex-wrap gap-2">
-                <span class="bg-green-50 text-green-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-green-100">绿色金融</span>
-                <span class="bg-teal-50 text-teal-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-teal-100">财富管理</span>
-                <span class="bg-blue-50 text-blue-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-blue-100">资产管理</span>
-                <span class="bg-amber-50 text-amber-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-amber-100">保险科技</span>
-            </div>
-        </div>
+        function checkPasswordMatch() {
+            const password = passwordInput.value;
+            const confirmPassword = confirmPasswordInput.value;
 
-        <p class="text-gray-600 text-sm mb-5 line-clamp-2">
-            专注于可持续发展投资的金融服务集团，为企业和个人提供ESG投资解决方案、碳金融产品和绿色债券承销服务。
-        </p>
+            if (confirmPassword === '') {
+                passwordMatchHint.textContent = '';
+                passwordMatchHint.style.color = '#71717a';
+                return;
+            }
 
-        <div class="grid grid-cols-2 gap-4 mb-5">
-            <div class="flex items-center">
-                <div class="w-8 h-8 bg-green-100 rounded-lg flex items-center justify-center mr-3">
-                    <i class="fas fa-users text-green-600 text-sm"></i>
-                </div>
-                <div>
-                    <p class="text-gray-500 text-xs">团队规模</p>
-                    <p class="text-gray-900 font-medium">520+ 人</p>
-                </div>
-            </div>
-            <div class="flex items-center">
-                <div class="w-8 h-8 bg-gray-100 rounded-lg flex items-center justify-center mr-3">
-                    <i class="fas fa-calendar-alt text-gray-600 text-sm"></i>
-                </div>
-                <div>
-                    <p class="text-gray-500 text-xs">创立时间</p>
-                    <p class="text-gray-900 font-medium">2008年</p>
-                </div>
-            </div>
-        </div>
+            if (password === confirmPassword) {
+                passwordMatchHint.textContent = '✓ 密码匹配';
+                passwordMatchHint.style.color = '#10b981';
+            } else {
+                passwordMatchHint.textContent = '✗ 密码不匹配';
+                passwordMatchHint.style.color = '#ef4444';
+            }
+        }
 
-        <div class="pt-5 border-t border-gray-100 flex items-center justify-between">
-            <div class="flex items-center">
-                <div class="flex -space-x-2 mr-3">
-                    <div class="w-8 h-8 rounded-full bg-blue-200 border-2 border-white"></div>
-                    <div class="w-8 h-8 rounded-full bg-red-200 border-2 border-white"></div>
-                    <div class="w-8 h-8 rounded-full bg-indigo-200 border-2 border-white"></div>
-                </div>
-                <span class="text-gray-500 text-sm">4位联系人</span>
-            </div>
+        // 表单步骤导航
+        function nextStep() {
+            if (!validateCurrentStep()) return;
 
-            <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2.5 rounded-lg font-medium text-sm flex items-center chat-button" data-company="绿色金融集团">
-                <i class="fas fa-comment-dots mr-2"></i>
-                发起聊天
-            </button>
-        </div>
-    </div>
-</div>
-</div>
+            // 更新步骤指示器
+            document.querySelectorAll('.step-circle')[currentStep - 1].classList.remove('active');
+            document.querySelectorAll('.step-circle')[currentStep - 1].classList.add('completed');
+            document.querySelectorAll('.step-text')[currentStep - 1].classList.remove('active');
 
-<!-- 公司卡片 3 -->
-<div class="company-card bg-white rounded-xl border border-gray-200 p-6">
-<div class="flex items-start mb-4">
-    <div class="mr-4 flex-shrink-0">
-        <div class="w-16 h-16 rounded-xl bg-purple-100 overflow-hidden">
-            <img
-                src="https://images.unsplash.com/photo-1533750349088-cd871a92f312?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80"
-                alt="未来教育科技 Logo"
-                class="w-full h-full object-cover"
-            >
-        </div>
-    </div>
+            // 隐藏当前步骤
+            document.querySelector('.form-section.active').classList.remove('active');
 
-    <div class="flex-1 min-w-0">
-        <div class="flex justify-between items-start mb-3">
-            <div class="min-w-0">
-                <h3 class="text-xl font-bold text-gray-900 truncate">未来教育科技</h3>
-                <div class="flex items-center text-gray-500 text-sm mt-1">
-                    <i class="fas fa-map-marker-alt mr-1 text-xs"></i>
-                    <span>深圳 · 杭州 · 成都</span>
-                </div>
-            </div>
-            <span class="bg-purple-100 text-purple-800 text-xs font-medium px-3 py-1 rounded-full whitespace-nowrap">教育</span>
-        </div>
+            // 显示下一步
+            currentStep++;
+            document.querySelectorAll('.step-circle')[currentStep - 1].classList.add('active');
+            document.querySelectorAll('.step-text')[currentStep - 1].classList.add('active');
+            document.getElementById(`section-${getSectionName(currentStep)}`).classList.add('active');
 
-        <!-- 多行业标签 -->
-        <div class="mb-4">
-            <div class="flex flex-wrap gap-2">
-                <span class="bg-purple-50 text-purple-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-purple-100">在线教育</span>
-                <span class="bg-pink-50 text-pink-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-pink-100">EdTech</span>
-                <span class="bg-blue-50 text-blue-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-blue-100">企业培训</span>
-                <span class="bg-indigo-50 text-indigo-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-indigo-100">SaaS</span>
-            </div>
-        </div>
+            // 如果是最后一步，更新摘要信息
+            if (currentStep === 3) {
+                updateSummary();
+            }
+        }
 
-        <p class="text-gray-600 text-sm mb-5 line-clamp-2">
-            未来教育科技致力于通过技术创新改善教育体验，为学校和机构提供智能化教学解决方案，已服务超过1000所学校。
-        </p>
+        function prevStep() {
+            // 更新步骤指示器
+            document.querySelectorAll('.step-circle')[currentStep - 1].classList.remove('active');
+            document.querySelectorAll('.step-text')[currentStep - 1].classList.remove('active');
 
-        <div class="grid grid-cols-2 gap-4 mb-5">
-            <div class="flex items-center">
-                <div class="w-8 h-8 bg-purple-100 rounded-lg flex items-center justify-center mr-3">
-                    <i class="fas fa-users text-purple-600 text-sm"></i>
-                </div>
-                <div>
-                    <p class="text-gray-500 text-xs">团队规模</p>
-                    <p class="text-gray-900 font-medium">300+ 人</p>
-                </div>
-            </div>
-            <div class="flex items-center">
-                <div class="w-8 h-8 bg-gray-100 rounded-lg flex items-center justify-center mr-3">
-                    <i class="fas fa-calendar-alt text-gray-600 text-sm"></i>
-                </div>
-                <div>
-                    <p class="text-gray-500 text-xs">创立时间</p>
-                    <p class="text-gray-900 font-medium">2015年</p>
-                </div>
-            </div>
-        </div>
+            // 隐藏当前步骤
+            document.querySelector('.form-section.active').classList.remove('active');
 
-        <div class="pt-5 border-t border-gray-100 flex items-center justify-between">
-            <div class="flex items-center">
-                <div class="flex -space-x-2 mr-3">
-                    <div class="w-8 h-8 rounded-full bg-green-200 border-2 border-white"></div>
-                    <div class="w-8 h-8 rounded-full bg-purple-200 border-2 border-white"></div>
-                    <div class="w-8 h-8 rounded-full bg-pink-200 border-2 border-white"></div>
-                </div>
-                <span class="text-gray-500 text-sm">5位联系人</span>
-            </div>
+            // 显示上一步
+            currentStep--;
+            document.querySelectorAll('.step-circle')[currentStep - 1].classList.add('active');
+            document.querySelectorAll('.step-circle')[currentStep - 1].classList.remove('completed');
+            document.querySelectorAll('.step-text')[currentStep - 1].classList.add('active');
+            document.getElementById(`section-${getSectionName(currentStep)}`).classList.add('active');
+        }
 
-            <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2.5 rounded-lg font-medium text-sm flex items-center chat-button" data-company="未来教育科技">
-                <i class="fas fa-comment-dots mr-2"></i>
-                发起聊天
-            </button>
-        </div>
-    </div>
-</div>
-</div>
+        function getSectionName(step) {
+            switch (step) {
+                case 1: return 'company';
+                case 2: return 'admin';
+                case 3: return 'confirm';
+                default: return 'company';
+            }
+        }
 
-<!-- 公司卡片 4 -->
-<div class="company-card bg-white rounded-xl border border-gray-200 p-6">
-<div class="flex items-start mb-4">
-    <div class="mr-4 flex-shrink-0">
-        <div class="w-16 h-16 rounded-xl bg-red-100 overflow-hidden">
-            <img
-                src="https://images.unsplash.com/photo-1581094794329-c8112a89af12?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80"
-                alt="康健医疗科技 Logo"
-                class="w-full h-full object-cover"
-            >
-        </div>
-    </div>
+        // 验证当前步骤
+        function validateCurrentStep() {
+            if (currentStep === 1) {
+                const requiredFields = ['companyName', 'companyType', 'industry', 'companyAddress', 'phone', 'companyEmail'];
+                for (let fieldId of requiredFields) {
+                    const field = document.getElementById(fieldId);
+                    if (!field.value.trim()) {
+                        showError(field, `请填写${field.previousElementSibling.textContent.replace(' *', '')}`);
+                        return false;
+                    }
+                }
 
-    <div class="flex-1 min-w-0">
-        <div class="flex justify-between items-start mb-3">
-            <div class="min-w-0">
-                <h3 class="text-xl font-bold text-gray-900 truncate">康健医疗科技</h3>
-                <div class="flex items-center text-gray-500 text-sm mt-1">
-                    <i class="fas fa-map-marker-alt mr-1 text-xs"></i>
-                    <span>广州 · 南京 · 天津</span>
-                </div>
-            </div>
-            <span class="bg-red-100 text-red-800 text-xs font-medium px-3 py-1 rounded-full whitespace-nowrap">医疗</span>
-        </div>
+                // 验证邮箱格式
+                const emailField = document.getElementById('companyEmail');
+                const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+                if (!emailRegex.test(emailField.value)) {
+                    showError(emailField, '请输入有效的公司邮箱地址');
+                    return false;
+                }
 
-        <!-- 多行业标签 -->
-        <div class="mb-4">
-            <div class="flex flex-wrap gap-2">
-                <span class="bg-red-50 text-red-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-red-100">数字健康</span>
-                <span class="bg-blue-50 text-blue-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-blue-100">远程医疗</span>
-                <span class="bg-indigo-50 text-indigo-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-indigo-100">医疗AI</span>
-                <span class="bg-emerald-50 text-emerald-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-emerald-100">生物技术</span>
-            </div>
-        </div>
+                clearErrors();
 
-        <p class="text-gray-600 text-sm mb-5 line-clamp-2">
-            康健医疗科技专注于数字医疗解决方案，提供远程医疗、医疗数据分析和智能诊断工具，与全国200多家医院合作。
-        </p>
+            } else if (currentStep === 2) {
+                const requiredFields = ['adminName', 'adminEmail', 'password', 'confirmPassword'];
+                for (let fieldId of requiredFields) {
+                    const field = document.getElementById(fieldId);
+                    if (!field.value.trim()) {
+                        showError(field, `请填写${field.previousElementSibling.textContent.replace(' *', '')}`);
+                        return false;
+                    }
+                }
 
-        <div class="grid grid-cols-2 gap-4 mb-5">
-            <div class="flex items-center">
-                <div class="w-8 h-8 bg-red-100 rounded-lg flex items-center justify-center mr-3">
-                    <i class="fas fa-users text-red-600 text-sm"></i>
-                </div>
-                <div>
-                    <p class="text-gray-500 text-xs">团队规模</p>
-                    <p class="text-gray-900 font-medium">800+ 人</p>
-                </div>
-            </div>
-            <div class="flex items-center">
-                <div class="w-8 h-8 bg-gray-100 rounded-lg flex items-center justify-center mr-3">
-                    <i class="fas fa-calendar-alt text-gray-600 text-sm"></i>
-                </div>
-                <div>
-                    <p class="text-gray-500 text-xs">创立时间</p>
-                    <p class="text-gray-900 font-medium">2012年</p>
-                </div>
-            </div>
-        </div>
+                // 验证邮箱格式
+                const emailField = document.getElementById('adminEmail');
+                const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+                if (!emailRegex.test(emailField.value)) {
+                    showError(emailField, '请输入有效的管理员邮箱地址');
+                    return false;
+                }
 
-        <div class="pt-5 border-t border-gray-100 flex items-center justify-between">
-            <div class="flex items-center">
-                <div class="flex -space-x-2 mr-3">
-                    <div class="w-8 h-8 rounded-full bg-red-200 border-2 border-white"></div>
-                    <div class="w-8 h-8 rounded-full bg-blue-200 border-2 border-white"></div>
-                    <div class="w-8 h-8 rounded-full bg-gray-200 border-2 border-white"></div>
-                </div>
-                <span class="text-gray-500 text-sm">6位联系人</span>
-            </div>
+                // 验证密码
+                const password = document.getElementById('password').value;
+                if (password.length < 8) {
+                    showError(document.getElementById('password'), '密码长度至少为8位');
+                    return false;
+                }
 
-            <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2.5 rounded-lg font-medium text-sm flex items-center chat-button" data-company="康健医疗科技">
-                <i class="fas fa-comment-dots mr-2"></i>
-                发起聊天
-            </button>
-        </div>
-    </div>
-</div>
-</div>
+                if (!/(?=.*[A-Za-z])(?=.*\d)/.test(password)) {
+                    showError(document.getElementById('password'), '密码必须包含字母和数字');
+                    return false;
+                }
 
-<!-- 公司卡片 5 -->
-<div class="company-card bg-white rounded-xl border border-gray-200 p-6">
-<div class="flex items-start mb-4">
-    <div class="mr-4 flex-shrink-0">
-        <div class="w-16 h-16 rounded-xl bg-amber-100 overflow-hidden">
-            <img
-                src="https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80"
-                alt="建筑大师集团 Logo"
-                class="w-full h-full object-cover"
-            >
-        </div>
-    </div>
+                // 验证密码匹配
+                if (password !== document.getElementById('confirmPassword').value) {
+                    showError(document.getElementById('confirmPassword'), '两次输入的密码不匹配');
+                    return false;
+                }
 
-    <div class="flex-1 min-w-0">
-        <div class="flex justify-between items-start mb-3">
-            <div class="min-w-0">
-                <h3 class="text-xl font-bold text-gray-900 truncate">建筑大师集团</h3>
-                <div class="flex items-center text-gray-500 text-sm mt-1">
-                    <i class="fas fa-map-marker-alt mr-1 text-xs"></i>
-                    <span>重庆 · 西安 · 沈阳</span>
-                </div>
-            </div>
-            <span class="bg-amber-100 text-amber-800 text-xs font-medium px-3 py-1 rounded-full whitespace-nowrap">建筑业</span>
-        </div>
+                // 验证条款同意
+                if (!document.getElementById('agreeTerms').checked) {
+                    alert('请同意服务条款和隐私政策');
+                    return false;
+                }
 
-        <!-- 多行业标签 -->
-        <div class="mb-4">
-            <div class="flex flex-wrap gap-2">
-                <span class="bg-amber-50 text-amber-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-amber-100">建筑工程</span>
-                <span class="bg-green-50 text-green-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-green-100">绿色建材</span>
-                <span class="bg-blue-50 text-blue-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-blue-100">智能建造</span>
-                <span class="bg-stone-50 text-stone-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-stone-100">房地产</span>
-            </div>
-        </div>
+                clearErrors();
+            }
 
-        <p class="text-gray-600 text-sm mb-5 line-clamp-2">
-            国内领先的建筑材料和施工解决方案提供商，专注于绿色建筑和智能建造技术，产品应用于多个大型基础设施项目。
-        </p>
+            return true;
+        }
 
-        <div class="grid grid-cols-2 gap-4 mb-5">
-            <div class="flex items-center">
-                <div class="w-8 h-8 bg-amber-100 rounded-lg flex items-center justify-center mr-3">
-                    <i class="fas fa-users text-amber-600 text-sm"></i>
-                </div>
-                <div>
-                    <p class="text-gray-500 text-xs">团队规模</p>
-                    <p class="text-gray-900 font-medium">2000+ 人</p>
-                </div>
-            </div>
-            <div class="flex items-center">
-                <div class="w-8 h-8 bg-gray-100 rounded-lg flex items-center justify-center mr-3">
-                    <i class="fas fa-calendar-alt text-gray-600 text-sm"></i>
-                </div>
-                <div>
-                    <p class="text-gray-500 text-xs">创立时间</p>
-                    <p class="text-gray-900 font-medium">1998年</p>
-                </div>
-            </div>
-        </div>
+        function showError(inputElement, message) {
+            // 清除之前的错误样式
+            inputElement.classList.remove('error');
 
-        <div class="pt-5 border-t border-gray-100 flex items-center justify-between">
-            <div class="flex items-center">
-                <div class="flex -space-x-2 mr-3">
-                    <div class="w-8 h-8 rounded-full bg-amber-200 border-2 border-white"></div>
-                    <div class="w-8 h-8 rounded-full bg-green-200 border-2 border-white"></div>
-                    <div class="w-8 h-8 rounded-full bg-blue-200 border-2 border-white"></div>
-                </div>
-                <span class="text-gray-500 text-sm">8位联系人</span>
-            </div>
+            // 添加错误样式
+            inputElement.classList.add('error');
+            inputElement.style.borderColor = '#ef4444';
+            inputElement.style.boxShadow = '0 0 0 1px rgba(239, 68, 68, 0.2)';
 
-            <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2.5 rounded-lg font-medium text-sm flex items-center chat-button" data-company="建筑大师集团">
-                <i class="fas fa-comment-dots mr-2"></i>
-                发起聊天
-            </button>
-        </div>
-    </div>
-</div>
-</div>
+            // 显示错误消息
+            alert(message);
+            inputElement.focus();
+        }
 
-<!-- 公司卡片 6 -->
-<div class="company-card bg-white rounded-xl border border-gray-200 p-6">
-<div class="flex items-start mb-4">
-    <div class="mr-4 flex-shrink-0">
-        <div class="w-16 h-16 rounded-xl bg-cyan-100 overflow-hidden">
-            <img
-                src="https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80"
-                alt="易购零售 Logo"
-                class="w-full h-full object-cover"
-            >
-        </div>
-    </div>
+        function clearErrors() {
+            const errorElements = document.querySelectorAll('.error');
+            errorElements.forEach(element => {
+                element.classList.remove('error');
+                element.style.borderColor = '';
+                element.style.boxShadow = '';
+            });
+        }
 
-    <div class="flex-1 min-w-0">
-        <div class="flex justify-between items-start mb-3">
-            <div class="min-w-0">
-                <h3 class="text-xl font-bold text-gray-900 truncate">易购零售</h3>
-                <div class="flex items-center text-gray-500 text-sm mt-1">
-                    <i class="fas fa-map-marker-alt mr-1 text-xs"></i>
-                    <span>杭州 · 厦门 · 长沙</span>
-                </div>
-            </div>
-            <span class="bg-cyan-100 text-cyan-800 text-xs font-medium px-3 py-1 rounded-full whitespace-nowrap">零售业</span>
-        </div>
+        // 更新摘要信息
+        function updateSummary() {
+            document.getElementById('summary-companyName').textContent = document.getElementById('companyName').value || '-';
+            document.getElementById('summary-companyType').textContent = document.getElementById('companyType').options[document.getElementById('companyType').selectedIndex].text || '-';
+            document.getElementById('summary-industry').textContent = document.getElementById('industry').options[document.getElementById('industry').selectedIndex].text || '-';
+            document.getElementById('summary-companyAddress').textContent = document.getElementById('companyAddress').value || '-';
+            document.getElementById('summary-phone').textContent = document.getElementById('phone').value || '-';
+            document.getElementById('summary-companyEmail').textContent = document.getElementById('companyEmail').value || '-';
+            document.getElementById('summary-adminName').textContent = document.getElementById('adminName').value || '-';
+            document.getElementById('summary-adminEmail').textContent = document.getElementById('adminEmail').value || '-';
+            document.getElementById('summary-adminPhone').textContent = document.getElementById('adminPhone').value || '-';
+            document.getElementById('summary-adminPosition').textContent = document.getElementById('adminPosition').value || '-';
+        }
 
-        <!-- 多行业标签 -->
-        <div class="mb-4">
-            <div class="flex flex-wrap gap-2">
-                <span class="bg-cyan-50 text-cyan-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-cyan-100">电子商务</span>
-                <span class="bg-pink-50 text-pink-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-pink-100">新零售</span>
-                <span class="bg-blue-50 text-blue-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-blue-100">物流配送</span>
-                <span class="bg-purple-50 text-purple-700 text-xs font-medium px-3 py-1.5 rounded-lg border border-purple-100">数据分析</span>
-            </div>
-        </div>
+        // 提交表单
+        function submitForm() {
+            // 在实际应用中，这里会发送数据到服务器
+            // 这里我们只模拟提交成功
+            document.querySelector('.form-container').style.display = 'none';
+            document.getElementById('successMessage').style.display = 'block';
+            document.getElementById('successAdminEmail').textContent = document.getElementById('adminEmail').value;
+        }
 
-        <p class="text-gray-600 text-sm mb-5 line-clamp-2">
-            国内领先的新零售平台，整合线上线下购物体验，通过大数据分析为消费者提供个性化推荐，在全国拥有超过500家门店。
-        </p>
+        // 重置表单
+        function resetForm() {
+            // 重置所有表单字段
+            document.getElementById('registrationForm').reset();
 
-        <div class="grid grid-cols-2 gap-4 mb-5">
-            <div class="flex items-center">
-                <div class="w-8 h-8 bg-cyan-100 rounded-lg flex items-center justify-center mr-3">
-                    <i class="fas fa-users text-cyan-600 text-sm"></i>
-                </div>
-                <div>
-                    <p class="text-gray-500 text-xs">团队规模</p>
-                    <p class="text-gray-900 font-medium">1500+ 人</p>
-                </div>
-            </div>
-            <div class="flex items-center">
-                <div class="w-8 h-8 bg-gray-100 rounded-lg flex items-center justify-center mr-3">
-                    <i class="fas fa-calendar-alt text-gray-600 text-sm"></i>
-                </div>
-                <div>
-                    <p class="text-gray-500 text-xs">创立时间</p>
-                    <p class="text-gray-900 font-medium">2008年</p>
-                </div>
-            </div>
-        </div>
+            // 重置步骤指示器
+            currentStep = 1;
+            document.querySelectorAll('.step-circle').forEach((circle, index) => {
+                circle.classList.remove('active', 'completed');
+                if (index === 0) circle.classList.add('active');
+            });
 
-        <div class="pt-5 border-t border-gray-100 flex items-center justify-between">
-            <div class="flex items-center">
-                <div class="flex -space-x-2 mr-3">
-                    <div class="w-8 h-8 rounded-full bg-cyan-200 border-2 border-white"></div>
-                    <div class="w-8 h-8 rounded-full bg-pink-200 border-2 border-white"></div>
-                    <div class="w-8 h-8 rounded-full bg-indigo-200 border-2 border-white"></div>
-                </div>
-                <span class="text-gray-500 text-sm">7位联系人</span>
-            </div>
+            document.querySelectorAll('.step-text').forEach((text, index) => {
+                text.classList.remove('active');
+                if (index === 0) text.classList.add('active');
+            });
 
-            <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2.5 rounded-lg font-medium text-sm flex items-center chat-button" data-company="易购零售">
-                <i class="fas fa-comment-dots mr-2"></i>
-                发起聊天
-            </button>
-        </div>
-    </div>
-</div>
-</div>
-</div>
+            // 重置表单显示
+            document.querySelectorAll('.form-section').forEach(section => {
+                section.classList.remove('active');
+            });
+            document.getElementById('section-company').classList.add('active');
 
-<!-- 分页 -->
-<div class="mt-10 flex justify-center">
-<nav class="inline-flex rounded-md shadow">
-<button class="px-4 py-2 border border-gray-300 rounded-l-lg bg-white text-gray-700 hover:bg-gray-50">
-    <i class="fas fa-chevron-left"></i>
-</button>
-<button class="px-4 py-2 border-t border-b border-gray-300 bg-blue-600 text-white">1</button>
-<button class="px-4 py-2 border border-gray-300 bg-white text-gray-700 hover:bg-gray-50">2</button>
-<button class="px-4 py-2 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-50">3</button>
-<button class="px-4 py-2 border border-gray-300 rounded-r-lg bg-white text-gray-700 hover:bg-gray-50">
-    <i class="fas fa-chevron-right"></i>
-</button>
-</nav>
-</div>
-</main>
+            // 重置UI状态
+            document.querySelector('.form-container').style.display = 'block';
+            document.getElementById('successMessage').style.display = 'none';
+            passwordStrengthBar.style.width = '0%';
+            passwordHint.textContent = '密码强度：弱';
+            passwordMatchHint.textContent = '';
+            clearErrors();
+        }
+    </script>
+</body>
 
-<!-- 聊天模态框 -->
-<div id="chatModal" class="hidden fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full z-50">
-<div class="relative top-20 mx-auto p-5 border w-96 shadow-lg rounded-xl bg-white">
-<div class="flex justify-between items-center mb-4">
-<h3 class="text-lg font-semibold text-gray-800">发起聊天</h3>
-<button id="closeModal" class="text-gray-400 hover:text-gray-600">
-    <i class="fas fa-times"></i>
-</button>
-</div>
-<p class="text-gray-600 mb-4">您将与 <span id="companyName" class="font-medium text-blue-600">公司名称</span> 建立联系。</p>
-<div class="bg-blue-50 p-4 rounded-lg mb-6">
-<p class="text-blue-800 text-sm"><i class="fas fa-info-circle mr-2"></i> 聊天功能允许您与企业代表直接沟通，讨论合作机会或业务事宜。</p>
-</div>
-<div class="flex justify-end">
-<button id="cancelChat" class="px-4 py-2 border border-gray-300 rounded-lg text-gray-700 mr-3 hover:bg-gray-50">取消</button>
-<button id="confirmChat" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700">确认发起</button>
-</div>
-</div>
-</div>
-
-<script>
-// 聊天按钮交互
-document.querySelectorAll('.chat-button').forEach(button => {
-button.addEventListener('click', function() {
-const companyName = this.getAttribute('data-company');
-
-// 更新模态框内容
-document.getElementById('companyName').textContent = companyName;
-
-// 显示模态框
-document.getElementById('chatModal').classList.remove('hidden');
-});
-});
-
-// 关闭模态框
-document.getElementById('closeModal').addEventListener('click', closeModal);
-document.getElementById('cancelChat').addEventListener('click', closeModal);
-
-// 确认发起聊天
-document.getElementById('confirmChat').addEventListener('click', function() {
-const companyName = document.getElementById('companyName').textContent;
-alert(`已向 ${companyName} 发起聊天请求！`);
-closeModal();
-});
-
-function closeModal() {
-document.getElementById('chatModal').classList.add('hidden');
-}
-
-// 点击模态框外部关闭
-document.getElementById('chatModal').addEventListener('click', function(e) {
-if (e.target === this) {
-closeModal();
-}
-});
-
-// 行业标签点击效果
-document.querySelectorAll('.industry-tag').forEach(tag => {
-tag.addEventListener('click', function(e) {
-e.stopPropagation();
-const industry = this.textContent.trim();
-alert(`筛选行业: ${industry}`);
-});
-});
-
-// 分页按钮交互
-document.querySelectorAll('nav button').forEach(button => {
-button.addEventListener('click', function(e) {
-if(this.querySelector('i')) return;
-
-e.preventDefault();
-
-// 移除所有按钮的激活状态
-document.querySelectorAll('nav button').forEach(btn => {
-    btn.classList.remove('bg-blue-600', 'text-white');
-    btn.classList.add('bg-white', 'text-gray-700');
-});
-
-// 设置当前按钮为激活状态
-this.classList.remove('bg-white', 'text-gray-700');
-this.classList.add('bg-blue-600', 'text-white');
-});
-});
-
-// 搜索功能
-const searchInput = document.querySelector('input[type="text"]');
-if(searchInput) {
-searchInput.addEventListener('keyup', function(e) {
-if (e.key === 'Enter') {
-    const searchTerm = this.value;
-    if (searchTerm.trim()) {
-        alert(`搜索: ${searchTerm}`);
-    }
-}
-});
-}
-</script>
+</html>
\ No newline at end of file