Array
(
    [similarity_score] => 36.96
    [text_match] => Array
        (
        )

    [image_match] => Array
        (
            [0] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016v2/img/img-placeholder.png
                    [similarity] => 0.3696
                    [is_infringement] => 
                )

            [1] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016v2/img/logo-2018.png
                    [similarity] => 0.1674
                    [is_infringement] => 
                )

            [2] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [3] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [4] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [5] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [6] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [7] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016v2/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [8] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016v2/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [9] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016v2/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [10] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [11] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [12] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [13] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [14] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [15] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [16] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [17] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [18] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [19] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [20] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [21] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [22] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

            [23] => Array
                (
                    [url] => https://ue.17173cdn.com/a/www/index/2016/img/lazyloadplaceholder.gif
                    [similarity] => 0.3674
                    [is_infringement] => 
                )

        )

    [is_infringement] => 
    [analysis_detail] => 发现 24 张相似图片(未达侵权阈值); 判定结果: 未发现明显侵权
)
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<meta name="renderer" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="Keywords" content="IP智盾法务咨询服务平台,IP智盾,法务咨询,法律服务" />
<meta name="Description" content="IP智盾法务咨询服务平台是一家专业的法律服务公司，为客户提供专业的法务咨询服务。" />

<title>IP智盾法务咨询服务平台</title>
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="stylesheet" href="/static/home/element-plus/index.css" />
<script src="/static/home/js/vue.3.5.28.js"></script>
<script src="/static/home/element-plus/element-plus.2.13.2.js"></script>
<script src="/static/home/js/tailwindcss3.4.17.js"></script>
<script>
tailwind.config = {
    theme: {
        extend: {
            colors: {
                primary: '#d1b469',
                secondary: '#3b82f6',
                accent: '#f97316',
                dark: '#1a1a1a',
                light: '#f8fafc'
            },
            fontFamily: {
                sans: ['Noto Sans SC', 'sans-serif'],
            },
        }
    }
}
</script>
<style type="text/tailwindcss">
@layer utilities {
  .content-auto {
      content-visibility: auto;
  }
  .text-shadow {
      text-shadow: 0 2px 4px rgba(0,0,0,0.1);
  }
  .transition-all-300 {
      transition: all 0.3s ease;
  }
}
</style>
<link rel="stylesheet" href="/static/home/css/home.css" />

<style>
.section-title::before,
.section-title::after {
  content: "";
  display: inline-block;
  width: 3rem;
  height: 0.5rem;
  background-color: #d1b469;
  text-align: center;
  vertical-align: middle;
  margin: 0 0.5rem;
}
</style>

</head>
<body class="bg-light text-dark">
<div id="app">

<header class="bg-dark shadow-md sticky top-0 z-50">
    <nav class="container mx-auto px-4 py-4">
        <div class="flex justify-between items-center">
            <!-- Logo -->
            <a href="/" class="flex items-center">
                <img src="https://ipzhidun.sxdmyx.com/static/home/images/logo.png" alt="IP智盾法务咨询服务平台" class="h-12">
            </a>
            
            <!-- 桌面端导航 -->
            <div class="hidden md:flex space-x-8">
                <a href="#home" class="nav-link text-white hover:text-primary font-medium">首页</a>
                <a href="#ip-value" class="nav-link text-white hover:text-primary font-medium">IP知识产权</a>
                <a href="#professional" class="nav-link text-white hover:text-primary font-medium">专业团队</a>
                <a href="#cases" class="nav-link text-white hover:text-primary font-medium">维权案例</a>
                <a href="#inquiry" class="nav-link text-white hover:text-primary font-medium">侵权信息登记</a>
                <a href="#contact" class="nav-link text-white hover:text-primary font-medium">联系我们</a>
            </div>
            
            <!-- 移动端菜单按钮 -->
            <div class="md:hidden">
                <button @click="isMenuOpen = !isMenuOpen" class="text-white focus:outline-none">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path v-if="!isMenuOpen" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
                        <path v-else stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                    </svg>
                </button>
            </div>
        </div>
        
        <!-- 移动端导航菜单 -->
        <div v-if="isMenuOpen" class="md:hidden mt-4 py-4 border-t border-gray-200">
            <div class="flex flex-col space-y-4">
                <a href="#home" @click="isMenuOpen = false" class="text-white hover:text-primary font-medium">首页</a>
                <a href="#ip-value" @click="isMenuOpen = false" class="text-white hover:text-primary font-medium">IP知识产权</a>
                <a href="#professional" @click="isMenuOpen = false" class="text-white hover:text-primary font-medium">专业团队</a>
                <a href="#cases" @click="isMenuOpen = false" class="text-white hover:text-primary font-medium">维权案例</a>
                <a href="#inquiry" @click="isMenuOpen = false" class="text-white hover:text-primary font-medium">侵权信息登记</a>
                <a href="#contact" @click="isMenuOpen = false" class="text-white hover:text-primary font-medium">联系我们</a>
            </div>
        </div>
    </nav>
