<template>
  <div class="page-container">
    <div class="glass-card">
      <div class="header">
        <a-space size="middle">
          <div class="icon-wrapper">
            <GlobalOutlined class="icon" />
          </div>
          <div>
            <h2 class="title">网络民意监测</h2>
            <p class="subtitle">采集贴吧、微博、论坛等网络平台的警务负面舆情，并生成督察监测警报。</p>
          </div>
        </a-space>
      </div>

      <div class="content-box">
        <div class="table-placeholder">
          <a-empty description="网络民意监测中心/涉警舆情预警系统对接中" />
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import { GlobalOutlined } from '@ant-design/icons-vue';
</script>

<style scoped>
.icon-wrapper {
  background: linear-gradient(135deg, #0050b3 0%, #096dd9 100%);
}
</style>