<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
  <meta name="theme-color" content="#1a1a1a">
  <title>搜秀文化</title>
  <meta name="Title" content="搜秀文化">
  <meta name="Subject" content="搜秀文化">
  <meta name="Keywords" content="搜秀,搜秀数据,socialstar,搜秀文化,社会化媒体,社交媒体,社会化媒体营销,社会化营销,社交营销,抖音CID,淘宝CID,CID服务商,clickid投放">
  <meta name="Description" content="搜秀文化 - CID官方服务商">
  <!-- 引用Vue.js和饿了么UI的CDN -->
  <script src="/js/index.js"></script>
  <link rel="stylesheet" href="css/css.css">
  <link rel="stylesheet" href="css/index.css">
  <script src="/js/vue.min.js"></script>

</head>

<body>
  <div id="app" class="container">
    <el-container class="page-wrapper">
      <el-main class="main-content">
        <header class="brand-header">
          <img src="/img/souxiu.png" alt="搜秀文化" class="logo">
          <p class="tagline">上海搜秀文化传播有限公司，隶属于剧星传媒集团旗下，成立于2014年，为客户提供全链路整合营销服务。</p>
        </header>
        <section class="partner-section">
          <a href="http://www.visionstar.cn/" target="_blank" rel="noopener" class="partner-link">
            <img src="/img/logo.svg" alt="剧星传媒" class="jx-logo">
          </a>
        </section>
        <section class="qrcode-section">
          <img src="/img/visionstar.png" alt="剧星公众号二维码" class="public-account">
          <p class="qrcode-hint">关注剧星传媒公众号查看更多</p>
        </section>
      </el-main>
      <el-footer class="footer">
        <div class="footer-inner">
          <p class="footer-line">Copyright © {{ currentYear }} 搜秀文化. All Rights Reserved. SOCIALSTAR Ltd</p>
          <p class="footer-line">
            <a :href="icpLink" target="_blank" rel="nofollow">{{ icpNumber }}</a>
            <a :href="mpsLink" target="_blank" rel="nofollow">
              <img src="/img/beian.png" alt="网安备案" class="beian-logo">{{ mpsNumber }}
            </a>
          </p>
          <p class="footer-line">
            <a :href="telecomLink" target="_blank" rel="nofollow">{{ telecomNumber }}</a>
          </p>
        </div>
      </el-footer>
    </el-container>
  </div>
  <script>
    new Vue({
      el: '#app',
      data () {
        return {
          currentYear: new Date().getFullYear(),
          icpNumber: '沪ICP备14042765号',
          mpsNumber: '沪公网安备31010702008349号',
          icpLink: 'http://beian.miit.gov.cn',
          mpsLink: 'http://beian.mps.gov.cn/#/query/webSearch',
          telecomNumber: '增值电信业务经营许可证 沪B2-20200675',
          telecomLink: 'http://dxzhgl.miit.gov.cn/'
        }
      },
      created () {
        const hostname = window.location.hostname;
        if (hostname === 'souxiu.cn' || hostname === 'www.souxiu.cn') {
          this.mpsNumber = '沪公网安备31010702006560号';
        }
      }
    });
  </script>
</body>

</html>