</header>
<!-- 首页 -->
<section id="home" class="bg-dark text-white">
  <el-carousel :interval="5000" height="75vh" autoplay motion-blur>
    <el-carousel-item>
      <div class="h-full" style="background: url('/static/home/images/carousel/1.jpg') no-repeat; background-size: cover; background-position: top center;">
        <div class="container mx-auto h-full flex !flex-col md:flex-row items-center justify-center">
          <h2 class="text-3xl md:text-4xl text-primary font-bold text-shadow text-center">捍卫您的IP权利<br>保障您的知识产权</h2>
          <div class="bg-primary text-black text-4xl md:text-5xl font-bold py-4 px-12 my-4">专 业 咨 询 服 务</div>
          <p class="text-xl text-primary">专业的IP法务咨询服务，为您的知识产权保驾护航</p>
        </div>
      </div>
    </el-carousel-item>
    <el-carousel-item>
      <div class="h-full" style="background: url('/static/home/images/carousel/2.jpg') no-repeat; background-size: cover; background-position: top center;">
        <div class="container mx-auto h-full flex !flex-col md:flex-row items-center justify-center">
          <div class="bg-primary text-black text-4xl md:text-5xl font-bold py-4 px-12 my-4">法律服务</div>
          <p class="text-xl text-white">提供全方位的法律保护方案</p>
        </div>
      </div>
    </el-carousel-item>
</el-carousel>
    
    <!-- 核心服务 -->
    <div class="bg-white text-dark py-20" style="background: url('/static/home/images/section_bg1.jpg') no-repeat; background-size: cover; background-position: center;">
        <div class="container mx-auto px-4">
            <div class="text-primary text-xl text-center section-title">CORE SERVICES</div>
            <h3 class="text-3xl font-bold text-center mb-12 text-primary">核心服务</h3>
            <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
                <!-- 服务卡片 1 -->
                <div class="card-hover bg-white rounded-lg shadow-lg p-6 border-t-4 border-primary">
                    <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-4">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
                        </svg>
                    </div>
                    <h4 class="text-xl font-bold mb-3">IP权利保护</h4>
                    <p class="text-gray-600">为游戏、动漫等领域的IP提供全方位的法律保护方案，包括商标注册、版权登记等服务。</p>
                </div>
                
                <!-- 服务卡片 2 -->
                <div class="card-hover bg-white rounded-lg shadow-lg p-6 border-t-4 border-primary">
                    <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-4">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" />
                        </svg>
                    </div>
                    <h4 class="text-xl font-bold mb-3">侵权追踪</h4>
                    <p class="text-gray-600">专业的侵权监测与追踪服务，及时发现并处理侵犯您知识产权的行为。</p>
                </div>
                
                <!-- 服务卡片 3 -->
                <div class="card-hover bg-white rounded-lg shadow-lg p-6 border-t-4 border-primary">
                    <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-4">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <!-- 生成和解/调解赔偿相关图标 -->
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
                        </svg>
                    </div>
                    <h4 class="text-xl font-bold mb-3">和解/调解赔偿</h4>
                    <p class="text-gray-600">提供专业的和解/调解服务，突出维权获赔的效率，保护您的合法权益。</p>
                </div>

                <!-- 服务卡片 4 -->
                <div class="card-hover bg-white rounded-lg shadow-lg p-6 border-t-4 border-primary">
                    <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-4">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
                        </svg>
                    </div>
                    <h4 class="text-xl font-bold mb-3">法律诉讼</h4>
                    <p class="text-gray-600">提供专业的知识产权诉讼服务，维护您的合法权益，争取最大赔偿。</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- IP知识产权 -->
