/* style.css - 通用样式文件 */
* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
}

body { 
    font-family: 'Microsoft YaHei', sans-serif; 
    line-height: 1.6; 
    color: #333;
}

.container { 
    width: 90%; 
    max-width: 1200px; 
    margin: 0 auto; 
}

/* 头部样式 */
header { 
    background: #2c3e50; 
    color: white; 
    padding: 1rem 0; 
}

.header-content { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
}

.logo { 
    font-size: 1.5rem; 
    font-weight: bold; 
}

nav ul { 
    display: flex; 
    list-style: none; 
}

nav ul li { 
    margin-left: 2rem; 
}

nav ul li a { 
    color: white; 
    text-decoration: none; 
    transition: color 0.3s;
}

nav ul li a:hover { 
    color: #3498db; 
}

/* 房源网格 */
.properties-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
    gap: 2rem; 
    padding: 3rem 0; 
}

.property-card { 
    border: 1px solid #ddd; 
    border-radius: 8px; 
    overflow: hidden; 
    transition: transform 0.3s, box-shadow 0.3s;
}

.property-card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 5px 15px rgba(0,0,0,0.1); 
}

.property-image { 
    height: 200px; 
    background: #f5f5f5; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    color: #666; 
}

.property-info { 
    padding: 1.5rem; 
}

.property-price { 
    color: #e74c3c; 
    font-size: 1.25rem; 
    font-weight: bold; 
    margin: 0.5rem 0; 
}

.property-meta { 
    color: #666; 
    font-size: 0.9rem; 
    margin: 0.5rem 0; 
}

/* 页脚 */
footer { 
    background: #34495e; 
    color: white; 
    text-align: center; 
    padding: 2rem 0; 
    margin-top: 3rem; 
}

/* 响应式 */
@media (max-width: 768px) {
    .header-content { 
        flex-direction: column; 
        text-align: center; 
    }
    
    nav ul { 
        margin-top: 1rem; 
        flex-wrap: wrap;
        justify-content: center;
    }
    
    nav ul li { 
        margin: 0.5rem 1rem; 
    }
    
    .properties-grid {
        grid-template-columns: 1fr;
    }
}