/* 惠买房官网 - 简洁样式 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "PingFang SC","Microsoft YaHei",sans-serif; color: #333; line-height: 1.6; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

/* 导航 */
.header { background: #fff; border-bottom: 1px solid #eee; position: sticky; top: 0; z-index: 10; }
.nav { display: flex; justify-content: space-between; align-items: center; height: 60px; }
.logo { font-size: 22px; font-weight: 700; color: #d0021b; text-decoration: none; }
.nav-links a { margin-left: 24px; color: #333; text-decoration: none; font-size: 15px; }
.nav-links a:hover { color: #d0021b; }

/* 主视觉 */
.hero { background: linear-gradient(135deg,#d0021b 0%,#ff4d4f 100%); color: #fff; text-align: center; padding: 80px 0; }
.hero h1 { font-size: 40px; margin-bottom: 12px; }
.hero p { font-size: 18px; opacity: .9; margin-bottom: 28px; }
.hero-badges { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }
.hero-badges span { border: 1px solid rgba(255,255,255,.6); border-radius: 20px; padding: 8px 20px; font-size: 14px; }

/* 区块 */
.section { padding: 60px 0; }
.gray { background: #f8f8f8; }
.section-title { text-align: center; font-size: 28px; margin-bottom: 36px; }

/* 能力卡片 */
.cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: 24px; }
.card { background: #fff; border-radius: 8px; padding: 28px 24px; box-shadow: 0 2px 12px rgba(0,0,0,.08); }
.card h3 { font-size: 18px; margin-bottom: 10px; color: #d0021b; }
.card p { color: #555; font-size: 14px; }

/* AI 特性 */
.ai-features { display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 24px; }
.ai-item { background: #fff; border-radius: 8px; padding: 28px 24px; text-align: center; box-shadow: 0 2px 12px rgba(0,0,0,.08); }
.ai-item h3 { font-size: 18px; margin-bottom: 10px; color: #d0021b; }
.ai-item p { color: #555; font-size: 14px; }

/* 关于 */
.about-text { max-width: 760px; margin: 0 auto; text-align: center; color: #555; font-size: 15px; }

/* 页脚 */
.footer { background: #333; color: #999; text-align: center; padding: 30px 0; font-size: 13px; }
.footer p { margin: 4px 0; }