<section id="ip-value" class="py-20 bg-gray-50" style="background: url('/static/home/images/section_bg2.jpg') no-repeat; background-size: cover; background-position: bottom center;">
    <div class="container mx-auto px-4">
        <h3 class="text-3xl font-bold text-center mb-12 text-primary section-title">IP知识产权价值</h3>
        <div class="flex flex-col md:flex-row items-center justify-center mb-16">
            <div class="mb-10 md:mb-0 text-center">
                <img src="/static/home/images/ip1.jpg" alt="IP知识产权" class="rounded-lg shadow-xl w-[360px]">
            </div>
            <div class="md:pl-12">
                <h4 class="text-3xl font-bold mb-4 text-primary">什么是IP知识产权？</h4>
                <p class="text-gray-700 mb-4 text-lg">IP知识产权，是指创作者对其智力劳动成果所享有的专有权利。在文创与数字娱乐领域，IP（Intellectual Property）包括企业品牌、创意、形象、作品等智力成果，未经许可使用即构成侵权。</p>
                <ul class="list-decimal list-inside text-gray-700 space-y-2 mb-6 text-lg">
                    <li><span class="font-medium">版权保护</span><br />游戏角色、动漫形象、剧本小说、CG动画、原创音乐——防止作品被盗用、剪辑或二次上传。</li>
                    <li><span class="font-medium">商标保护</span><br />IP名称、角色姓名、品牌Logo、产品图标——防范“蹭热度”、品牌混淆和仿冒账号。</li>
                    <li><span class="font-medium">专利与衍生品保护</span><br />动漫形象、玩偶外观和功能设计、技术方案、周边产品结构、独家改编权——监测电商平台盗版手办、未经授权的同人周边。</li>
                </ul>
            </div>
        </div>
        
        <div class="flex flex-col md:flex-row-reverse items-center justify-center mb-16">
            <div class="mb-10 md:mb-0">
                <img src="/static/home/images/ip2.jpg" alt="IP价值" class="rounded-lg shadow-xl w-[360px]">
            </div>
            <div class="md:pr-12">
                <h4 class="text-3xl font-bold mb-4 text-primary">IP的商业价值</h4>
                <p class="text-gray-700 mb-4 text-lg">IP是数字文创时代的核心资产，能通过多元变现实现价值倍增，构筑企业竞争壁垒。</p>
                <ul class="list-disc list-inside text-gray-700 space-y-2 mb-6 text-lg">
                    <li><span class="font-medium">长期增值：</span>持续维权保护IP完整性，实现品牌资产长期保值、增值</li>
                    <li><span class="font-medium">保障授权：</span>规范市场使用秩序，让授权合作更稳定、价值更高</li>
                    <li><span class="font-medium">提升溢价：</span>净化市场环境，保持IP唯一性，提高品牌知名度和市场竞争力</li>
                    <li><span class="font-medium">挽回损失：</span>快速发现并清理侵权商品，减少流量分流与经济损失</li>
                    <li><span class="font-medium">守住营收：</span>通过IP侵权监测与维权，杜绝盗版盗用，保障正版收益</li>
                </ul>
            </div>
        </div>
        
        <div class="bg-white rounded-lg shadow-lg p-8 opacity-85">
            <h4 class="text-2xl font-bold mb-4 text-primary section-title text-center">IP保护策略</h4>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                <div class="card-hover p-6 border border-gray-200 rounded-lg">
                    <h5 class="text-lg font-bold mb-3 text-secondary">事前预防</h5>
                    <p class="text-gray-600">建立完善的IP管理体系，及时进行商标注册和版权登记，从源头上保护知识产权。</p>
                </div>
                <div class="card-hover p-6 border border-gray-200 rounded-lg">
                    <h5 class="text-lg font-bold mb-3 text-secondary">事中监测</h5>
                    <p class="text-gray-600">定期监测市场动态，及时发现潜在的侵权行为，采取必要的防范措施。</p>
                </div>
                <div class="card-hover p-6 border border-gray-200 rounded-lg">
                    <h5 class="text-lg font-bold mb-3 text-secondary">事后维权</h5>
                    <p class="text-gray-600">一旦发现侵权行为，立即采取法律手段维护自身权益，争取最大赔偿。</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 专业团队 -->
