@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --primary-color: #1B58BB;
  --primary-light: #3B82F6;
  --primary-dark: #0D3F8D;
  --bg-page: #F3F4F6;
  --bg-card: #FFFFFF;
  --text-main: #1F2937;
  --text-secondary: #6B7280;
  --border-default: #E5E7EB;
  --success: #10B981;
  --warning: #F59E0B;
  --danger: #EF4444;
  --info: #3B82F6;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  background-color: var(--bg-page);
  color: var(--text-main);
}

/* 政务卡片风格 */
.gov-card {
  background-color: var(--bg-card);
  border-radius: 8px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid var(--border-default);
}

/* 顶部品牌条渐变 */
.brand-gradient {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);
}

/* 状态标签 */
.status-tag {
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}

.status-pending { background-color: #DBEAFE; color: #1E40AF; }
.status-processing { background-color: #FEF3C7; color: #92400E; }
.status-success { background-color: #D1FAE5; color: #065F46; }
.status-danger { background-color: #FEE2E2; color: #991B1B; }

/* 安卓端容器模拟 */
.app-container {
  width: 375px;
  height: 812px;
  background: #f8fafc;
  overflow-y: auto;
  border: 12px solid #111;
  border-radius: 40px;
  position: relative;
}

.app-content {
  padding-bottom: 80px; /* 为底部导航留位 */
}

/* PC 端布局容器 */
.pc-layout {
  display: flex;
  height: 100vh;
  overflow: hidden;
}

.pc-sidebar {
  width: 240px;
  background-color: #001529;
  color: white;
  flex-shrink: 0;
}

.pc-main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  background-color: #f0f2f5;
  overflow-y: auto;
}

/* 隐藏全局滚动条，保持页面整洁 */
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent;
}
* {
  -ms-overflow-style: none;
  scrollbar-width: none;
}