* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background: #f5f5f5; color: #333; font-size: 14px; line-height: 1.5; }
.container { max-width: 800px; margin: 0 auto; padding-bottom: 60px; }

/* 登录页面 */
.login-page { min-height: 100vh; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; align-items: center; justify-content: center; padding: 20px; }
.login-box { background: white; border-radius: 10px; padding: 30px; width: 100%; max-width: 400px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
.login-title { text-align: center; margin-bottom: 30px; }
.login-title h1 { color: #667eea; margin-bottom: 10px; font-size: 24px; }
.form-group { margin-bottom: 20px; }
.form-control { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 16px; }
.btn-primary { width: 100%; padding: 12px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 5px; font-size: 16px; font-weight: 500; cursor: pointer; }
.alert-error { background: #fee; color: #e74c3c; padding: 10px; border-radius: 5px; margin-bottom: 20px; text-align: center; }
.alert-success { background: #efe; color: #2ecc71; padding: 10px; border-radius: 5px; margin-bottom: 20px; text-align: center; }

/* 头部 */
.header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 15px; position: sticky; top: 0; z-index: 100; }
.header-content { display: flex; justify-content: space-between; align-items: center; }
.user-info { font-size: 14px; }
.logout-btn, .back-btn { background: rgba(255,255,255,0.2); border: none; color: white; padding: 5px 10px; border-radius: 3px; font-size: 12px; cursor: pointer; text-decoration: none; }

/* 搜索框 */
.search-box { padding: 15px; background: white; margin: 10px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.search-input { width: 100%; padding: 10px 15px; border: 1px solid #e0e0e0; border-radius: 20px; font-size: 14px; }

/* 按钮样式 */
.btn-add { display: block; width: 95%; margin: 10px auto; padding: 12px; background: #2ecc71; color: white; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; text-align: center; text-decoration: none; }
.btn-submit { background: #667eea; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 14px; }
.btn-cancel { background: #95a5a6; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 14px; margin-left: 10px; }

/* 数据卡片 */
.data-card { background: white; margin: 10px; border-radius: 8px; padding: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); cursor: pointer; }
.card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.card-title { font-size: 16px; font-weight: 600; color: #333; }
.card-badge { background: #e6f7ff; color: #1890ff; padding: 2px 8px; border-radius: 10px; font-size: 12px; }
.card-content { color: #666; font-size: 13px; margin-bottom: 10px; }
.card-meta { display: flex; justify-content: space-between; color: #999; font-size: 12px; padding-top: 10px; border-top: 1px solid #f0f0f0; }

/* 详情页样式 */
.detail-section { margin-bottom: 15px; }
.detail-label { color: #666; font-weight: 500; margin-bottom: 5px; }
.detail-value { color: #333; padding: 8px; background: #f8f9fa; border-radius: 4px; word-break: break-all; }
.btn-edit { background: #faad14; color: white; text-decoration: none; padding: 8px 15px; border-radius: 4px; border: none; cursor: pointer; font-size: 14px;}.btn-edit:hover { background: #d48806;}

/* 跟进记录 */
.follow-item { background: white; border-radius: 8px; padding: 15px; margin-bottom: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.follow-content { color: #333; line-height: 1.6; margin-bottom: 10px; }
.follow-meta { display: flex; justify-content: space-between; color: #999; font-size: 12px; }
.follow-form { background: white; padding: 20px; margin: 10px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }

/* 空状态 */
.empty-state { text-align: center; padding: 60px 20px; color: #999; }
.empty-icon { font-size: 50px; margin-bottom: 15px; opacity: 0.3; }

/* 底部导航 */
.bottom-nav { position: fixed; bottom: 0; left: 0; right: 0; background: white; display: flex; justify-content: space-around; padding: 10px 0; border-top: 1px solid #eee; z-index: 1000; }
.nav-item { text-align: center; color: #999; font-size: 12px; flex: 1; text-decoration: none; }
.nav-item.active { color: #667eea; }
.nav-icon { font-size: 20px; margin-bottom: 3px; }

/* 表单样式 */
.form-page { padding: 15px; }
.form-row { margin-bottom: 15px; }
.form-label { display: block; margin-bottom: 5px; color: #666; font-weight: 500; }
textarea.form-control { min-height: 100px; resize: vertical; }

/* 响应式 */
@media (max-width: 480px) {
    .container { padding-bottom: 70px; }
    .data-card { margin: 8px; padding: 12px; }
    .login-box { padding: 20px; }
}