<section id="professional" class="py-20 bg-white">
    <div class="container mx-auto px-4">
        <h3 class="text-3xl font-bold text-center mb-6 text-primary section-title">专业律师团队</h3>
        <p class="text-center text-gray-600 mb-16 mx-auto">我们拥有一支经验丰富、专业素养高的律师团队，专注于知识产权领域的法律服务，为客户提供最专业的法律支持。</p>
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
            <!-- 律师1 -->
            <div class="card-hover bg-white rounded-lg shadow-lg overflow-hidden">
                <img src="/static/home/images/lawyer1.jpg" alt="张律师" class="w-full h-64 object-cover">
                <div class="p-6">
                    <h4 class="text-xl font-bold mb-2 text-primary">张雪健</h4>
                    <p class="text-gray-500 mb-3">资深知识产权律师</p>
                    <p class="text-gray-600 mb-4">拥有15年知识产权诉讼经验，专注于游戏动漫领域的IP保护。曾成功代理多起知名游戏IP侵权案件。</p>
                    <div class="flex space-x-2">
                        <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-xs">游戏IP</span>
                        <span class="px-3 py-1 bg-green-100 text-green-800 rounded-full text-xs">商标法</span>
                    </div>
                </div>
            </div>
            
            <!-- 律师2 -->
            <div class="card-hover bg-white rounded-lg shadow-lg overflow-hidden">
                <img src="/static/home/images/lawyer2.jpg" alt="李律师" class="w-full h-64 object-cover">
                <div class="p-6">
                    <h4 class="text-xl font-bold mb-2 text-primary">李明</h4>
                    <p class="text-gray-500 mb-3">资深知识产权律师</p>
                    <p class="text-gray-600 mb-4">法学博士，专注于版权法和商标法领域。曾任职于国家知识产权局，具有丰富的知识产权行政和司法经验。</p>
                    <div class="flex space-x-2">
                        <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-xs">版权法</span>
                        <span class="px-3 py-1 bg-purple-100 text-purple-800 rounded-full text-xs">专利法</span>
                    </div>
                </div>
            </div>
            
            <!-- 律师3 -->
            <div class="card-hover bg-white rounded-lg shadow-lg overflow-hidden">
                <img src="/static/home/images/lawyer3.jpg" alt="王律师" class="w-full h-64 object-cover">
                <div class="p-6">
                    <h4 class="text-xl font-bold mb-2 text-primary">王芳</h4>
                    <p class="text-gray-500 mb-3">资深知识产权律师</p>
                    <p class="text-gray-600 mb-4">专注于动漫IP保护领域，熟悉日本、美国等国家的知识产权法律体系，具有丰富的跨境IP保护经验。</p>
                    <div class="flex space-x-2">
                        <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-xs">动漫IP</span>
                        <span class="px-3 py-1 bg-red-100 text-red-800 rounded-full text-xs">跨境诉讼</span>
                    </div>
                </div>
            </div>
            
            <!-- 律师4 -->
            <div class="card-hover bg-white rounded-lg shadow-lg overflow-hidden">
                <img src="/static/home/images/lawyer4.jpg" alt="赵律师" class="w-full h-64 object-cover">
                <div class="p-6">
                    <h4 class="text-xl font-bold mb-2 text-primary">赵强</h4>
                    <p class="text-gray-500 mb-3">技术法律专家</p>
                    <p class="text-gray-600 mb-4">拥有计算机专业背景，专注于游戏引擎、算法等技术领域的知识产权保护，擅长处理复杂的技术专利案件。</p>
                    <div class="flex space-x-2">
                        <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-xs">技术专利</span>
                        <span class="px-3 py-1 bg-yellow-100 text-yellow-800 rounded-full text-xs">游戏引擎</span>
                    </div>
                </div>
            </div>

            <!-- 律师5 -->
            <div class="card-hover bg-white rounded-lg shadow-lg overflow-hidden">
                <img src="/static/home/images/lawyer5.jpg" alt="张律师" class="w-full h-64 object-cover">
                <div class="p-6">
                    <h4 class="text-xl font-bold mb-2 text-primary">黄建明</h4>
                    <p class="text-gray-500 mb-3">技术法律专家</p>
                    <p class="text-gray-600 mb-4">专注于游戏动漫领域的IP保护，熟悉美国等国家的知识产权法律体系，具有丰富的跨境法律经验。</p>
                    <div class="flex space-x-2">
                        <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-xs">游戏IP</span>
                        <span class="px-3 py-1 bg-green-100 text-green-800 rounded-full text-xs">商标法</span>
                    </div>
                </div>
            </div>
            
            <!-- 律师6 -->
            <div class="card-hover bg-white rounded-lg shadow-lg overflow-hidden">
                <img src="/static/home/images/lawyer6.jpg" alt="李律师" class="w-full h-64 object-cover">
                <div class="p-6">
                    <h4 class="text-xl font-bold mb-2 text-primary">江涛</h4>
                    <p class="text-gray-500 mb-3">行业资深顾问</p>
                    <p class="text-gray-600 mb-4">专注于版权法和商标法领域，具有丰富的知识产权行政和司法经验。</p>
                    <div class="flex space-x-2">
                        <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-xs">版权法</span>
                        <span class="px-3 py-1 bg-purple-100 text-purple-800 rounded-full text-xs">专利法</span>
                    </div>
                </div>
            </div>
            
            <!-- 律师7 -->
            <div class="card-hover bg-white rounded-lg shadow-lg overflow-hidden">
                <img src="/static/home/images/lawyer7.jpg" alt="王律师" class="w-full h-64 object-cover">
                <div class="p-6">
                    <h4 class="text-xl font-bold mb-2 text-primary">Elizabeth</h4>
                    <p class="text-gray-500 mb-3">行业资深顾问</p>
                    <p class="text-gray-600 mb-4">国际知名律师顾问，熟悉美国等国家的知识产权法律体系，具有丰富的跨境法律经验。</p>
                    <div class="flex space-x-2">
                        <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-xs">动漫IP</span>
                        <span class="px-3 py-1 bg-red-100 text-red-800 rounded-full text-xs">跨境诉讼</span>
                    </div>
                </div>
            </div>
            
            <!-- 律师8 -->
            <div class="card-hover bg-white rounded-lg shadow-lg overflow-hidden">
                <img src="/static/home/images/lawyer8.jpg" alt="赵律师" class="w-full h-64 object-cover">
                <div class="p-6">
                    <h4 class="text-xl font-bold mb-2 text-primary">李子萌</h4>
                    <p class="text-gray-500 mb-3">行业资深顾问</p>
                    <p class="text-gray-600 mb-4">专注于游戏动漫领域的IP保护，熟悉美国等国家的知识产权法律体系，具有丰富的跨境法律经验。</p>
                    <div class="flex space-x-2">
                        <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-xs">技术专利</span>
                        <span class="px-3 py-1 bg-yellow-100 text-yellow-800 rounded-full text-xs">游戏引擎</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 维权案例 -->
