<template>
  <div class="page-container">
    <header className="header flex items-center justify-between">
      <div class="logo">
        <img src="@/assets/image/logo.png" alt="logo" />
      </div>
      <div class="tabs">
        <div
          class="tab-item"
          :class="{ active: currentTab === 'home' }"
          @click="handleTabClick('home')"
        >
          首页
        </div>
        <div
          class="tab-item"
          :class="{ active: currentTab === 'company' }"
          @click="handleTabClick('company')"
        >
          公司概况
        </div>
        <div
          class="tab-item"
          :class="{ active: currentTab === 'business' }"
          @click="handleTabClick('business')"
        >
          业务介绍
        </div>
      </div>
    </header>
    <main>
      <section
        className="section-first"
        v-if="state.pageTitle === '实现技术突破，引领文艺创作技术革新'"
        style="background: #fff"
      >
        <div class="flex flex-wrap justify-center">
          <div
            class="w-full title mt-[298px] px-[180px] text-center div-indent"
          >
            实现技术突破，引领文艺创作技术革新
          </div>
          <div
            class="w-full text-center mt-[28px] text-[#455363] text-[40px] div-indent"
          >
            2025年02月07日 12时00分
          </div>
          <div class="mt-[63px] overflow-hidden div-indent">
            <img
              class="w-[1625px] h-[1003px]"
              src="@/assets/image/companyprofil/carouselShow-1.png"
            />
          </div>
          <div
            class="w-full px-[188px] text-[#455363] text-[40px] div-indent mt-[118px] mb-[275px]"
          >
            <div>
              在数字化浪潮以前所未有的态势席卷文艺领域的当下，文艺创作正经历着深刻变革。FiEE凭借着团队持之以恒的努力与创新精神，在文艺创作技术领域取得了具有里程碑意义的重大突破。
            </div>
            <div>
              历经无数个日夜的艰苦攻坚，FiEE自主研发的新一代智能创作辅助系统正式上线，宛如一颗冉冉升起的璀璨新星，为文艺创作开辟了全新的发展路径，给整个行业带来了前所未有的变革与机遇。
            </div>
            <div>
              研发过程中，技术团队遭遇了诸多棘手难题。在海量文艺作品数据的收集环节，需从不同年代、不同风格、不同类型的文艺作品中获取数据，涵盖古今中外的文学名著、影视佳作、音乐经典等，这些数据来源广泛且格式多样，收集难度极大。
              整理与分析时，既要确保数据的准确性和完整性，又要对不同类型的数据进行分类整合，以便后续的深度挖掘。
            </div>
            <div>
              人工智能算法的优化也绝非易事，团队需要不断调整算法参数，使其能够精准地从海量数据中提取有价值的信息。大数据模型的搭建更是复杂，要考虑到模型的稳定性、可扩展性以及与其他技术的兼容性。
            </div>
            <div>
              团队成员们查阅了海量的国内外资料，从前沿学术论文到行业实践案例，不放过任何一个可能的灵感来源。进行了无数次的实验和模拟，每一次实验都可能面临失败，但他们从未放弃，不断优化方案。
            </div>
            <div>
              比如在处理不同类型文艺作品数据的兼容性时，团队创新性地采用了多维度数据分类算法。这种算法通过对数据的时间维度、风格维度、题材维度等多个角度进行分析，将看似杂乱无章的数据进行有效分类，确保了数据的精准分析和利用，为后续的智能创作支持奠定了坚实基础。
              该智能创作辅助系统整合了人工智能、大数据等前沿技术，为创作者提供了全方位、智能化的创作支持。通过对海量文艺作品数据的深度挖掘与分析，系统能够精准洞察当下文艺创作的趋势与热点。
            </div>
            <div>
              在提高创作效率方面，系统的人工智能技术展现出强大实力。传统创作方式可能需要花费数月时间构思框架，而使用该系统，仅需几天时间就能生成初步框架，创作者只需在此基础上进行细节完善，大大缩短了创作周期。
            </div>
            <div>
              公司技术研发团队负责人在发布会上难掩激动之情："这次技术突破是我们团队长期以来辛勤付出的结晶，也是FiEE对文艺创作技术革新的一次大胆尝试。我们深知，在科技飞速发展的今天，只有不断创新，才能为文艺创作者提供更强大的创作工具，推动文艺创作朝着高质量、高效率的方向发展。"
            </div>
            <div>
              业内专家评价道："FiEE的这一技术突破，无疑为文艺创作领域注入了新的活力。它不仅提升了创作效率，更为创作者带来了全新的创作思路，为整个行业的数字化转型提供了宝贵的经验和借鉴。"
            </div>
            <div>
              此次技术突破，使FiEE在文艺科技领域的竞争力大幅提升，成为行业内的技术引领者。未来，FiEE将继续加大技术研发投入，广纳人才，不断探索创新，致力于为文艺产业的数字化转型提供更多、更优质的技术支持，推动文艺创作迈向新的高峰。
            </div>
          </div>
        </div>
      </section>

      <section
        className="section-sec"
        v-if="state.pageTitle.includes('全球化战略升级')"
        style="background: #fff"
      >
        <div class="flex flex-wrap justify-center">
          <div
            class="w-full title mt-[298px] px-[180px] text-center div-indent"
          >
            全球化战略升级，FiEE与30+国际平台达成战略合作，构建文艺传播新矩阵
          </div>
          <div
            class="w-full text-center mt-[28px] text-[#455363] text-[40px] div-indent"
          >
            2025年02月10日 10时30分
          </div>
          <div class="mt-[63px] overflow-hidden div-indent">
            <img
              class="w-[1625px] h-[1003px]"
              src="@/assets/image/companyprofil/carouselShow-2.png"
            />
          </div>
          <div
            class="w-full px-[188px] text-[#455363] text-[40px] div-indent mt-[118px] mb-[275px]"
          >
            <div>
              在全球文化交融以前所未有的迅猛之势加速推进的时代大背景下，文艺领域已然成为文化交流与创新的前沿阵地。作为文艺行业的领航者，FiEE
              以敏锐的战略眼光和果敢的行动力，积极投身于这场全球文化交流的浪潮之中。
            </div>
            <div>
              近日，FiEE 振奋人心地宣布与 TikTok、Instagram等 30
              余家国际头部自媒体平台达成深度战略合作，同时正式启动具有深远意义的
              “文艺无界计划”，矢志破除地域之间的文化藩篱，全力以赴助力文艺创作者登上广阔无垠的世界舞台。此次
              FiEE 与全球 30
              余家顶尖平台的深度携手，堪称一场全方位、深层次的资源整合与协同创新的盛会。
            </div>
            <div>
              在社交媒体领域，与 TikTok 的合作堪称一大亮点。TikTok
              以其独特的短视频生态和强大的算法推荐系统，在全球范围内吸引了数十亿用户。借助这一平台，FiEE
              能够将文艺创作者的精彩作品以极具感染力的短视频形式，迅速精准地推送给全球各地对文艺感兴趣的用户，轻松打破地域限制，引发全球范围内的热烈互动与关注。
            </div>
            <div>
              Instagram
              则凭借其精美的视觉呈现和活跃的社交氛围，为各类文艺作品搭建了一个绝佳的展示橱窗。在这里，创作者们的作品能够得到高水准的展示，收获海量粉丝的关注与点赞，极大地提升作品的曝光量与影响力，让艺术之美在全球范围内广泛传播。在垂直社区方面，与
              ArtStation
              等专业平台的合作，为不同文艺领域的创作者们营造了一个专业、纯粹的交流与展示空间。
            </div>
            <div>
              为确保 “文艺无界计划” 能够高效、有序地实施，FiEE
              制定了一系列详尽且切实可行的策略与措施。在内容创作环节，FiEE
              将邀请国际知名的文艺专家、创作者开展线上线下相结合的专业培训与指导课程，帮助创作者深入了解国际市场的审美偏好、文化需求以及流行趋势，从而提升作品的国际传播力。
            </div>
            <div>
              在推广运营方面，FiEE
              将整合各方优势资源，为创作者量身定制全方位、立体化的推广方案。一方面，积极举办线上创作比赛等活动，吸引全球用户的目光，迅速提升创作者的知名度与影响力；另一方面，充分利用社交媒体平台的广告投放、话题营销、达人合作等手段，精准推送创作者的作品，进一步扩大作品的传播范围，让更多人能够欣赏到优秀的文艺创作。
            </div>
            <div>
              可以预见，对于广大文艺创作者而言，此次合作无疑是一次千载难逢的发展机遇。他们将有机会与国际顶尖的艺术家、创作者进行深度交流与合作，接触到全球最前沿的创作理念与技术，从而拓宽自己的创作视野，提升创作水平。同时，通过多元化的平台矩阵，他们的作品能够获得前所未有的曝光量与认可度，实现商业价值的最大化，为自己的艺术生涯开辟更为广阔的发展空间。
            </div>
            <div>
              展望未来，FiEE
              将坚定不移地继续深化与国际平台的合作，不断优化和完善
              “文艺无界计划”，持续为文艺创作者提供更加优质、全面、高效的服务，助力他们在国际舞台上绽放出更加耀眼夺目的光芒，为推动全球文化的交流、融合与繁荣贡献更多的智慧与力量。
            </div>
          </div>
        </div>
      </section>

      <section
        className="section-third"
        v-if="state.pageTitle.includes('助力文艺创作者')"
        style="background: #fff"
      >
        <div class="flex flex-wrap justify-center">
          <div
            class="w-full title mt-[298px] px-[180px] text-center div-indent"
          >
            助力文艺创作者，FiEE 发布 “AI × 短视频” 全链路解决方案
          </div>
          <div
            class="w-full text-center mt-[28px] text-[#455363] text-[40px] div-indent"
          >
            2025年02月14日 12时30分
          </div>
          <div class="mt-[63px] overflow-hidden div-indent">
            <img
              class="w-[1625px] h-[1003px]"
              src="@/assets/image/companyprofil/carouselShow-3.png"
            />
          </div>
          <div
            class="w-full px-[188px] text-[#455363] text-[40px] div-indent mt-[118px] mb-[275px]"
          >
            <div>
              对于文艺创作者而言，创作瓶颈与效率低下是横亘在前行道路上的两座大山。构思一个吸引人的短视频脚本，常常需要耗费大量时间和精力，创作者们不仅要绞尽脑汁思考独特的创意，还要兼顾受众喜好和市场趋势。
            </div>
            <div>
              作品完成后的传播与推广，同样是一道难以跨越的鸿沟。在信息爆炸的时代，如何让自己的作品在海量内容中脱颖而出，精准触达目标受众，成为创作者们日思夜想的难题。
            </div>
            <div>
              传统的传播方式犹如撒网捕鱼，精准度严重不足，大量优质的文艺内容在传播过程中石沉大海，难以被真正感兴趣的受众发现。而且，用户互动性的欠缺也使得创作者无法深入挖掘用户需求，难以与受众建立起紧密的情感连接，作品难以真正
              “活” 起来，在传播的浪潮中显得孤立无援。
            </div>
            <div>
              在科技飞速发展的当下，人工智能与短视频行业正以前所未有的速度改变着文艺创作与传播的格局。
            </div>
            <div>
              作为文艺领域的创新先锋，FiEE
              紧跟时代步伐，积极探索技术与文艺的深度融合，今日正式发布 “AI ×
              短视频” 全链路解决方案，为文艺行业带来了一场革命性的变革。
            </div>
            <div>
              该解决方案集成了多项前沿 AI
              技术，具有多方面的显著优势。在内容创作环节，AI
              智能脚本生成工具能够根据创作者输入的主题、风格、受众等关键信息，快速生成创意十足的脚本。通过对海量优秀短视频脚本和文艺作品的学习，AI
              不仅能提供新颖的故事框架，还能精准匹配符合主题的情节与台词，大大缩短了创作周期。
            </div>
            <div>
              在内容传播与运营方面，AI
              大数据分析技术让短视频的推广更加精准有效。通过对用户的浏览历史、点赞评论行为、关注列表等多维度数据进行深度分析，系统能够精准洞察用户的兴趣偏好和需求，将文艺创作者的作品推送给真正感兴趣的受众群体。该解决方案的应用场景广泛，无论是专业的文艺创作者，还是怀揣文艺梦想的业余爱好者，都能从中受益。
            </div>
            <div>
              专业创作者可以借助 AI
              技术突破创作瓶颈，提升创作效率，创作出更具创新性和影响力的作品；业余爱好者则可以通过该方案降低创作门槛，轻松实现自己的创作想法，享受创作的乐趣。FiEE
              相关负责人表示：“我们一直关注着文艺创作者的需求和痛点，希望通过‘AI
              ×
              短视频’全链路解决方案，为他们提供全方位的支持和帮助。这不仅是一次技术的创新应用，更是我们助力文艺行业发展的一次重要实践。我们相信，在
              AI
              技术的加持下，文艺创作者们能够创作出更多优秀的作品，让文艺之光照亮更广阔的天地。”
            </div>
            <div>
              展望未来，FiEE 将持续投入研发力量，不断优化和完善 “AI × 短视频”
              全链路解决方案，探索更多 AI
              技术在文艺领域的应用场景，加强与行业伙伴的合作，共同推动文艺创作与传播的创新发展，为文艺创作者打造更加优质、高效的创作环境，助力文艺行业迈向新的高峰。
            </div>
          </div>
        </div>
      </section>

      <section
        className="section-four"
        v-if="state.pageTitle.includes('培育文艺领域明日之星')"
        style="background: #fff"
      >
        <div class="flex flex-wrap justify-center">
          <div
            class="w-full title mt-[298px] px-[180px] text-center div-indent"
          >
            FiEE启动 18 个月艺术 KOL 孵化，培育文艺领域明日之星
          </div>
          <div
            class="w-full text-center mt-[28px] text-[#455363] text-[40px] div-indent"
          >
            2025年02月19日 12时00分
          </div>
          <div class="mt-[63px] overflow-hidden div-indent">
            <img
              class="w-[1625px] h-[1003px]"
              src="@/assets/image/companyprofil/carouselShow-4.png"
            />
          </div>
          <div
            class="w-full px-[188px] text-[#455363] text-[40px] div-indent mt-[118px] mb-[275px]"
          >
            <div>
              在文艺产业蓬勃发展的当下，优质内容创作者的重要性愈发凸显。作为行业内的先锋企业，FiEE始终关注着文艺领域的人才培养与发展动态。
            </div>
            <div>
              今日，FiEE正式宣布启动一项精心筹备长达 18 个月的艺术 KOL
              孵化计划，旨在为文艺领域培育一批具有强大影响力的明日之星，推动整个行业的创新发展。随着社交媒体的兴起和内容传播方式的变革，KOL
              在文艺领域的传播与推广中扮演着关键角色。他们不仅是优质内容的创作者，更是连接文艺作品与广大受众的桥梁。
            </div>
            <div>
              然而，培养一位成熟且具有广泛影响力的艺术 KOL
              并非一蹴而就，需要系统的规划、专业的指导以及充足的实践机会。FiEE敏锐地洞察到这一市场需求，投入大量资源，精心策划了此次为期
              18
              个月的孵化计划。此次孵化计划目标明确，旨在挖掘并培养一批在文艺领域具有潜力的创作者，帮助他们成长为在国内外具有较高知名度和影响力的艺术
              KOL。
            </div>
            <div>
              通过这一计划，不仅能够为这些创作者提供广阔的发展空间，还能为文艺市场注入新鲜血液，推动文艺作品的多元化传播。在实施内容上，计划涵盖多个维度，全方位助力创作者成长。在专业培训环节，公司邀请了来自不同艺术领域的知名专家和学者，为创作者们提供系统且深入的课程培训。
            </div>
            <div>
              这些课程内容丰富，既包括艺术创作技巧的提升，如绘画中的色彩运用、音乐创作中的旋律编排等，也涵盖新媒体运营知识，如社交媒体营销策略、粉丝互动技巧等，以及商业管理方面的课程，帮助创作者了解文艺市场的运作规律，实现作品的商业价值转化。同时，为确保每位创作者都能得到个性化的指导，公司还为他们配备了一对一的导师，导师将根据创作者的特点和需求，提供针对性的建议和帮助。
            </div>
            <div>
              资源对接也是孵化计划的重要组成部分。FiEE凭借多年在行业内积累的深厚资源和广泛的合作伙伴关系，为创作者搭建了与品牌、媒体、平台等对接的桥梁。创作者们有机会与知名品牌合作，为其创作具有艺术价值的宣传内容；与媒体合作，参与文艺专题报道和节目制作；与各大文艺平台合作，发布自己的作品，扩大作品的传播范围。
            </div>
            <div>
              FiEE艺术 KOL
              孵化项目负责人在启动仪式上表示：“我们坚信，每一位参与孵化计划的创作者都具有无限的潜力。这
              18
              个月的时间，将是他们成长的关键时期。FiEE将全力为他们提供支持和帮助，让他们在艺术创作的道路上越走越远，成为文艺领域的中流砥柱。”
            </div>
            <div>
              展望未来，此次 18 个月艺术 KOL
              孵化计划的实施，有望为文艺领域培养出一批具有独特风格和广泛影响力的
              KOL。
            </div>
            <div>
              他们将通过自己的作品和影响力，吸引更多人关注文艺，推动文艺作品的传播与创新，为文艺产业的繁荣发展贡献重要力量。FiEE也将持续关注创作者的成长，不断优化孵化计划，为文艺领域的人才培养探索更多有效的模式。
            </div>
          </div>
        </div>
      </section>

      <section
        className="section-five"
        v-if="state.pageTitle.includes('多元人才汇聚')"
        style="background: #fff"
      >
        <div class="flex flex-wrap justify-center">
          <div
            class="w-full title mt-[298px] px-[180px] text-center div-indent"
          >
            多元人才汇聚，FiEE 构筑文艺创新发展基石
          </div>
          <div
            class="w-full text-center mt-[28px] text-[#455363] text-[40px] div-indent"
          >
            2025年02月20日 12时00分
          </div>
          <div class="mt-[63px] overflow-hidden div-indent">
            <img
              class="w-[1625px] h-[1003px]"
              src="@/assets/image/companyprofil/carouselShow-5.png"
            />
          </div>
          <div
            class="w-full px-[188px] text-[#455363] text-[40px] div-indent mt-[118px] mb-[275px]"
          >
            <div>
              在当下文艺行业蓬勃发展、百花齐放的黄金时代，创新俨然成为引领行业持续进步、突破传统格局的关键要素。而追根溯源，人才作为创新的核心驱动力，其重要性不言而喻。
            </div>
            <div>
              FiEE
              深明此理，以海纳百川的胸怀和高瞻远瞩的战略眼光，积极广纳贤才，精心汇聚运营专家、技术精英以及国际顾问，成功打造出一支专业素养过硬、知识结构多元的卓越团队，为公司在文艺领域的创新征程筑牢了坚不可摧的发展根基。
            </div>
            <div>
              运营专家团队堪称 FiEE
              在文艺领域稳健前行的领航灯塔。他们在文艺行业这片广阔天地中深耕多年，凭借丰富的实战经验和对市场的深度理解，练就了敏锐捕捉市场动态的能力，对受众喜好的把握更是精准入微。
            </div>
            <div>
              他们借助大数据分析和实地市场调研，深入研究不同年龄段、不同地域受众的文化背景和兴趣偏好，精准定位目标受众，为文艺创作者提供极具针对性的创作方向。他们会深入剖析当下的社会热点和观众的精神需求，巧妙融入时代元素，让作品既有深度又具吸引力。通过独特的创意策划，从项目起步阶段就成功吸引观众的目光，为后续的成功奠定坚实基础。
            </div>
            <div>
              随着科技与文艺的融合趋势愈发显著，技术精英成为 FiEE
              创新发展的强劲引擎。
            </div>
            <div>
              公司积极招徕掌握人工智能、大数据、虚拟现实等前沿技术的专业人才，为文艺创作注入科技活力。在内容创作过程中，这些技术精英充分发挥人工智能辅助创作工具的优势，为文艺创作者提供源源不断的灵感启发。利用虚拟现实（VR）和增强现实（AR）技术，让作品与观众进行深度互动，极大地拓展了文艺作品的表现形式和传播范围。
            </div>
            <div>
              在全球化的时代浪潮下，国际顾问团队为 FiEE
              带来了广阔的全球视野和多元的文化视角。他们来自世界各地，对不同国家和地区的文艺市场规则、审美偏好以及文化差异有着深入的了解。在FiEE将本土优秀文艺作品推向世界的过程中，国际顾问团队发挥着关键作用。这不仅为本土文艺创作者带来了新的创作思路和启发，也提升了FiEE在国际文艺领域的影响力。
            </div>
            <div>
              正是因为有了运营专家、技术精英和国际顾问等多元人才的汇聚，FiEE得以通过跨界合作与资源整合，突破传统文艺的边界，探索文艺新表达。FiEE与科技企业、时尚品牌、教育机构等展开广泛合作，将文艺与科技、时尚、教育等领域深度融合，创造出一系列新颖的文艺产品和服务。依托前沿技术与精准营销，FiEE
              助力众多文艺作品实现了商业价值与社会影响力的双重提升，为文艺的繁荣发展注入了持久动力。
            </div>
            <div>
              展望未来，FiEE
              将继续秉持开放、包容的人才理念，不断完善人才战略，吸引更多优秀人才加入。我们坚信，在多元人才的共同努力下，FiEE
              将在文艺创新发展的道路上不断前行，为推动全球文艺事业的繁荣做出更大的贡献。
            </div>
          </div>
        </div>
      </section>

      <section
        style="background: #fff"
        className="flex flex-wrap justify-center"
      >
        <img
          class="w-[580px] h-[55px] my-[85px]"
          src="@/assets/image/image-footer.png"
          alt="logo"
        />
      </section>
    </main>
  </div>