<section id="cases" class="py-20 bg-[#052c5e] bg-gradient-to-b from-[#00132c] from-10% to-[#052c5e] text-white">
    <div class="container mx-auto px-4">
        <h3 class="text-3xl font-bold text-center mb-12 text-primary section-title">维权案例</h3>
        <p class="text-center mb-16 max-w-3xl mx-auto">我们成功处理了众多游戏动漫领域的IP侵权案件，为客户挽回了巨大的经济损失。</p>
        
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
            <!-- 案例1 -->
            <div class="card-hover bg-white rounded-lg shadow-lg overflow-hidden">
                <div class="h-60 bg-primary flex items-center justify-center">
                    <img src="/static/home/images/case1.jpg" alt="游戏角色侵权案" class="w-full h-full object-cover">
                </div>
                <div class="p-6">
                    <div class="flex justify-between items-center mb-4">
                        <h4 class="text-xl font-bold text-primary">游戏角色侵权案</h4>
                        <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-xs">游戏IP</span>
                    </div>
                    <h5 class="text-lg font-semibold mb-2">案情介绍</h5>
                    <p class="text-gray-600 mb-4">某知名游戏公司发现市场上出现了与其游戏角色高度相似的形象，被用于未经授权的游戏产品中。</p>
                    <h5 class="text-lg font-semibold mb-2">法律分析</h5>
                    <p class="text-gray-600 mb-4">我们团队通过详细的比对分析，证明被告产品中的角色形象构成对原告著作权的侵犯。</p>
                    <h5 class="text-lg font-semibold mb-2">判决结果</h5>
                    <p class="text-gray-600 font-medium">法院判决被告立即停止侵权行为，赔偿原告经济损失及合理维权费用共计200万元。</p>
                </div>
            </div>
            
            <!-- 案例2 -->
            <div class="card-hover bg-white rounded-lg shadow-lg overflow-hidden">
                <div class="h-60 bg-primary flex items-center justify-center">
                    <img src="/static/home/images/case2.jpg" alt="动漫形象侵权案" class="w-full h-full object-cover">
                </div>
                <div class="p-6">
                    <div class="flex justify-between items-center mb-4">
                        <h4 class="text-xl font-bold text-primary">动漫形象侵权案</h4>
                        <span class="px-3 py-1 bg-purple-100 text-purple-800 rounded-full text-xs">动漫IP</span>
                    </div>
                    <h5 class="text-lg font-semibold mb-2">案情介绍</h5>
                    <p class="text-gray-600 mb-4">某动漫制作公司发现其原创动漫角色被某玩具厂商未经授权用于生产销售玩具产品。</p>
                    <h5 class="text-lg font-semibold mb-2">法律分析</h5>
                    <p class="text-gray-600 mb-4">我们收集了充分的证据，证明被告的玩具产品使用了与原告动漫角色实质性相似的形象。</p>
                    <h5 class="text-lg font-semibold mb-2">判决结果</h5>
                    <p class="text-gray-600 font-medium">法院判决被告停止侵权行为，销毁侵权产品，赔偿原告经济损失150万元。</p>
                </div>
            </div>
            
            <!-- 案例3 -->
            <div class="card-hover bg-white rounded-lg shadow-lg overflow-hidden">
                <div class="h-60 bg-primary flex items-center justify-center">
                    <img src="/static/home/images/case3.jpg" alt="游戏名称商标侵权案" class="w-full h-full object-cover">
                </div>
                <div class="p-6">
                    <div class="flex justify-between items-center mb-4">
                        <h4 class="text-xl font-bold text-primary">游戏名称商标侵权案</h4>
                        <span class="px-3 py-1 bg-green-100 text-green-800 rounded-full text-xs">商标权</span>
                    </div>
                    <h5 class="text-lg font-semibold mb-2">案情介绍</h5>
                    <p class="text-gray-600 mb-4">某游戏公司发现另一家公司使用与其注册商标高度相似的名称推出新游戏，严重影响了其市场份额。</p>
                    <h5 class="text-lg font-semibold mb-2">法律分析</h5>
                    <p class="text-gray-600 mb-4">我们通过商标相似度分析，证明被告使用的游戏名称构成对原告注册商标专用权的侵犯。</p>
                    <h5 class="text-lg font-semibold mb-2">判决结果</h5>
                    <p class="text-gray-600 font-medium">法院判决被告立即停止使用侵权名称，赔偿原告经济损失及商誉损失共计250万元。</p>
                </div>
            </div>
        </div>
        
        <div class="text-center mt-12">
            <a href="#inquiry" class="btn-primary inline-block bg-primary hover:bg-blue-700 text-white font-medium py-3 px-8 rounded-lg shadow-lg">
                咨询您的案例
            </a>
        </div>
    </div>
</section>

<!-- 侵权信息登记 -->
<section id="inquiry" class="py-16 bg-gray-50">
    <div class="container mx-auto px-4">
        <h3 class="text-3xl font-bold text-center mb-8 text-primary section-title">侵权信息登记询盘</h3>
        <p class="text-center text-gray-600 mb-10 max-w-3xl mx-auto">如果您发现有人侵犯了您的知识产权，请填写以下表单，我们的专业团队将尽快与您联系。</p>
        <div v-loading="loading" class="max-w-3xl mx-auto bg-white rounded-lg shadow-lg p-8">
            <form @submit.prevent="submitForm">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
                    <div>
                        <label for="ipname" class="block text-gray-700 font-medium mb-2">您持有IP主题名称 <span class="!text-red-500">*</span></label>
                        <el-input type="text" id="ipname" v-model="form.ipname" required class="w-full" placeholder="请输入" size="large" maxLength="100" />
                    </div>
                    <div>
                        <label class="block text-gray-700 font-medium mb-2">IP类型 <span class="!text-red-500">*</span></label>
                        <div class="flex space-x-4">
                            <select v-model="form.iptype" placeholder="请选择" required class="w-full px-4 py-[6px] border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent">
                                                                <option value="1">动漫</option>
                                                                <option value="2">游戏</option>
                                                                <option value="3">文创产品</option>
                                                                <option value="4">商标</option>
                                                                <option value="5">其他</option>
                                                            </select>
                        </div>
                    </div>
                </div>
                
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
                    <div>
                        <label for="company" class="block text-gray-700 font-medium mb-2">企业名称 <span class="!text-red-500">*</span></label>
                        <el-input type="text" id="company" v-model="form.company" required class="w-full" placeholder="请输入" size="large" maxLength="50" />
                    </div>
                    <div>
                        <label for="contact" class="block text-gray-700 font-medium mb-2">联系人 <span class="!text-red-500">*</span></label>
                        <el-input type="text" id="contact" v-model="form.contact" required class="w-full" placeholder="请输入" size="large" maxLength="10" />
                    </div>
                </div>
                
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
                    <div>
                        <label for="phone" class="block text-gray-700 font-medium mb-2">联系电话 <span class="!text-red-500">*</span></label>
                        <el-input type="tel" id="phone" v-model="form.phone" required pattern="^1[3-9]\d{9}$" class="w-full" placeholder="请输入" size="large" />
                        <p v-if="!isPhoneValid && form.phone" class="text-red-500 text-sm mt-1">请输入正确的手机号码</p>
                    </div>
                    <div>
                        <label for="email" class="block text-gray-700 font-medium mb-2">
                            电子邮件 <span class="!text-red-500">*</span>
                            <span class="text-sm text-gray-500">(IP侵权简报投递此邮箱)</span>
                        </label>
                        <el-input type="email" id="email" v-model="form.email" required class="w-full" placeholder="请填写正确邮件地址" size="large" />
                        <p v-if="!isEmailValid && form.email" class="text-red-500 text-sm mt-1">请输入正确的电子邮件地址</p>
                    </div>
                </div>
                
                <div class="mb-6">
                    <label for="description" class="block text-gray-700 font-medium mb-2">侵权情况描述 <span class="!text-red-500">*</span></label>
                    <el-input id="description" v-model="form.description" required class="w-full" placeholder="请输入" maxlength="100" show-word-limit size="large" />
                </div>
                <div class="mb-6 flex items-center">
                    <label for="captcha" class="text-gray-700 font-medium mb-2">验证码 <span class="!text-red-500">*</span>
                        <el-input id="captcha" v-model="form.captcha" required class="w-[100px]" placeholder="请输入" maxlength="4" size="large" />
                    </label>
                    <div class="ml-2" id="captchaImg"><img src='/captcha.html' alt='captcha'  onclick='this.src="/captcha.html?"+Math.random();' /></div>
                </div>
                
                <div class="text-center pt-5">
                    <button type="submit" :disabled="loading" class="btn-primary bg-accent hover:bg-orange-600 text-white font-medium py-3 px-8 rounded-lg shadow-lg">
                        提交信息-获得IP侵权简报
                    </button>
                </div>
            </form>
            
            <!-- 提交成功提示 -->
            <div v-if="submitSuccess" class="mt-6 p-4 bg-green-100 rounded-lg">
                <p class="text-center text-green-800">{{ submitSuccess }}</p>
            </div>
            <div v-if="submitError" class="mt-6 p-4 bg-red-100 rounded-lg">
                <p class="text-center text-red-500">{{ submitError }}</p>
            </div>
        </div>
    </div>