</template>

<script setup>
import {
  onUnmounted,
  ref,
  onMounted,
  reactive,
  nextTick,
  onBeforeMount,
} from "vue";
import { useHome } from "@/store/home/index.js";
import { useRoute } from "vue-router";
const state = reactive({
  pageTitle: "",
});

const { currentTab } = useHome();
const route = useRoute();
onBeforeMount(() => {
  state.pageTitle = route.query.title;
});
onMounted(() => {});
onUnmounted(() => {});
</script>

<style scoped lang="scss">
.page-container {
  width: 100%;
  overflow-x: hidden;
  position: relative;
}

.header {
  width: 100%;
  height: 155px;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 10rem;
  background-color: transparent;
}
.logo {
  img {
    width: 270px;
    height: 83px;
  }
}
.tabs {
  display: flex;
  gap: 32px;
  margin-right: 32px;
}

.tab-item {
  font-size: 30px;
  color: #000000;
  cursor: pointer;
  transition: color 0.3s ease;
  padding: 4px 8px;

  &.active {
    color: #8b59fa;
  }

  &:hover {
    color: #8b59fa;
  }
}

.title {
  font-size: 85px;
  font-weight: 600;
}

.div-indent {
  text-indent: 2em; // Adjust the value as needed for the desired indent
  line-height: 75px;
}
.title {
  line-height: 110px;
  color: #10253e;
}
</style>