</section>

<!-- 联系我们 -->
<section id="contact" class="py-20" style="background: #fff url('/static/home/images/bg_map.jpg') no-repeat; background-position: center;">
    <div class="w-[980px] mx-auto">
        <h3 class="text-3xl font-bold text-center mb-12 text-primary section-title">联系我们</h3>
        <div class="bg-white rounded-lg shadow-lg p-8 opacity-85">
            <div class="flex items-center justify-center">
                <img src="/static/home/images/map.jpg" alt="律所环境" class="rounded-lg shadow-xl h-[380px]">
                <div class="ml-12">
                    <h4 class="text-2xl font-bold mb-6 text-primary">联系方式</h4>
                    <div class="space-y-6">
                        <div class="flex items-start">
                            <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mr-4 flex-shrink-0">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                                </svg>
                            </div>
                            <div>
                                <h5 class="text-lg font-semibold mb-1">地址</h5>
                                <p class="text-gray-600">西安市雁塔区东大街1号国贸大厦A座25层</p>
                            </div>
                        </div>
                        
                        <div class="flex items-start">
                            <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mr-4 flex-shrink-0">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
                                </svg>
                            </div>
                            <div>
                                <h5 class="text-lg font-semibold mb-1">电话</h5>
                                <p class="text-gray-600">400-888-8888</p>
                            </div>
                        </div>
                        
                        <div class="flex items-start">
                            <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mr-4 flex-shrink-0">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
                                </svg>
                            </div>
                            <div>
                                <h5 class="text-lg font-semibold mb-1">邮箱</h5>
                                <p class="text-gray-600">contact@ipzhidun.com</p>
                            </div>
                        </div>
                        
                        <div class="flex items-start">
                            <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mr-4 flex-shrink-0">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
                                </svg>
                            </div>
                            <div>
                                <h5 class="text-lg font-semibold mb-1">工作时间</h5>
                                <p class="text-gray-600">周一至周五：9:00 - 18:00</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- 页脚 -->
<footer class="bg-dark text-white pt-12 pb-4">
	<div class="container mx-auto px-4">
		<div class="flex flex-col md:flex-row justify-between items-center">
			<div class="mb-6 md:mb-0">
				<div class="flex items-center">
					<img src="/static/home/images/logo_320.png" alt="IP智盾法务咨询服务平台" class="h-10 w-10">
					<h2 class="ml-3 text-xl font-bold">IP智盾法务咨询服务平台</h2>
				</div>
				<p class="mt-2 text-primary">专业的IP知识产权法律服务提供商</p>
			</div>
			
			<div class="flex flex-col md:flex-row md:space-x-12">
				<div class="mb-4 md:mb-0">
					<h3 class="text-lg font-semibold mb-2">快速链接</h3>
					<ul class="space-y-1">
						<li><a href="#home" class="text-primary hover:text-white">首页</a></li>
						<li><a href="#ip-value" class="text-primary hover:text-white">IP知识产权</a></li>
						<li><a href="#professional" class="text-primary hover:text-white">专业能力</a></li>
						<li><a href="#cases" class="text-primary hover:text-white">案例研究</a></li>
					</ul>
				</div>
				
				<div>
					<h3 class="text-lg font-semibold mb-2">联系我们</h3>
					<ul class="space-y-1">
						<li class="text-primary">400-888-8888</li>
						<li class="text-primary">contact@ipzhidun.com</li>
						<li class="text-primary">西安市雁塔区国贸大厦A座25层</li>
					</ul>
				</div>
			</div>
		</div>
		
		<div class="border-t border-primary mt-4 pt-4 text-center text-primary text-sm">
			<p>&copy; 2026 IP智盾法务咨询平台. 保留所有权利.<a href="http://beian.miit.gov.cn" target="_blank" class="ml-2">陕ICP备17020380号-1</a></p>
		</div>
	</div>
</footer>

</div>

<script>
const { createApp, ref, reactive, computed } = Vue
createApp({
    setup() {
      const submitSuccess = ref('')
      const submitError = ref('')
      const loading = ref(false)
      const form = reactive({
          ipname: '',
          iptype: '',
          company: '',
          contact: '',
          phone: '',
          email: '',
          description: '',
          captcha: ''
      })
      const isPhoneValid = computed(() => {
          return /^1[3-9]\d{9}$/.test(form.phone) || form.phone === ''
      })
      const isEmailValid = computed(() => {
          return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.email) || form.email === ''
      })
      const resetForm = () => {
        form.ipname = ''
        form.iptype = ''
        form.company = ''
        form.contact = ''
        form.phone = ''
        form.email = ''
        form.description = ''
        form.captcha = ''
        loading.value = false
      }
      const submitForm = () => {
        submitSuccess.value = ''
        submitError.value = ''
        // 表单验证
        if (!form.ipname) {
            alert('请填写您持有IP主题名称')
            return
        }
        if (!form.iptype) {
            alert('请选择IP类型')
            return
        }
        if (!form.company) {
            alert('请填写您的企业名称')
            return
        }
        if (!form.contact) {
            alert('请填写联系人姓名')
            return
        }
        if (!form.phone) {
            alert('请填写联系电话')
            return
        }
        if (!form.email) {
            alert('请填写联系邮箱，IP侵权简报投递此邮箱')
            return
        }
        if (!form.description) {
            alert('请填写您的侵权情况描述')
            return
        }
        if (!isPhoneValid.value) {
            alert('请输入正确的手机号码')
            return
        }
        
        if (!isEmailValid.value) {
            alert('请输入正确的电子邮件地址')
            return
        }
        // 使用fetch 正式提交到接口
        fetch('/index/index/askSubmit', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(form)
        })
        .then(response => response.json())
        .then((res) => {
            if (res.code === 1) {
                // 处理成功逻辑，例如显示成功提示
                submitSuccess.value = res.msg
                // 重置表单
                resetForm()
                // 刷新验证码
                document.getElementById('captchaImg').querySelector('img').click()
            } else {
                // 处理失败逻辑，例如显示错误提示
                submitError.value = res.msg
                // 刷新验证码:captchaImg下的img标签click事件
                document.getElementById('captchaImg').querySelector('img').click()
                alert(res.msg)
            }
        })
        .catch(error => {
            console.error('提交失败:', error)
            // 处理失败逻辑，例如显示错误提示
            resetForm()
            submitSuccess.value = ''
            submitError.value = '提交失败，请稍后重试'
            alert('提交失败，请稍后重试')
        }).finally(() => {
            loading.value = false
        })
      }
      return {
        form,
        submitForm,
        submitSuccess,
        submitError,
        loading
      }
    }
})
.use(ElementPlus)
.mount('#app')
</script>

</body>
</html>